@contember/react-repeater-dnd-kit 2.1.0-alpha.30 → 2.1.0-alpha.36

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-repeater-dnd-kit",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.30",
+  "version": "2.1.0-alpha.36",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -29,25 +29,25 @@
     "ae:test": "api-extractor run"
   },
   "dependencies": {
-    "@contember/react-binding": "2.1.0-alpha.30",
-    "@contember/react-repeater": "2.1.0-alpha.30",
-    "@contember/react-utils": "2.1.0-alpha.30",
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@radix-ui/react-portal": "^1.1.2",
-    "@radix-ui/react-slot": "^1.1.0"
+    "@contember/react-binding": "workspace:*",
+    "@contember/react-repeater": "workspace:*",
+    "@contember/react-utils": "workspace:*",
+    "@dnd-kit/core": "catalog:",
+    "@dnd-kit/sortable": "catalog:",
+    "@radix-ui/react-portal": "catalog:",
+    "@radix-ui/react-slot": "catalog:"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/contember/interface.git",
+    "url": "git+https://github.com/contember/contember.git",
     "directory": "packages/react-repeater-dnd-kit"
   }
 }

package/src/components/RepeaterSortable.tsx

@@ -1,6 +1,19 @@
 import React, { ReactNode, useCallback, useMemo, useState } from 'react'
 import type { DragStartEvent } from '@dnd-kit/core'
-import { closestCenter, DndContext, DndContextProps, DragCancelEvent, DragEndEvent, KeyboardSensor, MeasuringStrategy, MouseSensor, TouchSensor, UniqueIdentifier, useSensor, useSensors } from '@dnd-kit/core'
+import {
+	closestCenter,
+	DndContext,
+	DndContextProps,
+	DragCancelEvent,
+	DragEndEvent,
+	KeyboardSensor,
+	MeasuringStrategy,
+	MouseSensor,
+	TouchSensor,
+	UniqueIdentifier,
+	useSensor,
+	useSensors,
+} from '@dnd-kit/core'
 import { RepeaterActiveEntityContext } from '../contexts'
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'
 import { useRepeaterMethods, useRepeaterSortedEntities } from '@contember/react-repeater'
@@ -43,7 +56,6 @@ export const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn
 	const { moveItem } = useRepeaterMethods()
 	const entities = useRepeaterSortedEntities()
 
-
 	const activeItem = useMemo(() => {
 		if (!activeId) {
 			return undefined

package/src/components/RepeaterSortableEachItem.tsx

@@ -19,7 +19,6 @@ export const RepeaterSortableEachItem = ({ children }: {
 				<RepeaterSortableEachItemInner>
 					{children}
 				</RepeaterSortableEachItemInner>
-
 			</RepeaterEachItem>
 		</SortableContext>
 	)

package/src/contexts.ts

@@ -1,4 +1,4 @@
-import { createRequiredContext, createContext } from '@contember/react-utils'
+import { createContext, createRequiredContext } from '@contember/react-utils'
 import { EntityAccessor } from '@contember/react-binding'
 import { useSortable } from '@dnd-kit/sortable'
 

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from './components'
 export * from './contexts'
 
-
 export * from '@contember/react-repeater'

package/dist/development/index.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const contexts = require("./src/contexts.cjs");
-const reactRepeater = require("@contember/react-repeater");
-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;
-exports.useRepeaterSortableItem = contexts.useRepeaterSortableItem;
-exports.RepeaterSortable = RepeaterSortable.RepeaterSortable;
-exports.RepeaterSortableDragOverlay = RepeaterSortableDragOverlay.RepeaterSortableDragOverlay;
-exports.RepeaterSortableDropIndicator = RepeaterSortableDropIndicator.RepeaterSortableDropIndicator;
-exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator.RepeaterSortableItemActivator;
-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]
-  });
-});
-//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

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

package/dist/development/index.js

