@elliemae/ds-treeview 2.0.0-next.0 → 2.0.0-next.13

package/cjs/utils/useDnDHelpers.js

@@ -2,13 +2,17 @@
 
 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');
 var TreeViewContext = require('../TreeViewContext.js');
 var treeHelpers = require('./tree-helpers.js');
 var dndHelpers = require('./dnd-helpers.js');
 
-/* eslint-disable max-depth */
 const useDnDHelpers = () => {
   const ctx = React.useContext(TreeViewContext["default"]);
   const {
@@ -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;
@@ -183,7 +189,8 @@ const useDnDHelpers = () => {
       setIsDraggingOverThis(true);
 
       if (!(openFolderOnHoverTimeout !== null && openFolderOnHoverTimeout !== void 0 && openFolderOnHoverTimeout.current) && // only set the interval if it wasn't set already once
-      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && (item.isGroup || item.children.length > 0) && // only open groups
+      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && ( // don't open ghost element
+      item.isGroup || item.children.length > 0) && // only open groups
       !restrictDragAndDrop) {
         openFolderOnHoverTimeout.current = setTimeout(() => {
           item.node.model.isExpanded = true;

package/cjs/utils/useInstanceRefActions.js

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 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
@@ -43,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

@@ -3,6 +3,12 @@
 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,5 +1,11 @@
+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';
 import { useRef, useState, useEffect } from 'react';
 import { useVirtual } from 'react-virtual';
 import { v4 } from 'uuid';

package/esm/config/cssClassesConstants.js

@@ -1,6 +1,6 @@
 const DSTreeViewPrefix = 'em-ds';
 const treeItemBlockName = 'tree-item';
 const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 export { DSTreeViewPrefix, treeItemBlockName, treeListBlockName, treeListNoItemsBn };

package/esm/deprecated/TreeView.js

@@ -1,6 +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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import useDataList from '@elliemae/ds-shared/useDataList';
 import { TreeRenderers } from './renderers.js';
@@ -48,7 +54,7 @@ function TreeView(_ref) {
   return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
   }, getListProps()), {}, {
-    className: `em-ds-tv-row-size-${rowSize}`
+    className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 

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';
@@ -13,7 +14,13 @@ import 'core-js/modules/esnext.map.merge.js';
 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';
@@ -40,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,6 +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';
@@ -21,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,9 +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';
 
@@ -30,7 +36,7 @@ const DraggableItem = (renderers // , instance
     isDragDisabled: isDragDisabled,
     draggableId: String(record.id),
     index: index
-  }, `${record.id}-draggable`, (provided, snapshot) => {
+  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
     const _getDraggableProps = getDraggableProps(props, provided, snapshot),
           {
       key
@@ -44,7 +50,7 @@ const DraggableItem = (renderers // , instance
       }, provided.dragHandleProps), {}, {
         className: "drag-handle",
         tabIndex: isItemFocused ? 0 : -1
-      }), `${record.id}-drag-handle`), ...(props.leftAddons || [])],
+      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
       children: props.children
     }), key);
   });

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

@@ -1,11 +1,16 @@
 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';
@@ -64,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');
@@ -81,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;

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

@@ -1,6 +1,11 @@
+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 { cx, set, get, cloneDeep, arrayMove } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { cx, mergeRefs, set, get, cloneDeep, arrayMove } from '@elliemae/ds-utilities';
 
 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; }
 
@@ -55,7 +60,8 @@ const isSourceBeforeTarget = (sourcePath, targetPath) => {
 
   return sourceIsBeforeTarget;
 };
