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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/development/components/RepeaterSortable.cjs +55 -0
  2. package/dist/development/components/RepeaterSortable.cjs.map +1 -0
  3. package/dist/development/components/RepeaterSortable.js +55 -0
  4. package/dist/development/components/RepeaterSortable.js.map +1 -0
  5. package/dist/development/components/RepeaterSortableDragOverlay.cjs +17 -0
  6. package/dist/development/components/RepeaterSortableDragOverlay.cjs.map +1 -0
  7. package/dist/development/components/RepeaterSortableDragOverlay.js +17 -0
  8. package/dist/development/components/RepeaterSortableDragOverlay.js.map +1 -0
  9. package/dist/development/components/RepeaterSortableDropIndicator.cjs +14 -0
  10. package/dist/development/components/RepeaterSortableDropIndicator.cjs.map +1 -0
  11. package/dist/development/components/RepeaterSortableDropIndicator.js +14 -0
  12. package/dist/development/components/RepeaterSortableDropIndicator.js.map +1 -0
  13. package/dist/development/components/RepeaterSortableEachItem.cjs +20 -0
  14. package/dist/development/components/RepeaterSortableEachItem.cjs.map +1 -0
  15. package/dist/development/components/RepeaterSortableEachItem.js +20 -0
  16. package/dist/development/components/RepeaterSortableEachItem.js.map +1 -0
  17. package/dist/development/components/RepeaterSortableItemActivator.cjs +13 -0
  18. package/dist/development/components/RepeaterSortableItemActivator.cjs.map +1 -0
  19. package/dist/development/components/RepeaterSortableItemActivator.js +13 -0
  20. package/dist/development/components/RepeaterSortableItemActivator.js.map +1 -0
  21. package/dist/development/components/RepeaterSortableItemNode.cjs +11 -0
  22. package/dist/development/components/RepeaterSortableItemNode.cjs.map +1 -0
  23. package/dist/development/components/RepeaterSortableItemNode.js +11 -0
  24. package/dist/development/components/RepeaterSortableItemNode.js.map +1 -0
  25. package/dist/development/index.cjs +23 -0
  26. package/dist/development/index.cjs.map +1 -0
  27. package/dist/development/index.js +16 -0
  28. package/dist/development/index.js.map +1 -0
  29. package/dist/development/internal/contexts.cjs +10 -0
  30. package/dist/development/internal/contexts.cjs.map +1 -0
  31. package/dist/development/internal/contexts.js +10 -0
  32. package/dist/development/internal/contexts.js.map +1 -0
  33. package/dist/production/components/RepeaterSortable.cjs +55 -0
  34. package/dist/production/components/RepeaterSortable.cjs.map +1 -0
  35. package/dist/production/components/RepeaterSortable.js +55 -0
  36. package/dist/production/components/RepeaterSortable.js.map +1 -0
  37. package/dist/production/components/RepeaterSortableDragOverlay.cjs +17 -0
  38. package/dist/production/components/RepeaterSortableDragOverlay.cjs.map +1 -0
  39. package/dist/production/components/RepeaterSortableDragOverlay.js +17 -0
  40. package/dist/production/components/RepeaterSortableDragOverlay.js.map +1 -0
  41. package/dist/production/components/RepeaterSortableDropIndicator.cjs +14 -0
  42. package/dist/production/components/RepeaterSortableDropIndicator.cjs.map +1 -0
  43. package/dist/production/components/RepeaterSortableDropIndicator.js +14 -0
  44. package/dist/production/components/RepeaterSortableDropIndicator.js.map +1 -0
  45. package/dist/production/components/RepeaterSortableEachItem.cjs +20 -0
  46. package/dist/production/components/RepeaterSortableEachItem.cjs.map +1 -0
  47. package/dist/production/components/RepeaterSortableEachItem.js +20 -0
  48. package/dist/production/components/RepeaterSortableEachItem.js.map +1 -0
  49. package/dist/production/components/RepeaterSortableItemActivator.cjs +13 -0
  50. package/dist/production/components/RepeaterSortableItemActivator.cjs.map +1 -0
  51. package/dist/production/components/RepeaterSortableItemActivator.js +13 -0
  52. package/dist/production/components/RepeaterSortableItemActivator.js.map +1 -0
  53. package/dist/production/components/RepeaterSortableItemNode.cjs +11 -0
  54. package/dist/production/components/RepeaterSortableItemNode.cjs.map +1 -0
  55. package/dist/production/components/RepeaterSortableItemNode.js +11 -0
  56. package/dist/production/components/RepeaterSortableItemNode.js.map +1 -0
  57. package/dist/production/index.cjs +23 -0
  58. package/dist/production/index.cjs.map +1 -0
  59. package/dist/production/index.js +16 -0
  60. package/dist/production/index.js.map +1 -0
  61. package/dist/production/internal/contexts.cjs +10 -0
  62. package/dist/production/internal/contexts.cjs.map +1 -0
  63. package/dist/production/internal/contexts.js +10 -0
  64. package/dist/production/internal/contexts.js.map +1 -0
  65. package/dist/types/components/RepeaterSortable.d.ts +5 -0
  66. package/dist/types/components/RepeaterSortable.d.ts.map +1 -0
  67. package/dist/types/components/RepeaterSortableDragOverlay.d.ts +5 -0
  68. package/dist/types/components/RepeaterSortableDragOverlay.d.ts.map +1 -0
  69. package/dist/types/components/RepeaterSortableDropIndicator.d.ts +6 -0
  70. package/dist/types/components/RepeaterSortableDropIndicator.d.ts.map +1 -0
  71. package/dist/types/components/RepeaterSortableEachItem.d.ts +5 -0
  72. package/dist/types/components/RepeaterSortableEachItem.d.ts.map +1 -0
  73. package/dist/types/components/RepeaterSortableItemActivator.d.ts +5 -0
  74. package/dist/types/components/RepeaterSortableItemActivator.d.ts.map +1 -0
  75. package/dist/types/components/RepeaterSortableItemNode.d.ts +5 -0
  76. package/dist/types/components/RepeaterSortableItemNode.d.ts.map +1 -0
  77. package/dist/types/components/index.d.ts +7 -0
  78. package/dist/types/components/index.d.ts.map +1 -0
  79. package/dist/types/index.d.ts +3 -0
  80. package/dist/types/index.d.ts.map +1 -0
  81. package/dist/types/internal/contexts.d.ts +53 -0
  82. package/dist/types/internal/contexts.d.ts.map +1 -0
  83. package/dist/types/tsconfig.tsbuildinfo +1 -0
  84. package/package.json +60 -0
  85. package/src/components/RepeaterSortable.tsx +74 -0
  86. package/src/components/RepeaterSortableDragOverlay.tsx +26 -0
  87. package/src/components/RepeaterSortableDropIndicator.tsx +15 -0
  88. package/src/components/RepeaterSortableEachItem.tsx +35 -0
  89. package/src/components/RepeaterSortableItemActivator.tsx +11 -0
  90. package/src/components/RepeaterSortableItemNode.tsx +10 -0
  91. package/src/components/index.ts +6 -0
  92. package/src/index.ts +3 -0
  93. package/src/internal/contexts.ts +6 -0
  94. package/src/tsconfig.json +11 -0
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const contexts = require("../internal/contexts.cjs");
5
+ const RepeaterSortableDropIndicator = ({ children, position }) => {
6
+ const sortable = contexts.useRepeaterSortableItem();
7
+ const isOver = sortable.isOver;
8
+ const activeSortable = sortable.active?.data.current?.sortable;
9
+ const isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index;
10
+ const renderedPosition = isAfter ? "after" : "before";
11
+ return renderedPosition === position && isOver ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : null;
12
+ };
13
+ exports.RepeaterSortableDropIndicator = RepeaterSortableDropIndicator;
14
+ //# sourceMappingURL=RepeaterSortableDropIndicator.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,14 @@
1
+ import { jsx, Fragment } from "react/jsx-runtime";
2
+ import { useRepeaterSortableItem } from "../internal/contexts.js";
3
+ const RepeaterSortableDropIndicator = ({ children, position }) => {
4
+ const sortable = useRepeaterSortableItem();
5
+ const isOver = sortable.isOver;
6
+ const activeSortable = sortable.active?.data.current?.sortable;
7
+ const isAfter = (sortable.data?.sortable.index ?? 0) > activeSortable?.index;
8
+ const renderedPosition = isAfter ? "after" : "before";
9
+ return renderedPosition === position && isOver ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
10
+ };
11
+ export {
12
+ RepeaterSortableDropIndicator
13
+ };
14
+ //# sourceMappingURL=RepeaterSortableDropIndicator.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const sortable = require("@dnd-kit/sortable");
5
+ const reactRepeater = require("@contember/react-repeater");
6
+ const contexts = require("../internal/contexts.cjs");
7
+ const reactBinding = require("@contember/react-binding");
8
+ const RepeaterSortableEachItem = ({ children }) => {
9
+ const entities = reactRepeater.useRepeaterSortedEntities();
10
+ return /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: entities, strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx(reactRepeater.RepeaterEachItem, { children: /* @__PURE__ */ jsxRuntime.jsx(RepeaterSortableEachItemInner, { children }) }) });
11
+ };
12
+ const RepeaterSortableEachItemInner = ({ children }) => {
13
+ const entity = reactBinding.useEntity();
14
+ const sortable$1 = sortable.useSortable({
15
+ id: entity.id
16
+ });
17
+ return /* @__PURE__ */ jsxRuntime.jsx(contexts.RepeaterSortableItemContext.Provider, { value: sortable$1, children });
18
+ };
19
+ exports.RepeaterSortableEachItem = RepeaterSortableEachItem;
20
+ //# sourceMappingURL=RepeaterSortableEachItem.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,20 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
3
+ import { useRepeaterSortedEntities, RepeaterEachItem } from "@contember/react-repeater";
4
+ import { RepeaterSortableItemContext } from "../internal/contexts.js";
5
+ import { useEntity } from "@contember/react-binding";
6
+ const RepeaterSortableEachItem = ({ children }) => {
7
+ const entities = useRepeaterSortedEntities();
8
+ return /* @__PURE__ */ jsx(SortableContext, { items: entities, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(RepeaterEachItem, { children: /* @__PURE__ */ jsx(RepeaterSortableEachItemInner, { children }) }) });
9
+ };
10
+ const RepeaterSortableEachItemInner = ({ children }) => {
11
+ const entity = useEntity();
12
+ const sortable = useSortable({
13
+ id: entity.id
14
+ });
15
+ return /* @__PURE__ */ jsx(RepeaterSortableItemContext.Provider, { value: sortable, children });
16
+ };
17
+ export {
18
+ RepeaterSortableEachItem
19
+ };
20
+ //# sourceMappingURL=RepeaterSortableEachItem.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const react = require("react");
5
+ const contexts = require("../internal/contexts.cjs");
6
+ const reactSlot = require("@radix-ui/react-slot");
7
+ const reactUtils = require("@contember/react-utils");
8
+ const RepeaterSortableItemActivator = react.forwardRef((props, ref) => {
9
+ const { setActivatorNodeRef, listeners } = contexts.useRepeaterSortableItem();
10
+ return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: reactUtils.useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props });
11
+ });
12
+ exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator;
13
+ //# sourceMappingURL=RepeaterSortableItemActivator.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,13 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { useRepeaterSortableItem } from "../internal/contexts.js";
4
+ import { Slot } from "@radix-ui/react-slot";
5
+ import { useComposeRef } from "@contember/react-utils";
6
+ const RepeaterSortableItemActivator = forwardRef((props, ref) => {
7
+ const { setActivatorNodeRef, listeners } = useRepeaterSortableItem();
8
+ return /* @__PURE__ */ jsx(Slot, { ref: useComposeRef(ref, setActivatorNodeRef), ...listeners, ...props });
9
+ });
10
+ export {
11
+ RepeaterSortableItemActivator
12
+ };
13
+ //# sourceMappingURL=RepeaterSortableItemActivator.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const contexts = require("../internal/contexts.cjs");
5
+ const reactSlot = require("@radix-ui/react-slot");
6
+ const RepeaterSortableItemNode = ({ children }) => {
7
+ const { setNodeRef } = contexts.useRepeaterSortableItem();
8
+ return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: setNodeRef, children });
9
+ };
10
+ exports.RepeaterSortableItemNode = RepeaterSortableItemNode;
11
+ //# sourceMappingURL=RepeaterSortableItemNode.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,11 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { useRepeaterSortableItem } from "../internal/contexts.js";
3
+ import { Slot } from "@radix-ui/react-slot";
4
+ const RepeaterSortableItemNode = ({ children }) => {
5
+ const { setNodeRef } = useRepeaterSortableItem();
6
+ return /* @__PURE__ */ jsx(Slot, { ref: setNodeRef, children });
7
+ };
8
+ export {
9
+ RepeaterSortableItemNode
10
+ };
11
+ //# sourceMappingURL=RepeaterSortableItemNode.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const reactRepeater = require("@contember/react-repeater");
4
+ const RepeaterSortable = require("./components/RepeaterSortable.cjs");
5
+ const RepeaterSortableDragOverlay = require("./components/RepeaterSortableDragOverlay.cjs");
6
+ const RepeaterSortableDropIndicator = require("./components/RepeaterSortableDropIndicator.cjs");
7
+ const RepeaterSortableItemActivator = require("./components/RepeaterSortableItemActivator.cjs");
8
+ const RepeaterSortableItemNode = require("./components/RepeaterSortableItemNode.cjs");
9
+ const RepeaterSortableEachItem = require("./components/RepeaterSortableEachItem.cjs");
10
+ exports.RepeaterSortable = RepeaterSortable.RepeaterSortable;
11
+ exports.RepeaterSortableDragOverlay = RepeaterSortableDragOverlay.RepeaterSortableDragOverlay;
12
+ exports.RepeaterSortableDropIndicator = RepeaterSortableDropIndicator.RepeaterSortableDropIndicator;
13
+ exports.RepeaterSortableItemActivator = RepeaterSortableItemActivator.RepeaterSortableItemActivator;
14
+ exports.RepeaterSortableItemNode = RepeaterSortableItemNode.RepeaterSortableItemNode;
15
+ exports.RepeaterSortableEachItem = RepeaterSortableEachItem.RepeaterSortableEachItem;
16
+ Object.keys(reactRepeater).forEach((k) => {
17
+ if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
18
+ Object.defineProperty(exports, k, {
19
+ enumerable: true,
20
+ get: () => reactRepeater[k]
21
+ });
22
+ });
23
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ export * from "@contember/react-repeater";
2
+ import { RepeaterSortable } from "./components/RepeaterSortable.js";
3
+ import { RepeaterSortableDragOverlay } from "./components/RepeaterSortableDragOverlay.js";
4
+ import { RepeaterSortableDropIndicator } from "./components/RepeaterSortableDropIndicator.js";
5
+ import { RepeaterSortableItemActivator } from "./components/RepeaterSortableItemActivator.js";
6
+ import { RepeaterSortableItemNode } from "./components/RepeaterSortableItemNode.js";
7
+ import { RepeaterSortableEachItem } from "./components/RepeaterSortableEachItem.js";
8
+ export {
9
+ RepeaterSortable,
10
+ RepeaterSortableDragOverlay,
11
+ RepeaterSortableDropIndicator,
12
+ RepeaterSortableEachItem,
13
+ RepeaterSortableItemActivator,
14
+ RepeaterSortableItemNode
15
+ };
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const reactUtils = require("@contember/react-utils");
4
+ const [RepeaterSortableItemContext, useRepeaterSortableItem] = reactUtils.createRequiredContext("RepeaterSortableItemContext");
5
+ const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = reactUtils.createContext("RepeaterActiveEntityContext", void 0);
6
+ exports.RepeaterActiveEntityContext = RepeaterActiveEntityContext;
7
+ exports.RepeaterSortableItemContext = RepeaterSortableItemContext;
8
+ exports.useRepeaterActiveEntity = useRepeaterActiveEntity;
9
+ exports.useRepeaterSortableItem = useRepeaterSortableItem;
10
+ //# sourceMappingURL=contexts.cjs.map
@@ -0,0 +1 @@
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;;;;;"}
@@ -0,0 +1,10 @@
1
+ import { createRequiredContext, createContext } from "@contember/react-utils";
2
+ const [RepeaterSortableItemContext, useRepeaterSortableItem] = createRequiredContext("RepeaterSortableItemContext");
3
+ const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = createContext("RepeaterActiveEntityContext", void 0);
4
+ export {
5
+ RepeaterActiveEntityContext,
6
+ RepeaterSortableItemContext,
7
+ useRepeaterActiveEntity,
8
+ useRepeaterSortableItem
9
+ };
10
+ //# sourceMappingURL=contexts.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const RepeaterSortable: ({ children }: {
3
+ children: ReactNode;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=RepeaterSortable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortable.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AAiBxE,eAAO,MAAM,gBAAgB;cAClB,SAAS;6CAuDnB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const RepeaterSortableDragOverlay: ({ children }: {
3
+ children: ReactNode;
4
+ }) => import("react/jsx-runtime").JSX.Element | null;
5
+ //# sourceMappingURL=RepeaterSortableDragOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortableDragOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDragOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,eAAO,MAAM,2BAA2B;cAC7B,SAAS;oDAkBnB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const RepeaterSortableDropIndicator: ({ children, position }: {
3
+ children: ReactNode;
4
+ position: 'before' | 'after';
5
+ }) => import("react/jsx-runtime").JSX.Element | null;
6
+ //# sourceMappingURL=RepeaterSortableDropIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortableDropIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableDropIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,eAAO,MAAM,6BAA6B;cAC/B,SAAS;cACT,QAAQ,GAAG,OAAO;oDAS5B,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const RepeaterSortableEachItem: ({ children }: {
3
+ children: ReactNode;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=RepeaterSortableEachItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortableEachItem.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableEachItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,eAAO,MAAM,wBAAwB;cAC1B,SAAS;6CAcnB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React, { ReactNode } from 'react';
2
+ export declare const RepeaterSortableItemActivator: React.ForwardRefExoticComponent<{
3
+ children: ReactNode;
4
+ } & React.RefAttributes<HTMLElement>>;
5
+ //# sourceMappingURL=RepeaterSortableItemActivator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortableItemActivator.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemActivator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAKpD,eAAO,MAAM,6BAA6B;cAC/B,SAAS;qCAIlB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const RepeaterSortableItemNode: ({ children }: {
3
+ children: ReactNode;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=RepeaterSortableItemNode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RepeaterSortableItemNode.d.ts","sourceRoot":"","sources":["../../../src/components/RepeaterSortableItemNode.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,eAAO,MAAM,wBAAwB;cAC1B,SAAS;6CAInB,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from './RepeaterSortable';
2
+ export * from './RepeaterSortableDragOverlay';
3
+ export * from './RepeaterSortableDropIndicator';
4
+ export * from './RepeaterSortableItemActivator';
5
+ export * from './RepeaterSortableItemNode';
6
+ export * from './RepeaterSortableEachItem';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './components';
2
+ export * from '@contember/react-repeater';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAE5B,cAAc,2BAA2B,CAAA"}
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ import { EntityAccessor } from '@contember/react-binding';
3
+ export declare const RepeaterSortableItemContext: import("react").Context<{
4
+ active: import("@dnd-kit/core").Active | null;
5
+ activeIndex: number;
6
+ attributes: import("@dnd-kit/core").DraggableAttributes;
7
+ data: import("@dnd-kit/sortable").SortableData & {
8
+ [x: string]: any;
9
+ };
10
+ rect: import("react").MutableRefObject<import("@dnd-kit/core").ClientRect | null>;
11
+ index: number;
12
+ newIndex: number;
13
+ items: import("@dnd-kit/core").UniqueIdentifier[];
14
+ isOver: boolean;
15
+ isSorting: boolean;
16
+ isDragging: boolean;
17
+ listeners: import("@dnd-kit/core/dist/hooks/utilities").SyntheticListenerMap | undefined;
18
+ node: import("react").MutableRefObject<HTMLElement | null>;
19
+ overIndex: number;
20
+ over: import("@dnd-kit/core").Over | null;
21
+ setNodeRef: (node: HTMLElement | null) => void;
22
+ setActivatorNodeRef: (element: HTMLElement | null) => void;
23
+ setDroppableNodeRef: (element: HTMLElement | null) => void;
24
+ setDraggableNodeRef: (element: HTMLElement | null) => void;
25
+ transform: import("@dnd-kit/utilities").Transform | null;
26
+ transition: string | undefined;
27
+ }>, useRepeaterSortableItem: () => {
28
+ active: import("@dnd-kit/core").Active | null;
29
+ activeIndex: number;
30
+ attributes: import("@dnd-kit/core").DraggableAttributes;
31
+ data: import("@dnd-kit/sortable").SortableData & {
32
+ [x: string]: any;
33
+ };
34
+ rect: import("react").MutableRefObject<import("@dnd-kit/core").ClientRect | null>;
35
+ index: number;
36
+ newIndex: number;
37
+ items: import("@dnd-kit/core").UniqueIdentifier[];
38
+ isOver: boolean;
39
+ isSorting: boolean;
40
+ isDragging: boolean;
41
+ listeners: import("@dnd-kit/core/dist/hooks/utilities").SyntheticListenerMap | undefined;
42
+ node: import("react").MutableRefObject<HTMLElement | null>;
43
+ overIndex: number;
44
+ over: import("@dnd-kit/core").Over | null;
45
+ setNodeRef: (node: HTMLElement | null) => void;
46
+ setActivatorNodeRef: (element: HTMLElement | null) => void;
47
+ setDroppableNodeRef: (element: HTMLElement | null) => void;
48
+ setDraggableNodeRef: (element: HTMLElement | null) => void;
49
+ transform: import("@dnd-kit/utilities").Transform | null;
50
+ transition: string | undefined;
51
+ };
52
+ export declare const RepeaterActiveEntityContext: import("react").Context<EntityAccessor | undefined>, useRepeaterActiveEntity: () => EntityAccessor | undefined;
53
+ //# sourceMappingURL=contexts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../src/internal/contexts.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGzD,eAAO,MAAO,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;IAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAAwF,CAAA;AAC1J,eAAO,MAAO,2BAA2B,uDAAE,uBAAuB,kCAAuF,CAAA"}