@elliemae/ds-data-table 2.0.0-rc.9 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -299,70 +299,6 @@
       "import": "./esm/helpers/getIdFromUniqueRowAccessor.js",
       "require": "./cjs/helpers/getIdFromUniqueRowAccessor.js"
     },
-    "./helpers/dndkit/utilities": {
-      "import": "./esm/helpers/dndkit/utilities.js",
-      "require": "./cjs/helpers/dndkit/utilities.js"
-    },
-    "./helpers/dndkit/types": {
-      "import": "./esm/helpers/dndkit/types.js",
-      "require": "./cjs/helpers/dndkit/types.js"
-    },
-    "./helpers/dndkit/tree/useTreePreviewHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreePreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreePreviewHandlers.js"
-    },
-    "./helpers/dndkit/tree/useTreeDndkitConfig": {
-      "import": "./esm/helpers/dndkit/tree/useTreeDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeDndkitConfig.js"
-    },
-    "./helpers/dndkit/tree/useTreeAnnouncements": {
-      "import": "./esm/helpers/dndkit/tree/useTreeAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeAnnouncements.js"
-    },
-    "./helpers/dndkit/tree/useTreeActionHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreeActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeActionHandlers.js"
-    },
-    "./helpers/dndkit/tree/types": {
-      "import": "./esm/helpers/dndkit/tree/types.js",
-      "require": "./cjs/helpers/dndkit/tree/types.js"
-    },
-    "./helpers/dndkit/tree/getTreeKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/tree/getTreeKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/tree/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/tree/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/tree/customCollisionDetection.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyPreviewHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyDndkitConfig": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyAnnouncements": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyActionHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/types": {
-      "import": "./esm/helpers/dndkit/hierarchy/types.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/types.js"
-    },
-    "./helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/hierarchy/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/hierarchy/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/customCollisionDetection.js"
-    },
     "./helpers/columnsToGrid": {
       "import": "./esm/helpers/columnsToGrid.js",
       "require": "./cjs/helpers/columnsToGrid.js"
@@ -634,22 +570,23 @@
   "dependencies": {
     "@dnd-kit/core": "~4.0.1",
     "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.0.0-rc.9",
-    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.9",
-    "@elliemae/ds-controlled-form": "2.0.0-rc.9",
-    "@elliemae/ds-dropdownmenu": "2.0.0-rc.9",
-    "@elliemae/ds-form": "2.0.0-rc.9",
-    "@elliemae/ds-form-layout-blocks": "2.0.0-rc.9",
-    "@elliemae/ds-grid": "2.0.0-rc.9",
-    "@elliemae/ds-icons": "2.0.0-rc.9",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.9",
-    "@elliemae/ds-pagination": "2.0.0-rc.9",
-    "@elliemae/ds-pills": "2.0.0-rc.9",
-    "@elliemae/ds-popperjs": "2.0.0-rc.9",
-    "@elliemae/ds-system": "2.0.0-rc.9",
-    "@elliemae/ds-toolbar": "2.0.0-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.9",
-    "@elliemae/ds-utilities": "2.0.0-rc.9",
+    "@elliemae/ds-button": "2.0.0",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0",
+    "@elliemae/ds-controlled-form": "2.0.0",
+    "@elliemae/ds-drag-and-drop": "2.0.0",
+    "@elliemae/ds-dropdownmenu": "2.0.0",
+    "@elliemae/ds-form": "2.0.0",
+    "@elliemae/ds-form-layout-blocks": "2.0.0",
+    "@elliemae/ds-grid": "2.0.0",
+    "@elliemae/ds-icons": "2.0.0",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0",
+    "@elliemae/ds-pagination": "2.0.0",
+    "@elliemae/ds-pills": "2.0.0",
+    "@elliemae/ds-popperjs": "2.0.0",
+    "@elliemae/ds-system": "2.0.0",
+    "@elliemae/ds-toolbar": "2.0.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0",
+    "@elliemae/ds-utilities": "2.0.0",
     "@reduxjs/toolkit": "~1.6.2",
     "csstype": "~3.0.9",
     "moment": "~2.29.1",

package/types/styled.d.ts

@@ -27,7 +27,9 @@ export declare const StyledCell: import("styled-components").StyledComponent<"di
 }, never>;
 export declare const StyledCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    shouldDisplayEditIcon: string;
+}, never>;
 export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     padding: string;

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var constants = require('../../../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-
-const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
-  var _document$querySelect, _document$querySelect2;
-
-  let {
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  const entriesWithSameParent = droppableContainers.filter(_ref2 => {
-    var _dndItems$find;
-
-    let {
-      id
-    } = _ref2;
-    return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
-  });
-  const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
-    width: 150
-  };
-  const originalContainer = entriesWithSameParent.find(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    return id === activeId;
-  });
-  const originalRect = originalContainer.rect.current;
-
-  if (originalRect.offsetLeft <= collisionRect.offsetLeft && collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width) {
-    return originalContainer.id;
-  }
-
-  const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + dragOverlayRect.width / 2 + 5;
-  let match = null; // If going to the left, search the closest offset left
-  // Otherwise, get the closest offset right
-
-  const collisionPoint = collisionRect.offsetLeft + dragOverlayRect.width / 2;
-  entriesWithSameParent.forEach(entry => {
-    const {
-      rect: {
-        current: rect
-      }
-    } = entry;
-    const offsetRight = rect.offsetLeft + rect.width;
-    if (!match) match = entry;else if (isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)) {
-      match = entry;
-    } else if (!isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)) {
-      match = entry;
-    }
-  });
-  return match === null ? null : match.id;
-};
-
-exports.customCollisionDetection = customCollisionDetection;

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var core = require('@dnd-kit/core');
-var constants = require('../../../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const directions = [core.KeyboardCode.Down, core.KeyboardCode.Right, core.KeyboardCode.Up, core.KeyboardCode.Left];
-const vertical = [core.KeyboardCode.Up, core.KeyboardCode.Down];
-
-const getHorizontalKeyboardCoordinates = _ref => {
-  var _document$querySelect, _document$querySelect2;
-
-  let {
-    items,
-    active,
-    over,
-    event,
-    currentCoordinates,
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  if (vertical.includes(event.code)) return undefined;
-  const activeItem = items.find(item => item.id === active.id);
-  const overRect = over.rect;
-  const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
-
-  droppableContainers.forEach(container => {
-    if (container !== null && container !== void 0 && container.disabled || !overRect) {
-      return;
-    }
-
-    const node = container === null || container === void 0 ? void 0 : container.node.current;
-
-    if (!node) {
-      return;
-    }
-
-    const itemParent = items.find(item => item.id === container.id).parentId;
-    if (itemParent !== activeItem.parentId) return;
-    const rect = core.getViewRect(node);
-
-    if (event.code === core.KeyboardCode.Left && collisionRect.left > rect.right - 10) {
-      layoutRects.push(container);
-    } else if (event.code === core.KeyboardCode.Right && collisionRect.left < rect.left) {
-      layoutRects.push(container);
-    }
-  });
-  const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
-    width: 150,
-    left: 0
-  };
-  const closestId = core.closestCorners({
-    droppableContainers: layoutRects,
-    collisionRect,
-    active
-  });
-  if (!closestId) return undefined;
-  const closestRect = core.getViewRect(droppableContainers.get(closestId).node.current);
-  const activeRect = core.getViewRect(droppableContainers.get(active.id).node.current);
-  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-    x: closestRect.left + (closestRect.width - dragOverlayRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
-  });
-};
-
-const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, _ref2) => {
-  let {
-    currentCoordinates,
-    context: {
-      active,
-      over,
-      collisionRect,
-      droppableContainers
-    }
-  } = _ref2;
-
-  if (directions.includes(event.code)) {
-    event.preventDefault();
-
-    if (!collisionRect) {
-      return undefined;
-    }
-
-    const {
-      current: {
-        items
-      }
-    } = context;
-    const args = {
-      items,
-      active,
-      over,
-      event,
-      currentCoordinates,
-      droppableContainers,
-      collisionRect
-    };
-    if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
-    return undefined;
-  }
-
-  return undefined;
-};
-
-exports.getHierarchyKeyboardCoordinates = getHierarchyKeyboardCoordinates;

