@contember/react-repeater-dnd-kit 1.3.0-alpha.14

package/dist/development/components/RepeaterSortable.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const core = require("@dnd-kit/core");
+const contexts = require("../internal/contexts.cjs");
+const sortable = require("@dnd-kit/sortable");
+const reactRepeater = require("@contember/react-repeater");
+const RepeaterSortable = ({ children }) => {
+  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 = () => {
+    setActiveId(null);
+  };
+  const onDragEnd = react.useCallback(({ active, over }) => {
+    setActiveId(null);
+    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]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.DndContext,
+    {
+      sensors,
+      measuring: {
+        droppable: {
+          strategy: core.MeasuringStrategy.Always
+        }
+      },
+      onDragStart: ({ active }) => {
+        setActiveId(active.id);
+      },
+      onDragEnd,
+      onDragCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(contexts.RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children }) })
+    }
+  );
+};
+exports.RepeaterSortable = RepeaterSortable;
+//# sourceMappingURL=RepeaterSortable.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.cjs","sources":["../../../src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport {\n\tDndContext,\n\tDragEndEvent,\n\tKeyboardSensor,\n\tMeasuringStrategy,\n\tMouseSensor,\n\tTouchSensor,\n\tUniqueIdentifier,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../internal/contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { useRepeaterMethods } from '@contember/react-repeater'\n\nexport const RepeaterSortable = ({ children }: {\n\tchildren: ReactNode\n}) => {\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 = () => {\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback(({ active, over }: DragEndEvent) => {\n\t\tsetActiveId(null)\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])\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\tonDragStart={({ active }) => {\n\t\t\t\tsetActiveId(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","RepeaterActiveEntityContext","SortableContext","verticalListSortingStrategy"],"mappings":";;;;;;;;AAiBO,MAAM,mBAAmB,CAAC,EAAE,eAE7B;AACL,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAkC,IAAI;AAChE,QAAA,EAAE,aAAaC,cAAAA;AACrB,QAAM,WAAWC,cAAAA;AAGX,QAAA,aAAaC,MAAAA,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IACR;AACA,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,KAAAA,cAAc;AAAA,EAAA;AAGzB,QAAM,eAAe,MAAM;AAC1B,gBAAY,IAAI;AAAA,EAAA;AAGjB,QAAM,YAAYC,MAAY,YAAA,CAAC,EAAE,QAAQ,WAAyB;AACjE,gBAAY,IAAI;AAChB,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,IACD;AACA,eAAW,cAAc,SAAS;AAAA,EAAA,GAChC,CAAC,UAAU,QAAQ,CAAC;AAGtB,SAAAC,2BAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAUC,KAAkB,kBAAA;AAAA,QAC7B;AAAA,MACD;AAAA,MACA,aAAa,CAAC,EAAE,aAAa;AAC5B,oBAAY,OAAO,EAAE;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAACF,2BAAA,IAAAG,qCAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAACH,2BAAAA,IAAAI,SAAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAAA,6BAC1C,SACF,CAAA,GACD;AAAA,IAAA;AAAA,EAAA;AAGH;;"}

