fix(Popper): updated default of appendTo prop (#688)

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

@@ -34,6 +34,7 @@ export const warningRules = [
   "overflowMenu-warn-updated-dropdownItem",
   "pageSection-warn-variantClasses-applied",
   "popover-warn-appendTo-default",
+  "popper-update-appendTo-default",
   "react-dropzone-warn-upgrade",
   "simpleFileUpload-warn-changes",
   "sliderStep-warn-update-markup",

packages/eslint-plugin-pf-codemods/src/rules/v6/popperUpdateAppendToDefault/popper-update-appendTo-default.md

@@ -0,0 +1,3 @@
+### popper-update-appendTo-default [(#10675)](https://github.com/patternfly/patternfly-react/pull/10675)
+
+The default value of appendTo on Dropdown, Select, and Popper has been updated to `document.body`.

packages/eslint-plugin-pf-codemods/src/rules/v6/popperUpdateAppendToDefault/popper-update-appendTo-default.test.ts

@@ -0,0 +1,103 @@
+const ruleTester = require("../../ruletester");
+import * as rule from "./popper-update-appendTo-default";
+
+ruleTester.run("popper-update-appendTo-default", rule, {
+  valid: [
+    {
+      code: `<Dropdown appendTo />`,
+    },
+    {
+      code: `import { Button } from '@patternfly/react-core';`,
+    },
+  ],
+  invalid: [
+    {
+      code: `import { Dropdown } from '@patternfly/react-core';`,
+      output: `import { Dropdown } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Dropdown as CustomThing } from '@patternfly/react-core';`,
+      output: `import { Dropdown as CustomThing } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Select } from '@patternfly/react-core';`,
+      output: `import { Select } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Select has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Popper } from '@patternfly/react-core';`,
+      output: `import { Popper } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Popper has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Dropdown, Select, Popper, Button } from '@patternfly/react-core';`,
+      output: `import { Dropdown, Select, Popper, Button } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+        {
+          message: `The default value of appendTo on Select has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+        {
+          message: `The default value of appendTo on Popper has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Dropdown } from '@patternfly/react-core/dist/esm/components/Dropdown/index.js';`,
+      output: `import { Dropdown } from '@patternfly/react-core/dist/esm/components/Dropdown/index.js';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Dropdown } from '@patternfly/react-core/dist/js/components/Dropdown/index.js';`,
+      output: `import { Dropdown } from '@patternfly/react-core/dist/js/components/Dropdown/index.js';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+    {
+      code: `import { Dropdown } from '@patternfly/react-core/dist/dynamic/components/Dropdown/index.js';`,
+      output: `import { Dropdown } from '@patternfly/react-core/dist/dynamic/components/Dropdown/index.js';`,
+      errors: [
+        {
+          message: `The default value of appendTo on Dropdown has been updated to \`document.body\`.`,
+          type: "ImportSpecifier",
+        },
+      ],
+    },
+  ],
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/popperUpdateAppendToDefault/popper-update-appendTo-default.ts

@@ -0,0 +1,32 @@
+import { Rule } from "eslint";
+import { ImportSpecifier } from "estree-jsx";
+import { getFromPackage } from "../../helpers";
+
+// https://github.com/patternfly/patternfly-react/pull/10675
+module.exports = {
+  meta: {},
+  create: function (context: Rule.RuleContext) {
+    const { imports } = getFromPackage(context, "@patternfly/react-core");
+
+    const componentImports = imports.filter((specifier) =>
+      ["Dropdown", "Select", "Popper"].includes(specifier.imported.name)
+    );
+
+    return !componentImports.length
+      ? {}
+      : {
+          ImportSpecifier(node: ImportSpecifier) {
+            if (
+              componentImports
+                .map((imp) => imp.imported.name)
+                .includes(node.imported.name)
+            ) {
+              context.report({
+                node,
+                message: `The default value of appendTo on ${node.imported.name} has been updated to \`document.body\`.`,
+              });
+            }
+          },
+        };
+  },
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/popperUpdateAppendToDefault/popperUpdateAppendToDefaultInput.tsx

@@ -0,0 +1,3 @@
+import { Dropdown } from "@patternfly/react-core";
+
+export const PopperUpdateAppendToDefaultInput = () => <Dropdown appendTo />

packages/eslint-plugin-pf-codemods/src/rules/v6/popperUpdateAppendToDefault/popperUpdateAppendToDefaultOutput.tsx

@@ -0,0 +1,3 @@
+import { Dropdown } from "@patternfly/react-core";
+
+export const PopperUpdateAppendToDefaultInput = () => <Dropdown appendTo />