@@ -1,21 +0,0 @@
-import { RepeaterActiveEntityContext, RepeaterSortableItemContext, useRepeaterActiveEntity, useRepeaterSortableItem } from "./src/contexts.js";
-export * from "@contember/react-repeater";
-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,
-  RepeaterSortableDragOverlay,
-  RepeaterSortableDropIndicator,
-  RepeaterSortableEachItem,
-  RepeaterSortableItemActivator,
-  RepeaterSortableItemContext,
-  RepeaterSortableItemNode,
-  useRepeaterActiveEntity,
-  useRepeaterSortableItem
-};
-//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

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

package/dist/development/src/components/RepeaterSortable.cjs

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-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, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }) => {
-  const [activeId, setActiveId] = React.useState(null);
-  const { moveItem } = reactRepeater.useRepeaterMethods();
-  const entities = reactRepeater.useRepeaterSortedEntities();
-  const activeItem = React.useMemo(() => {
-    if (!activeId) {
-      return void 0;
-    }
-    return entities.find((it) => it.id === activeId);
-  }, [activeId, entities]);
-  const sensors = core.useSensors(
-    core.useSensor(core.MouseSensor),
-    core.useSensor(core.TouchSensor),
-    core.useSensor(core.KeyboardSensor)
-  );
-  const onDragCancel = (event) => {
-    onDragCancelIn?.(event);
-    setActiveId(null);
-  };
-  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, onDragEndIn]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-    core.DndContext,
-    {
-      sensors,
-      measuring: {
-        droppable: {
-          strategy: core.MeasuringStrategy.Always
-        }
-      },
-      collisionDetection: core.closestCenter,
-      ...props,
-      onDragStart: (event) => {
-        onDragStart?.(event);
-        setActiveId(event.active.id);
-      },
-      onDragEnd,
-      onDragCancel,
-      children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-        lineNumber: 95,
-        columnNumber: 5
-      }, void 0) }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-        lineNumber: 94,
-        columnNumber: 4
-      }, void 0)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-      lineNumber: 78,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-exports.RepeaterSortable = RepeaterSortable;
-//# sourceMappingURL=RepeaterSortable.cjs.map

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

@@ -1 +0,0 @@
-{"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","jsxDEV","DndContext","MeasuringStrategy","closestCenter","RepeaterActiveEntityContext","SortableContext","verticalListSortingStrategy","this"],"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,8BAAA;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,8BAAA,OAAAI,qCAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAACJ,8BAAA,OAAAK,SAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAAA,6BAC1C,YADF,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAIAA,MAAA;AAAA,IAAA;AAAA,IApBD;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAqBA;AAEF;;"}

package/dist/development/src/components/RepeaterSortable.js

@@ -1,77 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useState, useMemo, useCallback } from "react";
-import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext, MeasuringStrategy, closestCenter } from "@dnd-kit/core";
-import { RepeaterActiveEntityContext } from "../contexts.js";
-import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import { useRepeaterMethods, useRepeaterSortedEntities } from "@contember/react-repeater";
-const RepeaterSortable = ({ children, onDragStart, onDragEnd: onDragEndIn, onDragCancel: onDragCancelIn, ...props }) => {
-  const [activeId, setActiveId] = useState(null);
-  const { moveItem } = useRepeaterMethods();
-  const entities = useRepeaterSortedEntities();
-  const activeItem = useMemo(() => {
-    if (!activeId) {
-      return void 0;
-    }
-    return entities.find((it) => it.id === activeId);
-  }, [activeId, entities]);
-  const sensors = useSensors(
-    useSensor(MouseSensor),
-    useSensor(TouchSensor),
-    useSensor(KeyboardSensor)
-  );
-  const onDragCancel = (event) => {
-    onDragCancelIn?.(event);
-    setActiveId(null);
-  };
-  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, onDragEndIn]);
-  return /* @__PURE__ */ jsxDEV(
-    DndContext,
-    {
-      sensors,
-      measuring: {
-        droppable: {
-          strategy: MeasuringStrategy.Always
-        }
-      },
-      collisionDetection: closestCenter,
-      ...props,
-      onDragStart: (event) => {
-        onDragStart?.(event);
-        setActiveId(event.active.id);
-      },
-      onDragEnd,
-      onDragCancel,
-      children: /* @__PURE__ */ jsxDEV(RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsxDEV(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-        lineNumber: 95,
-        columnNumber: 5
-      }, void 0) }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-        lineNumber: 94,
-        columnNumber: 4
-      }, void 0)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortable.tsx",
-      lineNumber: 78,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-export {
-  RepeaterSortable
-};
-//# sourceMappingURL=RepeaterSortable.js.map

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

