@contember/react-repeater-dnd-kit 2.0.0-alpha.4 → 2.0.0-alpha.40

package/dist/production/index.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const contexts = require("./contexts.cjs");
+const contexts = require("./src/contexts.cjs");
 const reactRepeater = require("@contember/react-repeater");
-const RepeaterSortable = require("./components/RepeaterSortable.cjs");
-const RepeaterSortableDragOverlay = require("./components/RepeaterSortableDragOverlay.cjs");
-const RepeaterSortableDropIndicator = require("./components/RepeaterSortableDropIndicator.cjs");
-const RepeaterSortableItemActivator = require("./components/RepeaterSortableItemActivator.cjs");
-const RepeaterSortableItemNode = require("./components/RepeaterSortableItemNode.cjs");
-const RepeaterSortableEachItem = require("./components/RepeaterSortableEachItem.cjs");
+const RepeaterSortable = require("./src/components/RepeaterSortable.cjs");
+const RepeaterSortableDragOverlay = require("./src/components/RepeaterSortableDragOverlay.cjs");
+const RepeaterSortableDropIndicator = require("./src/components/RepeaterSortableDropIndicator.cjs");
+const RepeaterSortableItemActivator = require("./src/components/RepeaterSortableItemActivator.cjs");
+const RepeaterSortableItemNode = require("./src/components/RepeaterSortableItemNode.cjs");
+const RepeaterSortableEachItem = require("./src/components/RepeaterSortableEachItem.cjs");
 exports.RepeaterActiveEntityContext = contexts.RepeaterActiveEntityContext;
 exports.RepeaterSortableItemContext = contexts.RepeaterSortableItemContext;
 exports.useRepeaterActiveEntity = contexts.useRepeaterActiveEntity;
@@ -19,10 +19,9 @@ exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator.RepeaterSo
 exports.RepeaterSortableItemNode = RepeaterSortableItemNode.RepeaterSortableItemNode;
 exports.RepeaterSortableEachItem = RepeaterSortableEachItem.RepeaterSortableEachItem;
 Object.keys(reactRepeater).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => reactRepeater[k]
-    });
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => reactRepeater[k]
+  });
 });
 //# sourceMappingURL=index.cjs.map

package/dist/production/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/production/index.js

@@ -1,11 +1,11 @@
-import { RepeaterActiveEntityContext, RepeaterSortableItemContext, useRepeaterActiveEntity, useRepeaterSortableItem } from "./contexts.js";
+import { RepeaterActiveEntityContext, RepeaterSortableItemContext, useRepeaterActiveEntity, useRepeaterSortableItem } from "./src/contexts.js";
 export * from "@contember/react-repeater";
