feat(DragDrop): deprecate (#631)

packages/eslint-plugin-pf-codemods/src/rules/v6/dragDropDeprecated/dragDrop-deprecated.md

@@ -0,0 +1,18 @@
+### dragDrop-deprecated [(#10181)](https://github.com/patternfly/patternfly-react/pull/10181)
+
+DragDrop has been deprecated. Running the fix flag will update your imports to our deprecated package, but we suggest using our new drag and drop implementation (DragDropSort component), that lives in '@patternfly/react-drag-drop' package.
+
+#### Examples
+
+In:
+
+```jsx
+%inputExample%
+```
+
+Out:
+
+```jsx
+%outputExample%
+```
+

packages/eslint-plugin-pf-codemods/src/rules/v6/dragDropDeprecated/dragDrop-deprecated.test.ts

@@ -0,0 +1,47 @@
+const ruleTester = require('../../ruletester');
+import * as rule from './dragDrop-deprecated';
+
+ruleTester.run('dragDrop-deprecated', rule, {
+  valid: [
+    {
+      code: `<DragDrop onDrop={onDrop}>
+      <Droppable>
+        <Draggable key={1}>Item 1</Draggable>
+        <Draggable key={2}>Item 2</Draggable>
+      </Droppable>
+    </DragDrop>`,
+    },
+  ],
+  invalid: [
+    {
+      code: `import { DragDrop, Droppable, Draggable } from '@patternfly/react-core';
+
+      export const DragDropDeprecatedInput = () => (
+        <DragDrop onDrop={onDrop}>
+          <Droppable>
+            <Draggable key={1}>Item 1</Draggable>
+            <Draggable key={2}>Item 2</Draggable>
+          </Droppable>
+        </DragDrop>
+      );
+      `,
+      output: `import {\n\tDragDrop,\n\tDroppable,\n\tDraggable\n} from '@patternfly/react-core/deprecated';
+
+      export const DragDropDeprecatedInput = () => (
+        <DragDrop onDrop={onDrop}>
+          <Droppable>
+            <Draggable key={1}>Item 1</Draggable>
+            <Draggable key={2}>Item 2</Draggable>
+          </Droppable>
+        </DragDrop>
+      );
+      `,
+      errors: [
+        {
+          message: `DragDrop, Droppable, and Draggable have been deprecated. Running the fix flag will update your imports to our deprecated package, but we suggest using our new drag and drop implementation (DragDropSort component), that lives in '@patternfly/react-drag-drop' package.`,
+          type: 'ImportDeclaration',
+        },
+      ],
+    },
+  ],
+});

packages/eslint-plugin-pf-codemods/src/rules/v6/dragDropDeprecated/dragDrop-deprecated.ts

@@ -0,0 +1,27 @@
+import { moveSpecifiers } from '../../helpers';
+
+const specifiersToMove = [
+  'DraggableItemPosition',
+  'DragDropContext',
+  'DragDrop',
+  'DraggableProps',
+  'Draggable',
+  'Droppable',
+  'DroppableContext',
+];
+
+const fromPackage = '@patternfly/react-core';
+const toPackage = '@patternfly/react-core/deprecated';
+const messageAfterImportNameChange =
+  "been deprecated. Running the fix flag will update your imports to our deprecated package, but we suggest using our new drag and drop implementation (DragDropSort component), that lives in '@patternfly/react-drag-drop' package.";
+
+// https://github.com/patternfly/patternfly-react/pull/10181
+module.exports = {
+  meta: { fixable: 'code' },
+  create: moveSpecifiers(
+    specifiersToMove,
+    fromPackage,
+    toPackage,
+    messageAfterImportNameChange
+  ),
+};

packages/eslint-plugin-pf-codemods/src/rules/v6/dragDropDeprecated/dragDropDeprecatedInput.tsx

@@ -0,0 +1,10 @@
+import { DragDrop, Droppable, Draggable } from '@patternfly/react-core';
+
+export const DragDropDeprecatedInput = () => (
+  <DragDrop onDrop={onDrop}>
+    <Droppable>
+      <Draggable key={1}>Item 1</Draggable>
+      <Draggable key={2}>Item 2</Draggable>
+    </Droppable>
+  </DragDrop>
+);

packages/eslint-plugin-pf-codemods/src/rules/v6/dragDropDeprecated/dragDropDeprecatedOutput.tsx

@@ -0,0 +1,14 @@
+import {
+  DragDrop,
+  Droppable,
+  Draggable,
+} from '@patternfly/react-core/deprecated';
+
+export const DragDropDeprecatedInput = () => (
+  <DragDrop onDrop={onDrop}>
+    <Droppable>
+      <Draggable key={1}>Item 1</Draggable>
+      <Draggable key={2}>Item 2</Draggable>
+    </Droppable>
+  </DragDrop>
+);