@@ -1 +0,0 @@
-{"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":["this"],"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,uBAAA,4BAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAAC,uBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC1C,YADF,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAAAA,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAIAA,MAAA;AAAA,IAAA;AAAA,IApBD;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAqBA;AAEF;"}

package/dist/development/src/components/RepeaterSortableDragOverlay.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const contexts = require("../contexts.cjs");
-const reactPortal = require("@radix-ui/react-portal");
-const core = require("@dnd-kit/core");
-const reactBinding = require("@contember/react-binding");
-const reactRepeater = require("@contember/react-repeater");
-const RepeaterSortableDragOverlay = ({ children }) => {
-  const activeItem = contexts.useRepeaterActiveEntity();
-  const accessorTreeState = reactBinding.useAccessorTreeState();
-  if (!activeItem) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactPortal.Portal, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(core.DragOverlay, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.Entity, { accessor: activeItem, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactRepeater.RepeaterCurrentEntityContext.Provider, { value: activeItem, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 24,
-    columnNumber: 7
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 23,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 22,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 21,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 20,
-    columnNumber: 3
-  }, void 0);
-};
-exports.RepeaterSortableDragOverlay = RepeaterSortableDragOverlay;
-//# sourceMappingURL=RepeaterSortableDragOverlay.cjs.map

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

@@ -1 +0,0 @@
-{"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","Portal","jsxDEV","DragOverlay","AccessorTree","Entity","RepeaterCurrentEntityContext","this"],"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;AAER,8CACEC,YACA,QAAA,EAAA,UAAAC,8BAAA,OAACC,oBACA,UAACD,8BAAA,OAAAE,aAAA,cAAA,EAAa,OAAO,mBACpB,UAAAF,8BAAAA,OAACG,aAAO,QAAA,EAAA,UAAU,YACjB,UAACH,8BAAAA,OAAAI,cAAAA,6BAA6B,UAA7B,EAAsC,OAAO,YAC5C,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAQA,EATD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAUA,GAAAA,MAAA;AAEF;;"}

package/dist/development/src/components/RepeaterSortableDragOverlay.js

