npm - @plasmicpkgs/dnd-kit - Versions diffs - 0.0.22 → 0.0.24 - Mend

@plasmicpkgs/dnd-kit 0.0.22 → 0.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/dnd-kit.cjs.development.js +3 -4
package/dist/dnd-kit.cjs.development.js.map +1 -1
package/dist/dnd-kit.cjs.production.min.js +1 -1
package/dist/dnd-kit.cjs.production.min.js.map +1 -1
package/dist/dnd-kit.esm.js +3 -4
package/dist/dnd-kit.esm.js.map +1 -1
package/package.json +3 -3

package/dist/dnd-kit.cjs.development.js CHANGED Viewed

@@ -98,7 +98,6 @@ var modifierByName = {
   restrictToFirstScrollableAncestor: modifiers.restrictToFirstScrollableAncestor
 };
 function Sortable(_ref2) {
-  var _modifiers;
   var className = _ref2.className,
     style = _ref2.style,
     activationConstraint = _ref2.activationConstraint,
@@ -130,7 +129,7 @@ function Sortable(_ref2) {
     modifierNames = _ref2.modifierNames,
     themeResetClass = _ref2.themeResetClass,
     onReorder = _ref2.onReorder;
-  modifiers = (_modifiers = modifiers) != null ? _modifiers : (modifierNames != null ? modifierNames : []).map(function (name) {
+  modifiers = modifiers != null ? modifiers : (modifierNames != null ? modifierNames : []).map(function (name) {
     return modifierByName[name];
   });
   // This is the optimistic version.
@@ -305,8 +304,8 @@ function SortableItem(_ref9) {
     dragOverlay: !useDragOverlay && isDragging
   }, attributes)));
 }