package/dist/development/components/RepeaterSortable.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext, MeasuringStrategy } from "@dnd-kit/core";
+import { RepeaterActiveEntityContext } from "../internal/contexts.js";
+import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { useRepeaterMethods, useRepeaterSortedEntities } from "@contember/react-repeater";
+const RepeaterSortable = ({ children }) => {
+  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 = () => {
+    setActiveId(null);
+  };
+  const onDragEnd = useCallback(({ active, over }) => {
+    setActiveId(null);
+    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]);
+  return /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      sensors,
+      measuring: {
+        droppable: {
+          strategy: MeasuringStrategy.Always
+        }
+      },
+      onDragStart: ({ active }) => {
+        setActiveId(active.id);
+      },
+      onDragEnd,
+      onDragCancel,
+      children: /* @__PURE__ */ jsx(RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsx(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children }) })
+    }
+  );
+};
+export {
+  RepeaterSortable
+};
+//# sourceMappingURL=RepeaterSortable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.js","sources":["../../../src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport {\n\tDndContext,\n\tDragEndEvent,\n\tKeyboardSensor,\n\tMeasuringStrategy,\n\tMouseSensor,\n\tTouchSensor,\n\tUniqueIdentifier,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../internal/contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { useRepeaterMethods } from '@contember/react-repeater'\n\nexport const RepeaterSortable = ({ children }: {\n\tchildren: ReactNode\n}) => {\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 = () => {\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback(({ active, over }: DragEndEvent) => {\n\t\tsetActiveId(null)\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])\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\tonDragStart={({ active }) => {\n\t\t\t\tsetActiveId(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":";;;;;;AAiBO,MAAM,mBAAmB,CAAC,EAAE,eAE7B;AACL,QAAM,CAAC,UAAU,WAAW,IAAI,SAAkC,IAAI;AAChE,QAAA,EAAE,aAAa;AACrB,QAAM,WAAW;AAGX,QAAA,aAAa,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IACR;AACA,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,EAAA;AAGzB,QAAM,eAAe,MAAM;AAC1B,gBAAY,IAAI;AAAA,EAAA;AAGjB,QAAM,YAAY,YAAY,CAAC,EAAE,QAAQ,WAAyB;AACjE,gBAAY,IAAI;AAChB,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,IACD;AACA,eAAW,cAAc,SAAS;AAAA,EAAA,GAChC,CAAC,UAAU,QAAQ,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAU,kBAAkB;AAAA,QAC7B;AAAA,MACD;AAAA,MACA,aAAa,CAAC,EAAE,aAAa;AAC5B,oBAAY,OAAO,EAAE;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAC,oBAAA,4BAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAAC,oBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC1C,SACF,CAAA,GACD;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/development/components/RepeaterSortableDragOverlay.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const contexts = require("../internal/contexts.cjs");
+const reactPortal = require("@radix-ui/react-portal");
+const core = require("@dnd-kit/core");
+const reactBinding = require("@contember/react-binding");
+const RepeaterSortableDragOverlay = ({ children }) => {
+  const activeItem = contexts.useRepeaterActiveEntity();
+  const accessorTreeState = reactBinding.useAccessorTreeState();
+  if (!activeItem) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Entity, { accessor: activeItem, children }) }) }) });
+};
+exports.RepeaterSortableDragOverlay = RepeaterSortableDragOverlay;
+//# sourceMappingURL=RepeaterSortableDragOverlay.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDragOverlay.cjs","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterActiveEntity } from '../internal/contexts'\nimport { Portal } from '@radix-ui/react-portal'\nimport { DragOverlay } from '@dnd-kit/core'\nimport { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'\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{children}\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"],"mappings":";;;;;;;AAMO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAaA,SAAAA;AACnB,QAAM,oBAAoBC,aAAAA;AAC1B,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EACR;AACA,SACEC,+BAAAC,YAAAA,QAAA,EACA,UAACD,2BAAA,IAAAE,kBAAA,EACA,yCAACC,aAAa,cAAA,EAAA,OAAO,mBACpB,UAAAH,2BAAA,IAACI,uBAAO,UAAU,YAChB,SACF,CAAA,EACD,CAAA,GACD,EACD,CAAA;AAEF;;"}

package/dist/development/components/RepeaterSortableDragOverlay.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { useRepeaterActiveEntity } from "../internal/contexts.js";
+import { Portal } from "@radix-ui/react-portal";
+import { DragOverlay } from "@dnd-kit/core";
+import { useAccessorTreeState, AccessorTree, Entity } from "@contember/react-binding";
+const RepeaterSortableDragOverlay = ({ children }) => {
+  const activeItem = useRepeaterActiveEntity();
+  const accessorTreeState = useAccessorTreeState();
+  if (!activeItem) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DragOverlay, { children: /* @__PURE__ */ jsx(AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsx(Entity, { accessor: activeItem, children }) }) }) });
+};
+export {
+  RepeaterSortableDragOverlay
+};
+//# sourceMappingURL=RepeaterSortableDragOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDragOverlay.js","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterActiveEntity } from '../internal/contexts'\nimport { Portal } from '@radix-ui/react-portal'\nimport { DragOverlay } from '@dnd-kit/core'\nimport { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'\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{children}\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":";;;;;AAMO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAa;AACnB,QAAM,oBAAoB;AAC1B,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EACR;AACA,SACE,oBAAA,QAAA,EACA,UAAC,oBAAA,aAAA,EACA,8BAAC,cAAa,EAAA,OAAO,mBACpB,UAAA,oBAAC,UAAO,UAAU,YAChB,SACF,CAAA,EACD,CAAA,GACD,EACD,CAAA;AAEF;"}