-import { RepeaterSortable } from "./components/RepeaterSortable.js";
-import { RepeaterSortableDragOverlay } from "./components/RepeaterSortableDragOverlay.js";
-import { RepeaterSortableDropIndicator } from "./components/RepeaterSortableDropIndicator.js";
-import { RepeaterSortableItemActivator } from "./components/RepeaterSortableItemActivator.js";
-import { RepeaterSortableItemNode } from "./components/RepeaterSortableItemNode.js";
-import { RepeaterSortableEachItem } from "./components/RepeaterSortableEachItem.js";
+import { RepeaterSortable } from "./src/components/RepeaterSortable.js";
+import { RepeaterSortableDragOverlay } from "./src/components/RepeaterSortableDragOverlay.js";
+import { RepeaterSortableDropIndicator } from "./src/components/RepeaterSortableDropIndicator.js";
+import { RepeaterSortableItemActivator } from "./src/components/RepeaterSortableItemActivator.js";
+import { RepeaterSortableItemNode } from "./src/components/RepeaterSortableItemNode.js";
+import { RepeaterSortableEachItem } from "./src/components/RepeaterSortableEachItem.js";
 export {
   RepeaterActiveEntityContext,
   RepeaterSortable,

package/dist/production/{components → src/components}/RepeaterSortable.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const React = require("react");
 const core = require("@dnd-kit/core");
 const contexts = require("../contexts.cjs");
 const sortable = require("@dnd-kit/sortable");
 const reactRepeater = require("@contember/react-repeater");
-const RepeaterSortable = ({ children }) => {
-  const [activeId, setActiveId] = react.useState(null);
+const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }) => {
+  const [activeId, setActiveId] = React.useState(null);
   const { moveItem } = reactRepeater.useRepeaterMethods();
   const entities = reactRepeater.useRepeaterSortedEntities();
-  const activeItem = react.useMemo(() => {
+  const activeItem = React.useMemo(() => {
     if (!activeId) {
       return void 0;
     }
@@ -21,18 +21,21 @@ const RepeaterSortable = ({ children }) => {
     core.useSensor(core.TouchSensor),
     core.useSensor(core.KeyboardSensor)
   );
-  const onDragCancel = () => {
+  const onDragCancel = (event) => {
+    onDragCancelIn?.(event);
     setActiveId(null);
   };
-  const onDragEnd = react.useCallback(({ active, over }) => {
+  const onDragEnd = React.useCallback((event) => {
+    onDragEndIn?.(event);
     setActiveId(null);
+    const { active, over } = event;
     const activeEntity = entities.find((it) => it.id === active.id);
     const overIndex = over ? entities.findIndex((it) => it.id === over.id) : void 0;
     if (!activeEntity || overIndex === void 0) {
       return;
     }
     moveItem?.(activeEntity, overIndex);
-  }, [entities, moveItem]);
+  }, [entities, moveItem, onDragEndIn]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.DndContext,
     {
@@ -42,12 +45,14 @@ const RepeaterSortable = ({ children }) => {
           strategy: core.MeasuringStrategy.Always
         }
       },
-      onDragStart: ({ active }) => {
-        setActiveId(active.id);
+      collisionDetection: core.closestCenter,
+      ...props,
+      onDragStart: (event) => {
+        onDragStart?.(event);
+        setActiveId(event.active.id);
       },
       onDragEnd,
       onDragCancel,
-      collisionDetection: core.closestCenter,
       children: /* @__PURE__ */ jsxRuntime.jsx(contexts.RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children }) })
     }
   );

package/dist/production/src/components/RepeaterSortable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.cjs","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport type { DragStartEvent } from '@dnd-kit/core'\nimport { closestCenter, DndContext, DndContextProps, DragCancelEvent, DragEndEvent, KeyboardSensor, MeasuringStrategy, MouseSensor, TouchSensor, UniqueIdentifier, useSensor, useSensors } from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterMethods, useRepeaterSortedEntities } from '@contember/react-repeater'\n\n/**\n * Initializes dnd-kit based sorting for the repeater.\n * Using the props, you can customize the behavior of the sorting and hook into the drag events.\n *\n * ## Example\n * ```tsx\n * <Repeater {...}>\n *   <RepeaterSortable>\n *     <RepeaterSortableEachItem>\n *       <div>\n *         <RepeaterSortableDropIndicator position={'before'}><div>Drop here</div></RepeaterSortableDropIndicator>\n *         <RepeaterSortableItemNode>\n *           <div>\n *             <RepeaterSortableItemActivator>\n *               <span/>\n *             </RepeaterSortableItemActivator>\n *             {children}\n *           </div>\n *         </RepeaterSortableItemNode>\n *         <RepeaterSortableDropIndicator position={'afer'}><div>Drop here</div></RepeaterSortableDropIndicator>\n *       </div>\n *     </RepeaterSortableEachItem>\n *     <RepeaterSortableDragOverlay>\n *       <div>\n *         {children}\n *       </div>\n *     </RepeaterSortableDragOverlay>\n *   </RepeaterSortable>\n * </Repeater>\n * ```\n */\nexport const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }: {\n\tchildren: ReactNode\n} & DndContextProps) => {\n\tconst [activeId, setActiveId] = useState<UniqueIdentifier | null>(null)\n\tconst { moveItem } = useRepeaterMethods()\n\tconst entities = useRepeaterSortedEntities()\n\n\n\tconst activeItem = useMemo(() => {\n\t\tif (!activeId) {\n\t\t\treturn undefined\n\t\t}\n\t\treturn entities.find(it => it.id === activeId)\n\t}, [activeId, entities])\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor),\n\t\tuseSensor(TouchSensor),\n\t\tuseSensor(KeyboardSensor),\n\t)\n\n\tconst onDragCancel = (event: DragCancelEvent) => {\n\t\tonDragCancelIn?.(event)\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback((event: DragEndEvent) => {\n\t\tonDragEndIn?.(event)\n\t\tsetActiveId(null)\n\t\tconst { active, over } = event\n\t\tconst activeEntity = entities.find(it => it.id === active.id)\n\t\tconst overIndex = over ? entities.findIndex(it => it.id === over.id) : undefined\n\t\tif (!activeEntity || overIndex === undefined) {\n\t\t\treturn\n\t\t}\n\t\tmoveItem?.(activeEntity, overIndex)\n\t}, [entities, moveItem, onDragEndIn])\n\n\treturn (\n\t\t<DndContext\n\t\t\tsensors={sensors}\n\t\t\tmeasuring={{\n\t\t\t\tdroppable: {\n\t\t\t\t\tstrategy: MeasuringStrategy.Always,\n\t\t\t\t},\n\t\t\t}}\n\t\t\tcollisionDetection={closestCenter}\n\t\t\t{...props}\n\t\t\tonDragStart={(event: DragStartEvent) => {\n\t\t\t\tonDragStart?.(event)\n\t\t\t\tsetActiveId(event.active.id)\n\t\t\t}}\n\t\t\tonDragEnd={onDragEnd}\n\t\t\tonDragCancel={onDragCancel}\n\t\t>\n\t\t\t<RepeaterActiveEntityContext.Provider value={activeItem}>\n\t\t\t\t<SortableContext items={entities} strategy={verticalListSortingStrategy}>\n\t\t\t\t\t{children}\n\t\t\t\t</SortableContext>\n\t\t\t</RepeaterActiveEntityContext.Provider>\n\t\t</DndContext>\n\t)\n}\n"],"names":["useState","useRepeaterMethods","useRepeaterSortedEntities","useMemo","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","useCallback","jsx","DndContext","MeasuringStrategy","closestCenter","RepeaterActiveEntityContext","SortableContext","verticalListSortingStrategy"],"mappings":";;;;;;;;AAsCa,MAAA,mBAAmB,CAAC,EAAE,UAAU,aAAa,WAAW,aAAa,cAAc,gBAAgB,GAAG,YAE3F;AACvB,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAkC,IAAI;AAChE,QAAA,EAAE,SAAS,IAAIC,iCAAmB;AACxC,QAAM,WAAWC,cAAAA,0BAA0B;AAGrC,QAAA,aAAaC,MAAAA,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IAAA;AAER,WAAO,SAAS,KAAK,CAAM,OAAA,GAAG,OAAO,QAAQ;AAAA,EAAA,GAC3C,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,UAAUC,KAAA;AAAA,IACfC,KAAAA,UAAUC,KAAAA,WAAW;AAAA,IACrBD,KAAAA,UAAUE,KAAAA,WAAW;AAAA,IACrBF,KAAAA,UAAUG,KAAc,cAAA;AAAA,EACzB;AAEM,QAAA,eAAe,CAAC,UAA2B;AAChD,qBAAiB,KAAK;AACtB,gBAAY,IAAI;AAAA,EACjB;AAEM,QAAA,YAAYC,kBAAY,CAAC,UAAwB;AACtD,kBAAc,KAAK;AACnB,gBAAY,IAAI;AACV,UAAA,EAAE,QAAQ,KAAA,IAAS;AACzB,UAAM,eAAe,SAAS,KAAK,QAAM,GAAG,OAAO,OAAO,EAAE;AACtD,UAAA,YAAY,OAAO,SAAS,UAAU,QAAM,GAAG,OAAO,KAAK,EAAE,IAAI;AACnE,QAAA,CAAC,gBAAgB,cAAc,QAAW;AAC7C;AAAA,IAAA;AAED,eAAW,cAAc,SAAS;AAAA,EAChC,GAAA,CAAC,UAAU,UAAU,WAAW,CAAC;AAGnC,SAAAC,2BAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAUC,KAAAA,kBAAkB;AAAA,QAAA;AAAA,MAE9B;AAAA,MACA,oBAAoBC,KAAA;AAAA,MACnB,GAAG;AAAA,MACJ,aAAa,CAAC,UAA0B;AACvC,sBAAc,KAAK;AACP,oBAAA,MAAM,OAAO,EAAE;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAACH,2BAAA,IAAAI,SAAA,4BAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAACJ,2BAAA,IAAAK,SAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAA,6BAC1C,UACF,EACD,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}

