@elliemae/ds-treeview 2.0.0-next.7 → 2.0.0-rc.2

package/cjs/parts/TreeList.js

@@ -4,10 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactSortableHoc = require('@elliemae/react-sortable-hoc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
 var TreeViewContext = require('../TreeViewContext.js');
 var TreeItem = require('./TreeItem.js');
 var cssClassesConstants = require('../config/cssClassesConstants.js');
@@ -28,11 +35,14 @@ const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
 const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
   'data-testid': cssClassesConstants.treeListBlockName,
   role: 'tree'
-})(cssClassesConstants.treeListBlockName, null, ({
-  rowSize
-}) => ({
-  ["rowsize-".concat(rowSize)]: rowSize
-}));
+})(cssClassesConstants.treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
 const compactRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-compact");
 const normaRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-normal");
 const TreeList = props => {
@@ -74,7 +84,7 @@ const TreeList = props => {
         alignItems: 'center',
         justifyContent: 'center'
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
       size: "xl",
       loading: isLoading,
       showLabel: true,

package/cjs/related-components/TreeViewSearchBar.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var dsBasic = require('@elliemae/ds-basic');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,7 +20,7 @@ function TreeViewSearchBar(props) {
     totalResults,
     value
   } = props;
-  return /*#__PURE__*/_jsx__default["default"](dsBasic.DSNavSearchBox, {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
     onChange: v => {
       handleChange({
         target: {

package/cjs/utils/dnd-helpers.js

@@ -12,13 +12,14 @@ const keyCodes = {
   up: [38, 37],
   down: [40, 39]
 };
-const sameParentAsHoverItemDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const sameParentAsHoverItemDrop = _ref => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref;
   const hoveredItemNodeNestedIndex = overItem.node.getIndex();
   let newParentNode = treeHelpers.getItemsParentNode([overItem], true);
   const {
@@ -44,13 +45,14 @@ const sameParentAsHoverItemDrop = ({
     newParentNode
   };
 };
-const inferHoverItemKinshipDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const inferHoverItemKinshipDrop = _ref2 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref2;
   const hoverItemModel = overItem.node.model;
   const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
 
@@ -79,13 +81,14 @@ const inferHoverItemKinshipDrop = ({
     newParentNode: overItem.node
   };
 };
-const isDropValid = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  restrictDragAndDrop
-}) => {
+const isDropValid = _ref3 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    restrictDragAndDrop
+  } = _ref3;
   const {
     id: movedId
   } = draggedItem;
@@ -109,11 +112,12 @@ const isDropValid = ({
 
   return true;
 };
-const inferKeyboardKinshipDrop = ({
-  items,
-  newIndex // movementDirection,
+const inferKeyboardKinshipDrop = _ref4 => {
+  let {
+    items,
+    newIndex // movementDirection,
 
-}) => {
+  } = _ref4;
   const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
 
   const itemBefore = items[newIndex];

package/cjs/utils/group-expands-helpers.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 /* eslint-disable max-params */
-const toggleItemExpand = (itemToToggle, triggerTreeRerender, scrollTo = () => {}) => {
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender) {
+  let scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
   const {
     node: {
       model: {
@@ -63,10 +64,11 @@ const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLates
   }
   setLatestToggledItem(null);
 };
-const useNotifyExpandedChange = (propsWithDefaults, {
-  latestToggledItem,
-  expandedGroups
-}) => {
+const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
+  let {
+    latestToggledItem,
+    expandedGroups
+  } = _ref;
   const notifyExpandedChange = React.useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
   React.useEffect(() => {
     notifyExpandedChange(expandedGroups);

package/cjs/utils/keyboard-helpers.js

@@ -41,9 +41,12 @@ const useOnItemKeyDown = item => {
   } = item;
   const onItemFocusCurry = React.useCallback(newFocusItem => onItemFocus({
     itemIndex: newFocusItem.virtualIndex,
-    scrollToItem: (opts = {
-      align: 'start'
-    }) => scrollToIndex(newFocusItem.virtualIndex, opts),
+    scrollToItem: function () {
+      let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        align: 'start'
+      };
+      return scrollToIndex(newFocusItem.virtualIndex, opts);
+    },
     item: newFocusItem
   }), [onItemFocus]);
   const onItemKeyDown = React.useCallback(e => {

package/cjs/utils/object-helpers.js

@@ -2,6 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+
 /* eslint-disable no-sequences */
 
 /* eslint-disable no-return-assign */

package/cjs/utils/refs-helpers.js

@@ -2,8 +2,18 @@
 
 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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+
 // allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = (...refs) => {
+const setMultipleRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
   const filteredRefs = refs.filter(Boolean);
   if (!filteredRefs.length) return null;
   if (filteredRefs.length === 0) return filteredRefs[0];

package/cjs/utils/selectable-helper.js

@@ -2,6 +2,11 @@
 
 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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var treeHelpers = require('./tree-helpers.js');
 
@@ -27,7 +32,8 @@ const getGroupCheckState = node => {
   if (anyChildChecked) return 'mixed';
   return false;
 };
-const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerender = null) => {
+const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const newSelections = {};
   const {
     nodePath
@@ -40,7 +46,8 @@ const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerende
   if (triggerTreeRerender) triggerTreeRerender();
   return newSelections;
 };
-const toggleCheckboxItem = (itemToSelect, triggerTreeRerender = null) => {
+const toggleCheckboxItem = function (itemToSelect) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const {
     node: {
       model: {

package/cjs/utils/tree-helpers.js

@@ -2,11 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/web.dom-collections.iterator.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.every.js');
+require('core-js/modules/esnext.iterator.every.js');
 var React = require('react');
 var stringHelpers = require('./string-helpers.js');
 
-const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = false) => {
+const walkVisibles = function (node, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let highlightOnlyQuery = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const {
     children,
     model
@@ -28,7 +37,8 @@ const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = fals
     });
   }
 };
-const walkParents = (nodePath, callback, skipRoot = true) => {
+const walkParents = function (nodePath, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const parents = [...nodePath].reverse();
   parents.shift(); // remove current node from the parents array
 
@@ -36,7 +46,8 @@ const walkParents = (nodePath, callback, skipRoot = true) => {
 
   parents.forEach(callback);
 };
-const walkAllNodeChildren = (node, callback, isFirst = true) => {
+const walkAllNodeChildren = function (node, callback) {
+  let isFirst = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const {
     children = []
   } = node;
@@ -54,7 +65,9 @@ const getNodeById = (treeRoot, id) => {
   return nodes[0];
 };
 const cloneNode = (tree, node) => tree.parse(node.model);
-const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
+const getItemsParentNode = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let skipSameParentCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (items.length === 0) throw new Error("Received empty items, can't retrieve parent"); // in case we already know the items compared shares the same parent
 
   if (!skipSameParentCheck) if (!itemsShareSameParent(items)) // if we don't know (default, we don't) check if they share the parent
@@ -71,7 +84,8 @@ const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
   const directParentNode = firstExistingItemPath[firstExistingItemPath.length - 2];
   return directParentNode;
 };
-const itemsShareSameParent = (items = []) => {
+const itemsShareSameParent = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   if (items.length === 0) throw new Error('Received empty items for comparison');
   if (items.length === 1) return true; // when moving in first position we receive [undefined,...{items}]
   // when moving in last position we receive [...{items}, undefined]
@@ -92,21 +106,25 @@ const itemsShareSameParent = (items = []) => {
     return directParentNode === itemDirectParent;
   });
 };
-const getNodeMatchesSearchQuery = (node, searchQuery = '') => {
+const getNodeMatchesSearchQuery = function (node) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const standardizedName = stringHelpers.standardizeSearchQueryString(node.model.name);
   const standardizedSearchQuery = stringHelpers.standardizeSearchQueryString(searchQuery);
   return standardizedName.includes(standardizedSearchQuery);
 };
-const getChildrenMatchesSearchQuery = (parentNode, searchQuery = '') => {
+const getChildrenMatchesSearchQuery = function (parentNode) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let anyChildMatch = false;
   walkAllNodeChildren(parentNode, node => {
     if (getNodeMatchesSearchQuery(node, searchQuery)) anyChildMatch = true;
   });
   return anyChildMatch;
 };
-const enrichNodeModelInPlace = (node, searchQuery = '', selection = null) => {
+const enrichNodeModelInPlace = function (node) {
   var _node$model, _node$model$children;
 
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const path = node.getPath();
   const depth = path.length - 1;
   node.model.nodePath = path;

package/cjs/utils/useDnDHelpers.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.drop.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.drop.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var lodash = require('lodash');
@@ -31,11 +35,12 @@ const useDnDHelpers = () => {
     treeRoot,
     draggedItem
   } = ctx;
-  const onSortEnd = React.useCallback(({
-    oldIndex,
-    newIndex,
-    isKeySorting
-  }) => {
+  const onSortEnd = React.useCallback(_ref => {
+    let {
+      oldIndex,
+      newIndex,
+      isKeySorting
+    } = _ref;
     let newItems = lodash.cloneDeep(data);
     const {
       isBefore,
@@ -130,13 +135,14 @@ const useDnDHelpers = () => {
   // at the top/center/bottom of an element to choose where to move the element
   // requested in the specs
 
-  const onMouseDragOverItem = React.useCallback(({
-    event,
-    item,
-    itemIndex,
-    setIsDraggingOverThis,
-    openFolderOnHoverTimeout
-  }) => {
+  const onMouseDragOverItem = React.useCallback(_ref2 => {
+    let {
+      event,
+      item,
+      itemIndex,
+      setIsDraggingOverThis,
+      openFolderOnHoverTimeout
+    } = _ref2;
     const {
       node
     } = item;

package/cjs/utils/useInstanceRefActions.js

@@ -7,9 +7,10 @@ var React = require('react');
 var treeHelpers = require('./tree-helpers.js');
 var groupExpandsHelpers = require('./group-expands-helpers.js');
 
-const useInstanceRefActions = ({
-  actions
-}, ctx) => {
+const useInstanceRefActions = (_ref, ctx) => {
+  let {
+    actions
+  } = _ref;
   const {
     props: {
       onItemFocus
@@ -44,19 +45,21 @@ const useInstanceRefActions = ({
     setPromise(p);
     return p;
   }, [promises, treeRoot, triggerTreeRerender, setLatestToggledItem]);
-  actions.scrollTo = React.useCallback((indx, opts = {
-    align: 'start'
-  }) => {
+  actions.scrollTo = React.useCallback(function (indx) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'start'
+    };
     if (scrollToIndex) scrollToIndex(indx, opts);
   }, [scrollToIndex]);
   actions.setSelectedItemByVirtualIndex = React.useCallback(index => {
     const itemByIndex = visibleItems[index];
     setSelectedItem(itemByIndex);
   }, [visibleItems, setSelectedItem]);
-  actions.setFocusedItemByVirtualIndex = React.useCallback((index, opts = {
-    align: 'start',
-    withScroll: false
-  }) => {
+  actions.setFocusedItemByVirtualIndex = React.useCallback(function (index) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'start',
+      withScroll: false
+    };
     const itemByIndex = visibleItems[index];
     const onItemFocusParams = {
       itemIndex: itemByIndex.virtualIndex,

package/cjs/utils/useTree.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var TreeModel = require('tree-model');
 var lodash = require('lodash');

package/esm/TreeView.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';

package/esm/deprecated/TreeView.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';

package/esm/deprecated/__testUtils__/utils.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/esnext.map.delete-all.js';
+import 'core-js/modules/esnext.map.emplace.js';
 import 'core-js/modules/esnext.map.every.js';
 import 'core-js/modules/esnext.map.filter.js';
 import 'core-js/modules/esnext.map.find.js';
@@ -14,7 +15,12 @@ import 'core-js/modules/esnext.map.reduce.js';
 import 'core-js/modules/esnext.map.some.js';
 import 'core-js/modules/esnext.map.update.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
 import { render } from '@testing-library/react';
 import { treeItemBlockName } from '../renderers.js';
@@ -41,7 +47,9 @@ const treeItemsToMap = items => {
  * @param key
  */
 
-function getTreeItemsFromRender(_ref, key = treeItemBlockName) {
+function getTreeItemsFromRender(_ref) {
+  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : treeItemBlockName;
+
   let {
     data,
     plugins

package/esm/deprecated/plugins/dnd/TreeDndPlugin.js

@@ -1,7 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useMemo } from 'react';
-import { isEqual } from '@elliemae/ds-utilities/utils';
+import { isEqual } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import DraggableItem from './renderers/DraggableItem.js';
 import DroppableList from './renderers/DroppableList.js';
@@ -22,12 +27,13 @@ const TreeDndPlugin = createInstancePlugin('tree-dnd', {
 
     const [draggedRecord, setDraggedRecord] = useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    const changeRecordsPosition = useCallback(({
-      sourceRecord,
-      targetRecord,
-      combineWith,
-      down
-    }) => {
+    const changeRecordsPosition = useCallback(_ref => {
+      let {
+        sourceRecord,
+        targetRecord,
+        combineWith,
+        down
+      } = _ref;
       let nextTreeData;
       const sourceTreePosition = getTreePosition(sourceRecord.path);
       let targetTreePosition = {};

package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js

@@ -1,10 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { Draggable } from 'react-beautiful-dnd';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
+import { GripperVertical } from '@elliemae/ds-icons';
 import { getDraggableProps } from '../utils.js';
 import { jsx } from 'react/jsx-runtime';
 

package/esm/deprecated/plugins/dnd/renderers/DroppableList.js

@@ -2,11 +2,15 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useContext, useState, useRef, useCallback, createElement } from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
-import { cx } from '@elliemae/ds-utilities/utils';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { cx, mergeRefs } from '@elliemae/ds-utilities';
+import { GripperVertical } from '@elliemae/ds-icons';
 import FocusGroupContext from '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
 import { findItemById, findItemOnDocument } from '../../tree/utils.js';
 import { getDraggableProps } from '../utils.js';
@@ -65,9 +69,10 @@ const DroppableList = (renderers, instance) => _ref => {
 
     currTargetRef.current = destination || currTargetRef.current;
   }, [records]);
-  const onDragStart = useCallback(({
-    source
-  }) => {
+  const onDragStart = useCallback(_ref2 => {
+    let {
+      source
+    } = _ref2;
     preDragFocusedNode.current = document.activeElement; // when we move the currently focused item, preDragFocusedNode is the body of the doc
 
     setFocusedItemWasDragged(preDragFocusedNode.current.tagName === 'BODY');
@@ -82,13 +87,14 @@ const DroppableList = (renderers, instance) => _ref => {
   }, [records]);
   const onDragEnd = useCallback( // eslint-disable-next-line complexity
   // eslint-disable-next-line max-statements
-  ({
-    destination,
-    source,
-    combine
-  }) => {
+  _ref3 => {
     var _sourceRecord$parentN, _targetRecord$parentN;
 
+    let {
+      destination,
+      source,
+      combine
+    } = _ref3;
     clearTimeout(expandTimerRef.current);
     const sourceIndex = source.index;
     const destinationIndex = destination && destination.index;