package/dist/development/components/RepeaterSortableDropIndicator.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const contexts = require("../internal/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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : null;
+};
+exports.RepeaterSortableDropIndicator = RepeaterSortableDropIndicator;
+//# sourceMappingURL=RepeaterSortableDropIndicator.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDropIndicator.cjs","sources":["../../../src/components/RepeaterSortableDropIndicator.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\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":";;;;AAGO,MAAM,gCAAgC,CAAC,EAAE,UAAU,eAGpD;AACL,QAAM,WAAWA,SAAAA;AACjB,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,UAAS,IAAM;AACpE;;"}

package/dist/development/components/RepeaterSortableDropIndicator.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useRepeaterSortableItem } from "../internal/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__ */ jsx(Fragment, { children }) : null;
+};
+export {
+  RepeaterSortableDropIndicator
+};
+//# sourceMappingURL=RepeaterSortableDropIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDropIndicator.js","sources":["../../../src/components/RepeaterSortableDropIndicator.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\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":";;AAGO,MAAM,gCAAgC,CAAC,EAAE,UAAU,eAGpD;AACL,QAAM,WAAW;AACjB,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,UAAS,IAAM;AACpE;"}

package/dist/development/components/RepeaterSortableEachItem.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const sortable = require("@dnd-kit/sortable");
+const reactRepeater = require("@contember/react-repeater");
+const contexts = require("../internal/contexts.cjs");
+const reactBinding = require("@contember/react-binding");
+const RepeaterSortableEachItem = ({ children }) => {
+  const entities = reactRepeater.useRepeaterSortedEntities();
+  return /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx(reactRepeater.RepeaterEachItem, { children: /* @__PURE__ */ jsxRuntime.jsx(RepeaterSortableEachItemInner, { children }) }) });
+};
+const RepeaterSortableEachItemInner = ({ children }) => {
+  const entity = reactBinding.useEntity();
+  const sortable$1 = sortable.useSortable({
+    id: entity.id
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(contexts.RepeaterSortableItemContext.Provider, { value: sortable$1, children });
+};
+exports.RepeaterSortableEachItem = RepeaterSortableEachItem;
+//# sourceMappingURL=RepeaterSortableEachItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableEachItem.cjs","sources":["../../../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 '../internal/contexts'\nimport { useEntity } from '@contember/react-binding'\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":";;;;;;;AAMO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAWA,cAAAA;AAEjB,SACEC,2BAAAA,IAAAC,SAAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAA,6BAC3C,UAACF,2BAAAA,IAAAG,cAAAA,kBAAA,EACA,UAACH,2BAAAA,IAAA,+BAAA,EACC,UACF,EAAA,CAED,EACD,CAAA;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAASI,aAAAA;AACf,QAAMC,aAAWC,SAAAA,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,wCACEC,SAAAA,4BAA4B,UAA5B,EAAqC,OAAOF,YAC3C,SACF,CAAA;AAEF;;"}

package/dist/development/components/RepeaterSortableEachItem.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
+import { useRepeaterSortedEntities, RepeaterEachItem } from "@contember/react-repeater";
+import { RepeaterSortableItemContext } from "../internal/contexts.js";
+import { useEntity } from "@contember/react-binding";
+const RepeaterSortableEachItem = ({ children }) => {
+  const entities = useRepeaterSortedEntities();
+  return /* @__PURE__ */ jsx(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(RepeaterEachItem, { children: /* @__PURE__ */ jsx(RepeaterSortableEachItemInner, { children }) }) });
+};
+const RepeaterSortableEachItemInner = ({ children }) => {
+  const entity = useEntity();
+  const sortable = useSortable({
+    id: entity.id
+  });
+  return /* @__PURE__ */ jsx(RepeaterSortableItemContext.Provider, { value: sortable, children });
+};
+export {
+  RepeaterSortableEachItem
+};
+//# sourceMappingURL=RepeaterSortableEachItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableEachItem.js","sources":["../../../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 '../internal/contexts'\nimport { useEntity } from '@contember/react-binding'\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":";;;;;AAMO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACL,QAAM,WAAW;AAEjB,SACE,oBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC3C,UAAC,oBAAA,kBAAA,EACA,UAAC,oBAAA,+BAAA,EACC,UACF,EAAA,CAED,EACD,CAAA;AAEF;AACA,MAAM,gCAAgC,CAAC,EAAE,eAEnC;AACL,QAAM,SAAS;AACf,QAAM,WAAW,YAAY;AAAA,IAC5B,IAAI,OAAO;AAAA,EAAA,CACX;AACD,6BACE,4BAA4B,UAA5B,EAAqC,OAAO,UAC3C,SACF,CAAA;AAEF;"}

package/dist/development/components/RepeaterSortableItemActivator.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const contexts = require("../internal/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__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: reactUtils.useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props });
+});
+exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator;
+//# sourceMappingURL=RepeaterSortableItemActivator.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemActivator.cjs","sources":["../../../src/components/RepeaterSortableItemActivator.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useComposeRef } from '@contember/react-utils'\n\nexport const RepeaterSortableItemActivator = forwardRef<HTMLElement, {\n\tchildren: ReactNode\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":";;;;;;;AAKO,MAAM,gCAAgCA,MAAA,WAE1C,CAAC,OAAO,QAAQ;AAClB,QAAM,EAAE,qBAAqB,UAAU,IAAIC,SAAwB,wBAAA;AAC5D,SAAAC,+BAACC,UAAAA,MAAK,EAAA,KAAKC,WAAAA,cAAc,KAAK,mBAAmB,GAAI,GAAG,WAAY,GAAG,MAAO,CAAA;AACtF,CAAC;;"}