package/dist/production/{components → src/components}/RepeaterSortable.js

@@ -4,7 +4,7 @@ import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndCon
 import { RepeaterActiveEntityContext } from "../contexts.js";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { useRepeaterMethods, useRepeaterSortedEntities } from "@contember/react-repeater";
-const RepeaterSortable = ({ children }) => {
+const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }) => {
   const [activeId, setActiveId] = useState(null);
   const { moveItem } = useRepeaterMethods();
   const entities = useRepeaterSortedEntities();
@@ -19,18 +19,21 @@ const RepeaterSortable = ({ children }) => {
     useSensor(TouchSensor),
     useSensor(KeyboardSensor)
   );
-  const onDragCancel = () => {
+  const onDragCancel = (event) => {
+    onDragCancelIn?.(event);
     setActiveId(null);
   };
-  const onDragEnd = useCallback(({ active, over }) => {
+  const onDragEnd = useCallback((event) => {
+    onDragEndIn?.(event);
     setActiveId(null);
+    const { active, over } = event;
     const activeEntity = entities.find((it) => it.id === active.id);
     const overIndex = over ? entities.findIndex((it) => it.id === over.id) : void 0;
     if (!activeEntity || overIndex === void 0) {
       return;
     }
     moveItem?.(activeEntity, overIndex);
-  }, [entities, moveItem]);
+  }, [entities, moveItem, onDragEndIn]);
   return /* @__PURE__ */ jsx(
     DndContext,
     {
@@ -40,12 +43,14 @@ const RepeaterSortable = ({ children }) => {
           strategy: MeasuringStrategy.Always
         }
       },
-      onDragStart: ({ active }) => {
-        setActiveId(active.id);
+      collisionDetection: closestCenter,
+      ...props,
+      onDragStart: (event) => {
+        onDragStart?.(event);
+        setActiveId(event.active.id);
       },
       onDragEnd,
       onDragCancel,
-      collisionDetection: closestCenter,
       children: /* @__PURE__ */ jsx(RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsx(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children }) })
     }
   );

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport type { DragStartEvent } from '@dnd-kit/core'\nimport { closestCenter, DndContext, DndContextProps, DragCancelEvent, DragEndEvent, KeyboardSensor, MeasuringStrategy, MouseSensor, TouchSensor, UniqueIdentifier, useSensor, useSensors } from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterMethods, useRepeaterSortedEntities } from '@contember/react-repeater'\n\n/**\n * Initializes dnd-kit based sorting for the repeater.\n * Using the props, you can customize the behavior of the sorting and hook into the drag events.\n *\n * ## Example\n * ```tsx\n * <Repeater {...}>\n *   <RepeaterSortable>\n *     <RepeaterSortableEachItem>\n *       <div>\n *         <RepeaterSortableDropIndicator position={'before'}><div>Drop here</div></RepeaterSortableDropIndicator>\n *         <RepeaterSortableItemNode>\n *           <div>\n *             <RepeaterSortableItemActivator>\n *               <span/>\n *             </RepeaterSortableItemActivator>\n *             {children}\n *           </div>\n *         </RepeaterSortableItemNode>\n *         <RepeaterSortableDropIndicator position={'afer'}><div>Drop here</div></RepeaterSortableDropIndicator>\n *       </div>\n *     </RepeaterSortableEachItem>\n *     <RepeaterSortableDragOverlay>\n *       <div>\n *         {children}\n *       </div>\n *     </RepeaterSortableDragOverlay>\n *   </RepeaterSortable>\n * </Repeater>\n * ```\n */\nexport const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }: {\n\tchildren: ReactNode\n} & DndContextProps) => {\n\tconst [activeId, setActiveId] = useState<UniqueIdentifier | null>(null)\n\tconst { moveItem } = useRepeaterMethods()\n\tconst entities = useRepeaterSortedEntities()\n\n\n\tconst activeItem = useMemo(() => {\n\t\tif (!activeId) {\n\t\t\treturn undefined\n\t\t}\n\t\treturn entities.find(it => it.id === activeId)\n\t}, [activeId, entities])\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor),\n\t\tuseSensor(TouchSensor),\n\t\tuseSensor(KeyboardSensor),\n\t)\n\n\tconst onDragCancel = (event: DragCancelEvent) => {\n\t\tonDragCancelIn?.(event)\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback((event: DragEndEvent) => {\n\t\tonDragEndIn?.(event)\n\t\tsetActiveId(null)\n\t\tconst { active, over } = event\n\t\tconst activeEntity = entities.find(it => it.id === active.id)\n\t\tconst overIndex = over ? entities.findIndex(it => it.id === over.id) : undefined\n\t\tif (!activeEntity || overIndex === undefined) {\n\t\t\treturn\n\t\t}\n\t\tmoveItem?.(activeEntity, overIndex)\n\t}, [entities, moveItem, onDragEndIn])\n\n\treturn (\n\t\t<DndContext\n\t\t\tsensors={sensors}\n\t\t\tmeasuring={{\n\t\t\t\tdroppable: {\n\t\t\t\t\tstrategy: MeasuringStrategy.Always,\n\t\t\t\t},\n\t\t\t}}\n\t\t\tcollisionDetection={closestCenter}\n\t\t\t{...props}\n\t\t\tonDragStart={(event: DragStartEvent) => {\n\t\t\t\tonDragStart?.(event)\n\t\t\t\tsetActiveId(event.active.id)\n\t\t\t}}\n\t\t\tonDragEnd={onDragEnd}\n\t\t\tonDragCancel={onDragCancel}\n\t\t>\n\t\t\t<RepeaterActiveEntityContext.Provider value={activeItem}>\n\t\t\t\t<SortableContext items={entities} strategy={verticalListSortingStrategy}>\n\t\t\t\t\t{children}\n\t\t\t\t</SortableContext>\n\t\t\t</RepeaterActiveEntityContext.Provider>\n\t\t</DndContext>\n\t)\n}\n"],"names":[],"mappings":";;;;;;AAsCa,MAAA,mBAAmB,CAAC,EAAE,UAAU,aAAa,WAAW,aAAa,cAAc,gBAAgB,GAAG,YAE3F;AACvB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAkC,IAAI;AAChE,QAAA,EAAE,SAAS,IAAI,mBAAmB;AACxC,QAAM,WAAW,0BAA0B;AAGrC,QAAA,aAAa,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IAAA;AAER,WAAO,SAAS,KAAK,CAAM,OAAA,GAAG,OAAO,QAAQ;AAAA,EAAA,GAC3C,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,UAAU;AAAA,IACf,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,IACrB,UAAU,cAAc;AAAA,EACzB;AAEM,QAAA,eAAe,CAAC,UAA2B;AAChD,qBAAiB,KAAK;AACtB,gBAAY,IAAI;AAAA,EACjB;AAEM,QAAA,YAAY,YAAY,CAAC,UAAwB;AACtD,kBAAc,KAAK;AACnB,gBAAY,IAAI;AACV,UAAA,EAAE,QAAQ,KAAA,IAAS;AACzB,UAAM,eAAe,SAAS,KAAK,QAAM,GAAG,OAAO,OAAO,EAAE;AACtD,UAAA,YAAY,OAAO,SAAS,UAAU,QAAM,GAAG,OAAO,KAAK,EAAE,IAAI;AACnE,QAAA,CAAC,gBAAgB,cAAc,QAAW;AAC7C;AAAA,IAAA;AAED,eAAW,cAAc,SAAS;AAAA,EAChC,GAAA,CAAC,UAAU,UAAU,WAAW,CAAC;AAGnC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAU,kBAAkB;AAAA,QAAA;AAAA,MAE9B;AAAA,MACA,oBAAoB;AAAA,MACnB,GAAG;AAAA,MACJ,aAAa,CAAC,UAA0B;AACvC,sBAAc,KAAK;AACP,oBAAA,MAAM,OAAO,EAAE;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAC,oBAAA,4BAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAAC,oBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC1C,UACF,EACD,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}

