feat(Checkbox/Radio): replace isLabelBeforeButton with labelPosition=…

…"start" (#587)

* feat(Checkbox/Radio): replace isLabelBeforeButton with labelPosition="start"

* feat(Checkbox/Radio): add rule to Beta rules before React PR is merged

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

@@ -1,5 +1,6 @@
 // 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",
   "menuItemAction-warn-update-markup",
   "menuToggle-warn-iconOnly-toggle",
 ];

packages/eslint-plugin-pf-codemods/src/rules/v6/checkboxRadioReplaceIsLabelBeforeButton/checkbox-radio-replace-isLabelBeforeButton.md

@@ -0,0 +1,17 @@
+### checkbox-radio-replace-isLabelBeforeButton [(#10016)](https://github.com/patternfly/patternfly-react/pull/10016)
+
+The `isLabelBeforeButton` prop in Checkbox and Radio has been replaced with `labelPosition="start"`
+
+#### Examples
+
+In:
+
+```jsx
+%inputExample%
+```
+
+Out:
+
+```jsx
+%outputExample%
+```

packages/eslint-plugin-pf-codemods/src/rules/v6/checkboxRadioReplaceIsLabelBeforeButton/checkbox-radio-replace-isLabelBeforeButton.test.ts

@@ -0,0 +1,29 @@
+const ruleTester = require("../../ruletester");
+import * as rule from "./checkbox-radio-replace-isLabelBeforeButton";
+
+ruleTester.run("checkbox-radio-replace-isLabelBeforeButton", rule, {
+  valid: [
+    {
+      code: `<Checkbox isLabelBeforeButton />`,
+    },
+    {
+      code: `import { Checkbox } from '@patternfly/react-core'; <Checkbox someOtherProp />`,
+    },
+    {
+      code: `<Radio isLabelBeforeButton />`,
+    },
+    {
+      code: `import { Radio } from '@patternfly/react-core'; <Radio someOtherProp />`,
+    },
+  ],
+  invalid: ["Checkbox", "Radio"].map((component) => ({
+    code: `import { ${component} } from '@patternfly/react-core'; <${component} isLabelBeforeButton />`,
+    output: `import { ${component} } from '@patternfly/react-core'; <${component} labelPosition="start" />`,
+    errors: [
+      {
+        message: `isLabelBeforeButton prop for ${component} has been replaced with labelPosition="start"`,
+        type: "JSXOpeningElement",
+      },
+    ],
+  })),
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/checkboxRadioReplaceIsLabelBeforeButton/checkbox-radio-replace-isLabelBeforeButton.ts

@@ -0,0 +1,17 @@
+import { renameProps } from "../../helpers";
+
+const renames = {
+  isLabelBeforeButton: {
+    newName: 'labelPosition="start"',
+    replace: true,
+  },
+};
+
+// https://github.com/patternfly/patternfly-react/pull/10016
+module.exports = {
+  meta: { fixable: "code" },
+  create: renameProps({
+    Checkbox: renames,
+    Radio: renames,
+  }),
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/checkboxRadioReplaceIsLabelBeforeButton/checkboxRadioReplaceIsLabelBeforeButtonInput.tsx

@@ -0,0 +1,8 @@
+import { Checkbox, Radio } from "@patternfly/react-core";
+
+export const CheckboxReplaceIsLabelBeforeButtonInput = () => (
+  <Checkbox isLabelBeforeButton />
+);
+export const RadioReplaceIsLabelBeforeButtonInput = () => (
+  <Radio isLabelBeforeButton />
+);

packages/eslint-plugin-pf-codemods/src/rules/v6/checkboxRadioReplaceIsLabelBeforeButton/checkboxRadioReplaceIsLabelBeforeButtonOutput.tsx

@@ -0,0 +1,8 @@
+import { Checkbox, Radio } from "@patternfly/react-core";
+
+export const CheckboxReplaceIsLabelBeforeButtonInput = () => (
+  <Checkbox labelPosition="start" />
+);
+export const RadioReplaceIsLabelBeforeButtonInput = () => (
+  <Radio labelPosition="start" />
+);