package/dist/development/components/RepeaterSortableItemActivator.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useRepeaterSortableItem } from "../internal/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__ */ jsx(Slot, { ref: useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props });
+});
+export {
+  RepeaterSortableItemActivator
+};
+//# sourceMappingURL=RepeaterSortableItemActivator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemActivator.js","sources":["../../../src/components/RepeaterSortableItemActivator.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useComposeRef } from '@contember/react-utils'\n\nexport const RepeaterSortableItemActivator = forwardRef<HTMLElement, {\n\tchildren: ReactNode\n}>((props, ref) => {\n\tconst { setActivatorNodeRef, listeners } = useRepeaterSortableItem()\n\treturn <Slot ref={useComposeRef(ref, setActivatorNodeRef)} {...listeners} {...props} />\n})\n"],"names":[],"mappings":";;;;;AAKO,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/development/components/RepeaterSortableItemNode.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const contexts = require("../internal/contexts.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const RepeaterSortableItemNode = ({ children }) => {
+  const { setNodeRef } = contexts.useRepeaterSortableItem();
+  return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: setNodeRef, children });
+};
+exports.RepeaterSortableItemNode = RepeaterSortableItemNode;
+//# sourceMappingURL=RepeaterSortableItemNode.cjs.map

package/dist/development/components/RepeaterSortableItemNode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemNode.cjs","sources":["../../../src/components/RepeaterSortableItemNode.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\nimport { Slot } from '@radix-ui/react-slot'\n\nexport const RepeaterSortableItemNode = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst { setNodeRef } = useRepeaterSortableItem()\n\treturn <Slot ref={setNodeRef}>{children}</Slot>\n}\n"],"names":["useRepeaterSortableItem","jsx","Slot"],"mappings":";;;;;AAIO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACC,QAAA,EAAE,eAAeA,SAAAA;AACvB,SAAQC,2BAAAA,IAAAC,UAAAA,MAAA,EAAK,KAAK,YAAa,SAAS,CAAA;AACzC;;"}

package/dist/development/components/RepeaterSortableItemNode.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { useRepeaterSortableItem } from "../internal/contexts.js";
+import { Slot } from "@radix-ui/react-slot";
+const RepeaterSortableItemNode = ({ children }) => {
+  const { setNodeRef } = useRepeaterSortableItem();
+  return /* @__PURE__ */ jsx(Slot, { ref: setNodeRef, children });
+};
+export {
+  RepeaterSortableItemNode
+};
+//# sourceMappingURL=RepeaterSortableItemNode.js.map