-const updateTargetPath = (sourcePath, targetPath, incr = -1) => {
+const updateTargetPath = function (sourcePath, targetPath) {
+  let incr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   const nextTargetPath = [...targetPath];
   const posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
   nextTargetPath.splice(posToUpdate, 1, targetPath[posToUpdate] + incr);
@@ -67,24 +73,25 @@ const getTreePosition = recordPath => ({
   parentPath: getParentPath(recordPath),
   index: recordPath.slice(-1)[0]
 });
-const changePositionBetweenDifferentArrays = ({
-  sourceTreePosition,
-  // already extracted sourceRecord.path
-  targetTreePosition,
-  // already extracted targetRecord.path
-  // combineWith the element we want to append to the children of (this is null when the drag doesn't result in adding children)
-  combineWith,
-  sourceRecord,
-  // what we are dragging
-  targetRecord,
-  // what we are dropping on top of
-  down,
-  // ???
-  data,
-  // tree before dragEnd changes
-  childrenKey = 'children' // constant -> 'children'
-
-}) => {
+const changePositionBetweenDifferentArrays = _ref => {
+  let {
+    sourceTreePosition,
+    // already extracted sourceRecord.path
+    targetTreePosition,
+    // already extracted targetRecord.path
+    // combineWith the element we want to append to the children of (this is null when the drag doesn't result in adding children)
+    combineWith,
+    sourceRecord,
+    // what we are dragging
+    targetRecord,
+    // what we are dropping on top of
+    down,
+    // ???
+    data,
+    // tree before dragEnd changes
+    childrenKey = 'children' // constant -> 'children'
+
+  } = _ref;
   let nextTreeData = cloneDeep(data);
   if (!sourceRecord || !sourceRecord.data) throw new Error('error while dragging, no dragged item received');
   const sourceTreeChildren = getParentChildrenByPath(nextTreeData, sourceTreePosition.parentPath); // When moving an item we remove the item from it's former parent children array
@@ -114,12 +121,13 @@ const changePositionBetweenDifferentArrays = ({
   return nextTreeData;
 };
 const combineWithTarget = () => {};
-const changePositionSameArray = ({
-  targetTreePosition,
-  sourceRecord,
-  targetRecord,
-  data
-}) => {
+const changePositionSameArray = _ref2 => {
+  let {
+    targetTreePosition,
+    sourceRecord,
+    targetRecord,
+    data
+  } = _ref2;
   let nextTreeData = cloneDeep(data);
   const targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
   const nextChildren = arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above

package/esm/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -1,10 +1,16 @@
+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';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo, useRef } from 'react';
 import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
 import useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { jsx } from 'react/jsx-runtime';
 
@@ -57,9 +63,13 @@ const TreeRovingPlugin = createInstancePlugin('tree-data', {
 
         if (instance !== null && instance !== void 0 && (_instance$props = instance.props) !== null && _instance$props !== void 0 && _instance$props.onItemFocus) {
           instance.props.onItemFocus({
-            scrollToItem: (...args) => {
+            scrollToItem: function () {
               var _props$listRef, _props$listRef$curren;
 
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+
               return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
             },
             itemIndex: props === null || props === void 0 ? void 0 : props.index

package/esm/deprecated/plugins/searchable/SearchableTreePlugin.js

@@ -1,8 +1,11 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import Highlighter from 'react-highlight-words';
 import 'react';
-import usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';
+import { usePrevious } from '@elliemae/ds-utilities';
 
 const markParentsAsChildMatch = record => {
   let currRecord = record;

package/esm/deprecated/plugins/searchable/utils.js

@@ -1,3 +1,3 @@
-const getListFromDocument = document.querySelector(`[data-testid="tree-list"]`);
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 export { getListFromDocument };

package/esm/deprecated/plugins/selectable/SelectablePluginTree.js

@@ -1,10 +1,16 @@
+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';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useMemo, useCallback } from 'react';
-import Checkbox from '@elliemae/ds-basic/form/Checkbox';
-import Radio from '@elliemae/ds-basic/form/Radio';
-import { cx, isFunction } from '@elliemae/ds-utilities/utils';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
+import { DSCheckbox, DSRadio } from '@elliemae/ds-form';
+import { cx, useDerivedStateFromProps, isFunction } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { walkTreeStrategy } from '../tree/walkTreeStrategy.js';
 import { getParentId, getParentChildren } from '../tree/utils.js';
@@ -15,12 +21,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 updateParentState = ({
-  node,
-  checked,
-  selectionState,
-  isCurrentParentChildren = true
-}) => {
+const updateParentState = _ref => {
+  let {
+    node,
+    checked,
+    selectionState,
+    isCurrentParentChildren = true
+  } = _ref;
   const {
     parentNode
   } = node;
@@ -72,10 +79,16 @@ const useSelectableTreeState = instance => {
 
     return 'mixed';
   }, [selection]);
-  const select = useCallback((record, additionalActions = {}) => {
+  const select = useCallback(function (record) {
+    let additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     if (isFunction(onSelect)) {
       onSelect(record.data, {
-        scrollToItem: (...args) => {
+        scrollToItem: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
           if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
         },
         itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
@@ -117,7 +130,11 @@ const useSelectableTreeState = instance => {
       }
 
       onSelectionChange(nextSelectionState, record.data, {
-        scrollToItem: (...args) => {
+        scrollToItem: function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+
           if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
         },
         itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
@@ -179,9 +196,10 @@ const SelectablePluginTree = createInstancePlugin('selectable', {
     return record;
   },
 
-  getItemProps(props, instance, {
-    record
-  }) {
+  getItemProps(props, instance, _ref3) {
+    let {
+      record
+    } = _ref3;
     const {
       actions: {
         select
@@ -195,15 +213,19 @@ const SelectablePluginTree = createInstancePlugin('selectable', {
     } = instance.getInstance();
 
     const handleSelect = () => select(record, {
-      scrollToItem: (...args) => {
+      scrollToItem: function () {
         var _props$listRef, _props$listRef$curren;
 
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
+        }
+
         return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
       },
       itemIndex: props === null || props === void 0 ? void 0 : props.index
     });
 
-    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx(Checkbox, {
+    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx(DSCheckbox, {
       checked: record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-checkbox",
@@ -212,7 +234,7 @@ const SelectablePluginTree = createInstancePlugin('selectable', {
       tabIndex: -1
     });
 
-    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx(Radio, {
+    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx(DSRadio, {
       checked: !!record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-radio",
@@ -238,9 +260,10 @@ const SelectablePluginTree = createInstancePlugin('selectable', {
   hotKeys(grid) {
     return {
       key: 'space',
-      handler: ({
-        index
-      }) => {
+      handler: _ref4 => {
+        let {
+          index
+        } = _ref4;
         const {
           records,
           actions: {

package/esm/deprecated/plugins/toolbar/TreeToolbarPlugin.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { useMemo, useContext, useRef } from 'react';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
-import Button from '@elliemae/ds-basic/Button';
-import { runAll } from '@elliemae/ds-utilities/utils';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
+import Button from '@elliemae/ds-button';
+import { runAll } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import ToolbarProvider, { ToolbarContext } from '@elliemae/ds-shared/toolbar/ToolbarProvider';
 import FocusGroupContext from '@elliemae/ds-shared/FocusGroup/FocusGroupContext';