package/cjs/helpers/dndkit/hierarchy/types.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useHierarchyActionHandlers = _ref => {
-  let {
-    handlePreviewDragStart,
-    handlePreviewDragMove,
-    handlePreviewDragOver,
-    handlePreviewDragEnd,
-    handlePreviewDragCancel,
-    onReorder,
-    dndItems
-  } = _ref;
-  const onDragStart = React.useCallback(e => {
-    handlePreviewDragStart(e);
-  }, [handlePreviewDragStart]);
-  const onDragMove = React.useCallback(e => {
-    handlePreviewDragMove(e);
-  }, [handlePreviewDragMove]);
-  const onDragOver = React.useCallback(e => {
-    handlePreviewDragOver(e);
-  }, [handlePreviewDragOver]);
-  const onDragEnd = React.useCallback(e => {
-    handlePreviewDragEnd(e);
-    const {
-      active,
-      over
-    } = e;
-    if (!over) return;
-
-    if (active.id !== over.id) {
-      const activeIndex = dndItems.findIndex(item => item.id === active.id);
-      const overIndex = dndItems.findIndex(item => item.id === over.id);
-      onReorder(dndItems[activeIndex], {
-        targetIndex: overIndex,
-        fromIndex: activeIndex
-      });
-    }
-  }, [handlePreviewDragEnd, dndItems, onReorder]);
-  const onDragCancel = React.useCallback(e => {
-    handlePreviewDragCancel(e);
-  }, [handlePreviewDragCancel]);
-  return {
-    onDragStart,
-    onDragMove,
-    onDragOver,
-    onDragEnd,
-    onDragCancel
-  };
-};
-
-exports.useHierarchyActionHandlers = useHierarchyActionHandlers;