package/dist/development/components/RepeaterSortableItemNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableItemNode.js","sources":["../../../src/components/RepeaterSortableItemNode.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterSortableItem } from '../internal/contexts'\nimport { Slot } from '@radix-ui/react-slot'\n\nexport const RepeaterSortableItemNode = ({ children }: {\n\tchildren: ReactNode\n}) => {\n\tconst { setNodeRef } = useRepeaterSortableItem()\n\treturn <Slot ref={setNodeRef}>{children}</Slot>\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,2BAA2B,CAAC,EAAE,eAErC;AACC,QAAA,EAAE,eAAe;AACvB,SAAQ,oBAAA,MAAA,EAAK,KAAK,YAAa,SAAS,CAAA;AACzC;"}

package/dist/development/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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");
+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

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

package/dist/development/index.js

@@ -0,0 +1,16 @@
+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";
+export {
+  RepeaterSortable,
+  RepeaterSortableDragOverlay,
+  RepeaterSortableDropIndicator,
+  RepeaterSortableEachItem,
+  RepeaterSortableItemActivator,
+  RepeaterSortableItemNode
+};
+//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

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

package/dist/development/internal/contexts.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactUtils = require("@contember/react-utils");
+const [RepeaterSortableItemContext, useRepeaterSortableItem] = reactUtils.createRequiredContext("RepeaterSortableItemContext");
+const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = reactUtils.createContext("RepeaterActiveEntityContext", void 0);
+exports.RepeaterActiveEntityContext = RepeaterActiveEntityContext;
+exports.RepeaterSortableItemContext = RepeaterSortableItemContext;
+exports.useRepeaterActiveEntity = useRepeaterActiveEntity;
+exports.useRepeaterSortableItem = useRepeaterSortableItem;
+//# sourceMappingURL=contexts.cjs.map

package/dist/development/internal/contexts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.cjs","sources":["../../../src/internal/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nexport const [RepeaterSortableItemContext, useRepeaterSortableItem] = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\nexport const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n"],"names":["createRequiredContext","createContext"],"mappings":";;;AAIO,MAAM,CAAC,6BAA6B,uBAAuB,IAAIA,WAAAA,sBAAsD,6BAA6B;AAClJ,MAAM,CAAC,6BAA6B,uBAAuB,IAAIC,WAAAA,cAA0C,+BAA+B,MAAS;;;;;"}

package/dist/development/internal/contexts.js

@@ -0,0 +1,10 @@
+import { createRequiredContext, createContext } from "@contember/react-utils";
+const [RepeaterSortableItemContext, useRepeaterSortableItem] = createRequiredContext("RepeaterSortableItemContext");
+const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = createContext("RepeaterActiveEntityContext", void 0);
+export {
+  RepeaterActiveEntityContext,
+  RepeaterSortableItemContext,
+  useRepeaterActiveEntity,
+  useRepeaterSortableItem
+};
+//# sourceMappingURL=contexts.js.map

package/dist/development/internal/contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.js","sources":["../../../src/internal/contexts.ts"],"sourcesContent":["import { createRequiredContext, createContext } from '@contember/react-utils'\nimport { EntityAccessor } from '@contember/react-binding'\nimport { useSortable } from '@dnd-kit/sortable'\n\nexport const [RepeaterSortableItemContext, useRepeaterSortableItem] = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')\nexport const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)\n"],"names":[],"mappings":";AAIO,MAAM,CAAC,6BAA6B,uBAAuB,IAAI,sBAAsD,6BAA6B;AAClJ,MAAM,CAAC,6BAA6B,uBAAuB,IAAI,cAA0C,+BAA+B,MAAS;"}

package/dist/production/components/RepeaterSortable.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const core = require("@dnd-kit/core");
+const contexts = require("../internal/contexts.cjs");
+const sortable = require("@dnd-kit/sortable");
+const reactRepeater = require("@contember/react-repeater");
+const RepeaterSortable = ({ children }) => {
+  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 = () => {
+    setActiveId(null);
+  };
+  const onDragEnd = react.useCallback(({ active, over }) => {
+    setActiveId(null);
+    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]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.DndContext,
+    {
+      sensors,
+      measuring: {
+        droppable: {
+          strategy: core.MeasuringStrategy.Always
+        }
+      },
+      onDragStart: ({ active }) => {
+        setActiveId(active.id);
+      },
+      onDragEnd,
+      onDragCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(contexts.RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children }) })
+    }
+  );
+};
+exports.RepeaterSortable = RepeaterSortable;
+//# sourceMappingURL=RepeaterSortable.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.cjs","sources":["../../../src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport {\n\tDndContext,\n\tDragEndEvent,\n\tKeyboardSensor,\n\tMeasuringStrategy,\n\tMouseSensor,\n\tTouchSensor,\n\tUniqueIdentifier,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../internal/contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { useRepeaterMethods } from '@contember/react-repeater'\n\nexport const RepeaterSortable = ({ children }: {\n\tchildren: ReactNode\n}) => {\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 = () => {\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback(({ active, over }: DragEndEvent) => {\n\t\tsetActiveId(null)\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])\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\tonDragStart={({ active }) => {\n\t\t\t\tsetActiveId(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","RepeaterActiveEntityContext","SortableContext","verticalListSortingStrategy"],"mappings":";;;;;;;;AAiBO,MAAM,mBAAmB,CAAC,EAAE,eAE7B;AACL,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAkC,IAAI;AAChE,QAAA,EAAE,aAAaC,cAAAA;AACrB,QAAM,WAAWC,cAAAA;AAGX,QAAA,aAAaC,MAAAA,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IACR;AACA,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,KAAAA,cAAc;AAAA,EAAA;AAGzB,QAAM,eAAe,MAAM;AAC1B,gBAAY,IAAI;AAAA,EAAA;AAGjB,QAAM,YAAYC,MAAY,YAAA,CAAC,EAAE,QAAQ,WAAyB;AACjE,gBAAY,IAAI;AAChB,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,IACD;AACA,eAAW,cAAc,SAAS;AAAA,EAAA,GAChC,CAAC,UAAU,QAAQ,CAAC;AAGtB,SAAAC,2BAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAUC,KAAkB,kBAAA;AAAA,QAC7B;AAAA,MACD;AAAA,MACA,aAAa,CAAC,EAAE,aAAa;AAC5B,oBAAY,OAAO,EAAE;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAACF,2BAAA,IAAAG,qCAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAACH,2BAAAA,IAAAI,SAAAA,iBAAA,EAAgB,OAAO,UAAU,UAAUC,SAAAA,6BAC1C,SACF,CAAA,GACD;AAAA,IAAA;AAAA,EAAA;AAGH;;"}