package/dist/production/src/components/RepeaterSortableDragOverlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDragOverlay.cjs","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterActiveEntity } from '../contexts'\nimport { Portal } from '@radix-ui/react-portal'\nimport { DragOverlay } from '@dnd-kit/core'\nimport { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'\nimport { RepeaterCurrentEntityContext } from '@contember/react-repeater'\n\n/**\n * Component for rendering the repeater item being dragged.\n */\nexport const RepeaterSortableDragOverlay = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst activeItem = useRepeaterActiveEntity()\n\tconst accessorTreeState = useAccessorTreeState()\n\tif (!activeItem) {\n\t\treturn null\n\t}\n\treturn (\n\t\t<Portal>\n\t\t\t<DragOverlay>\n\t\t\t\t<AccessorTree state={accessorTreeState}>\n\t\t\t\t\t<Entity accessor={activeItem}>\n\t\t\t\t\t\t<RepeaterCurrentEntityContext.Provider value={activeItem}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</RepeaterCurrentEntityContext.Provider>\n\t\t\t\t\t</Entity>\n\t\t\t\t</AccessorTree>\n\t\t\t</DragOverlay>\n\t\t</Portal>\n\t)\n}\n"],"names":["useRepeaterActiveEntity","useAccessorTreeState","jsx","Portal","DragOverlay","AccessorTree","Entity","RepeaterCurrentEntityContext"],"mappings":";;;;;;;;AAUO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAaA,SAAAA,wBAAwB;AAC3C,QAAM,oBAAoBC,aAAAA,qBAAqB;AAC/C,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EAAA;AAGP,SAAAC,2BAAA,IAACC,sBACA,UAACD,2BAAAA,IAAAE,KAAAA,aAAA,EACA,yCAACC,aAAa,cAAA,EAAA,OAAO,mBACpB,UAAAH,2BAAAA,IAACI,aAAAA,QAAO,EAAA,UAAU,YACjB,UAACJ,2BAAAA,IAAAK,cAAAA,6BAA6B,UAA7B,EAAsC,OAAO,YAC5C,SACF,CAAA,EAAA,CACD,EACD,CAAA,EAAA,CACD,EACD,CAAA;AAEF;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDragOverlay.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterActiveEntity } from '../contexts'\nimport { Portal } from '@radix-ui/react-portal'\nimport { DragOverlay } from '@dnd-kit/core'\nimport { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'\nimport { RepeaterCurrentEntityContext } from '@contember/react-repeater'\n\n/**\n * Component for rendering the repeater item being dragged.\n */\nexport const RepeaterSortableDragOverlay = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst activeItem = useRepeaterActiveEntity()\n\tconst accessorTreeState = useAccessorTreeState()\n\tif (!activeItem) {\n\t\treturn null\n\t}\n\treturn (\n\t\t<Portal>\n\t\t\t<DragOverlay>\n\t\t\t\t<AccessorTree state={accessorTreeState}>\n\t\t\t\t\t<Entity accessor={activeItem}>\n\t\t\t\t\t\t<RepeaterCurrentEntityContext.Provider value={activeItem}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</RepeaterCurrentEntityContext.Provider>\n\t\t\t\t\t</Entity>\n\t\t\t\t</AccessorTree>\n\t\t\t</DragOverlay>\n\t\t</Portal>\n\t)\n}\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAa,wBAAwB;AAC3C,QAAM,oBAAoB,qBAAqB;AAC/C,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EAAA;AAGP,SAAA,oBAAC,UACA,UAAC,oBAAA,aAAA,EACA,8BAAC,cAAa,EAAA,OAAO,mBACpB,UAAA,oBAAC,QAAO,EAAA,UAAU,YACjB,UAAC,oBAAA,6BAA6B,UAA7B,EAAsC,OAAO,YAC5C,SACF,CAAA,EAAA,CACD,EACD,CAAA,EAAA,CACD,EACD,CAAA;AAEF;"}