package/cjs/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useHierarchyAnnouncements = visibleItemsDictionary => {
-  const onDragStart = React.useCallback(id => "Picked up draggable item from position ".concat(visibleItemsDictionary[id].index + 1, "."), [visibleItemsDictionary]);
-  const onDragMove = React.useCallback((id, overId) => {
-    if (overId) {
-      const overIndex = visibleItemsDictionary[overId].index + 1;
-      return "Draggable item was moved to position ".concat(overIndex, ".");
-    }
-
-    return "Draggable item is no longer over a droppable area.";
-  }, [visibleItemsDictionary]);
-  const onDragOver = onDragMove;
-  const onDragEnd = React.useCallback((id, overId) => {
-    if (overId) {
-      const overIndex = visibleItemsDictionary[overId].index + 1;
-      return "Draggable item was dropped over position ".concat(overIndex, ".");
-    }
-
-    return "Draggable item was dropped at it's original position.";
-  }, [visibleItemsDictionary]);
-  const onDragCancel = React.useCallback(id => "Dragging was cancelled. Draggable item from position ".concat(visibleItemsDictionary[id].index + 1, " was dropped at it's initial position."), [visibleItemsDictionary]);
-  return {
-    onDragStart,
-    onDragOver,
-    onDragMove,
-    onDragEnd,
-    onDragCancel
-  };
-};
-
-exports.useHierarchyAnnouncements = useHierarchyAnnouncements;

package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js

