@contember/react-repeater-dnd-kit 2.0.0-alpha.9 → 2.0.0-beta.2

package/dist/production/src/components/RepeaterSortableItemNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableItemNode.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemNode.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\nimport { Slot } from '@radix-ui/react-slot'\n\nexport const RepeaterSortableItemNode = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst { setNodeRef } = useRepeaterSortableItem()\n\treturn <Slot ref={setNodeRef}>{children}</Slot>\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACC,QAAA,EAAE,eAAe;AACvB,SAAQ,oBAAA,MAAA,EAAK,KAAK,YAAa,SAAS,CAAA;AACzC;"}
+{"version":3,"file":"RepeaterSortableItemNode.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemNode.tsx"],"sourcesContent":["import React, { ReactElement } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\nimport { Slot } from '@radix-ui/react-slot'\n\n/**\n * Slot for the repeater item node, which is the element that is being dragged.\n */\nexport const RepeaterSortableItemNode = ({ children }: {\n\tchildren: ReactElement\n}) => {\n\tconst { setNodeRef } = useRepeaterSortableItem()\n\treturn <Slot ref={setNodeRef}>{children}</Slot>\n}\n"],"names":[],"mappings":";;;AAOO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACC,QAAA,EAAE,WAAW,IAAI,wBAAwB;AAC/C,SAAQ,oBAAA,MAAA,EAAK,KAAK,YAAa,SAAS,CAAA;AACzC;"}

package/dist/production/src/contexts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.cjs","sources":["../../../../packages/react-repeater-dnd-kit/src/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nconst RepeaterSortableItemContext_ = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\n/** @internal */\nexport const RepeaterSortableItemContext = RepeaterSortableItemContext_[0]\nexport const useRepeaterSortableItem = RepeaterSortableItemContext_[1]\n\nconst RepeaterActiveEntityContext_ = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n/** @internal */\nexport const RepeaterActiveEntityContext = RepeaterActiveEntityContext_[0]\nexport const useRepeaterActiveEntity = RepeaterActiveEntityContext_[1]\n"],"names":["createRequiredContext","createContext"],"mappings":";;;AAIA,MAAM,+BAA+BA,WAAAA,sBAAsD,6BAA6B;AAE3G,MAAA,8BAA8B,6BAA6B,CAAC;AAC5D,MAAA,0BAA0B,6BAA6B,CAAC;AAErE,MAAM,+BAA+BC,WAA0C,cAAA,+BAA+B,MAAS;AAE1G,MAAA,8BAA8B,6BAA6B,CAAC;AAC5D,MAAA,0BAA0B,6BAA6B,CAAC;;;;;"}
+{"version":3,"file":"contexts.cjs","sources":["../../../../packages/react-repeater-dnd-kit/src/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nconst RepeaterSortableItemContext_ = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\n/** @internal */\nexport const RepeaterSortableItemContext = RepeaterSortableItemContext_[0]\n/**\n * Returns the sortable context from dnd-kit (e.g. isDragging, isOver, setNodeRef) for the repeater item.\n */\nexport const useRepeaterSortableItem = RepeaterSortableItemContext_[1]\n\nconst RepeaterActiveEntityContext_ = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n/** @internal */\nexport const RepeaterActiveEntityContext = RepeaterActiveEntityContext_[0]\n/**\n * Returns the entity that is currently being dragged in the repeater.\n */\nexport const useRepeaterActiveEntity = RepeaterActiveEntityContext_[1]\n"],"names":["createRequiredContext","createContext"],"mappings":";;;AAIA,MAAM,+BAA+BA,iCAAsD,6BAA6B;AAE3G,MAAA,8BAA8B,6BAA6B,CAAC;AAI5D,MAAA,0BAA0B,6BAA6B,CAAC;AAErE,MAAM,+BAA+BC,WAA0C,cAAA,+BAA+B,MAAS;AAE1G,MAAA,8BAA8B,6BAA6B,CAAC;AAI5D,MAAA,0BAA0B,6BAA6B,CAAC;;;;;"}

