Skip to content

Commit

Permalink
feat(DragDrop): promote next version (#10273)
Browse files Browse the repository at this point in the history
  • Loading branch information
adamviktora authored Apr 24, 2024
1 parent 8d93660 commit f9150b1
Show file tree
Hide file tree
Showing 22 changed files with 5 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@ import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecate

### Draggable

Note: There is a new recommended drag and drop implementation with full keyboard functionality, which replaces this implementation. To adhere to our new recommendations, refer to the [drag and drop demos](/components/drag-and-drop/react-next-demos).
Note: There is a new recommended drag and drop implementation with full keyboard functionality, which replaces this implementation. To adhere to our new recommendations, refer to the [drag and drop demos](/components/drag-and-drop/react-demos).

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, `<DragDrop>`, `<Draggable>`, and `<Droppable>` components were added to replace our now deprecated HTML5-based API. Keyboard and screen reader accessibility for the `<DragDrop>` component is still in development.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ The dual list selector can also be built in a composable manner to make customiz

### Composable with drag and drop

Note: There is a new recommended drag and drop implementation with full keyboard functionality, which replaces this implementation. To adhere to our new recommendations, refer to the [drag and drop demos](/components/drag-and-drop/react-next-demos).
Note: There is a new recommended drag and drop implementation with full keyboard functionality, which replaces this implementation. To adhere to our new recommendations, refer to the [drag and drop demos](/components/drag-and-drop/react-demos).

This example only allows reordering the contents of the "chosen" pane with drag and drop. To make a pane able to be reordered:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ module.exports = (baseSourceMD, sourceProps) => {
sourceMD(path.join(reactCodeEditorPath, '/**/examples/*.md'), 'react');

// Drag drop MD
sourceMD(path.join(reactDragDropPath, '/**/examples/*.md'), 'react-next');
sourceMD(path.join(reactDragDropPath, '/**/examples/*.md'), 'react');

// Templates MD
sourceMD(path.join(reactTemplatesPath, '/**/examples/*.md'), 'react-templates');
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
id: Drag and drop
section: components
source: react-next-demos
source: react-demos
propComponents: ['DragDropSort', 'DraggableObject']
beta: true
---
Expand Down
2 changes: 1 addition & 1 deletion packages/react-drag-drop/src/index.ts
Original file line number Diff line number Diff line change
@@ -1 +1 @@
export * from './next';
export * from './components';
1 change: 0 additions & 1 deletion packages/react-drag-drop/src/next/index.ts

This file was deleted.

0 comments on commit f9150b1

Please sign in to comment.