@@ -1,111 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var core = require('@dnd-kit/core');
-var useHierarchyActionHandlers = require('./useHierarchyActionHandlers.js');
-var useHierarchyPreviewHandlers = require('./useHierarchyPreviewHandlers.js');
-var getHierarchyKeyboardCoordinates = require('./getHierarchyKeyboardCoordinates.js');
-var customCollisionDetection = require('./customCollisionDetection.js');
-var useHierarchyAnnouncements = require('./useHierarchyAnnouncements.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-// if second parameter is true, the space will be done on the horizontal axis
-
-const adjustTranslate = function (_ref) {
-  let {
-    transform
-  } = _ref;
-  let isHorizontalDnD = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-  const newTransform = _objectSpread({}, transform);
-
-  if (isHorizontalDnD) {
-    newTransform.y = transform.y + 15;
-  } else {
-    newTransform.y = transform.y - 35;
-  }
-
-  return newTransform;
-};
-
-const measuring = {
-  droppable: {
-    strategy: core.MeasuringStrategy.Always
-  }
-};
-
-const useHierarchyDndkitConfig = _ref2 => {
-  let {
-    flattenedItems,
-    isHorizontalDnD = false,
-    onReorder
-  } = _ref2;
-  const [activeId, setActiveId] = React.useState(null);
-  const [overId, setOverId] = React.useState(null);
-  const dndItems = React.useMemo(() => flattenedItems.map(_ref3 => {
-    let [item] = _ref3;
-    return item;
-  }), [flattenedItems]);
-  const activeItem = React.useMemo(() => dndItems.find(item => item.id === activeId), [activeId, dndItems]);
-  const itemsDictionary = React.useMemo(() => {
-    const dictionary = {};
-    dndItems.forEach(item => {
-      dictionary[item.id] = item;
-    });
-    return dictionary;
-  }, [dndItems]);
-  const modifiers = React.useMemo(() => [options => adjustTranslate(options, isHorizontalDnD)], [isHorizontalDnD]);
-  const sensorContext = React.useRef({
-    items: dndItems
-  });
-  React.useEffect(() => {
-    sensorContext.current = {
-      items: dndItems
-    };
-  }, [dndItems]);
-  const coordinateGetter = React.useMemo(() => getHierarchyKeyboardCoordinates.getHierarchyKeyboardCoordinates(sensorContext, isHorizontalDnD), [isHorizontalDnD]);
-  const sensors = core.useSensors(core.useSensor(core.PointerSensor), core.useSensor(core.KeyboardSensor, {
-    coordinateGetter
-  }));
-  const dragPreviewHandlers = useHierarchyPreviewHandlers.useHierarchyPreviewHandlers({
-    setActiveId,
-    setOverId
-  });
-  const dragActionHandlers = useHierarchyActionHandlers.useHierarchyActionHandlers(_objectSpread(_objectSpread({}, dragPreviewHandlers), {}, {
-    dndItems,
-    onReorder
-  }));
-  const announcements = useHierarchyAnnouncements.useHierarchyAnnouncements(itemsDictionary);
-  const dndContextProps = React.useMemo(() => _objectSpread({
-    announcements,
-    modifiers,
-    sensors,
-    measuring,
-    collisionDetection: customCollisionDetection.customCollisionDetection(activeId, activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId, dndItems)
-  }, dragActionHandlers), [announcements, modifiers, sensors, activeId, activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId, dndItems, dragActionHandlers]);
-  return {
-    dndContextProps,
-    activeId,
-    overId,
-    activeIndex: activeId ? activeItem.index : -1
-  };
-};
-
-module.exports = useHierarchyDndkitConfig;

package/cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var constants = require('../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-
-const useHierarchyPreviewHandlers = _ref => {
-  let {
-    setOverId,
-    setActiveId
-  } = _ref;
-  const resetState = React.useCallback(() => {
-    setOverId(null);
-    setActiveId(null);
-    document.body.style.setProperty('cursor', '');
-    const el = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-
-    el.onscroll = () => null;
-  }, [setOverId, setActiveId]);
-  const handlePreviewDragStart = React.useCallback(_ref2 => {
-    let {
-      active: {
-        id
-      }
-    } = _ref2;
-    setActiveId(id);
-    setOverId(id);
-    document.body.style.setProperty('cursor', 'grabbing');
-    const el = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-    const y = el.scrollTop;
-
-    el.onscroll = () => el.scrollTo(0, y);
-  }, [setActiveId, setOverId]);
-  const handlePreviewDragMove = React.useCallback(() => null, []);
-  const handlePreviewDragOver = React.useCallback(_ref3 => {
-    var _over$id;
-
-    let {
-      over
-    } = _ref3;
-    setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : null);
-  }, [setOverId]);
-  const handlePreviewDragEnd = React.useCallback(() => {
-    resetState();
-  }, [resetState]);
-  const handlePreviewDragCancel = React.useCallback(() => {
-    resetState();
-  }, [resetState]);
-  return {
-    handlePreviewDragStart,
-    handlePreviewDragMove,
-    handlePreviewDragOver,
-    handlePreviewDragEnd,
-    handlePreviewDragCancel
-  };
-};
-
-exports.useHierarchyPreviewHandlers = useHierarchyPreviewHandlers;