@elliemae/ds-drag-and-drop 2.2.0-alpha.3 → 2.2.0-alpha.4
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.
- package/cjs/hierarchy/getHierarchyKeyboardCoordinates.js +1 -1
- package/cjs/hierarchy/index.js +1 -1
- package/cjs/hierarchy/useHierarchyActionHandlers.js +1 -1
- package/cjs/hierarchy/useHierarchyAnnouncements.js +1 -1
- package/cjs/hierarchy/useHierarchyDndkitConfig.js +7 -7
- package/cjs/hierarchy/useHierarchyPreviewHandlers.js +1 -1
- package/cjs/index.js +2 -2
- package/cjs/tree/customCollisionDetection.js +1 -1
- package/cjs/tree/getTreeKeyboardCoordinates.js +2 -2
- package/cjs/tree/index.js +1 -1
- package/cjs/tree/useTreeActionHandlers.js +4 -4
- package/cjs/tree/useTreeAnnouncements.js +2 -2
- package/cjs/tree/useTreeDndkitConfig.js +10 -10
- package/cjs/tree/useTreePreviewHandlers.js +2 -2
- package/cjs/tree/utilities.js +1 -1
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ __export(getHierarchyKeyboardCoordinates_exports, {
|
|
|
30
30
|
getHierarchyKeyboardCoordinates: () => getHierarchyKeyboardCoordinates
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_core =
|
|
33
|
+
var import_core = require("@dnd-kit/core");
|
|
34
34
|
const directions = [import_core.KeyboardCode.Down, import_core.KeyboardCode.Right, import_core.KeyboardCode.Up, import_core.KeyboardCode.Left];
|
|
35
35
|
const vertical = [import_core.KeyboardCode.Up, import_core.KeyboardCode.Down];
|
|
36
36
|
const getHorizontalKeyboardCoordinates = ({
|
package/cjs/hierarchy/index.js
CHANGED
|
@@ -23,6 +23,6 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var hierarchy_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(hierarchy_exports,
|
|
26
|
+
__reExport(hierarchy_exports, require("./useHierarchyDndkitConfig"));
|
|
27
27
|
module.exports = __toCommonJS(hierarchy_exports);
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,7 +30,7 @@ __export(useHierarchyActionHandlers_exports, {
|
|
|
30
30
|
useHierarchyActionHandlers: () => useHierarchyActionHandlers
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
const useHierarchyActionHandlers = ({
|
|
35
35
|
handlePreviewDragStart,
|
|
36
36
|
handlePreviewDragMove,
|
|
@@ -30,7 +30,7 @@ __export(useHierarchyAnnouncements_exports, {
|
|
|
30
30
|
useHierarchyAnnouncements: () => useHierarchyAnnouncements
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
const useHierarchyAnnouncements = (visibleItemsDictionary) => {
|
|
35
35
|
const onDragStart = (0, import_react.useCallback)((id) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`, [visibleItemsDictionary]);
|
|
36
36
|
const onDragMove = (0, import_react.useCallback)((id, overId) => {
|
|
@@ -30,13 +30,13 @@ __export(useHierarchyDndkitConfig_exports, {
|
|
|
30
30
|
useHierarchyDndkitConfig: () => useHierarchyDndkitConfig
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_core =
|
|
35
|
-
var import_useHierarchyActionHandlers =
|
|
36
|
-
var import_useHierarchyPreviewHandlers =
|
|
37
|
-
var import_getHierarchyKeyboardCoordinates =
|
|
38
|
-
var import_customCollisionDetection =
|
|
39
|
-
var import_useHierarchyAnnouncements =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_core = require("@dnd-kit/core");
|
|
35
|
+
var import_useHierarchyActionHandlers = require("./useHierarchyActionHandlers");
|
|
36
|
+
var import_useHierarchyPreviewHandlers = require("./useHierarchyPreviewHandlers");
|
|
37
|
+
var import_getHierarchyKeyboardCoordinates = require("./getHierarchyKeyboardCoordinates");
|
|
38
|
+
var import_customCollisionDetection = require("./customCollisionDetection");
|
|
39
|
+
var import_useHierarchyAnnouncements = require("./useHierarchyAnnouncements");
|
|
40
40
|
const adjustTranslate = (isHorizontalDnD) => ({ transform }) => {
|
|
41
41
|
const newTransform = {
|
|
42
42
|
...transform
|
|
@@ -30,7 +30,7 @@ __export(useHierarchyPreviewHandlers_exports, {
|
|
|
30
30
|
useHierarchyPreviewHandlers: () => useHierarchyPreviewHandlers
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
const useHierarchyPreviewHandlers = ({
|
|
35
35
|
setActiveId,
|
|
36
36
|
onPreviewResetState,
|
package/cjs/index.js
CHANGED
|
@@ -23,7 +23,7 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var src_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(src_exports,
|
|
27
|
-
__reExport(src_exports,
|
|
26
|
+
__reExport(src_exports, require("./hierarchy"));
|
|
27
|
+
__reExport(src_exports, require("./tree"));
|
|
28
28
|
module.exports = __toCommonJS(src_exports);
|
|
29
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,7 +30,7 @@ __export(customCollisionDetection_exports, {
|
|
|
30
30
|
customCollisionDetection: () => customCollisionDetection
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_constants =
|
|
33
|
+
var import_constants = require("./constants");
|
|
34
34
|
const DUMMY_ID = "DUMMY_ID_INTERNAL_USE_ONLY";
|
|
35
35
|
const RECT_UP = {
|
|
36
36
|
offsetTop: -Infinity,
|
|
@@ -30,8 +30,8 @@ __export(getTreeKeyboardCoordinates_exports, {
|
|
|
30
30
|
getTreeKeyboardCoordinates: () => getTreeKeyboardCoordinates
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_core =
|
|
34
|
-
var import_constants =
|
|
33
|
+
var import_core = require("@dnd-kit/core");
|
|
34
|
+
var import_constants = require("./constants");
|
|
35
35
|
const directions = [import_core.KeyboardCode.Down, import_core.KeyboardCode.Right, import_core.KeyboardCode.Up, import_core.KeyboardCode.Left];
|
|
36
36
|
const horizontal = [import_core.KeyboardCode.Left, import_core.KeyboardCode.Right];
|
|
37
37
|
const vertical = [import_core.KeyboardCode.Up, import_core.KeyboardCode.Down];
|
package/cjs/tree/index.js
CHANGED
|
@@ -23,6 +23,6 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var tree_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(tree_exports,
|
|
26
|
+
__reExport(tree_exports, require("./useTreeDndkitConfig"));
|
|
27
27
|
module.exports = __toCommonJS(tree_exports);
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,10 +30,10 @@ __export(useTreeActionHandlers_exports, {
|
|
|
30
30
|
useTreeActionHandlers: () => useTreeActionHandlers
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_sortable =
|
|
34
|
-
var import_lodash =
|
|
35
|
-
var import_react =
|
|
36
|
-
var import_constants =
|
|
33
|
+
var import_sortable = require("@dnd-kit/sortable");
|
|
34
|
+
var import_lodash = require("lodash");
|
|
35
|
+
var import_react = require("react");
|
|
36
|
+
var import_constants = require("./constants");
|
|
37
37
|
const useTreeActionHandlers = ({
|
|
38
38
|
handlePreviewDragStart,
|
|
39
39
|
handlePreviewDragMove,
|
|
@@ -30,8 +30,8 @@ __export(useTreeAnnouncements_exports, {
|
|
|
30
30
|
useTreeAnnouncements: () => useTreeAnnouncements
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_constants =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_constants = require("./constants");
|
|
35
35
|
const useTreeAnnouncements = (visibleItemsDictionary, dropIndicatorPosition) => {
|
|
36
36
|
const onDragStart = (0, import_react.useCallback)((id) => `Picked up draggable item from position ${visibleItemsDictionary[id].realIndex + 1}.`, [visibleItemsDictionary]);
|
|
37
37
|
const onDragMove = (0, import_react.useCallback)((id, overId) => {
|
|
@@ -30,16 +30,16 @@ __export(useTreeDndkitConfig_exports, {
|
|
|
30
30
|
useTreeDndkitConfig: () => useTreeDndkitConfig
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_core =
|
|
35
|
-
var import_sortable =
|
|
36
|
-
var import_useTreePreviewHandlers =
|
|
37
|
-
var import_getTreeKeyboardCoordinates =
|
|
38
|
-
var import_utilities =
|
|
39
|
-
var import_useTreeActionHandlers =
|
|
40
|
-
var import_constants =
|
|
41
|
-
var import_customCollisionDetection =
|
|
42
|
-
var import_useTreeAnnouncements =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_core = require("@dnd-kit/core");
|
|
35
|
+
var import_sortable = require("@dnd-kit/sortable");
|
|
36
|
+
var import_useTreePreviewHandlers = require("./useTreePreviewHandlers");
|
|
37
|
+
var import_getTreeKeyboardCoordinates = require("./getTreeKeyboardCoordinates");
|
|
38
|
+
var import_utilities = require("./utilities");
|
|
39
|
+
var import_useTreeActionHandlers = require("./useTreeActionHandlers");
|
|
40
|
+
var import_constants = require("./constants");
|
|
41
|
+
var import_customCollisionDetection = require("./customCollisionDetection");
|
|
42
|
+
var import_useTreeAnnouncements = require("./useTreeAnnouncements");
|
|
43
43
|
const adjustTranslate = (isHorizontalDnD) => ({ transform }) => {
|
|
44
44
|
const newTransform = {
|
|
45
45
|
...transform
|
|
@@ -30,8 +30,8 @@ __export(useTreePreviewHandlers_exports, {
|
|
|
30
30
|
useTreePreviewHandlers: () => useTreePreviewHandlers
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_constants =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_constants = require("./constants");
|
|
35
35
|
const useTreePreviewHandlers = ({
|
|
36
36
|
setOverId,
|
|
37
37
|
setActiveId,
|
package/cjs/tree/utilities.js
CHANGED
|
@@ -31,7 +31,7 @@ __export(utilities_exports, {
|
|
|
31
31
|
removeChildrenOf: () => removeChildrenOf
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_constants =
|
|
34
|
+
var import_constants = require("./constants");
|
|
35
35
|
const getMinDepth = (item) => {
|
|
36
36
|
if (item)
|
|
37
37
|
return item.depth;
|