package/dist/production/components/RepeaterSortable.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext, MeasuringStrategy } from "@dnd-kit/core";
+import { RepeaterActiveEntityContext } from "../internal/contexts.js";
+import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { useRepeaterMethods, useRepeaterSortedEntities } from "@contember/react-repeater";
+const RepeaterSortable = ({ children }) => {
+  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 = () => {
+    setActiveId(null);
+  };
+  const onDragEnd = useCallback(({ active, over }) => {
+    setActiveId(null);
+    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]);
+  return /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      sensors,
+      measuring: {
+        droppable: {
+          strategy: MeasuringStrategy.Always
+        }
+      },
+      onDragStart: ({ active }) => {
+        setActiveId(active.id);
+      },
+      onDragEnd,
+      onDragCancel,
+      children: /* @__PURE__ */ jsx(RepeaterActiveEntityContext.Provider, { value: activeItem, children: /* @__PURE__ */ jsx(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children }) })
+    }
+  );
+};
+export {
+  RepeaterSortable
+};
+//# sourceMappingURL=RepeaterSortable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortable.js","sources":["../../../src/components/RepeaterSortable.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo, useState } from 'react'\nimport {\n\tDndContext,\n\tDragEndEvent,\n\tKeyboardSensor,\n\tMeasuringStrategy,\n\tMouseSensor,\n\tTouchSensor,\n\tUniqueIdentifier,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core'\nimport { RepeaterActiveEntityContext } from '../internal/contexts'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useRepeaterSortedEntities } from '@contember/react-repeater'\nimport { useRepeaterMethods } from '@contember/react-repeater'\n\nexport const RepeaterSortable = ({ children }: {\n\tchildren: ReactNode\n}) => {\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 = () => {\n\t\tsetActiveId(null)\n\t}\n\n\tconst onDragEnd = useCallback(({ active, over }: DragEndEvent) => {\n\t\tsetActiveId(null)\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])\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\tonDragStart={({ active }) => {\n\t\t\t\tsetActiveId(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":";;;;;;AAiBO,MAAM,mBAAmB,CAAC,EAAE,eAE7B;AACL,QAAM,CAAC,UAAU,WAAW,IAAI,SAAkC,IAAI;AAChE,QAAA,EAAE,aAAa;AACrB,QAAM,WAAW;AAGX,QAAA,aAAa,QAAQ,MAAM;AAChC,QAAI,CAAC,UAAU;AACP,aAAA;AAAA,IACR;AACA,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,EAAA;AAGzB,QAAM,eAAe,MAAM;AAC1B,gBAAY,IAAI;AAAA,EAAA;AAGjB,QAAM,YAAY,YAAY,CAAC,EAAE,QAAQ,WAAyB;AACjE,gBAAY,IAAI;AAChB,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,IACD;AACA,eAAW,cAAc,SAAS;AAAA,EAAA,GAChC,CAAC,UAAU,QAAQ,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV,WAAW;AAAA,UACV,UAAU,kBAAkB;AAAA,QAC7B;AAAA,MACD;AAAA,MACA,aAAa,CAAC,EAAE,aAAa;AAC5B,oBAAY,OAAO,EAAE;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAC,oBAAA,4BAA4B,UAA5B,EAAqC,OAAO,YAC5C,UAAC,oBAAA,iBAAA,EAAgB,OAAO,UAAU,UAAU,6BAC1C,SACF,CAAA,GACD;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/production/components/RepeaterSortableDragOverlay.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const contexts = require("../internal/contexts.cjs");
+const reactPortal = require("@radix-ui/react-portal");
+const core = require("@dnd-kit/core");
+const reactBinding = require("@contember/react-binding");
+const RepeaterSortableDragOverlay = ({ children }) => {
+  const activeItem = contexts.useRepeaterActiveEntity();
+  const accessorTreeState = reactBinding.useAccessorTreeState();
+  if (!activeItem) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Entity, { accessor: activeItem, children }) }) }) });
+};
+exports.RepeaterSortableDragOverlay = RepeaterSortableDragOverlay;
+//# sourceMappingURL=RepeaterSortableDragOverlay.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeaterSortableDragOverlay.cjs","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useRepeaterActiveEntity } from '../internal/contexts'\nimport { Portal } from '@radix-ui/react-portal'\nimport { DragOverlay } from '@dnd-kit/core'\nimport { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'\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{children}\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"],"mappings":";;;;;;;AAMO,MAAM,8BAA8B,CAAC,EAAE,eAExC;AACL,QAAM,aAAaA,SAAAA;AACnB,QAAM,oBAAoBC,aAAAA;AAC1B,MAAI,CAAC,YAAY;AACT,WAAA;AAAA,EACR;AACA,SACEC,+BAAAC,YAAAA,QAAA,EACA,UAACD,2BAAA,IAAAE,kBAAA,EACA,yCAACC,aAAa,cAAA,EAAA,OAAO,mBACpB,UAAAH,2BAAA,IAACI,uBAAO,UAAU,YAChB,SACF,CAAA,EACD,CAAA,GACD,EACD,CAAA;AAEF;;"}

package/dist/production/components/RepeaterSortableDragOverlay.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { useRepeaterActiveEntity } from "../internal/contexts.js";
+import { Portal } from "@radix-ui/react-portal";
+import { DragOverlay } from "@dnd-kit/core";
+import { useAccessorTreeState, AccessorTree, Entity } from "@contember/react-binding";
+const RepeaterSortableDragOverlay = ({ children }) => {
+  const activeItem = useRepeaterActiveEntity();
+  const accessorTreeState = useAccessorTreeState();
+  if (!activeItem) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DragOverlay, { children: /* @__PURE__ */ jsx(AccessorTree, { state: accessorTreeState, children: /* @__PURE__ */ jsx(Entity, { accessor: activeItem, children }) }) }) });
+};
+export {
+  RepeaterSortableDragOverlay
+};
+//# sourceMappingURL=RepeaterSortableDragOverlay.js.map