package/dist/production/src/contexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.js","sources":["../../../../packages/react-repeater-dnd-kit/src/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nconst RepeaterSortableItemContext_ = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\n/** @internal */\nexport const RepeaterSortableItemContext = RepeaterSortableItemContext_[0]\nexport const useRepeaterSortableItem = RepeaterSortableItemContext_[1]\n\nconst RepeaterActiveEntityContext_ = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n/** @internal */\nexport const RepeaterActiveEntityContext = RepeaterActiveEntityContext_[0]\nexport const useRepeaterActiveEntity = RepeaterActiveEntityContext_[1]\n"],"names":[],"mappings":";AAIA,MAAM,+BAA+B,sBAAsD,6BAA6B;AAE3G,MAAA,8BAA8B,6BAA6B,CAAC;AAC5D,MAAA,0BAA0B,6BAA6B,CAAC;AAErE,MAAM,+BAA+B,cAA0C,+BAA+B,MAAS;AAE1G,MAAA,8BAA8B,6BAA6B,CAAC;AAC5D,MAAA,0BAA0B,6BAA6B,CAAC;"}
+{"version":3,"file":"contexts.js","sources":["../../../../packages/react-repeater-dnd-kit/src/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nconst RepeaterSortableItemContext_ = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\n/** @internal */\nexport const RepeaterSortableItemContext = RepeaterSortableItemContext_[0]\n/**\n * Returns the sortable context from dnd-kit (e.g. isDragging, isOver, setNodeRef) for the repeater item.\n */\nexport const useRepeaterSortableItem = RepeaterSortableItemContext_[1]\n\nconst RepeaterActiveEntityContext_ = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n/** @internal */\nexport const RepeaterActiveEntityContext = RepeaterActiveEntityContext_[0]\n/**\n * Returns the entity that is currently being dragged in the repeater.\n */\nexport const useRepeaterActiveEntity = RepeaterActiveEntityContext_[1]\n"],"names":[],"mappings":";AAIA,MAAM,+BAA+B,sBAAsD,6BAA6B;AAE3G,MAAA,8BAA8B,6BAA6B,CAAC;AAI5D,MAAA,0BAA0B,6BAA6B,CAAC;AAErE,MAAM,+BAA+B,cAA0C,+BAA+B,MAAS;AAE1G,MAAA,8BAA8B,6BAA6B,CAAC;AAI5D,MAAA,0BAA0B,6BAA6B,CAAC;"}

package/dist/types/components/RepeaterSortable.d.ts

@@ -1,5 +1,36 @@
 import { ReactNode } from 'react';
 import { DndContextProps } from '@dnd-kit/core';
+/**
+ * Initializes dnd-kit based sorting for the repeater.
+ * Using the props, you can customize the behavior of the sorting and hook into the drag events.
+ *
+ * ## Example
+ * ```tsx
+ * <Repeater {...}>
+ *   <RepeaterSortable>
+ *     <RepeaterSortableEachItem>
+ *       <div>
+ *         <RepeaterSortableDropIndicator position={'before'}><div>Drop here</div></RepeaterSortableDropIndicator>
+ *         <RepeaterSortableItemNode>
+ *           <div>
+ *             <RepeaterSortableItemActivator>
+ *               <span/>
+ *             </RepeaterSortableItemActivator>
+ *             {children}
+ *           </div>
+ *         </RepeaterSortableItemNode>
+ *         <RepeaterSortableDropIndicator position={'afer'}><div>Drop here</div></RepeaterSortableDropIndicator>
+ *       </div>
+ *     </RepeaterSortableEachItem>
+ *     <RepeaterSortableDragOverlay>
+ *       <div>
+ *         {children}
+ *       </div>
+ *     </RepeaterSortableDragOverlay>
+ *   </RepeaterSortable>
+ * </Repeater>
+ * ```
+ */
 export declare const RepeaterSortable: ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }: {
     children: ReactNode;
 } & DndContextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/RepeaterSortable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortable.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AAExE,OAAO,EAA6B,eAAe,EAAuI,MAAM,eAAe,CAAA;AAK/M,eAAO,MAAM,gBAAgB,8FAA+F;IAC3H,QAAQ,EAAE,SAAS,CAAA;CACnB,GAAG,eAAe,4CA4DlB,CAAA"}
+{"version":3,"file":"RepeaterSortable.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AAExE,OAAO,EAA6B,eAAe,EAAuI,MAAM,eAAe,CAAA;AAK/M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,gBAAgB,8FAA+F;IAC3H,QAAQ,EAAE,SAAS,CAAA;CACnB,GAAG,eAAe,4CA4DlB,CAAA"}

package/dist/types/components/RepeaterSortableDragOverlay.d.ts

@@ -1,4 +1,7 @@
 import { ReactNode } from 'react';
+/**
+ * Component for rendering the repeater item being dragged.
+ */
 export declare const RepeaterSortableDragOverlay: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/RepeaterSortableDragOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableDragOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,eAAO,MAAM,2BAA2B,iBAAkB;IACzD,QAAQ,EAAE,SAAS,CAAA;CACnB,mDAmBA,CAAA"}
+{"version":3,"file":"RepeaterSortableDragOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC;;GAEG;AACH,eAAO,MAAM,2BAA2B,iBAAkB;IACzD,QAAQ,EAAE,SAAS,CAAA;CACnB,mDAmBA,CAAA"}

package/dist/types/components/RepeaterSortableDropIndicator.d.ts

@@ -1,4 +1,7 @@
 import { ReactNode } from 'react';
