feat(react-dropzone): updated to latest version

packages/eslint-plugin-pf-codemods/index.js

@@ -1,27 +1,36 @@
 const createListOfRules = (version) => {
   const rules = {};
-  require('glob').sync(`./packages/eslint-plugin-pf-codemods/lib/rules/v${version}/*.js`).forEach( function( file ) {
-    const ruleName = /.*\/([^.]+)/.exec(file)[1];
-    rules[ruleName] = require(`./lib/rules/v${version}/${ruleName}`);
-  });
+  require("glob")
+    .sync(`./packages/eslint-plugin-pf-codemods/lib/rules/v${version}/*.js`)
+    .forEach(function (file) {
+      const ruleName = /.*\/([^.]+)/.exec(file)[1];
+      rules[ruleName] = require(`./lib/rules/v${version}/${ruleName}`);
+    });
   return rules;
-}
+};
 
 const v5rules = createListOfRules("5");
 const v4rules = createListOfRules("4");
 
 // if you want a rule to have a severity that defaults to warning rather than error, add the rule name to the below array
-const warningRules = ["applicationLauncher-warn-input", "card-warn-component", "horizontalSubnav-ariaLabel", "tabs-warn-children-type-changed", "wizard-warn-button-order"]
+const warningRules = [
+  "applicationLauncher-warn-input",
+  "card-warn-component",
+  "horizontalSubnav-ariaLabel",
+  "react-dropzone-warn-upgrade",
+  "tabs-warn-children-type-changed",
+  "wizard-warn-button-order",
+];
 
 const createRules = (rules) => {
   return Object.keys(rules).reduce((acc, rule) => {
-    const severity = warningRules.includes(rule) ? "warn" : "error"
+    const severity = warningRules.includes(rule) ? "warn" : "error";
     acc[`@patternfly/pf-codemods/${rule}`] = severity;
     return acc;
-  }, {})
-}
+  }, {});
+};
 
-const mappedRules = {...createRules(v5rules), ...createRules(v4rules)};
+const mappedRules = { ...createRules(v5rules), ...createRules(v4rules) };
 
 module.exports = {
   configs: {
@@ -44,6 +53,6 @@ module.exports = {
       rules: mappedRules,
     },
   },
-  rules: {...v5rules, ...v4rules},
-  ruleVersionMapping: {"v4": Object.keys(v4rules), "v5": Object.keys(v5rules)}
+  rules: { ...v5rules, ...v4rules },
+  ruleVersionMapping: { v4: Object.keys(v4rules), v5: Object.keys(v5rules) },
 };

packages/eslint-plugin-pf-codemods/lib/rules/v5/react-dropzone-warn-upgrade.js

@@ -0,0 +1,26 @@
+// https://github.com/patternfly/patternfly-react/pull/7926
+module.exports = {
+  meta: {},
+  create: function (context) {
+    return {
+      ImportDeclaration(node) {
+        const importsWithDropzone = node.specifiers.find(
+          (specifier) =>
+            (["FileUpload", "MultipleFileUpload"].includes(
+              specifier.imported.name
+            ) &&
+              node.source.value === "@patternfly/react-core") ||
+            (specifier.imported.name === "CodeEditor" &&
+              node.source.value === "@patternfly/react-code-editor")
+        );
+
+        if (importsWithDropzone) {
+          context.report({
+            node,
+            message: `The react-dropzone dependency used within ${importsWithDropzone.imported.name} has been updated from version 9 to version 14.`,
+          });
+        }
+      },
+    };
+  },
+};

packages/eslint-plugin-pf-codemods/lib/rules/v5/wizard-warn-button-order.js

@@ -1,5 +1,3 @@
-const { getPackageImports } = require("../../helpers");
-
 // https://github.com/patternfly/patternfly-react/pull/8409
 module.exports = {
   create: function (context) {

packages/eslint-plugin-pf-codemods/test/rules/v5/react-dropzone-warn-upgrade.js

@@ -0,0 +1,38 @@
+const ruleTester = require("../../ruletester");
+const rule = require("../../../lib/rules/v5/react-dropzone-warn-upgrade");
+
+ruleTester.run("react-dropzone-warn-upgrade", rule, {
+  valid: [],
+  invalid: [
+    {
+      code: `import { FileUpload } from '@patternfly/react-core';`,
+      output: `import { FileUpload } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The react-dropzone dependency used within FileUpload has been updated from version 9 to version 14.`,
+          type: "ImportDeclaration",
+        },
+      ],
+    },
+    {
+      code: `import { MultipleFileUpload } from '@patternfly/react-core';`,
+      output: `import { MultipleFileUpload } from '@patternfly/react-core';`,
+      errors: [
+        {
+          message: `The react-dropzone dependency used within MultipleFileUpload has been updated from version 9 to version 14.`,
+          type: "ImportDeclaration",
+        },
+      ],
+    },
+    {
+      code: `import { CodeEditor } from '@patternfly/react-code-editor';`,
+      output: `import { CodeEditor } from '@patternfly/react-code-editor';`,
+      errors: [
+        {
+          message: `The react-dropzone dependency used within CodeEditor has been updated from version 9 to version 14.`,
+          type: "ImportDeclaration",
+        },
+      ],
+    },
+  ],
+});

