feat(UnavailableContent): Rename props (#717)

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsMultiContentCardRemoveProps/component-groups-multi-content-card-remove-props.md

@@ -1,4 +1,4 @@
-### component-groups-multi-content-card-remove-props [(#145)](https://github.com/patternfly/patternfly-react/pull/145)
+### component-groups-multi-content-card-remove-props [(react-component-groups/#145)](https://github.com/patternfly/react-component-groups/pull/145)
 
 The `leftBorderVariant` and `withHeaderBorder` props have been removed from MultiContentCard.
 

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsUnavailableContentRenameProps/component-groups-unavailable-content-rename-props.md

@@ -0,0 +1,23 @@
+### component-groups-unavailable-content-rename-props [(react-component-groups/#145)](https://github.com/patternfly/react-component-groups/pull/145)
+
+The UnavailableContent component of React Component Groups has had the following props renamed:
+
+| Old prop name                       | New prop name      |
+| ----------------------------------- | ------------------ |
+| `unavailableTitleText`              | `titleText`        |
+| `unavailableBodyPreStatusLinkText`  | `preLinkBodyText`  |
+| `unavailableBodyPostStatusLinkText` | `postLinkBodyText` |
+
+#### Examples
+
+In:
+
+```jsx
+%inputExample%
+```
+
+Out:
+
+```jsx
+%outputExample%
+```

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsUnavailableContentRenameProps/component-groups-unavailable-content-rename-props.test.ts

@@ -0,0 +1,58 @@
+const ruleTester = require("../../ruletester");
+import * as rule from "./component-groups-unavailable-content-rename-props";
+
+const renames = [
+  { oldName: "unavailableTitleText", newName: "titleText" },
+  { oldName: "unavailableBodyPreStatusLinkText", newName: "preLinkBodyText" },
+  { oldName: "unavailableBodyPostStatusLinkText", newName: "postLinkBodyText" },
+];
+
+const errors = renames.map(
+  ({ oldName, newName }: { oldName: string; newName: string }) => ({
+    message: `The \`${oldName}\` prop for UnavailableContent has been renamed to \`${newName}\`.`,
+    type: "JSXOpeningElement",
+  })
+);
+
+ruleTester.run("component-groups-unavailable-content-rename-props", rule, {
+  valid: [
+    {
+      code: `<UnavailableContent unavailableTitleText />`,
+    },
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups'; <UnavailableContent someOtherProp />`,
+    },
+  ],
+  invalid: [
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups'; <UnavailableContent unavailableTitleText="foo" unavailableBodyPreStatusLinkText="bar" unavailableBodyPostStatusLinkText="bash" />`,
+      output: `import { UnavailableContent } from '@patternfly/react-component-groups'; <UnavailableContent titleText="foo" preLinkBodyText="bar" postLinkBodyText="bash" />`,
+      errors,
+    },
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups'; const foo = "foo"; const bar = "bar"; const bash = "bash"; <UnavailableContent unavailableTitleText={foo} unavailableBodyPreStatusLinkText={bar} unavailableBodyPostStatusLinkText={bash} />`,
+      output: `import { UnavailableContent } from '@patternfly/react-component-groups'; const foo = "foo"; const bar = "bar"; const bash = "bash"; <UnavailableContent titleText={foo} preLinkBodyText={bar} postLinkBodyText={bash} />`,
+      errors,
+    },
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/js/UnavailableContent'; <UnavailableContent unavailableTitleText="foo" unavailableBodyPreStatusLinkText="bar" unavailableBodyPostStatusLinkText="bash" />`,
+      output: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/js/UnavailableContent'; <UnavailableContent titleText="foo" preLinkBodyText="bar" postLinkBodyText="bash" />`,
+      errors,
+    },
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/esm/UnavailableContent'; <UnavailableContent unavailableTitleText="foo" unavailableBodyPreStatusLinkText="bar" unavailableBodyPostStatusLinkText="bash" />`,
+      output: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/esm/UnavailableContent'; <UnavailableContent titleText="foo" preLinkBodyText="bar" postLinkBodyText="bash" />`,
+      errors,
+    },
+    {
+      code: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/dynamic/UnavailableContent'; <UnavailableContent unavailableTitleText="foo" unavailableBodyPreStatusLinkText="bar" unavailableBodyPostStatusLinkText="bash" />`,
+      output: `import { UnavailableContent } from '@patternfly/react-component-groups/dist/dynamic/UnavailableContent'; <UnavailableContent titleText="foo" preLinkBodyText="bar" postLinkBodyText="bash" />`,
+      errors,
+    },
+    {
+      code: `import UC from '@patternfly/react-component-groups/dist/dynamic/UnavailableContent'; <UC unavailableTitleText="foo" unavailableBodyPreStatusLinkText="bar" unavailableBodyPostStatusLinkText="bash" />`,
+      output: `import UC from '@patternfly/react-component-groups/dist/dynamic/UnavailableContent'; <UC titleText="foo" preLinkBodyText="bar" postLinkBodyText="bash" />`,
+      errors,
+    },
+  ],
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsUnavailableContentRenameProps/component-groups-unavailable-content-rename-props.ts

@@ -0,0 +1,35 @@
+import { renameProps } from "../../helpers";
+import { Renames } from "../../helpers/renameSinglePropOnNode";
+
+// https://github.com/patternfly/react-component-groups/pull/145
+
+const formatMessage = (oldPropName: string, newPropName: string) =>
+  `The \`${oldPropName}\` prop for UnavailableContent has been renamed to \`${newPropName}\`.`;
+
+const renames: Renames = {
+  UnavailableContent: {
+    unavailableTitleText: {
+      newName: "titleText",
+      message: formatMessage("unavailableTitleText", "titleText"),
+    },
+    unavailableBodyPreStatusLinkText: {
+      newName: "preLinkBodyText",
+      message: formatMessage(
+        "unavailableBodyPreStatusLinkText",
+        "preLinkBodyText"
+      ),
+    },
+    unavailableBodyPostStatusLinkText: {
+      newName: "postLinkBodyText",
+      message: formatMessage(
+        "unavailableBodyPostStatusLinkText",
+        "postLinkBodyText"
+      ),
+    },
+  },
+};
+
+module.exports = {
+  meta: { fixable: "code" },
+  create: renameProps(renames, "@patternfly/react-component-groups"),
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsUnavailableContentRenameProps/componentGroupsUnavailableContentRenamePropsInput.tsx

@@ -0,0 +1,9 @@
+import { UnavailableContent } from "@patternfly/react-component-groups";
+
+export const ComponentGroupsUnavailableContentRenamePropsInput = () => (
+  <UnavailableContent
+    unavailableTitleText="foo"
+    unavailableBodyPreStatusLinkText="bar"
+    unavailableBodyPostStatusLinkText="bash"
+  />
+);

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsUnavailableContentRenameProps/componentGroupsUnavailableContentRenamePropsOutput.tsx

@@ -0,0 +1,9 @@
+import { UnavailableContent } from "@patternfly/react-component-groups";
+
+export const ComponentGroupsUnavailableContentRenamePropsInput = () => (
+  <UnavailableContent
+    titleText="foo"
+    preLinkBodyText="bar"
+    postLinkBodyText="bash"
+  />
+);