+/**
+ * Renders a child element when the repeater item is being dragged over the drop indicator.
+ */
 export declare const RepeaterSortableDropIndicator: ({ children, position }: {
     children: ReactNode;
     position: "before" | "after";

package/dist/types/components/RepeaterSortableDropIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableDropIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDropIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,eAAO,MAAM,6BAA6B,2BAA4B;IACrE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC5B,mDAQA,CAAA"}
+{"version":3,"file":"RepeaterSortableDropIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDropIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC;;GAEG;AACH,eAAO,MAAM,6BAA6B,2BAA4B;IACrE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC5B,mDAQA,CAAA"}

package/dist/types/components/RepeaterSortableEachItem.d.ts

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
+/**
+ * Iterates over all entities in the repeater and renders the children for each entity.
+ * Also sets up the dnd-kit sortable context for the repeater items.
+ */
 export declare const RepeaterSortableEachItem: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/RepeaterSortableEachItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableEachItem.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableEachItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,eAAO,MAAM,wBAAwB,iBAAkB;IACtD,QAAQ,EAAE,SAAS,CAAA;CACnB,4CAaA,CAAA"}
+{"version":3,"file":"RepeaterSortableEachItem.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableEachItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC;;;GAGG;AACH,eAAO,MAAM,wBAAwB,iBAAkB;IACtD,QAAQ,EAAE,SAAS,CAAA;CACnB,4CAaA,CAAA"}

package/dist/types/components/RepeaterSortableItemActivator.d.ts

@@ -1,5 +1,8 @@
-import React, { ReactNode } from 'react';
+import React, { ReactElement } from 'react';
+/**
+ * Slot for the repeater item activator, which is the element that triggers the drag and drop interaction (e.g. a handle).
+ */
 export declare const RepeaterSortableItemActivator: React.ForwardRefExoticComponent<{
-    children: ReactNode;
+    children: ReactElement;
 } & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=RepeaterSortableItemActivator.d.ts.map

package/dist/types/components/RepeaterSortableItemActivator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableItemActivator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemActivator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAKpD,eAAO,MAAM,6BAA6B;cAC/B,SAAS;qCAIlB,CAAA"}
+{"version":3,"file":"RepeaterSortableItemActivator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemActivator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAa,MAAM,OAAO,CAAA;AAKlE;;GAEG;AACH,eAAO,MAAM,6BAA6B;cAC/B,YAAY;qCAIrB,CAAA"}

package/dist/types/components/RepeaterSortableItemNode.d.ts

@@ -1,5 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
+/**
+ * Slot for the repeater item node, which is the element that is being dragged.
+ */
 export declare const RepeaterSortableItemNode: ({ children }: {
-    children: ReactNode;
+    children: ReactElement;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RepeaterSortableItemNode.d.ts.map

package/dist/types/components/RepeaterSortableItemNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterSortableItemNode.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemNode.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,eAAO,MAAM,wBAAwB,iBAAkB;IACtD,QAAQ,EAAE,SAAS,CAAA;CACnB,4CAGA,CAAA"}
+{"version":3,"file":"RepeaterSortableItemNode.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemNode.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAI3C;;GAEG;AACH,eAAO,MAAM,wBAAwB,iBAAkB;IACtD,QAAQ,EAAE,YAAY,CAAA;CACtB,4CAGA,CAAA"}

package/dist/types/contexts.d.ts

@@ -25,6 +25,9 @@ export declare const RepeaterSortableItemContext: import("react").Context<{
     transform: import("@dnd-kit/utilities").Transform | null;
     transition: string | undefined;
 }>;
+/**
+ * Returns the sortable context from dnd-kit (e.g. isDragging, isOver, setNodeRef) for the repeater item.
+ */
 export declare const useRepeaterSortableItem: () => {
     active: import("@dnd-kit/core").Active | null;
     activeIndex: number;
@@ -52,5 +55,8 @@ export declare const useRepeaterSortableItem: () => {
 };
 /** @internal */
 export declare const RepeaterActiveEntityContext: import("react").Context<EntityAccessor | undefined>;
+/**
+ * Returns the entity that is currently being dragged in the repeater.
+ */
 export declare const useRepeaterActiveEntity: () => EntityAccessor | undefined;
 //# sourceMappingURL=contexts.d.ts.map

package/dist/types/contexts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../src/contexts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAIzD,gBAAgB;AAChB,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAC1E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAAkC,CAAA;AAGtE,gBAAgB;AAChB,eAAO,MAAM,2BAA2B,qDAAkC,CAAA;AAC1E,eAAO,MAAM,uBAAuB,kCAAkC,CAAA"}
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../src/contexts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAIzD,gBAAgB;AAChB,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAC1E;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAAkC,CAAA;AAGtE,gBAAgB;AAChB,eAAO,MAAM,2BAA2B,qDAAkC,CAAA;AAC1E;;GAEG;AACH,eAAO,MAAM,uBAAuB,kCAAkC,CAAA"}