package/dist/production/src/components/RepeaterSortableDropIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDropIndicator.cjs","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableDropIndicator.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\n\n/**\n * Renders a child element when the repeater item is being dragged over the drop indicator.\n */\nexport const RepeaterSortableDropIndicator = ({ children, position }: {\n\tchildren: ReactNode\n\tposition: 'before' | 'after'\n}) => {\n\tconst sortable = useRepeaterSortableItem()\n\tconst isOver = sortable.isOver\n\tconst activeSortable = sortable.active?.data.current?.sortable\n\tconst isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index\n\tconst renderedPosition = isAfter ? 'after' : 'before'\n\n\treturn renderedPosition === position && isOver ? <>{children}</> : null\n}\n"],"names":["useRepeaterSortableItem","jsx","Fragment"],"mappings":";;;;AAMO,MAAM,gCAAgC,CAAC,EAAE,UAAU,eAGpD;AACL,QAAM,WAAWA,SAAAA,wBAAwB;AACzC,QAAM,SAAS,SAAS;AACxB,QAAM,iBAAiB,SAAS,QAAQ,KAAK,SAAS;AACtD,QAAM,WAAW,SAAS,MAAM,SAAS,SAAS,KAAK,gBAAgB;AACjE,QAAA,mBAAmB,UAAU,UAAU;AAE7C,SAAO,qBAAqB,YAAY,SAASC,2BAAAA,IAAAC,WAAAA,UAAA,EAAG,SAAS,CAAA,IAAM;AACpE;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDropIndicator.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableDropIndicator.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\n\n/**\n * Renders a child element when the repeater item is being dragged over the drop indicator.\n */\nexport const RepeaterSortableDropIndicator = ({ children, position }: {\n\tchildren: ReactNode\n\tposition: 'before' | 'after'\n}) => {\n\tconst sortable = useRepeaterSortableItem()\n\tconst isOver = sortable.isOver\n\tconst activeSortable = sortable.active?.data.current?.sortable\n\tconst isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index\n\tconst renderedPosition = isAfter ? 'after' : 'before'\n\n\treturn renderedPosition === position && isOver ? <>{children}</> : null\n}\n"],"names":[],"mappings":";;AAMO,MAAM,gCAAgC,CAAC,EAAE,UAAU,eAGpD;AACL,QAAM,WAAW,wBAAwB;AACzC,QAAM,SAAS,SAAS;AACxB,QAAM,iBAAiB,SAAS,QAAQ,KAAK,SAAS;AACtD,QAAM,WAAW,SAAS,MAAM,SAAS,SAAS,KAAK,gBAAgB;AACjE,QAAA,mBAAmB,UAAU,UAAU;AAE7C,SAAO,qBAAqB,YAAY,SAAS,oBAAA,UAAA,EAAG,SAAS,CAAA,IAAM;AACpE;"}

