@plasmicpkgs/dnd-kit 0.0.12 → 0.0.13

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 (5) hide show
  1. package/dist/dnd-kit.cjs.development.js.map +1 -1
  2. package/dist/dnd-kit.cjs.production.min.js.map +1 -1
  3. package/dist/dnd-kit.esm.js.map +1 -1
  4. package/dist/util.d.ts +2 -2
  5. package/package.json +2 -2
package/dist/dnd-kit.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dnd-kit.cjs.development.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\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: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","wrapperStyle","props","_objectWithoutPropertiesLoose","_excluded","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","removable","_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","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 React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","wrapperStyle","props","_objectWithoutPropertiesLoose","_excluded","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","removable","_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","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.map CHANGED
@@ -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 ComponentMeta,\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: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","_objectWithoutPropertiesLoose","_excluded","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","removable","_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 React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","_objectWithoutPropertiesLoose","_excluded","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","removable","_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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"}
package/dist/dnd-kit.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dnd-kit.esm.js","sources":["../src/util.ts","../src/sortable.tsx","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\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: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","wrapperStyle","props","_objectWithoutPropertiesLoose","_excluded","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","removable","_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","type","defaultValue","mergeWithParent","importPath","importName","displayName","multiSelect","options","Object","keys","v","label","toUpperCase","slice","replace","argTypes","renderPropParams","registerAll"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;SAcgBA,uBAAuBA,CACrCC,MAAgC,EAChCC,SAAY,EACZC,IAA4C;EAE5C,IAAIF,MAAM,EAAE;IACVA,MAAM,CAACG,iBAAiB,CAACF,SAAS,EAAEC,IAAI,CAAC;GAC1C,MAAM;IACLC,iBAAiB,CAACF,SAAS,EAAEC,IAAI,CAAC;;AAEtC;;;ACxBA,IAsFaE,IAAI,gBAAGC,KAAK,CAACC,IAAI,cAC5BD,KAAK,CAACE,UAAU,CACd,UAAAC,IAAA,EAmBEC,GAAG;;MAhBDC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,AACAC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,AACAC,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,eAAA,GAAAT,IAAA,CACTU,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG;MAAA,OAAMZ,gCAAO;QAAAY,eAAA;IAC1BE,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,KAAK,GAAAf,IAAA,CAALe,KAAK;IACLC,AACGC,KAAK,GAAAC,6BAAA,CAAAlB,IAAA,EAAAmB,SAAA;EAIVC,SAAS,CAAC;IACR,IAAI,CAAClB,WAAW,EAAE;MAChB;;IAGFmB,QAAQ,CAACC,IAAI,CAACV,KAAK,CAACW,MAAM,GAAG,UAAU;IAEvC,OAAO;MACLF,QAAQ,CAACC,IAAI,CAACV,KAAK,CAACW,MAAM,GAAG,EAAE;KAChC;GACF,EAAE,CAACrB,WAAW,CAAC,CAAC;EAEjB,IAAMsB,KAAK,GAAGd,UAAU,CACtB;IACER,WAAW,EAAEuB,OAAO,CAACvB,WAAW,CAAC;IACjCC,QAAQ,EAAEsB,OAAO,CAACtB,QAAQ,CAAC;IAC3BQ,OAAO,EAAEc,OAAO,CAACd,OAAO,CAAC;IACzBJ,KAAK,EAALA,KAAK;IACLF,MAAM,EAAEoB,OAAO,CAACpB,MAAM,CAAC;IACvBG,SAAS,EAATA,SAAS;IACTP,GAAG,EAAHA,GAAG;IACHW,KAAK,EAALA,KAAK;IACLE,SAAS,EAATA,SAAS;IACTD,UAAU,EAAVA,UAAU;IACVE,KAAK,EAALA;GACD,EACDA,KAAK,CACN;EAED,OAAOW,SAAS,CAACF,KAAK,CAAC,GACnBG,YAAY,CAACH,KAAK,EAAE;IAClBvB,GAAG,EAAHA,GAAG;IACHW,KAAK,EAAE;MACLC,UAAU,EAAE,CAACA,UAAU,CAAC,CAACe,MAAM,CAACH,OAAO,CAAC,CAACI,IAAI,CAAC,IAAI,CAAC;MACnDf,SAAS,qBAAAgB,YAAA,GAAiBhB,SAAS,oBAATA,SAAS,CAAEiB,CAAC,YAAAD,YAAA,GAAI,CAAC,eAAAE,YAAA,GACzClB,SAAS,oBAATA,SAAS,CAAEmB,CAAC,YAAAD,YAAA,GAAI,CAClB,yBAAAE,iBAAA,GAAiBpB,SAAS,oBAATA,SAAS,CAAEqB,MAAM,YAAAD,iBAAA,GAAI,CAAC,oBAAAE,iBAAA,GACrCtB,SAAS,oBAATA,SAAS,CAAEuB,MAAM,YAAAD,iBAAA,GAAI,CACvB;;GAEH,CAAC,GACFZ,KAAK;AACX,CAAC,CACF,CACF;AAsDD,IAAMc,mBAAmB,GAAkB;EACzCC,WAAW,eAAEC,+BAA+B,CAAC;IAC3CC,MAAM,EAAE;MACNC,MAAM,EAAE;QACNC,OAAO,EAAE;;;GAGd;CACF;AAED,IAAMC,wBAAwB,GAA6B;EACzDC,SAAS;CAKV;AAED,IAAaC,cAAc,GAAG;EAC5BC,sBAAsB,EAAtBA,sBAAsB;EACtBC,qBAAqB,EAArBA,qBAAqB;EACrBC,wBAAwB,EAAxBA,wBAAwB;EACxBC,uBAAuB,EAAvBA,uBAAuB;EACvBC,iCAAiC,EAAjCA;CACD;AAED,SAAgBC,QAAQA,CAAAC,KAAA;;MACtBC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACT1C,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IACL2C,oBAAoB,GAAAF,KAAA,CAApBE,oBAAoB;IACpBC,oBAAoB,GAAAH,KAAA,CAApBG,oBAAoB;IAAAC,iBAAA,GAAAJ,KAAA,CACpBK,WAAW;IAAXA,WAAW,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,qBAAA,GAAAN,KAAA,CACnBO,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAGE,aAAa,GAAAF,qBAAA;IAAAG,qBAAA,GAAAT,KAAA,CAClCU,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAGE,2BAA2B,GAAAF,qBAAA;IAAAG,mBAAA,GAAAZ,KAAA,CAC9Ca,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG3B,mBAAmB,GAAA2B,mBAAA;IACnCE,WAAW,GAAAd,KAAA,CAAXc,WAAW;IAAAC,YAAA,GAAAf,KAAA,CACXgB,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,UAACE,IAAI;MAAA,OAAKA,IAAI,CAACC,EAAE;QAAAH,YAAA;IAAAI,WAAA,GAAAnB,KAAA,CAC1BoB,KAAK;IAAEC,YAAY,GAAAF,WAAA,cAAG,EAAE,GAAAA,WAAA;IACxBG,SAAS,GAAAtB,KAAA,CAATsB,SAAS;IACTC,SAAS,GAAAvB,KAAA,CAATuB,SAAS;IACTC,AACAnE,WAAU,GAAA2C,KAAA,CAAV3C,UAAU;IAAAoE,kBAAA,GAAAzB,KAAA,CACV0B,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAGE,SAAS,GAAAF,kBAAA;IAAAG,cAAA,GAAA5B,KAAA,CACxB6B,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAGE,mBAAmB,GAAAF,cAAA;IAAAG,oBAAA,GAAA/B,KAAA,CAC9BgC,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;IACrBE,aAAa,GAAAjC,KAAA,CAAbiC,aAAa;IACbC,eAAe,GAAAlC,KAAA,CAAfkC,eAAe;IACfC,SAAS,GAAAnC,KAAA,CAATmC,SAAS;EAETZ,SAAS,IAAAa,UAAA,GACPb,SAAS,YAAAa,UAAA,GAAI,CAACH,aAAa,WAAbA,aAAa,GAAI,EAAE,EAAEI,GAAG,CAAC,UAACC,IAAI;IAAA,OAAK7C,cAAc,CAAC6C,IAAI,CAAC;IAAC;;EAGxE,IAAAC,SAAA,GAA0BC,QAAQ,CAAqB;MAAA,OAAMnB,YAAY;MAAC;IAAnED,KAAK,GAAAmB,SAAA;IAAEE,QAAQ,GAAAF,SAAA;EACtBxE,SAAS,CAAC;IACR0E,QAAQ,CAACpB,YAAY,CAAC;GACvB,EAAE,CAACA,YAAY,CAAC,CAAC;EAClB,IAAAqB,UAAA,GAAgCF,QAAQ,CAA0B,IAAI,CAAC;IAAhEG,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAMG,OAAO,GAAGC,UAAU,CACxBC,SAAS,CAACC,WAAW,EAAE;IACrB9C,oBAAoB,EAApBA;GACD,CAAC,EACF6C,SAAS,CAACE,WAAW,EAAE;IACrB/C,oBAAoB,EAApBA;GACD,CAAC,EACF6C,SAAS,CAACG,cAAc,EAAE;;IAExBC,cAAc,EAAE,SAAS,IAAIC,UAAU,GAAG,MAAM,GAAGC,SAAS;IAC5D3C,gBAAgB,EAAhBA;GACD,CAAC,CACH;EACD,IAAM4C,mBAAmB,GAAGC,MAAM,CAAC,IAAI,CAAC;EACxC,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAItC,EAAoB;IAAA,OACpCE,KAAK,CAACqC,SAAS,CAAC,UAACxC,IAAI;MAAA,OAAKD,MAAM,CAACC,IAAI,CAAC,KAAKC,EAAE;MAAC;;EAChD,IAAMwC,WAAW,GAAG,SAAdA,WAAWA,CAAIxC,EAAoB;IAAA,OAAKsC,QAAQ,CAACtC,EAAE,CAAC,GAAG,CAAC;;EAC9D,IAAMyC,WAAW,GAAGhB,QAAQ,GAAGa,QAAQ,CAACb,QAAQ,CAAC,GAAG,CAAC,CAAC;EACtD,IAAMiB,aAAa,GAAkB;IACnCC,WAAW,WAAAA,YAAAC,KAAA;UAAa5C,EAAE,GAAA4C,KAAA,CAAZzE,MAAM,CAAI6B,EAAE;MACxB,oCAAkC6C,MAAM,CACtC7C,EAAE,CACH,wBAAmBA,EAAE,wBAAmBwC,WAAW,CAACxC,EAAE,CAAC,YACtDE,KAAK,CAAC4C,MACR;KACD;IACDC,UAAU,WAAAA,WAAAC,KAAA;UAAG7E,MAAM,GAAA6E,KAAA,CAAN7E,MAAM;QAAE8E,IAAI,GAAAD,KAAA,CAAJC,IAAI;;;;MAIvB,IAAIb,mBAAmB,CAACc,OAAO,KAAK,IAAI,EAAE;QACxCd,mBAAmB,CAACc,OAAO,GAAG,KAAK;QACnC;;MAGF,IAAID,IAAI,EAAE;QACR,0BACE9E,MAAM,CAAC6B,EACT,iCAA4BwC,WAAW,CAACS,IAAI,CAACjD,EAAE,CAAC,YAAOE,KAAK,CAAC4C,MAAM;;MAGrE;KACD;IACDK,SAAS,WAAAA,UAAAC,KAAA;UAAGjF,MAAM,GAAAiF,KAAA,CAANjF,MAAM;QAAE8E,IAAI,GAAAG,KAAA,CAAJH,IAAI;MACtB,IAAIA,IAAI,EAAE;QACR,0BACE9E,MAAM,CAAC6B,EACT,iCAA4BwC,WAAW,CAACS,IAAI,CAACjD,EAAE,CAAC,YAAOE,KAAK,CAAC4C,MAAM;;MAGrE;KACD;IACDO,YAAY,WAAAA,aAAAC,KAAA;UAAatD,EAAE,GAAAsD,KAAA,CAAZnF,MAAM,CAAI6B,EAAE;MACzB,iDAA+CA,EAAE,8CAAyCwC,WAAW,CACnGxC,EAAE,CACH,YAAOE,KAAK,CAAC4C,MAAM;;GAEvB;EACDjG,SAAS,CAAC;IACR,IAAI,CAAC4E,QAAQ,EAAE;MACbW,mBAAmB,CAACc,OAAO,GAAG,IAAI;;GAErC,EAAE,CAACzB,QAAQ,CAAC,CAAC;EAEd,OACEnG;IAAKyD,SAAS,EAAEA,SAAS;IAAE1C,KAAK,EAAEA;KAChCf,oBAACiI,UAAU;IACTC,aAAa,EAAE;MACbd,aAAa,EAAbA,aAAa;MACbrE,wBAAwB,EAAxBA;KACD;IACDsD,OAAO,EAAEA,OAAO;IAChBtC,kBAAkB,EAAEA,kBAAkB;IACtCsD,WAAW,EAAE,SAAAA,YAAAc,KAAA;UAAGtF,MAAM,GAAAsF,KAAA,CAANtF,MAAM;MACpB,IAAI,CAACA,MAAM,EAAE;QACX;;MAGFuD,WAAW,CAACvD,MAAM,CAAC6B,EAAE,CAAC;KACvB;IACDmD,SAAS,EAAE,SAAAA,UAAAO,KAAA;UAAGT,IAAI,GAAAS,KAAA,CAAJT,IAAI;MAChBvB,WAAW,CAAC,IAAI,CAAC;MAEjB,IAAIuB,IAAI,EAAE;QACR,IAAMU,SAAS,GAAGrB,QAAQ,CAACW,IAAI,CAACjD,EAAE,CAAC;QACnC,IAAM4D,SAAS,GAAGpD,YAAY,CAACN,KAAK,EAAEuC,WAAW,EAAEkB,SAAS,CAAC;QAC7D1C,SAAS,YAATA,SAAS,CAAGwB,WAAW,EAAEkB,SAAS,EAAEC,SAAS,EAAE1D,KAAK,CAAC;QACrD,IAAIuC,WAAW,KAAKkB,SAAS,EAAE;UAC7BpC,QAAQ,CAAC,UAACrB,KAAK;YAAA,OAAK0D,SAAS;YAAC;;;KAGnC;IACDP,YAAY,EAAE,SAAAA;MAAA,OAAM3B,WAAW,CAAC,IAAI,CAAC;;IACrCtB,SAAS,EAAEA,SAAS;IACpBC,SAAS,EAAEA;KAEX/E,oBAACuI,eAAe;IAAC3D,KAAK,EAAEA,KAAK,CAACiB,GAAG,CAACrB,MAAM,CAAC;IAAEa,QAAQ,EAAEA;KAClDT,KAAK,CAACiB,GAAG,CAAC,UAAC3E,KAAK,EAAER,KAAK;IAAA,OACtBV,oBAACwI,YAAY;MACXC,GAAG,EAAEjE,MAAM,CAACtD,KAAK,CAAC;MAClBwD,EAAE,EAAEF,MAAM,CAACtD,KAAK,CAAC;MACjBA,KAAK,EAAEA,KAAK;MACZR,KAAK,EAAEA,KAAK;MACZG,UAAU,EAAEA,WAAU;MACtB8C,oBAAoB,EAAEA,oBAAoB;MAC1C6B,cAAc,EAAEA,cAAc;MAC9BlB,WAAW,EAAEA;MACb;GACH,CAAC,CACc,EACjBkB,cAAc,IAAI,OAAOhE,QAAQ,KAAK,WAAW,GAC9CkH,YAAY,CACV1I,oBAAC2I,WAAW;IACV9E,WAAW,EAAEA,WAAW;IACxBQ,aAAa,EAAEA;KAEd8B,QAAQ,GACPnG,oBAACD,IAAI;IACHW,KAAK,EAAEyG,WAAW;IAClBjG,KAAK,EAAE0D,KAAK,CAACuC,WAAW,CAAC;IACzBtG,UAAU,EAAE,SAAAA;MAAA,OACVb;QAAKyD,SAAS,EAAEiC;SACb7E,WAAU,CAAA+H,KAAA,SAAAC,SAAQ,CAAC,CAChB;KACP;IACDxI,WAAW;IACX,GACA,IAAI,CACI,EACdmB,QAAQ,CAACC,IAAI,CACd,GACD,IAAI,CACG,CACT;AAEV;AAYA,SAAgB+G,YAAYA,CAAAM,KAAA;MAC1BnF,oBAAoB,GAAAmF,KAAA,CAApBnF,oBAAoB;IACpBW,WAAW,GAAAwE,KAAA,CAAXxE,WAAW;IACXI,EAAE,GAAAoE,KAAA,CAAFpE,EAAE;IACFxD,KAAK,GAAA4H,KAAA,CAAL5H,KAAK;IACLR,KAAK,GAAAoI,KAAA,CAALpI,KAAK;IACLG,UAAU,GAAAiI,KAAA,CAAVjI,UAAU;IACV2E,cAAc,GAAAsD,KAAA,CAAdtD,cAAc;EAEd,IAAMuD,YAAY,GAAGC,WAAW,CAAC;IAC/BtE,EAAE,EAAFA,EAAE;IACFf,oBAAoB,EAApBA,oBAAoB;IACpBW,WAAW,EAAXA;GACD,CAAC;EACF,IACE2E,UAAU,GAORF,YAAY,CAPdE,UAAU;IACVC,UAAU,GAMRH,YAAY,CANdG,UAAU;IACVC,SAAS,GAKPJ,YAAY,CALdI,SAAS;IACTxI,SAAS,GAIPoI,YAAY,CAJdpI,SAAS;IACTyI,UAAU,GAGRL,YAAY,CAHdK,UAAU;IACVnI,SAAS,GAEP8H,YAAY,CAFd9H,SAAS;IACTD,UAAU,GACR+H,YAAY,CADd/H,UAAU;EAGZ,OACEhB,oBAACqJ,YAAY;IAACC,MAAM,EAAE,IAAI;IAAExD,IAAI,EAAE,cAAc;IAAEyD,IAAI,EAAER;KACtD/I,oBAACD,IAAI;IACHK,GAAG,EAAEgJ,UAAU;IACflI,KAAK,EAAEA,KAAK;IACZZ,QAAQ,EAAE4I,UAAU;IACpBpI,OAAO,EAAEqI,SAAS;IAClBtI,UAAU,EAAEA,UAAU;IACtBH,KAAK,EAAEA,KAAK;IACZO,SAAS,EAAEA,SAAS;IACpBD,UAAU,EAAEA,UAAU;IACtBL,SAAS,EAAEA,SAAS;kBACRD,KAAK;eACRgE,EAAE;IACXrE,WAAW,EAAE,CAACmF,cAAc,IAAI0D;KAC5BD,UAAU,EACd,CACW;AAEnB;AAEA,SAAgBO,cAAcA,CAAAC,MAAA;MAAGC,QAAQ,GAAAD,MAAA,CAARC,QAAQ;EACvC,IAAMH,IAAI,GAAGI,WAAW,CAAC,cAAc,CAAC;EACxC,IAAMhI,KAAK,GAAG3B,KAAK,CAAC4J,QAAQ,CAACC,OAAO,CAACH,QAAQ,CAAC,CAAC,CAAC,CAAC;EACjD,OAAO7H,SAAS,CAACF,KAAK,CAAC,GACnBG,YAAY,CAACH,KAAqB,EAAAmI,QAAA,KAC7BP,IAAI,oBAAJA,IAAI,CAAE5I,SAAS;IAClBP,GAAG,EAAEmJ,IAAI,oBAAJA,IAAI,CAAEQ,mBAAmB;IAC9BC,QAAQ,EAAE;IACX,CAAC,GACF,IAAI;AACV;AAEA,SAAgBC,gBAAgBA,CAACtK,MAAqB;EACpDD,uBAAuB,CAACC,MAAM,EAAE6J,cAAc,EAAE;IAC9C1D,IAAI,EAAE,gBAAgB;IACtB1E,KAAK,EAAE;MACLsI,QAAQ,EAAE;QACRQ,IAAI,EAAE,MAAM;QACZC,YAAY,EAAE;UACZD,IAAI,EAAE,MAAM;UACZhJ,KAAK,EAAE;SACR;QACDkJ,eAAe,EAAE;;KAEpB;IACDC,UAAU,EAAE,sBAAsB;IAClCC,UAAU,EAAE;GACb,CAAC;EAEF5K,uBAAuB,CAACC,MAAM,EAAE4D,QAAQ,EAAE;IACxCuC,IAAI,EAAE,UAAU;IAChB1E,KAAK,EAAE;MACLwD,KAAK,EAAE;QACLsF,IAAI,EAAE,OAAO;QACbC,YAAY,EAAE,CACZ;UAAEzF,EAAE,EAAE,CAAC;UAAEoB,IAAI,EAAE;SAAS,EACxB;UAAEpB,EAAE,EAAE,CAAC;UAAEoB,IAAI,EAAE;SAAS;OAE3B;MACDL,aAAa,EAAE;QACb8E,WAAW,EAAE,SAAS;QACtBL,IAAI,EAAE,QAAQ;QACdM,WAAW,EAAE,IAAI;QACjBC,OAAO,EAAEC,MAAM,CAACC,IAAI,CAAC1H,cAAc,CAAC,CAAC4C,GAAG,CAAC,UAAC+E,CAAC;UAAA,OAAM;YAC/C1J,KAAK,EAAE0J,CAAC;YACRC,KAAK,EACHD,CAAC,CAAC,CAAC,CAAC,CAACE,WAAW,EAAE,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC,iBAAiB,EAAE,OAAO;WACrE;SAAC;OACH;MACDrF,SAAS,EAAE;QACTuE,IAAI,EAAE,cAAc;QACpBe,QAAQ,EAAE,CACR;UACEnF,IAAI,EAAE,WAAW;UACjBoE,IAAI,EAAE;SACP,EACD;UACEpE,IAAI,EAAE,SAAS;UACfoE,IAAI,EAAE;SACP,EACD;UACEpE,IAAI,EAAE,UAAU;UAChBoE,IAAI,EAAE;SACP,EACD;UACEpE,IAAI,EAAE,UAAU;UAChBoE,IAAI,EAAE;SACP;OAEJ;MACDxE,eAAe,EAAE;QACfwE,IAAI,EAAE;OACP;MACDrJ,UAAU,EAAE;QACVqJ,IAAI,EAAE,MAAM;QACZgB,gBAAgB,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC;QACjDd,eAAe,EAAE,IAAI;QACrBD,YAAY,EAAE;UACZD,IAAI,EAAE,MAAM;UACZR,QAAQ,EAAE,CACR;YACEQ,IAAI,EAAE,MAAM;YACZhJ,KAAK,EAAE;WACR,EACD;YACEgJ,IAAI,EAAE,WAAW;YACjBpE,IAAI,EAAE;WACP;;;KAIR;IACDuE,UAAU,EAAE,sBAAsB;IAClCC,UAAU,EAAE;GACb,CAAC;AACJ;;SCriBgBa,WAAWA,CAACxL,MAAqB;EAC/CsK,gBAAgB,CAACtK,MAAM,CAAC;AAC1B;;;;"}
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 React, { cloneElement, useEffect, useRef, useState } from \"react\";\nimport type { Key, ReactElement, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { isElement } from \"react-dom/test-utils\";\nimport {\n closestCenter,\n DragOverlay,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n defaultDropAnimationSideEffects,\n} from \"@dnd-kit/core\";\nimport type {\n SortingStrategy,\n AnimateLayoutChanges,\n NewIndexGetter,\n} from \"@dnd-kit/sortable\";\nimport {\n arrayMove,\n useSortable,\n SortableContext,\n sortableKeyboardCoordinates,\n rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { DataProvider, useSelector } from \"@plasmicapp/host\";\n\nimport type {\n DraggableSyntheticListeners,\n Active,\n Announcements,\n CollisionDetection,\n DropAnimation,\n KeyboardCoordinateGetter,\n Modifiers,\n MeasuringConfiguration,\n PointerActivationConstraint,\n ScreenReaderInstructions,\n UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport type { Transform } from \"@dnd-kit/utilities\";\nimport {\n restrictToFirstScrollableAncestor,\n restrictToHorizontalAxis,\n restrictToParentElement,\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from \"@dnd-kit/modifiers\";\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 color,\n dragOverlay,\n dragging,\n disabled,\n fadeIn,\n height,\n index,\n listeners,\n renderItem = () => <div />,\n sorting,\n style,\n transition,\n transform,\n value,\n wrapperStyle,\n ...props\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) => Key;\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 removable,\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((items) => 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","disabled","fadeIn","height","index","listeners","_ref$renderItem","renderItem","sorting","style","transition","transform","value","wrapperStyle","props","_objectWithoutPropertiesLoose","_excluded","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","removable","_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","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/util.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
1
+ import { CodeComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
2
2
  import { default as registerGlobalContext } from "@plasmicapp/host/registerGlobalContext";
3
3
  import { default as registerToken } from "@plasmicapp/host/registerToken";
4
4
  import React from "react";
@@ -7,4 +7,4 @@ export declare type Registerable = {
7
7
  registerGlobalContext: typeof registerGlobalContext;
8
8
  registerToken: typeof registerToken;
9
9
  };
10
- export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: ComponentMeta<React.ComponentProps<T>>): void;
10
+ export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: CodeComponentMeta<React.ComponentProps<T>>): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/dnd-kit",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "Plasmic Spotify components.",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -49,5 +49,5 @@
49
49
  "@dnd-kit/sortable": "^7.0.2",
50
50
  "@dnd-kit/utilities": "^3.2.1"
51
51
  },
52
- "gitHead": "30e1d9c40c46f513d507349568dc16bc5f3e9572"
52
+ "gitHead": "bbba4b6636e69a3441c6dbe4cefb860ed30e826f"
53
53
  }