@@ -1,38 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useRepeaterActiveEntity } from "../contexts.js";
-import { Portal } from "@radix-ui/react-portal";
-import { DragOverlay } from "@dnd-kit/core";
-import { useAccessorTreeState, AccessorTree, Entity } from "@contember/react-binding";
-import { RepeaterCurrentEntityContext } from "@contember/react-repeater";
-const RepeaterSortableDragOverlay = ({ children }) => {
-  const activeItem = useRepeaterActiveEntity();
-  const accessorTreeState = useAccessorTreeState();
-  if (!activeItem) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxDEV(Portal, { children: /* @__PURE__ */ jsxDEV(DragOverlay, { children: /* @__PURE__ */ jsxDEV(AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsxDEV(Entity, { accessor: activeItem, children: /* @__PURE__ */ jsxDEV(RepeaterCurrentEntityContext.Provider, { value: activeItem, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 24,
-    columnNumber: 7
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 23,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 22,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 21,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDragOverlay.tsx",
-    lineNumber: 20,
-    columnNumber: 3
-  }, void 0);
-};
-export {
-  RepeaterSortableDragOverlay
-};
-//# sourceMappingURL=RepeaterSortableDragOverlay.js.map

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

@@ -1 +0,0 @@
-{"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":["this"],"mappings":";;;;;;AAUO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAa,wBAAwB;AAC3C,QAAM,oBAAoB,qBAAqB;AAC/C,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EAAA;AAER,gCACE,QACA,EAAA,UAAA,uBAAC,eACA,UAAC,uBAAA,cAAA,EAAa,OAAO,mBACpB,UAAA,uBAAC,QAAO,EAAA,UAAU,YACjB,UAAC,uBAAA,6BAA6B,UAA7B,EAAsC,OAAO,YAC5C,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAQA,EATD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAUA,GAAAA,MAAA;AAEF;"}

package/dist/development/src/components/RepeaterSortableDropIndicator.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const contexts = require("../contexts.cjs");
-const RepeaterSortableDropIndicator = ({ children, position }) => {
-  const sortable = contexts.useRepeaterSortableItem();
-  const isOver = sortable.isOver;
-  const activeSortable = sortable.active?.data.current?.sortable;
-  const isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index;
-  const renderedPosition = isAfter ? "after" : "before";
-  return renderedPosition === position && isOver ? /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDropIndicator.tsx",
-    lineNumber: 17,
-    columnNumber: 51
-  }, void 0) : null;
-};
-exports.RepeaterSortableDropIndicator = RepeaterSortableDropIndicator;
-//# sourceMappingURL=RepeaterSortableDropIndicator.cjs.map

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

@@ -1 +0,0 @@
-{"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","jsxDEV","Fragment","this"],"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,8BAAA,OAAAC,wBAAA,EAAG,SAAH,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAY,IAAM;AACpE;;"}

package/dist/development/src/components/RepeaterSortableDropIndicator.js

@@ -1,18 +0,0 @@
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-import { useRepeaterSortableItem } from "../contexts.js";
-const RepeaterSortableDropIndicator = ({ children, position }) => {
-  const sortable = useRepeaterSortableItem();
-  const isOver = sortable.isOver;
-  const activeSortable = sortable.active?.data.current?.sortable;
-  const isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index;
-  const renderedPosition = isAfter ? "after" : "before";
-  return renderedPosition === position && isOver ? /* @__PURE__ */ jsxDEV(Fragment, { children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableDropIndicator.tsx",
-    lineNumber: 17,
-    columnNumber: 51
-  }, void 0) : null;
-};
-export {
-  RepeaterSortableDropIndicator
-};
-//# sourceMappingURL=RepeaterSortableDropIndicator.js.map

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

@@ -1 +0,0 @@
-{"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":["this"],"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,uBAAA,UAAA,EAAG,SAAH,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAAY,IAAM;AACpE;"}

package/dist/development/src/components/RepeaterSortableEachItem.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const sortable = require("@dnd-kit/sortable");
-const reactRepeater = require("@contember/react-repeater");
-const contexts = require("../contexts.cjs");
-const reactBinding = require("@contember/react-binding");
-const RepeaterSortableEachItem = ({ children }) => {
-  const entities = reactRepeater.useRepeaterSortedEntities();
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactRepeater.RepeaterEachItem, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(RepeaterSortableEachItemInner, { children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 19,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 18,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 17,
-    columnNumber: 3
-  }, void 0);
-};
-const RepeaterSortableEachItemInner = ({ children }) => {
-  const entity = reactBinding.useEntity();
-  const sortable$1 = sortable.useSortable({
-    id: entity.id
-  });
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.RepeaterSortableItemContext.Provider, { value: sortable$1, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 35,
-    columnNumber: 3
-  }, void 0);
-};
-exports.RepeaterSortableEachItem = RepeaterSortableEachItem;
-//# sourceMappingURL=RepeaterSortableEachItem.cjs.map

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

@@ -1 +0,0 @@
-{"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","jsxDEV","SortableContext","verticalListSortingStrategy","RepeaterEachItem","this","useEntity","sortable","useSortable","RepeaterSortableItemContext"],"mappings":";;;;;;;AAUO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAWA,cAAAA,0BAA0B;AAG1C,SAAAC,8BAAAA,OAACC,SAAAA,iBAAgB,EAAA,OAAO,UAAU,UAAUC,sCAC3C,UAACF,8BAAAA,OAAAG,cAAAA,kBAAA,EACA,UAACH,8BAAAA,OAAA,+BAAA,EACC,YADF,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAI,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAAA,MAAA;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAASC,aAAAA,UAAU;AACzB,QAAMC,aAAWC,SAAAA,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,8CACEC,qCAA4B,UAA5B,EAAqC,OAAOF,YAC3C,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAF,MAAA;AAEF;;"}

package/dist/development/src/components/RepeaterSortableEachItem.js

@@ -1,36 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
-import { useRepeaterSortedEntities, RepeaterEachItem } from "@contember/react-repeater";
-import { RepeaterSortableItemContext } from "../contexts.js";
-import { useEntity } from "@contember/react-binding";
-const RepeaterSortableEachItem = ({ children }) => {
-  const entities = useRepeaterSortedEntities();
-  return /* @__PURE__ */ jsxDEV(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsxDEV(RepeaterEachItem, { children: /* @__PURE__ */ jsxDEV(RepeaterSortableEachItemInner, { children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 19,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 18,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 17,
-    columnNumber: 3
-  }, void 0);
-};
-const RepeaterSortableEachItemInner = ({ children }) => {
-  const entity = useEntity();
-  const sortable = useSortable({
-    id: entity.id
-  });
-  return /* @__PURE__ */ jsxDEV(RepeaterSortableItemContext.Provider, { value: sortable, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableEachItem.tsx",
-    lineNumber: 35,
-    columnNumber: 3
-  }, void 0);
-};
-export {
-  RepeaterSortableEachItem
-};
-//# sourceMappingURL=RepeaterSortableEachItem.js.map

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

@@ -1 +0,0 @@
-{"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":["this"],"mappings":";;;;;AAUO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAW,0BAA0B;AAG1C,SAAA,uBAAC,iBAAgB,EAAA,OAAO,UAAU,UAAU,6BAC3C,UAAC,uBAAA,kBAAA,EACA,UAAC,uBAAA,+BAAA,EACC,YADF,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAAA,MAAA;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,gCACE,4BAA4B,UAA5B,EAAqC,OAAO,UAC3C,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAA,MAAA;AAEF;"}

package/dist/development/src/components/RepeaterSortableItemActivator.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-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 { setActivatorNodeRef, listeners } = contexts.useRepeaterSortableItem();
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSlot.Slot, { ref: reactUtils.useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemActivator.tsx",
-    lineNumber: 13,
-    columnNumber: 9
-  }, void 0);
-});
-exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator;
-//# sourceMappingURL=RepeaterSortableItemActivator.cjs.map

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

@@ -1 +0,0 @@
-{"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","jsxDEV","Slot","useComposeRef","this"],"mappings":";;;;;;;AAQO,MAAM,gCAAgCA,MAAA,WAE1C,CAAC,OAAO,QAAQ;AAClB,QAAM,EAAE,qBAAqB,UAAU,IAAIC,iCAAwB;AAC5D,SAAAC,8BAAA,OAACC,UAAK,MAAA,EAAA,KAAKC,WAAAA,cAAc,KAAK,mBAAmB,GAAI,GAAG,WAAY,GAAG,MAAvE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAA8E,GAAAC,MAAA;AACtF,CAAC;;"}

package/dist/development/src/components/RepeaterSortableItemActivator.js

@@ -1,17 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { forwardRef } from "react";
-import { useRepeaterSortableItem } from "../contexts.js";
-import { Slot } from "@radix-ui/react-slot";
-import { useComposeRef } from "@contember/react-utils";
-const RepeaterSortableItemActivator = forwardRef((props, ref) => {
-  const { setActivatorNodeRef, listeners } = useRepeaterSortableItem();
-  return /* @__PURE__ */ jsxDEV(Slot, { ref: useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-repeater-dnd-kit/src/components/RepeaterSortableItemActivator.tsx",
-    lineNumber: 13,
-    columnNumber: 9
-  }, void 0);
-});
-export {
-  RepeaterSortableItemActivator
-};
-//# sourceMappingURL=RepeaterSortableItemActivator.js.map