packages/pf-codemods/README.md

@@ -386,6 +386,10 @@ Out:
 />
 ```
 
+### react-dropzone-warn-upgrade [(#7926)](// https://github.com/patternfly/patternfly-react/pull/7926)
+
+The `react-dropzone` dependency used with FileUpload, MultipleFileUpload, and CodeEditor has been updated from version 9 to version 14.
+
 ### remove-removeFindDomNode [(#8371)](https://github.com/patternfly/patternfly-react/pull/8371) [(#8316)](https://github.com/patternfly/patternfly-react/pull/8316)
 
 We've removed the `removeFindDomNode` property as it is now the default behavior. The affected components are as follows: ApplicationLauncher, ClipboardCopy, ContextSelector, Dropdown, NavItem, OptionsMenu, Popover, SearchInput, Select, OverflowTab, Timepicker, Tooltip, Truncate.
@@ -458,58 +462,58 @@ We've removed the deprecated `ToggleMenuBaseProps` interface.
 
 We've updated the default value of the `getResizeObserver` helper function's third parameter, `useRequestAnimationFrame`. This rule will only provide two suggestions detailing when to pass which boolean into this parameter.
 
-### tableComposable-remove-hasSelectableRowCaption [(#8352)](https://github.com/patternfly/patternfly-react/pull/8352)
+### simpleList-remove-isCurrent [(#8132)](https://github.com/patternfly/patternfly-react/pull/8132)
 
-We've removed the deprecated `hasSelectableRowCaption` prop.
+We've removed the deprecated the `isCurrent` prop. This rule wil replace it with `isActive`.
 
 #### Examples
 
 In:
 
 ```jsx
-<TableComposable hasSelectableRowCaption />
+<SimpleList isCurrent />
 ```
 
 Out:
 
 ```jsx
-<TableComposable  />
+<SimpleList isActive />
 ```
 
-### simpleList-remove-isCurrent [(#8132)](https://github.com/patternfly/patternfly-react/pull/8132)
+### spinner-svg-default [(#8183)](https://github.com/patternfly/patternfly-react/pull/8183)
 
-We've removed the deprecated the `isCurrent` prop. This rule wil replace it with `isActive`.
+We've updated the Spinner to default to an svg, so the `isSVG` property is no longer required.
 
 #### Examples
 
 In:
 
 ```jsx
-<SimpleList isCurrent />
+<Spinner isSVG />
 ```
 
 Out:
 
 ```jsx
-<SimpleList isActive />
+<Spinner  />
 ```
 
-### spinner-svg-default [(#8183)](https://github.com/patternfly/patternfly-react/pull/8183)
+### tableComposable-remove-hasSelectableRowCaption [(#8352)](https://github.com/patternfly/patternfly-react/pull/8352)
 
-We've updated the Spinner to default to an svg, so the `isSVG` property is no longer required.
+We've removed the deprecated `hasSelectableRowCaption` prop.
 
 #### Examples
 
 In:
 
 ```jsx
-<Spinner isSVG />
+<TableComposable hasSelectableRowCaption />
 ```
 
 Out:
 
 ```jsx
-<Spinner  />
+<TableComposable  />
 ```
 
 ### tabs-rename-hasBorderBottom [(#8517)](https://github.com/patternfly/patternfly-react/pull/8517)

test/test.tsx

@@ -1,15 +1,18 @@
 import { AccordionExpandableContent } from "@patternfly/react-core";
 import { ApplicationLauncher } from "@patternfly/react-core";
 import { Card } from "@patternfly/react-core";
+import { CodeEditor } from "@patternfly/react-code-editor";
 import { DropdownToggle, Toggle } from "@patternfly/react-core";
+import { FileUpload } from "@patternfly/react-core";
 import { KEY_CODES } from "@patternfly/react-core";
+import { MultipleFileUpload } from "@patternfly/react-core";
 import { Nav } from "@patternfly/react-core";
 import { Tabs } from "@patternfly/react-core";
 import { Wizard } from "@patternfly/react-core";
 import { WizardFooter } from "@patternfly/react-core/next";
 
 <>
-    <DropdownToggle isPrimary />
-    <Nav variant='horizontal-subnav' />;
-    <Toggle isPrimary />
-</>
+  <DropdownToggle isPrimary />
+  <Nav variant='horizontal-subnav' />;
+  <Toggle isPrimary />
+</>;