feat(FormGroup): rename labelIcon to labelHelp (#581)

* feat(FormGroup): rename labelIcon to labelHelp

* prettier fix

* docs(FormGroup): use actual classname instead of token

* feat(FormGroup): add rule to Beta rules before React PR is merged

packages/eslint-plugin-pf-codemods/src/ruleCustomization.ts

@@ -1,6 +1,7 @@
 // if you want your rule to only run when explicitly called for using the --only flag, add the rule name to the below array
 export const betaRuleNames: string[] = [
   "checkbox-radio-replace-isLabelBeforeButton",
+  "formGroup-rename-labelIcon",
   "menuItemAction-warn-update-markup",
   "menuToggle-warn-iconOnly-toggle",
 ];

packages/eslint-plugin-pf-codemods/src/rules/v6/formGroupRenameLabelIcon/formGroup-rename-labelIcon.md

@@ -0,0 +1,17 @@
+### formGroup-rename-labelIcon [(#10016)](https://github.com/patternfly/patternfly-react/pull/10016)
+
+The `labelIcon` prop for FormGroup has been renamed to `labelHelp`. We recommend using FormGroupLabelHelp element for the labelHelp prop. The markup has also changed, we now wrap the labelHelp element in `<span className="pf-v6-c-form__group-label-help">`, so there is no need to add `className="pf-v6-c-form__group-label-help"` to the labelHelp element.
+
+#### Examples
+
+In:
+
+```jsx
+%inputExample%
+```
+
+Out:
+
+```jsx
+%outputExample%
+```

packages/eslint-plugin-pf-codemods/src/rules/v6/formGroupRenameLabelIcon/formGroup-rename-labelIcon.test.ts

@@ -0,0 +1,25 @@
+const ruleTester = require("../../ruletester");
+import * as rule from "./formGroup-rename-labelIcon";
+
+ruleTester.run("formGroup-rename-labelIcon", rule, {
+  valid: [
+    {
+      code: `<FormGroup labelIcon />`,
+    },
+    {
+      code: `import { FormGroup } from '@patternfly/react-core'; <FormGroup someOtherProp />`,
+    },
+  ],
+  invalid: [
+    {
+      code: `import { FormGroup } from '@patternfly/react-core'; <FormGroup labelIcon={<>Help icon</>} />`,
+      output: `import { FormGroup } from '@patternfly/react-core'; <FormGroup labelHelp={<>Help icon</>} />`,
+      errors: [
+        {
+          message: `The \`labelIcon\` prop for FormGroup has been renamed to \`labelHelp\`. We recommend using FormGroupLabelHelp element for the labelHelp prop. The markup has also changed, we now wrap the labelHelp element in \`<span className="pf-v6-c-form__group-label-help">\`, so there is no need to add \`className="pf-v6-c-form__group-label-help"\` to the labelHelp element.`,
+          type: "JSXOpeningElement",
+        },
+      ],
+    },
+  ],
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/formGroupRenameLabelIcon/formGroup-rename-labelIcon.ts

@@ -0,0 +1,14 @@
+import { renameProps } from "../../helpers";
+
+// https://github.com/patternfly/patternfly-react/pull/10016
+module.exports = {
+  meta: { fixable: "code" },
+  create: renameProps({
+    FormGroup: {
+      labelIcon: {
+        newName: "labelHelp",
+        message: `The \`labelIcon\` prop for FormGroup has been renamed to \`labelHelp\`. We recommend using FormGroupLabelHelp element for the labelHelp prop. The markup has also changed, we now wrap the labelHelp element in \`<span className="pf-v6-c-form__group-label-help">\`, so there is no need to add \`className="pf-v6-c-form__group-label-help"\` to the labelHelp element.`,
+      },
+    },
+  }),
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/formGroupRenameLabelIcon/formGroupRenameLabelIconInput.tsx

@@ -0,0 +1,5 @@
+import { FormGroup } from "@patternfly/react-core";
+
+export const FormGroupRenameLabelIconInput = () => (
+  <FormGroup labelIcon={<>Help icon</>} />
+);

packages/eslint-plugin-pf-codemods/src/rules/v6/formGroupRenameLabelIcon/formGroupRenameLabelIconOutput.tsx

@@ -0,0 +1,5 @@
+import { FormGroup } from "@patternfly/react-core";
+
+export const FormGroupRenameLabelIconInput = () => (
+  <FormGroup labelHelp={<>Help icon</>} />
+);