-function SortableHandle(_ref10) {
-  var children = _ref10.children;
+function SortableHandle(_ref0) {
+  var children = _ref0.children;
   var data = host.useSelector("sortableItem");
   var child = React__default.Children.toArray(children)[0];
   return testUtils.isElement(child) ? React.cloneElement(child, _extends({}, data == null ? void 0 : data.listeners, {

package/dist/dnd-kit.cjs.development.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnd-kit.cjs.development.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","_modifiers","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","attributes","isDragging","isSorting","setNodeRef","DataProvider","hidden","data","SortableHandle","_ref10","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams","registerAll"],"mappings":"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"}
1	+ {"version":3,"file":"dnd-kit.cjs.development.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","attributes","isDragging","isSorting","setNodeRef","DataProvider","hidden","data","SortableHandle","_ref0","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams","registerAll"],"mappings":"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"}

package/dist/dnd-kit.cjs.production.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@dnd-kit/core"),r=require("@dnd-kit/sortable"),n=require("react"),a=e(n),o=require("react-dom"),i=require("react-dom/test-utils"),s=require("@plasmicapp/host"),l=require("@dnd-kit/modifiers"),d=e(require("@plasmicapp/host/registerComponent"));function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function c(e,t,r){e?e.registerComponent(t,r):d(t,r)}var m=a.memo(a.forwardRef((function(e,t){var r,o,s,l,d=e.dragOverlay,u=e.dragging,c=e.fadeIn,m=e.index,p=e.listeners,f=e.renderItem,v=void 0===f?function(){return a.createElement("div",null)}:f,g=e.sorting,y=e.style,b=e.transition,S=e.transform,h=e.value;n.useEffect((function(){if(d)return document.body.style.cursor="grabbing",function(){document.body.style.cursor=""}}),[d]);var x=v({dragOverlay:Boolean(d),dragging:Boolean(u),sorting:Boolean(g),index:m,fadeIn:Boolean(c),listeners:p,ref:t,style:y,transform:S,transition:b,value:h},h);return i.isElement(x)?n.cloneElement(x,{ref:t,style:{transition:[b].filter(Boolean).join(", "),transform:"translate3d("+(null!=(r=null==S?void 0:S.x)?r:0)+"px, "+(null!=(o=null==S?void 0:S.y)?o:0)+"px, 0) scaleX("+(null!=(s=null==S?void 0:S.scaleX)?s:1)+") scaleY("+(null!=(l=null==S?void 0:S.scaleY)?l:1)}}):x}))),p={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},f={draggable:"\n    To pick up a sortable item, press the space bar.\n    While sorting, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},v={restrictToVerticalAxis:l.restrictToVerticalAxis,restrictToWindowEdges:l.restrictToWindowEdges,restrictToHorizontalAxis:l.restrictToHorizontalAxis,restrictToParentElement:l.restrictToParentElement,restrictToFirstScrollableAncestor:l.restrictToFirstScrollableAncestor};function g(e){var i,s=e.className,l=e.style,d=e.activationConstraint,u=e.animateLayoutChanges,c=e.adjustScale,g=void 0!==c&&c,b=e.collisionDetection,S=void 0===b?t.closestCenter:b,h=e.coordinateGetter,x=void 0===h?r.sortableKeyboardCoordinates:h,I=e.dropAnimation,E=void 0===I?p:I,C=e.getNewIndex,D=e.rowKey,w=void 0===D?function(e){return e.id}:D,O=e.items,N=void 0===O?[]:O,P=e.measuring,T=e.modifiers,A=e.renderItem,k=e.reorderItems,j=void 0===k?r.arrayMove:k,R=e.strategy,q=void 0===R?r.rectSortingStrategy:R,H=e.useDragOverlay,B=void 0===H||H,V=e.modifierNames,W=e.themeResetClass,L=e.onReorder;T=null!=(i=T)?i:(null!=V?V:[]).map((function(e){return v[e]}));var z=n.useState((function(){return N})),K=z[0],M=z[1];n.useEffect((function(){M(N)}),[N]);var F=n.useState(null),G=F[0],X=F[1],Y=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:d}),t.useSensor(t.TouchSensor,{activationConstraint:d}),t.useSensor(t.KeyboardSensor,{scrollBehavior:"Cypress"in globalThis?"auto":void 0,coordinateGetter:x})),$=n.useRef(!0),_=function(e){return K.findIndex((function(t){return w(t)===e}))},U=function(e){return _(e)+1},Z=G?_(G):-1,J={onDragStart:function(e){var t=e.active.id;return"Picked up sortable item "+String(t)+". Sortable item "+t+" is in position "+U(t)+" of "+K.length},onDragOver:function(e){var t=e.over;if(!0!==$.current)return t?"Sortable item "+e.active.id+" was moved into position "+U(t.id)+" of "+K.length:void 0;$.current=!1},onDragEnd:function(e){var t=e.over;if(t)return"Sortable item "+e.active.id+" was dropped at position "+U(t.id)+" of "+K.length},onDragCancel:function(e){var t=e.active.id;return"Sorting was cancelled. Sortable item "+t+" was dropped and returned to position "+U(t)+" of "+K.length+"."}};return n.useEffect((function(){G||($.current=!0)}),[G]),a.createElement("div",{className:s,style:l},a.createElement(t.DndContext,{accessibility:{announcements:J,screenReaderInstructions:f},sensors:Y,collisionDetection:S,onDragStart:function(e){var t=e.active;t&&X(t.id)},onDragEnd:function(e){var t=e.over;if(X(null),t){var r=_(t.id),n=j(K,Z,r);null==L||L(Z,r,n,K),Z!==r&&M((function(){return n}))}},onDragCancel:function(){return X(null)},measuring:P,modifiers:T},a.createElement(r.SortableContext,{items:K.map(w),strategy:q},K.map((function(e,t){return a.createElement(y,{key:w(e),id:w(e),value:e,index:t,renderItem:A,animateLayoutChanges:u,useDragOverlay:B,getNewIndex:C})}))),B&&"undefined"!=typeof document?o.createPortal(a.createElement(t.DragOverlay,{adjustScale:g,dropAnimation:E},G?a.createElement(m,{index:Z,value:K[Z],renderItem:function(){return a.createElement("div",{className:W},A.apply(void 0,arguments))},dragOverlay:!0}):null),document.body):null))}function y(e){var t=e.id,n=e.value,o=e.index,i=e.renderItem,l=e.useDragOverlay,d=r.useSortable({id:t,animateLayoutChanges:e.animateLayoutChanges,getNewIndex:e.getNewIndex}),u=d.isDragging;return a.createElement(s.DataProvider,{hidden:!0,name:"sortableItem",data:d},a.createElement(m,Object.assign({ref:d.setNodeRef,value:n,dragging:u,sorting:d.isSorting,renderItem:i,index:o,transform:d.transform,transition:d.transition,listeners:d.listeners,"data-index":o,"data-id":t,dragOverlay:!l&&u},d.attributes)))}function b(e){var t=e.children,r=s.useSelector("sortableItem"),o=a.Children.toArray(t)[0];return i.isElement(o)?n.cloneElement(o,u({},null==r?void 0:r.listeners,{ref:null==r?void 0:r.setActivatorNodeRef,tabIndex:0})):null}function S(e){c(e,b,{name:"SortableHandle",props:{children:{type:"slot",defaultValue:{type:"text",value:"Handle"},mergeWithParent:!0}},importPath:"@plasmicpkgs/dnd-kit",importName:"SortableHandle"}),c(e,g,{name:"Sortable",props:{items:{type:"array",defaultValue:[{id:1,name:"hello"},{id:2,name:"world"}]},modifierNames:{displayName:"Options",type:"choice",multiSelect:!0,options:Object.keys(v).map((function(e){return{value:e,label:e[0].toUpperCase()+e.slice(1).replace(/([a-z])([A-Z])/g,"$1 $2")}}))},onReorder:{type:"eventHandler",argTypes:[{name:"fromIndex",type:"number"},{name:"toIndex",type:"number"},{name:"newItems",type:"object"},{name:"oldItems",type:"object"}]},themeResetClass:{type:"themeResetClass"},renderItem:{type:"slot",renderPropParams:["sortableData","currentItem"],mergeWithParent:!0,defaultValue:{type:"hbox",children:[{type:"text",value:"Item"},{type:"component",name:"SortableHandle"}]}}},importPath:"@plasmicpkgs/dnd-kit",importName:"Sortable"})}exports.Item=m,exports.Sortable=g,exports.SortableHandle=b,exports.SortableItem=y,exports.modifierByName=v,exports.registerAll=function(e){S(e)},exports.registerSortable=S;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@dnd-kit/core"),r=require("@dnd-kit/sortable"),n=require("react"),a=e(n),o=require("react-dom"),i=require("react-dom/test-utils"),s=require("@plasmicapp/host"),l=require("@dnd-kit/modifiers"),d=e(require("@plasmicapp/host/registerComponent"));function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function c(e,t,r){e?e.registerComponent(t,r):d(t,r)}var m=a.memo(a.forwardRef((function(e,t){var r,o,s,l,d=e.dragOverlay,u=e.dragging,c=e.fadeIn,m=e.index,p=e.listeners,f=e.renderItem,v=void 0===f?function(){return a.createElement("div",null)}:f,g=e.sorting,y=e.style,b=e.transition,S=e.transform,h=e.value;n.useEffect((function(){if(d)return document.body.style.cursor="grabbing",function(){document.body.style.cursor=""}}),[d]);var x=v({dragOverlay:Boolean(d),dragging:Boolean(u),sorting:Boolean(g),index:m,fadeIn:Boolean(c),listeners:p,ref:t,style:y,transform:S,transition:b,value:h},h);return i.isElement(x)?n.cloneElement(x,{ref:t,style:{transition:[b].filter(Boolean).join(", "),transform:"translate3d("+(null!=(r=null==S?void 0:S.x)?r:0)+"px, "+(null!=(o=null==S?void 0:S.y)?o:0)+"px, 0) scaleX("+(null!=(s=null==S?void 0:S.scaleX)?s:1)+") scaleY("+(null!=(l=null==S?void 0:S.scaleY)?l:1)}}):x}))),p={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},f={draggable:"\n    To pick up a sortable item, press the space bar.\n    While sorting, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},v={restrictToVerticalAxis:l.restrictToVerticalAxis,restrictToWindowEdges:l.restrictToWindowEdges,restrictToHorizontalAxis:l.restrictToHorizontalAxis,restrictToParentElement:l.restrictToParentElement,restrictToFirstScrollableAncestor:l.restrictToFirstScrollableAncestor};function g(e){var i=e.className,s=e.style,l=e.activationConstraint,d=e.animateLayoutChanges,u=e.adjustScale,c=void 0!==u&&u,g=e.collisionDetection,b=void 0===g?t.closestCenter:g,S=e.coordinateGetter,h=void 0===S?r.sortableKeyboardCoordinates:S,x=e.dropAnimation,I=void 0===x?p:x,E=e.getNewIndex,C=e.rowKey,D=void 0===C?function(e){return e.id}:C,w=e.items,O=void 0===w?[]:w,N=e.measuring,P=e.modifiers,T=e.renderItem,A=e.reorderItems,k=void 0===A?r.arrayMove:A,j=e.strategy,R=void 0===j?r.rectSortingStrategy:j,q=e.useDragOverlay,H=void 0===q||q,B=e.modifierNames,V=e.themeResetClass,W=e.onReorder;P=null!=P?P:(null!=B?B:[]).map((function(e){return v[e]}));var L=n.useState((function(){return O})),z=L[0],K=L[1];n.useEffect((function(){K(O)}),[O]);var M=n.useState(null),F=M[0],G=M[1],X=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:l}),t.useSensor(t.TouchSensor,{activationConstraint:l}),t.useSensor(t.KeyboardSensor,{scrollBehavior:"Cypress"in globalThis?"auto":void 0,coordinateGetter:h})),Y=n.useRef(!0),$=function(e){return z.findIndex((function(t){return D(t)===e}))},_=function(e){return $(e)+1},U=F?$(F):-1,Z={onDragStart:function(e){var t=e.active.id;return"Picked up sortable item "+String(t)+". Sortable item "+t+" is in position "+_(t)+" of "+z.length},onDragOver:function(e){var t=e.over;if(!0!==Y.current)return t?"Sortable item "+e.active.id+" was moved into position "+_(t.id)+" of "+z.length:void 0;Y.current=!1},onDragEnd:function(e){var t=e.over;if(t)return"Sortable item "+e.active.id+" was dropped at position "+_(t.id)+" of "+z.length},onDragCancel:function(e){var t=e.active.id;return"Sorting was cancelled. Sortable item "+t+" was dropped and returned to position "+_(t)+" of "+z.length+"."}};return n.useEffect((function(){F||(Y.current=!0)}),[F]),a.createElement("div",{className:i,style:s},a.createElement(t.DndContext,{accessibility:{announcements:Z,screenReaderInstructions:f},sensors:X,collisionDetection:b,onDragStart:function(e){var t=e.active;t&&G(t.id)},onDragEnd:function(e){var t=e.over;if(G(null),t){var r=$(t.id),n=k(z,U,r);null==W||W(U,r,n,z),U!==r&&K((function(){return n}))}},onDragCancel:function(){return G(null)},measuring:N,modifiers:P},a.createElement(r.SortableContext,{items:z.map(D),strategy:R},z.map((function(e,t){return a.createElement(y,{key:D(e),id:D(e),value:e,index:t,renderItem:T,animateLayoutChanges:d,useDragOverlay:H,getNewIndex:E})}))),H&&"undefined"!=typeof document?o.createPortal(a.createElement(t.DragOverlay,{adjustScale:c,dropAnimation:I},F?a.createElement(m,{index:U,value:z[U],renderItem:function(){return a.createElement("div",{className:V},T.apply(void 0,arguments))},dragOverlay:!0}):null),document.body):null))}function y(e){var t=e.id,n=e.value,o=e.index,i=e.renderItem,l=e.useDragOverlay,d=r.useSortable({id:t,animateLayoutChanges:e.animateLayoutChanges,getNewIndex:e.getNewIndex}),u=d.isDragging;return a.createElement(s.DataProvider,{hidden:!0,name:"sortableItem",data:d},a.createElement(m,Object.assign({ref:d.setNodeRef,value:n,dragging:u,sorting:d.isSorting,renderItem:i,index:o,transform:d.transform,transition:d.transition,listeners:d.listeners,"data-index":o,"data-id":t,dragOverlay:!l&&u},d.attributes)))}function b(e){var t=e.children,r=s.useSelector("sortableItem"),o=a.Children.toArray(t)[0];return i.isElement(o)?n.cloneElement(o,u({},null==r?void 0:r.listeners,{ref:null==r?void 0:r.setActivatorNodeRef,tabIndex:0})):null}function S(e){c(e,b,{name:"SortableHandle",props:{children:{type:"slot",defaultValue:{type:"text",value:"Handle"},mergeWithParent:!0}},importPath:"@plasmicpkgs/dnd-kit",importName:"SortableHandle"}),c(e,g,{name:"Sortable",props:{items:{type:"array",defaultValue:[{id:1,name:"hello"},{id:2,name:"world"}]},modifierNames:{displayName:"Options",type:"choice",multiSelect:!0,options:Object.keys(v).map((function(e){return{value:e,label:e[0].toUpperCase()+e.slice(1).replace(/([a-z])([A-Z])/g,"$1 $2")}}))},onReorder:{type:"eventHandler",argTypes:[{name:"fromIndex",type:"number"},{name:"toIndex",type:"number"},{name:"newItems",type:"object"},{name:"oldItems",type:"object"}]},themeResetClass:{type:"themeResetClass"},renderItem:{type:"slot",renderPropParams:["sortableData","currentItem"],mergeWithParent:!0,defaultValue:{type:"hbox",children:[{type:"text",value:"Item"},{type:"component",name:"SortableHandle"}]}}},importPath:"@plasmicpkgs/dnd-kit",importName:"Sortable"})}exports.Item=m,exports.Sortable=g,exports.SortableHandle=b,exports.SortableItem=y,exports.modifierByName=v,exports.registerAll=function(e){S(e)},exports.registerSortable=S;
 //# sourceMappingURL=dnd-kit.cjs.production.min.js.map

