feat(ErrorState componentGroup): rename props (#711)

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsErrorStateRenameProps/componentGroups-errorState-rename-props.md

@@ -0,0 +1,18 @@
+### componentGroups-errorState-rename-props [(react-component-groups/#145)](https://github.com/patternfly/react-component-groups/pull/145)
+
+In react-component-groups, we've renamed some ErrorState props to comply with its base component - EmptyState.
+
+#### Examples
+
+In:
+
+```jsx
+%inputExample%
+```
+
+Out:
+
+```jsx
+%outputExample%
+```
+

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsErrorStateRenameProps/componentGroups-errorState-rename-props.test.ts

@@ -0,0 +1,81 @@
+const ruleTester = require("../../ruletester");
+import * as rule from "./componentGroups-errorState-rename-props";
+
+const renameMap = {
+  errorTitle: "titleText",
+  errorDescription: "bodyText",
+  defaultErrorDescription: "defaultBodyText",
+};
+
+ruleTester.run("componentGroups-errorState-rename-props", rule, {
+  valid: [
+    {
+      code: `<ErrorState errorTitle="" />`,
+    },
+    {
+      code: `<ErrorState errorDescription="" />`,
+    },
+    {
+      code: `<ErrorState defaultErrorDescription="" />`,
+    },
+    {
+      code: `import { ErrorState } from '@patternfly/react-component-groups'; <ErrorState someOtherProp />`,
+    },
+  ],
+  invalid: [
+    {
+      code: `import { ErrorState } from '@patternfly/react-component-groups';
+      <ErrorState
+        errorTitle="Sample error title"
+        errorDescription="Sample error description"
+        defaultErrorDescription="Sample default error description"
+      />`,
+      output: `import { ErrorState } from '@patternfly/react-component-groups';
+      <ErrorState
+        titleText="Sample error title"
+        bodyText="Sample error description"
+        defaultBodyText="Sample default error description"
+      />`,
+      errors: Object.entries(renameMap).map(([oldName, newName]) => ({
+        message: `The ${oldName} prop for ErrorState has been renamed to ${newName}.`,
+        type: "JSXOpeningElement",
+      })),
+    },
+    {
+      code: `import ErrorState from '@patternfly/react-component-groups/dist/cjs/ErrorState/index';
+      <ErrorState errorTitle="Sample error title" />`,
+      output: `import ErrorState from '@patternfly/react-component-groups/dist/cjs/ErrorState/index';
+      <ErrorState titleText="Sample error title" />`,
+      errors: [
+        {
+          message: `The errorTitle prop for ErrorState has been renamed to titleText.`,
+          type: "JSXOpeningElement",
+        },
+      ],
+    },
+    {
+      code: `import ErrorState from '@patternfly/react-component-groups/dist/esm/ErrorState/index';
+      <ErrorState errorTitle="Sample error title" />`,
+      output: `import ErrorState from '@patternfly/react-component-groups/dist/esm/ErrorState/index';
+      <ErrorState titleText="Sample error title" />`,
+      errors: [
+        {
+          message: `The errorTitle prop for ErrorState has been renamed to titleText.`,
+          type: "JSXOpeningElement",
+        },
+      ],
+    },
+    {
+      code: `import ErrorState from '@patternfly/react-component-groups/dist/dynamic/ErrorState';
+      <ErrorState errorTitle="Sample error title" />`,
+      output: `import ErrorState from '@patternfly/react-component-groups/dist/dynamic/ErrorState';
+      <ErrorState titleText="Sample error title" />`,
+      errors: [
+        {
+          message: `The errorTitle prop for ErrorState has been renamed to titleText.`,
+          type: "JSXOpeningElement",
+        },
+      ],
+    },
+  ],
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsErrorStateRenameProps/componentGroups-errorState-rename-props.ts

@@ -0,0 +1,29 @@
+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 ErrorState has been renamed to ${newPropName}.`;
+
+const renames: Renames = {
+  ErrorState: {
+    errorTitle: {
+      newName: "titleText",
+      message: formatMessage("errorTitle", "titleText"),
+    },
+    errorDescription: {
+      newName: "bodyText",
+      message: formatMessage("errorDescription", "bodyText"),
+    },
+    defaultErrorDescription: {
+      newName: "defaultBodyText",
+      message: formatMessage("defaultErrorDescription", "defaultBodyText"),
+    },
+  },
+};
+
+module.exports = {
+  meta: { fixable: "code" },
+  create: renameProps(renames, "@patternfly/react-component-groups"),
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsErrorStateRenameProps/componentGroupsErrorStateRenamePropsInput.tsx

@@ -0,0 +1,9 @@
+import { ErrorState } from "@patternfly/react-component-groups";
+
+export const ComponentGroupsErrorStateRenamePropsInput = () => (
+  <ErrorState
+    errorTitle="Sample error title"
+    errorDescription="Sample error description"
+    defaultErrorDescription="Sample default error description"
+  />
+);

packages/eslint-plugin-pf-codemods/src/rules/v6/componentGroupsErrorStateRenameProps/componentGroupsErrorStateRenamePropsOutput.tsx

@@ -0,0 +1,9 @@
+import { ErrorState } from "@patternfly/react-component-groups";
+
+export const ComponentGroupsErrorStateRenamePropsInput = () => (
+  <ErrorState
+    titleText="Sample error title"
+    bodyText="Sample error description"
+    defaultBodyText="Sample default error description"
+  />
+);