package/dist/production/src/components/RepeaterSortableEachItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableEachItem.cjs","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { RepeaterEachItem, useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { RepeaterSortableItemContext } from '../contexts'\nimport { useEntity } from '@contember/react-binding'\n\n/**\n * Iterates over all entities in the repeater and renders the children for each entity.\n * Also sets up the dnd-kit sortable context for the repeater items.\n */\nexport const RepeaterSortableEachItem = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst entities = useRepeaterSortedEntities()\n\n\treturn (\n\t\t<SortableContext items={entities} strategy={verticalListSortingStrategy}>\n\t\t\t<RepeaterEachItem>\n\t\t\t\t<RepeaterSortableEachItemInner>\n\t\t\t\t\t{children}\n\t\t\t\t</RepeaterSortableEachItemInner>\n\n\t\t\t</RepeaterEachItem>\n\t\t</SortableContext>\n\t)\n}\nconst RepeaterSortableEachItemInner = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst entity = useEntity()\n\tconst sortable = useSortable({\n\t\tid: entity.id,\n\t})\n\treturn (\n\t\t<RepeaterSortableItemContext.Provider value={sortable}>\n\t\t\t{children}\n\t\t</RepeaterSortableItemContext.Provider>\n\t)\n}\n"],"names":["useRepeaterSortedEntities","jsx","SortableContext","verticalListSortingStrategy","RepeaterEachItem","useEntity","sortable","useSortable","RepeaterSortableItemContext"],"mappings":";;;;;;;AAUO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAWA,cAAAA,0BAA0B;AAE3C,SACEC,2BAAAA,IAAAC,SAAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAA,6BAC3C,UAACF,2BAAAA,IAAAG,cAAAA,kBAAA,EACA,UAACH,+BAAA,+BAAA,EACC,SACF,CAAA,EAED,CAAA,GACD;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAASI,aAAAA,UAAU;AACzB,QAAMC,aAAWC,SAAAA,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,wCACEC,SAAAA,4BAA4B,UAA5B,EAAqC,OAAOF,YAC3C,UACF;AAEF;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableEachItem.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { RepeaterEachItem, useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { RepeaterSortableItemContext } from '../contexts'\nimport { useEntity } from '@contember/react-binding'\n\n/**\n * Iterates over all entities in the repeater and renders the children for each entity.\n * Also sets up the dnd-kit sortable context for the repeater items.\n */\nexport const RepeaterSortableEachItem = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst entities = useRepeaterSortedEntities()\n\n\treturn (\n\t\t<SortableContext items={entities} strategy={verticalListSortingStrategy}>\n\t\t\t<RepeaterEachItem>\n\t\t\t\t<RepeaterSortableEachItemInner>\n\t\t\t\t\t{children}\n\t\t\t\t</RepeaterSortableEachItemInner>\n\n\t\t\t</RepeaterEachItem>\n\t\t</SortableContext>\n\t)\n}\nconst RepeaterSortableEachItemInner = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst entity = useEntity()\n\tconst sortable = useSortable({\n\t\tid: entity.id,\n\t})\n\treturn (\n\t\t<RepeaterSortableItemContext.Provider value={sortable}>\n\t\t\t{children}\n\t\t</RepeaterSortableItemContext.Provider>\n\t)\n}\n"],"names":[],"mappings":";;;;;AAUO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAW,0BAA0B;AAE3C,SACE,oBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC3C,UAAC,oBAAA,kBAAA,EACA,UAAC,oBAAA,+BAAA,EACC,SACF,CAAA,EAED,CAAA,GACD;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,6BACE,4BAA4B,UAA5B,EAAqC,OAAO,UAC3C,UACF;AAEF;"}