package/dist/dnd-kit.cjs.production.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnd-kit.cjs.production.min.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","_modifiers","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","isDragging","DataProvider","hidden","data","setNodeRef","isSorting","attributes","SortableHandle","_ref10","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams"],"mappings":"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"}
1	+ {"version":3,"file":"dnd-kit.cjs.production.min.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","isDragging","DataProvider","hidden","data","setNodeRef","isSorting","attributes","SortableHandle","_ref0","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams"],"mappings":"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"}

package/dist/dnd-kit.esm.js CHANGED Viewed

@@ -91,7 +91,6 @@ var modifierByName = {
   restrictToFirstScrollableAncestor: restrictToFirstScrollableAncestor
 };
 function Sortable(_ref2) {
-  var _modifiers;
   var className = _ref2.className,
     style = _ref2.style,
     activationConstraint = _ref2.activationConstraint,
@@ -123,7 +122,7 @@ function Sortable(_ref2) {
     modifierNames = _ref2.modifierNames,
     themeResetClass = _ref2.themeResetClass,
     onReorder = _ref2.onReorder;
-  modifiers = (_modifiers = modifiers) != null ? _modifiers : (modifierNames != null ? modifierNames : []).map(function (name) {
+  modifiers = modifiers != null ? modifiers : (modifierNames != null ? modifierNames : []).map(function (name) {
     return modifierByName[name];
   });
   // This is the optimistic version.
@@ -298,8 +297,8 @@ function SortableItem(_ref9) {
     dragOverlay: !useDragOverlay && isDragging
   }, attributes)));
 }
