dnd-kit Add multi-select story

https://user-images.githubusercontent.com/1416436/149680996-a6656027-7a6e-4b85-add7-9c43e5f4d7c8.mp4

https://5fc05e08a4a65d0021ae0bf2-yivpqsvbcy.chromatic.com/?path=/story/presets-sortable-multiple-containers--multi-select

Jan 16 '22 22:01 clauderic

Size Change: +21 B (0%)

Total Size: 69.7 kB

Filename	Size	Change
`packages/core/dist/core.cjs.development.js`	18.6 kB	+8 B (0%)
`packages/core/dist/core.cjs.production.min.js`	11.4 kB	+8 B (0%)
`packages/core/dist/core.esm.js`	18.5 kB	+5 B (0%)

ℹ️ View Unchanged

Filename	Size
`packages/accessibility/dist/accessibility.cjs.development.js`	640 B
`packages/accessibility/dist/accessibility.cjs.production.min.js`	486 B
`packages/accessibility/dist/accessibility.esm.js`	503 B
`packages/accessibility/dist/index.js`	148 B
`packages/core/dist/index.js`	141 B
`packages/modifiers/dist/index.js`	144 B
`packages/modifiers/dist/modifiers.cjs.development.js`	829 B
`packages/modifiers/dist/modifiers.cjs.production.min.js`	625 B
`packages/modifiers/dist/modifiers.esm.js`	744 B
`packages/sortable/dist/index.js`	144 B
`packages/sortable/dist/sortable.cjs.development.js`	4.22 kB
`packages/sortable/dist/sortable.cjs.production.min.js`	2.79 kB
`packages/sortable/dist/sortable.esm.js`	4.1 kB
`packages/utilities/dist/index.js`	144 B
`packages/utilities/dist/utilities.cjs.development.js`	2.13 kB
`packages/utilities/dist/utilities.cjs.production.min.js`	1.29 kB
`packages/utilities/dist/utilities.esm.js`	2 kB

_{compressed-size-action}

Jan 16 '22 22:01 github-actions[bot]

Very useful, thank you !

One small feedback, maybe it could be better to add small example without sort and multiple containers features ?

Jun 15 '22 09:06 Jessy-BAER

Hi!

Is there some idea of a timeline when this could be merged? Would love to use this feature!

Dec 06 '22 16:12 LinusBF

Hi @clauderic I was following this example to add multi-dragging into my app. I found the same issue that was mentioned in #901. Seems that using latest versions of the library will have a bug on the positioning of the cursor over the overlay when selecting more that 1 items and the item moving is not the 1st one.

Do you know what would make this example fail with latest versions of the library? Thanks

Dec 07 '22 10:12 carlosloureda

@dnd-kit/core"”没有导出的成员“defaultKeyboardCodes

Feb 26 '23 03:02 Anjing1993

Is this PR still on the table? :D

Feb 28 '23 22:02 geotrev

Is this PR still on the table? :D

My understanding is that this is meant to serve as an example of how you would build on top of dndkit to do multiselect.

Mar 01 '23 04:03 attaebra

I've gone over this PR a few times but I still can't understand at what point we're telling dnd-kit about all the items we're moving so it changes the position of all those items.

My project has a different implementation where I have different columns with DndContext and inside there's a single SortableContext, I understand the part where we accumulate in an array the ID of the items we're selecting, but at the moment of dragging them over I can't make it so that it moves all the items I need so it drops them in one of my columns