diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index 6afc7e27a3b..e56620485c7 100644 --- a/packages/react-core/src/components/DataList/examples/DataList.md +++ b/packages/react-core/src/components/DataList/examples/DataList.md @@ -23,6 +23,7 @@ import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-ico import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import { css } from '@patternfly/react-styles'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; ## Examples @@ -86,7 +87,7 @@ Note: There is a new recommended drag and drop implementation with full keyboard Previously, draggable data lists had their own API for the [drag and drop component](/components/drag-and-drop), which wasn't flexible enough to allow custom styling for items as they are dragged. To address this disparity, ``, ``, and `` components were added to replace our now deprecated HTML5-based API. Keyboard and screen reader accessibility for the `` component is still in development. -```ts isBeta file="./DataListDraggable.tsx" +```ts isDeprecated file="./DataListDraggable.tsx" ``` diff --git a/packages/react-core/src/components/DataList/examples/DataListDraggable.tsx b/packages/react-core/src/components/DataList/examples/DataListDraggable.tsx index 221d22670c7..b74f77246b3 100644 --- a/packages/react-core/src/components/DataList/examples/DataListDraggable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListDraggable.tsx @@ -8,11 +8,9 @@ import { DataListControl, DataListDragButton, DataListItemCells, - DragDrop, - Draggable, - Droppable, getUniqueId } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; interface ItemType { id: string; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index 8ee90f265a4..bfa40d3b81f 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -22,6 +22,7 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; ## Examples @@ -103,7 +104,7 @@ This example only allows reordering the contents of the "chosen" pane with drag Keyboard and screen reader accessibility for the `` component is still in development. -```ts file="DualListSelectorComposableDragDrop.tsx" +```ts isDeprecated file="DualListSelectorComposableDragDrop.tsx" ``` diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx index 2b0f85c2e19..ecc0a13c9d1 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx @@ -1,16 +1,13 @@ import React from 'react'; import { - DragDrop, - Droppable, - Draggable, DualListSelector, DualListSelectorPane, DualListSelectorList, DualListSelectorListItem, DualListSelectorControlsWrapper, - DualListSelectorControl, - DraggableItemPosition + DualListSelectorControl } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable, DraggableItemPosition } from '@patternfly/react-core/deprecated'; import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; diff --git a/packages/react-core/src/components/index.ts b/packages/react-core/src/components/index.ts index b04379c4f49..fcfc6b51e24 100644 --- a/packages/react-core/src/components/index.ts +++ b/packages/react-core/src/components/index.ts @@ -21,7 +21,6 @@ export * from './DataList'; export * from './DatePicker'; export * from './DescriptionList'; export * from './Divider'; -export * from './DragDrop'; export * from './Drawer'; export * from './Dropdown'; export * from './DualListSelector'; diff --git a/packages/react-core/src/components/DragDrop/DragDrop.tsx b/packages/react-core/src/deprecated/components/DragDrop/DragDrop.tsx similarity index 100% rename from packages/react-core/src/components/DragDrop/DragDrop.tsx rename to packages/react-core/src/deprecated/components/DragDrop/DragDrop.tsx diff --git a/packages/react-core/src/components/DragDrop/Draggable.tsx b/packages/react-core/src/deprecated/components/DragDrop/Draggable.tsx similarity index 100% rename from packages/react-core/src/components/DragDrop/Draggable.tsx rename to packages/react-core/src/deprecated/components/DragDrop/Draggable.tsx diff --git a/packages/react-core/src/components/DragDrop/Droppable.tsx b/packages/react-core/src/deprecated/components/DragDrop/Droppable.tsx similarity index 100% rename from packages/react-core/src/components/DragDrop/Droppable.tsx rename to packages/react-core/src/deprecated/components/DragDrop/Droppable.tsx diff --git a/packages/react-core/src/components/DragDrop/DroppableContext.ts b/packages/react-core/src/deprecated/components/DragDrop/DroppableContext.ts similarity index 100% rename from packages/react-core/src/components/DragDrop/DroppableContext.ts rename to packages/react-core/src/deprecated/components/DragDrop/DroppableContext.ts diff --git a/packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx b/packages/react-core/src/deprecated/components/DragDrop/__tests__/DragDrop.test.tsx similarity index 100% rename from packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx rename to packages/react-core/src/deprecated/components/DragDrop/__tests__/DragDrop.test.tsx diff --git a/packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap b/packages/react-core/src/deprecated/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap similarity index 100% rename from packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap rename to packages/react-core/src/deprecated/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap diff --git a/packages/react-core/src/components/DragDrop/examples/DragDrop.md b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDrop.md similarity index 96% rename from packages/react-core/src/components/DragDrop/examples/DragDrop.md rename to packages/react-core/src/deprecated/components/DragDrop/examples/DragDrop.md index fee8fc41dae..b7a0abd5f6c 100644 --- a/packages/react-core/src/components/DragDrop/examples/DragDrop.md +++ b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDrop.md @@ -3,13 +3,14 @@ id: Drag and drop section: components propComponents: [DragDrop, Draggable, Droppable, DraggableItemPosition] title: Drag and drop +deprecated: true --- You can use the `` component to move items in or between lists. The `` component should contain `` components which contain `` components. ```ts noLive import React from 'react'; -import { DragDrop, Draggable, Droppable } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; const DragDropCodeSample: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DragDrop/examples/DragDropBasic.tsx b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDropBasic.tsx similarity index 98% rename from packages/react-core/src/components/DragDrop/examples/DragDropBasic.tsx rename to packages/react-core/src/deprecated/components/DragDrop/examples/DragDropBasic.tsx index d80a6a7f213..7a19414d120 100644 --- a/packages/react-core/src/components/DragDrop/examples/DragDropBasic.tsx +++ b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDropBasic.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { DragDrop, Draggable, Droppable } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; interface ItemType { id: string; diff --git a/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDropMultipleLists.tsx similarity index 95% rename from packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx rename to packages/react-core/src/deprecated/components/DragDrop/examples/DragDropMultipleLists.tsx index 0400633987f..31cdebacfd2 100644 --- a/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx +++ b/packages/react-core/src/deprecated/components/DragDrop/examples/DragDropMultipleLists.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { DragDrop, Draggable, Droppable, Split, SplitItem } from '@patternfly/react-core'; +import { Split, SplitItem } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; interface ItemType { id: string; diff --git a/packages/react-core/src/components/DragDrop/index.ts b/packages/react-core/src/deprecated/components/DragDrop/index.ts similarity index 100% rename from packages/react-core/src/components/DragDrop/index.ts rename to packages/react-core/src/deprecated/components/DragDrop/index.ts diff --git a/packages/react-core/src/deprecated/components/index.ts b/packages/react-core/src/deprecated/components/index.ts index df78ee4c490..63478ca481c 100644 --- a/packages/react-core/src/deprecated/components/index.ts +++ b/packages/react-core/src/deprecated/components/index.ts @@ -1,6 +1,7 @@ export * from './ApplicationLauncher'; export * from './Chip'; export * from './ContextSelector'; +export * from './DragDrop'; export * from './Dropdown'; export * from './OptionsMenu'; export * from './PageHeader'; diff --git a/packages/react-core/src/next/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/next/components/DualListSelector/examples/DualListSelector.md index ad6c7cf622e..d2ea380783d 100644 --- a/packages/react-core/src/next/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/next/components/DualListSelector/examples/DualListSelector.md @@ -23,6 +23,7 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated'; ## Examples diff --git a/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx b/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx index 2b0f85c2e19..ecc0a13c9d1 100644 --- a/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx +++ b/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx @@ -1,16 +1,13 @@ import React from 'react'; import { - DragDrop, - Droppable, - Draggable, DualListSelector, DualListSelectorPane, DualListSelectorList, DualListSelectorListItem, DualListSelectorControlsWrapper, - DualListSelectorControl, - DraggableItemPosition + DualListSelectorControl } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable, DraggableItemPosition } from '@patternfly/react-core/deprecated'; import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';