-function SortableHandle(_ref10) {
-  var children = _ref10.children;
+function SortableHandle(_ref0) {
+  var children = _ref0.children;
   var data = useSelector("sortableItem");
   var child = React.Children.toArray(children)[0];
   return isElement(child) ? cloneElement(child, _extends({}, data == null ? void 0 : data.listeners, {

package/dist/dnd-kit.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnd-kit.esm.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","_modifiers","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","attributes","isDragging","isSorting","setNodeRef","DataProvider","hidden","data","SortableHandle","_ref10","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams","registerAll"],"mappings":"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"}
1	+ {"version":3,"file":"dnd-kit.esm.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n CodeComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport { default as registerGlobalContext } from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable \| undefined,\n component: T,\n meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import {\n DndContext,\n DragOverlay,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n closestCenter,\n defaultDropAnimationSideEffects,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type {\n AnimateLayoutChanges,\n NewIndexGetter,\n SortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableContext,\n arrayMove,\n rectSortingStrategy,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n Active,\n Announcements,\n CollisionDetection,\n DraggableSyntheticListeners,\n DropAnimation,\n KeyboardCoordinateGetter,\n MeasuringConfiguration,\n Modifiers,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport { Registerable, registerComponentHelper } from \"./util\";\n\nexport interface ItemProps {\n dragOverlay?: boolean;\n color?: string;\n disabled?: boolean;\n dragging?: boolean;\n height?: number;\n index?: number;\n fadeIn?: boolean;\n transform?: Transform \| null;\n listeners?: DraggableSyntheticListeners;\n sorting?: boolean;\n style?: React.CSSProperties;\n transition?: string \| null;\n wrapperStyle?: React.CSSProperties;\n value: React.ReactNode;\n renderItem?(\n args: {\n dragOverlay: boolean;\n dragging: boolean;\n sorting: boolean;\n index: number \| undefined;\n fadeIn: boolean;\n listeners: DraggableSyntheticListeners;\n ref: React.Ref<HTMLElement>;\n style: React.CSSProperties \| undefined;\n transform: ItemProps[\"transform\"];\n transition: ItemProps[\"transition\"];\n value: ItemProps[\"value\"];\n },\n currentItem: ItemProps[\"value\"]\n ): React.ReactElement;\n}\n\nexport const Item = React.memo(\n React.forwardRef<HTMLLIElement, ItemProps>(\n (\n {\n dragOverlay,\n dragging,\n fadeIn,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n },\n ref\n ) => {\n useEffect(() => {\n if (!dragOverlay) {\n return;\n }\n\n document.body.style.cursor = \"grabbing\";\n\n return () => {\n document.body.style.cursor = \"\";\n };\n }, [dragOverlay]);\n\n const child = renderItem(\n {\n dragOverlay: Boolean(dragOverlay),\n dragging: Boolean(dragging),\n sorting: Boolean(sorting),\n index,\n fadeIn: Boolean(fadeIn),\n listeners,\n ref,\n style,\n transform,\n transition,\n value,\n },\n value\n );\n\n return isElement(child)\n ? cloneElement(child, {\n ref,\n style: {\n transition: [transition].filter(Boolean).join(\", \"),\n transform: `translate3d(${transform?.x ?? 0}px, ${\n transform?.y ?? 0\n }px, 0) scaleX(${transform?.scaleX ?? 1}) scaleY(${\n transform?.scaleY ?? 1\n }`,\n },\n })\n : child;\n }\n )\n);\n\nexport interface SortableProps {\n onReorder?: (\n fromIndex: number,\n toIndex: number,\n newItems: any[],\n oldItems: any[]\n ) => void;\n themeResetClass?: string;\n activationConstraint?: PointerActivationConstraint;\n animateLayoutChanges?: AnimateLayoutChanges;\n adjustScale?: boolean;\n collisionDetection?: CollisionDetection;\n coordinateGetter?: KeyboardCoordinateGetter;\n Container?: any; // To-do: Fix me\n dropAnimation?: DropAnimation \| null;\n getNewIndex?: NewIndexGetter;\n rowKey?: (item: any) => string \| number;\n itemCount?: number;\n items?: any[];\n measuring?: MeasuringConfiguration;\n modifiers?: Modifiers;\n renderItem?: any;\n removable?: boolean;\n reorderItems?: typeof arrayMove;\n strategy?: SortingStrategy;\n style?: React.CSSProperties;\n useDragOverlay?: boolean;\n modifierNames?: (\n \| \"restrictToHorizontalAxis\"\n \| \"restrictToVerticalAxis\"\n \| \"restrictToWindowEdges\"\n \| \"restrictToParentElement\"\n \| \"restrictToFirstScrollableAncestor\"\n )[];\n getItemStyles?(args: {\n id: UniqueIdentifier;\n index: number;\n isSorting: boolean;\n isDragOverlay: boolean;\n overIndex: number;\n isDragging: boolean;\n }): React.CSSProperties;\n wrapperStyle?(args: {\n active: Pick<Active, \"id\"> \| null;\n index: number;\n isDragging: boolean;\n id: UniqueIdentifier;\n }): React.CSSProperties;\n isDisabled?(id: UniqueIdentifier): boolean;\n className?: string;\n}\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.5\",\n },\n },\n }),\n};\n\nconst screenReaderInstructions: ScreenReaderInstructions = {\n draggable: `\n To pick up a sortable item, press the space bar.\n While sorting, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n `,\n};\n\nexport const modifierByName = {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToFirstScrollableAncestor,\n};\n\nexport function Sortable({\n className,\n style,\n activationConstraint,\n animateLayoutChanges,\n adjustScale = false,\n collisionDetection = closestCenter,\n coordinateGetter = sortableKeyboardCoordinates,\n dropAnimation = dropAnimationConfig,\n getNewIndex,\n rowKey = (item) => item.id,\n items: initialItems = [],\n measuring,\n modifiers,\n renderItem,\n reorderItems = arrayMove,\n strategy = rectSortingStrategy,\n useDragOverlay = true,\n modifierNames,\n themeResetClass,\n onReorder,\n}: SortableProps) {\n modifiers =\n modifiers ?? (modifierNames ?? []).map((name) => modifierByName[name]);\n\n // This is the optimistic version.\n const [items, setItems] = useState<UniqueIdentifier[]>(() => initialItems);\n useEffect(() => {\n setItems(initialItems);\n }, [initialItems]);\n const [activeId, setActiveId] = useState<UniqueIdentifier \| null>(null);\n const sensors = useSensors(\n useSensor(MouseSensor, {\n activationConstraint,\n }),\n useSensor(TouchSensor, {\n activationConstraint,\n }),\n useSensor(KeyboardSensor, {\n // Disable smooth scrolling in Cypress automated tests\n scrollBehavior: \"Cypress\" in globalThis ? \"auto\" : undefined,\n coordinateGetter,\n })\n );\n const isFirstAnnouncement = useRef(true);\n const getIndex = (id: UniqueIdentifier) =>\n items.findIndex((item) => rowKey(item) === id);\n const getPosition = (id: UniqueIdentifier) => getIndex(id) + 1;\n const activeIndex = activeId ? getIndex(activeId) : -1;\n const announcements: Announcements = {\n onDragStart({ active: { id } }) {\n return `Picked up sortable item ${String(\n id\n )}. Sortable item ${id} is in position ${getPosition(id)} of ${\n items.length\n }`;\n },\n onDragOver({ active, over }) {\n // In this specific use-case, the picked up item's `id` is always the same as the first `over` id.\n // The first `onDragOver` event therefore doesn't need to be announced, because it is called\n // immediately after the `onDragStart` announcement and is redundant.\n if (isFirstAnnouncement.current === true) {\n isFirstAnnouncement.current = false;\n return;\n }\n\n if (over) {\n return `Sortable item ${\n active.id\n } was moved into position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragEnd({ active, over }) {\n if (over) {\n return `Sortable item ${\n active.id\n } was dropped at position ${getPosition(over.id)} of ${items.length}`;\n }\n\n return;\n },\n onDragCancel({ active: { id } }) {\n return `Sorting was cancelled. Sortable item ${id} was dropped and returned to position ${getPosition(\n id\n )} of ${items.length}.`;\n },\n };\n useEffect(() => {\n if (!activeId) {\n isFirstAnnouncement.current = true;\n }\n }, [activeId]);\n\n return (\n <div className={className} style={style}>\n <DndContext\n accessibility={{\n announcements,\n screenReaderInstructions,\n }}\n sensors={sensors}\n collisionDetection={collisionDetection}\n onDragStart={({ active }) => {\n if (!active) {\n return;\n }\n\n setActiveId(active.id);\n }}\n onDragEnd={({ over }) => {\n setActiveId(null);\n\n if (over) {\n const overIndex = getIndex(over.id);\n const reordered = reorderItems(items, activeIndex, overIndex);\n onReorder?.(activeIndex, overIndex, reordered, items);\n if (activeIndex !== overIndex) {\n setItems(() => reordered);\n }\n }\n }}\n onDragCancel={() => setActiveId(null)}\n measuring={measuring}\n modifiers={modifiers}\n >\n <SortableContext items={items.map(rowKey)} strategy={strategy}>\n {items.map((value, index) => (\n <SortableItem\n key={rowKey(value)}\n id={rowKey(value)}\n value={value}\n index={index}\n renderItem={renderItem}\n animateLayoutChanges={animateLayoutChanges}\n useDragOverlay={useDragOverlay}\n getNewIndex={getNewIndex}\n />\n ))}\n </SortableContext>\n {useDragOverlay && typeof document !== \"undefined\"\n ? createPortal(\n <DragOverlay\n adjustScale={adjustScale}\n dropAnimation={dropAnimation}\n >\n {activeId ? (\n <Item\n index={activeIndex}\n value={items[activeIndex]}\n renderItem={(...args) => (\n <div className={themeResetClass}>\n {renderItem(...args)}\n </div>\n )}\n dragOverlay\n />\n ) : null}\n </DragOverlay>,\n document.body\n )\n : null}\n </DndContext>\n </div>\n );\n}\n\ninterface SortableItemProps {\n animateLayoutChanges?: AnimateLayoutChanges;\n getNewIndex?: NewIndexGetter;\n id: UniqueIdentifier;\n index: number;\n useDragOverlay?: boolean;\n renderItem?(args: any): React.ReactElement;\n value?: any;\n}\n\nexport function SortableItem({\n animateLayoutChanges,\n getNewIndex,\n id,\n value,\n index,\n renderItem,\n useDragOverlay,\n}: SortableItemProps) {\n const sortableData = useSortable({\n id,\n animateLayoutChanges,\n getNewIndex,\n });\n const {\n attributes,\n isDragging,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = sortableData;\n\n return (\n <DataProvider hidden={true} name={\"sortableItem\"} data={sortableData}>\n <Item\n ref={setNodeRef}\n value={value}\n dragging={isDragging}\n sorting={isSorting}\n renderItem={renderItem}\n index={index}\n transform={transform}\n transition={transition}\n listeners={listeners}\n data-index={index}\n data-id={id}\n dragOverlay={!useDragOverlay && isDragging}\n {...attributes}\n />\n </DataProvider>\n );\n}\n\nexport function SortableHandle({ children }: { children?: ReactNode }) {\n const data = useSelector(\"sortableItem\");\n const child = React.Children.toArray(children)[0];\n return isElement(child)\n ? cloneElement(child as ReactElement, {\n ...data?.listeners,\n ref: data?.setActivatorNodeRef,\n tabIndex: 0,\n })\n : null;\n}\n\nexport function registerSortable(loader?: Registerable) {\n registerComponentHelper(loader, SortableHandle, {\n name: \"SortableHandle\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"text\",\n value: \"Handle\",\n },\n mergeWithParent: true,\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"SortableHandle\",\n });\n\n registerComponentHelper(loader, Sortable, {\n name: \"Sortable\",\n props: {\n items: {\n type: \"array\",\n defaultValue: [\n { id: 1, name: \"hello\" },\n { id: 2, name: \"world\" },\n ],\n },\n modifierNames: {\n displayName: \"Options\",\n type: \"choice\",\n multiSelect: true,\n options: Object.keys(modifierByName).map((v) => ({\n value: v,\n label:\n v[0].toUpperCase() + v.slice(1).replace(/([a-z])([A-Z])/g, \"$1 $2\"),\n })),\n },\n onReorder: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"fromIndex\",\n type: \"number\",\n },\n {\n name: \"toIndex\",\n type: \"number\",\n },\n {\n name: \"newItems\",\n type: \"object\",\n },\n {\n name: \"oldItems\",\n type: \"object\",\n },\n ],\n },\n themeResetClass: {\n type: \"themeResetClass\",\n },\n renderItem: {\n type: \"slot\",\n renderPropParams: [\"sortableData\", \"currentItem\"],\n mergeWithParent: true,\n defaultValue: {\n type: \"hbox\",\n children: [\n {\n type: \"text\",\n value: \"Item\",\n },\n {\n type: \"component\",\n name: \"SortableHandle\",\n },\n ],\n },\n } as any,\n },\n importPath: \"@plasmicpkgs/dnd-kit\",\n importName: \"Sortable\",\n });\n}\n","import { registerSortable } from \"./sortable\";\nimport { Registerable } from \"./util\";\n\nexport function registerAll(loader?: Registerable) {\n registerSortable(loader);\n}\n\nexport * from \"./sortable\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","Item","React","memo","forwardRef","_ref","ref","dragOverlay","dragging","fadeIn","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","useEffect","document","body","cursor","child","Boolean","isElement","cloneElement","filter","join","_transform$x","x","_transform$y","y","_transform$scaleX","scaleX","_transform$scaleY","scaleY","dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","screenReaderInstructions","draggable","modifierByName","restrictToVerticalAxis","restrictToWindowEdges","restrictToHorizontalAxis","restrictToParentElement","restrictToFirstScrollableAncestor","Sortable","_ref2","className","activationConstraint","animateLayoutChanges","_ref2$adjustScale","adjustScale","_ref2$collisionDetect","collisionDetection","closestCenter","_ref2$coordinateGette","coordinateGetter","sortableKeyboardCoordinates","_ref2$dropAnimation","dropAnimation","getNewIndex","_ref2$rowKey","rowKey","item","id","_ref2$items","items","initialItems","measuring","modifiers","_ref2$reorderItems","reorderItems","arrayMove","_ref2$strategy","strategy","rectSortingStrategy","_ref2$useDragOverlay","useDragOverlay","modifierNames","themeResetClass","onReorder","map","name","_useState","useState","setItems","_useState2","activeId","setActiveId","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","scrollBehavior","globalThis","undefined","isFirstAnnouncement","useRef","getIndex","findIndex","getPosition","activeIndex","announcements","onDragStart","_ref3","String","length","onDragOver","_ref4","over","current","onDragEnd","_ref5","onDragCancel","_ref6","DndContext","accessibility","_ref7","_ref8","overIndex","reordered","SortableContext","SortableItem","key","createPortal","DragOverlay","apply","arguments","_ref9","sortableData","useSortable","attributes","isDragging","isSorting","setNodeRef","DataProvider","hidden","data","SortableHandle","_ref0","children","useSelector","Children","toArray","_extends","setActivatorNodeRef","tabIndex","registerSortable","props","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams","registerAll"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/dnd-kit",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Plasmic Spotify components.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
     }
   ],
   "devDependencies": {
-    "@plasmicapp/host": "2.0.2",
+    "@plasmicapp/host": "2.0.4",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "husky": "^7.0.4",
@@ -49,5 +49,5 @@
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1"
   },
-  "gitHead": "f110feb3414bdfdcbd84167e91a951f8dcd4dd60"
+  "gitHead": "f9760e92bc673fce71817beaf70d910d4137fbd0"
 }