@elliemae/ds-treeview 2.0.0-alpha.9 → 2.0.0-next.12

package/cjs/TreeView.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 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 reactVirtual = require('react-virtual');
 var uuid = require('uuid');

package/cjs/config/cssClassesConstants.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const DSTreeViewPrefix = 'em-ds';
 const treeItemBlockName = 'tree-item';
 const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 exports.DSTreeViewPrefix = DSTreeViewPrefix;
 exports.treeItemBlockName = treeItemBlockName;

package/cjs/deprecated/TreeView.js

@@ -5,6 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 require('react');
 var useDataList = require('@elliemae/ds-shared/useDataList');
 var renderers = require('./renderers.js');
@@ -59,7 +65,7 @@ function TreeView(_ref) {
   return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
   }, getListProps()), {}, {
-    className: `em-ds-tv-row-size-${rowSize}`
+    className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 

package/cjs/deprecated/__testUtils__/utils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/esnext.map.delete-all.js');
+require('core-js/modules/esnext.map.emplace.js');
 require('core-js/modules/esnext.map.every.js');
 require('core-js/modules/esnext.map.filter.js');
 require('core-js/modules/esnext.map.find.js');
@@ -17,7 +18,13 @@ require('core-js/modules/esnext.map.merge.js');
 require('core-js/modules/esnext.map.reduce.js');
 require('core-js/modules/esnext.map.some.js');
 require('core-js/modules/esnext.map.update.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+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/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('react');
 var react = require('@testing-library/react');
 var renderers = require('../renderers.js');
@@ -49,7 +56,9 @@ const treeItemsToMap = items => {
  * @param key
  */
 
-function getTreeItemsFromRender(_ref, key = renderers.treeItemBlockName) {
+function getTreeItemsFromRender(_ref) {
+  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : renderers.treeItemBlockName;
+
   let {
     data,
     plugins

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

@@ -3,8 +3,14 @@
 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 utils$1 = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var DraggableItem = require('./renderers/DraggableItem.js');
 var DroppableList = require('./renderers/DroppableList.js');
@@ -30,12 +36,13 @@ const TreeDndPlugin = createInstancePlugin__default["default"]('tree-dnd', {
 
     const [draggedRecord, setDraggedRecord] = React.useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    const changeRecordsPosition = React.useCallback(({
-      sourceRecord,
-      targetRecord,
-      combineWith,
-      down
-    }) => {
+    const changeRecordsPosition = React.useCallback(_ref => {
+      let {
+        sourceRecord,
+        targetRecord,
+        combineWith,
+        down
+      } = _ref;
       let nextTreeData;
       const sourceTreePosition = utils.getTreePosition(sourceRecord.path);
       let targetTreePosition = {};
@@ -54,7 +61,7 @@ const TreeDndPlugin = createInstancePlugin__default["default"]('tree-dnd', {
       // if we combine elements, we change a different array (the children of the target)
 
 
-      const changingSameArray = !combineWith && utils$1.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
+      const changingSameArray = !combineWith && dsUtilities.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
 
       if (changingSameArray) {
         nextTreeData = utils.changePositionSameArray({

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

@@ -3,9 +3,15 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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');
 require('react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var utils = require('../utils.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -14,7 +20,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 const _excluded = ["key"];
 
@@ -39,7 +44,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 = utils.getDraggableProps(props, provided, snapshot),
           {
       key
@@ -48,12 +53,12 @@ const DraggableItem = (renderers // , instance
 
     return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({}, draggableProps), {}, {
       // isDragging={isDragging}
-      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(GripperVertical__default["default"], _objectSpread(_objectSpread({
+      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(dsIcons.GripperVertical, _objectSpread(_objectSpread({
         "data-testid": "drag-handle"
       }, 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/cjs/deprecated/plugins/dnd/renderers/DroppableList.js

@@ -3,11 +3,16 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 reactBeautifulDnd = require('react-beautiful-dnd');
-var utils$2 = require('@elliemae/ds-utilities/utils');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsIcons = require('@elliemae/ds-icons');
 var FocusGroupContext = require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
 var utils = require('../../tree/utils.js');
 var utils$1 = require('../utils.js');
@@ -18,7 +23,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 var FocusGroupContext__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupContext);
 
 const _excluded = ["records"];
@@ -74,9 +78,10 @@ const DroppableList = (renderers, instance) => _ref => {
 
     currTargetRef.current = destination || currTargetRef.current;
   }, [records]);
-  const onDragStart = React.useCallback(({
-    source
-  }) => {
+  const onDragStart = React.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');
@@ -91,13 +96,14 @@ const DroppableList = (renderers, instance) => _ref => {
   }, [records]);
   const onDragEnd = React.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;
@@ -143,7 +149,7 @@ const DroppableList = (renderers, instance) => _ref => {
       record: record
     }, utils$1.getDraggableProps({
       className: 'item-cloned'
-    }, provided, snapshot)), /*#__PURE__*/jsxRuntime.jsx(GripperVertical__default["default"], _objectSpread(_objectSpread({}, provided.dragHandleProps), {}, {
+    }, provided, snapshot)), /*#__PURE__*/jsxRuntime.jsx(dsIcons.GripperVertical, _objectSpread(_objectSpread({}, provided.dragHandleProps), {}, {
       className: "drag-handle"
     })), itemRenderer({
       record,
@@ -164,8 +170,8 @@ const DroppableList = (renderers, instance) => _ref => {
     // work in a virtual list
     const itemCount = snapshot.isUsingPlaceholder ? records.length + 1 : records.length;
     return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, rest), {}, {
-      className: utils$2.cx(rest.className, draggedRecord && 'dragging'),
-      innerRef: system.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
+      className: dsUtilities.cx(rest.className, draggedRecord && 'dragging'),
+      innerRef: dsUtilities.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
       itemCount: itemCount,
       records: records
     }));

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

@@ -3,8 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
+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 dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,9 +28,9 @@ function getStyle(provided, style) {
 function getDraggableProps(props, provided, snapshot) {
   const isGroupedOver = Boolean(snapshot.combineTargetFor);
   return _objectSpread(_objectSpread(_objectSpread({}, props), provided.draggableProps), {}, {
-    className: utils.cx(props.className, isGroupedOver && 'can-group-over'),
+    className: dsUtilities.cx(props.className, isGroupedOver && 'can-group-over'),
     // provided,
-    innerRef: system.mergeRefs(provided.innerRef, props.innerRef, props.ref),
+    innerRef: dsUtilities.mergeRefs(provided.innerRef, props.innerRef, props.ref),
     'data-index': props.index,
     style: getStyle(provided, _objectSpread(_objectSpread({}, props.style), {}, {
       display: 'flex'
@@ -36,7 +41,7 @@ const setTreeArrayInPath = (treeData, path, data) => {
   const nextTreeData = [...treeData];
 
   if (path.length) {
-    utils.set(nextTreeData, path, data);
+    dsUtilities.set(nextTreeData, path, data);
     return nextTreeData;
   }
 
@@ -63,37 +68,39 @@ 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);
   return nextTargetPath;
 };
 const getParentPath = path => path.slice(0, -1);
-const getParentChildrenByPath = (treeData, path) => path && path.length ? utils.get(treeData, path) : treeData;
+const getParentChildrenByPath = (treeData, path) => path && path.length ? dsUtilities.get(treeData, path) : treeData;
 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'
-
-}) => {
-  let nextTreeData = utils.cloneDeep(data);
+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 = dsUtilities.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
 
@@ -122,15 +129,16 @@ const changePositionBetweenDifferentArrays = ({
   return nextTreeData;
 };
 const combineWithTarget = () => {};
-const changePositionSameArray = ({
-  targetTreePosition,
-  sourceRecord,
-  targetRecord,
-  data
-}) => {
-  let nextTreeData = utils.cloneDeep(data);
+const changePositionSameArray = _ref2 => {
+  let {
+    targetTreePosition,
+    sourceRecord,
+    targetRecord,
+    data
+  } = _ref2;
+  let nextTreeData = dsUtilities.cloneDeep(data);
   const targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
-  const nextChildren = utils.arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above
+  const nextChildren = dsUtilities.arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above
 
   nextTreeData = setTreeArrayInPath(nextTreeData, targetTreePosition.parentPath, nextChildren);
   return nextTreeData;

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

@@ -5,10 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+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 FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -53,7 +59,7 @@ const TreeItemRovingHoc = Component => _ref => {
     onBlur
   });
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: system.mergeRefs(ref, innerRef)
+    innerRef: dsUtilities.mergeRefs(ref, innerRef)
   }));
 };
 
@@ -70,9 +76,13 @@ const TreeRovingPlugin = createInstancePlugin__default["default"]('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/cjs/deprecated/plugins/searchable/SearchableTreePlugin.js

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var Highlighter = require('react-highlight-words');
 require('react');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 var Highlighter__default = /*#__PURE__*/_interopDefaultLegacy(Highlighter);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
 const markParentsAsChildMatch = record => {
   let currRecord = record;
@@ -86,7 +88,7 @@ const SearchableTreePlugin = createInstancePlugin__default["default"]('searchabl
       }
     } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    const prevSearchQuery = usePrevious__default["default"](searchQuery);
+    const prevSearchQuery = dsUtilities.usePrevious(searchQuery);
     return {
       prevSearchQuery
     };

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const getListFromDocument = document.querySelector(`[data-testid="tree-list"]`);
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 exports.getListFromDocument = getListFromDocument;

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

@@ -4,36 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var Checkbox = require('@elliemae/ds-basic/form/Checkbox');
-var Radio = require('@elliemae/ds-basic/form/Radio');
-var utils = require('@elliemae/ds-utilities/utils');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+var dsForm = require('@elliemae/ds-form');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var walkTreeStrategy = require('../tree/walkTreeStrategy.js');
-var utils$1 = require('../tree/utils.js');
-var utils$2 = require('./utils.js');
+var utils = require('../tree/utils.js');
+var utils$1 = require('./utils.js');
 require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 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 updateParentState = ({
-  node,
-  checked,
-  selectionState,
-  isCurrentParentChildren = true
-}) => {
+const updateParentState = _ref => {
+  let {
+    node,
+    checked,
+    selectionState,
+    isCurrentParentChildren = true
+  } = _ref;
   const {
     parentNode
   } = node;
@@ -44,10 +48,10 @@ const updateParentState = ({
     if (checked === true && isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length;
     if (checked === true && !isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length + 1;
     if (checked === false) nextSelectedChildrenAmount = parentNode.selectedChildren.length - 1;
-    const parentChildren = utils$1.getParentChildren(node);
+    const parentChildren = utils.getParentChildren(node);
     const parentChildrenLength = parentChildren && parentChildren.length; // check parent state
 
-    const parentState = utils$2.checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
+    const parentState = utils$1.checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
     selectionState[parentNode.id || 'all'] = parentState;
     updateParentState({
       node: parentNode,
@@ -70,7 +74,7 @@ const useSelectableTreeState = instance => {
       isSingleSelect = false
     }
   } = instance;
-  const [selection, setSelection] = useDerivedStateFromProps__default["default"](selectionProp);
+  const [selection, setSelection] = dsUtilities.useDerivedStateFromProps(selectionProp);
   const isAllSelected = React.useMemo(() => {
     if (!isMultiSelect) return false;
     const amountSelected = originalData.reduce((result, item) => selection[item[idKey]] === true ? result + 1 : result, 0);
@@ -85,10 +89,16 @@ const useSelectableTreeState = instance => {
 
     return 'mixed';
   }, [selection]);
-  const select = React.useCallback((record, additionalActions = {}) => {
-    if (utils.isFunction(onSelect)) {
+  const select = React.useCallback(function (record) {
+    let additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (dsUtilities.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
@@ -110,7 +120,7 @@ const useSelectableTreeState = instance => {
             data: record.data.children,
             parentNode: record,
             cb: node => {
-              const parentId = utils$1.getParentId(node); // if direct child and truthy next state
+              const parentId = utils.getParentId(node); // if direct child and truthy next state
 
               if (nextState && parentId === record.id) {
                 record.selectedChildren.push(node.id);
@@ -130,7 +140,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
@@ -192,9 +206,10 @@ const SelectablePluginTree = createInstancePlugin__default["default"]('selectabl
     return record;
   },
 
-  getItemProps(props, instance, {
-    record
-  }) {
+  getItemProps(props, instance, _ref3) {
+    let {
+      record
+    } = _ref3;
     const {
       actions: {
         select
@@ -208,15 +223,19 @@ const SelectablePluginTree = createInstancePlugin__default["default"]('selectabl
     } = 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__default["default"](Checkbox__default["default"], {
+    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
       checked: record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-checkbox",
@@ -225,7 +244,7 @@ const SelectablePluginTree = createInstancePlugin__default["default"]('selectabl
       tabIndex: -1
     });
 
-    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx__default["default"](Radio__default["default"], {
+    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
       checked: !!record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-radio",
@@ -243,7 +262,7 @@ const SelectablePluginTree = createInstancePlugin__default["default"]('selectabl
 
     return _objectSpread(_objectSpread({}, props), {}, {
       onClick: handleSelect,
-      className: utils.cx(props.className, record.checked && 'selected'),
+      className: dsUtilities.cx(props.className, record.checked && 'selected'),
       'aria-selected': !!record.checked
     });
   },
@@ -251,9 +270,10 @@ const SelectablePluginTree = createInstancePlugin__default["default"]('selectabl
   hotKeys(grid) {
     return {
       key: 'space',
-      handler: ({
-        index
-      }) => {
+      handler: _ref4 => {
+        let {
+          index
+        } = _ref4;
         const {
           records,
           actions: {