@contember/react-repeater-dnd-kit 1.3.0-alpha.27 → 2.0.0-alpha.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-repeater-dnd-kit",
   "license": "Apache-2.0",
-  "version": "1.3.0-alpha.27",
+  "version": "2.0.0-alpha.2",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -35,9 +35,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@contember/react-binding": "1.3.0-alpha.27",
-    "@contember/react-repeater": "1.3.0-alpha.27",
-    "@contember/react-utils": "1.3.0-alpha.27",
+    "@contember/react-binding": "2.0.0-alpha.2",
+    "@contember/react-repeater": "2.0.0-alpha.2",
+    "@contember/react-utils": "2.0.0-alpha.2",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@radix-ui/react-portal": "^1.0.4",

package/src/components/RepeaterSortable.tsx

@@ -1,5 +1,6 @@
 import React, { ReactNode, useCallback, useMemo, useState } from 'react'
 import {
+	closestCenter,
 	DndContext,
 	DragEndEvent,
 	KeyboardSensor,
@@ -10,7 +11,7 @@ import {
 	useSensor,
 	useSensors,
 } from '@dnd-kit/core'
-import { RepeaterActiveEntityContext } from '../internal/contexts'
+import { RepeaterActiveEntityContext } from '../contexts'
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'
 import { useRepeaterSortedEntities } from '@contember/react-repeater'
 import { useRepeaterMethods } from '@contember/react-repeater'
@@ -63,6 +64,7 @@ export const RepeaterSortable = ({ children }: {
 			}}
 			onDragEnd={onDragEnd}
 			onDragCancel={onDragCancel}
+			collisionDetection={closestCenter}
 		>
 			<RepeaterActiveEntityContext.Provider value={activeItem}>
 				<SortableContext items={entities} strategy={verticalListSortingStrategy}>

package/src/components/RepeaterSortableDragOverlay.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useRepeaterActiveEntity } from '../internal/contexts'
+import { useRepeaterActiveEntity } from '../contexts'
 import { Portal } from '@radix-ui/react-portal'
 import { DragOverlay } from '@dnd-kit/core'
 import { AccessorTree, Entity, useAccessorTreeState } from '@contember/react-binding'

package/src/components/RepeaterSortableDropIndicator.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useRepeaterSortableItem } from '../internal/contexts'
+import { useRepeaterSortableItem } from '../contexts'
 
 export const RepeaterSortableDropIndicator = ({ children, position }: {
 	children: ReactNode

package/src/components/RepeaterSortableEachItem.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable'
 import { RepeaterEachItem, useRepeaterSortedEntities } from '@contember/react-repeater'
-import { RepeaterSortableItemContext } from '../internal/contexts'
+import { RepeaterSortableItemContext } from '../contexts'
 import { useEntity } from '@contember/react-binding'
 
 export const RepeaterSortableEachItem = ({ children }: {

package/src/components/RepeaterSortableItemActivator.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, ReactNode } from 'react'
-import { useRepeaterSortableItem } from '../internal/contexts'
+import { useRepeaterSortableItem } from '../contexts'
 import { Slot } from '@radix-ui/react-slot'
 import { useComposeRef } from '@contember/react-utils'
 

package/src/components/RepeaterSortableItemNode.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useRepeaterSortableItem } from '../internal/contexts'
+import { useRepeaterSortableItem } from '../contexts'
 import { Slot } from '@radix-ui/react-slot'
 
 export const RepeaterSortableItemNode = ({ children }: {

package/src/contexts.ts

@@ -0,0 +1,13 @@
+import { createRequiredContext, createContext } from '@contember/react-utils'
+import { EntityAccessor } from '@contember/react-binding'
+import { useSortable } from '@dnd-kit/sortable'
+
+const RepeaterSortableItemContext_ = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')
+/** @internal */
+export const RepeaterSortableItemContext = RepeaterSortableItemContext_[0]
+export const useRepeaterSortableItem = RepeaterSortableItemContext_[1]
+
+const RepeaterActiveEntityContext_ = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)
+/** @internal */
+export const RepeaterActiveEntityContext = RepeaterActiveEntityContext_[0]
+export const useRepeaterActiveEntity = RepeaterActiveEntityContext_[1]

package/src/index.ts

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

package/dist/development/internal/contexts.cjs

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

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

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

@@ -1 +0,0 @@
-{"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/internal/contexts.cjs

@@ -1,10 +0,0 @@
-"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/production/internal/contexts.cjs.map

@@ -1 +0,0 @@
-{"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/production/internal/contexts.js

@@ -1,10 +0,0 @@
-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/production/internal/contexts.js.map

@@ -1 +0,0 @@
-{"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/types/internal/contexts.d.ts.map

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

package/src/internal/contexts.ts

@@ -1,6 +0,0 @@
-import { createRequiredContext, createContext } from '@contember/react-utils'
-import { EntityAccessor } from '@contember/react-binding'
-import { useSortable } from '@dnd-kit/sortable'
-
-export const [RepeaterSortableItemContext, useRepeaterSortableItem] = createRequiredContext<ReturnType<typeof useSortable>>('RepeaterSortableItemContext')
-export const [RepeaterActiveEntityContext, useRepeaterActiveEntity] = createContext<EntityAccessor | undefined>('RepeaterActiveEntityContext', undefined)