package/dist/production/{components → src/components}/RepeaterSortableItemActivator.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const React = require("react");
 const contexts = require("../contexts.cjs");
 const reactSlot = require("@radix-ui/react-slot");
 const reactUtils = require("@contember/react-utils");
-const RepeaterSortableItemActivator = react.forwardRef((props, ref) => {
+const RepeaterSortableItemActivator = React.forwardRef((props, ref) => {
   const { setActivatorNodeRef, listeners } = contexts.useRepeaterSortableItem();
   return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: reactUtils.useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props });
 });

package/dist/production/src/components/RepeaterSortableItemActivator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemActivator.cjs","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemActivator.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useComposeRef } from '@contember/react-utils'\n\n/**\n * Slot for the repeater item activator, which is the element that triggers the drag and drop interaction (e.g. a handle).\n */\nexport const RepeaterSortableItemActivator = forwardRef<HTMLElement, {\n\tchildren: ReactElement\n}>((props, ref) => {\n\tconst { setActivatorNodeRef, listeners } = useRepeaterSortableItem()\n\treturn <Slot ref={useComposeRef(ref, setActivatorNodeRef)} {...listeners} {...props} />\n})\n"],"names":["forwardRef","useRepeaterSortableItem","jsx","Slot","useComposeRef"],"mappings":";;;;;;;AAQO,MAAM,gCAAgCA,MAAA,WAE1C,CAAC,OAAO,QAAQ;AAClB,QAAM,EAAE,qBAAqB,UAAU,IAAIC,iCAAwB;AAC5D,SAAAC,+BAACC,UAAAA,MAAK,EAAA,KAAKC,WAAc,cAAA,KAAK,mBAAmB,GAAI,GAAG,WAAY,GAAG,MAAO,CAAA;AACtF,CAAC;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemActivator.js","sources":["../../../../../packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemActivator.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../contexts'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useComposeRef } from '@contember/react-utils'\n\n/**\n * Slot for the repeater item activator, which is the element that triggers the drag and drop interaction (e.g. a handle).\n */\nexport const RepeaterSortableItemActivator = forwardRef<HTMLElement, {\n\tchildren: ReactElement\n}>((props, ref) => {\n\tconst { setActivatorNodeRef, listeners } = useRepeaterSortableItem()\n\treturn <Slot ref={useComposeRef(ref, setActivatorNodeRef)} {...listeners} {...props} />\n})\n"],"names":[],"mappings":";;;;;AAQO,MAAM,gCAAgC,WAE1C,CAAC,OAAO,QAAQ;AAClB,QAAM,EAAE,qBAAqB,UAAU,IAAI,wBAAwB;AAC5D,SAAA,oBAAC,MAAK,EAAA,KAAK,cAAc,KAAK,mBAAmB,GAAI,GAAG,WAAY,GAAG,MAAO,CAAA;AACtF,CAAC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemNode.cjs","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":["useRepeaterSortableItem","jsx","Slot"],"mappings":";;;;;AAOO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACC,QAAA,EAAE,WAAW,IAAIA,iCAAwB;AAC/C,SAAQC,2BAAAA,IAAAC,UAAAA,MAAA,EAAK,KAAK,YAAa,SAAS,CAAA;AACzC;;"}

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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]\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

@@ -0,0 +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]\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,37 @@
 import { ReactNode } from 'react';
-export declare const RepeaterSortable: ({ children }: {
+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;
-}) => import("react/jsx-runtime").JSX.Element;
+} & DndContextProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RepeaterSortable.d.ts.map

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;AAkBxE,eAAO,MAAM,gBAAgB,iBAAkB;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACnB,4CAuDA,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,6 +1,9 @@
 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';
+    position: "before" | "after";
 }) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=RepeaterSortableDropIndicator.d.ts.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EntityAccessor } from '@contember/react-binding';
 /** @internal */
 export declare const RepeaterSortableItemContext: import("react").Context<{
@@ -26,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;
@@ -53,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"}