@elliemae/ds-treeview 2.0.0-alpha.1 → 2.0.0-alpha.13

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;
@@ -69,7 +71,7 @@ const itemRenderer = (value, itemProps, instance) => {
     }
   } = instance.getInstance();
   if (!showHighlight || !searchQuery) return value;
-  return /*#__PURE__*/_jsx__default['default'](Highlighter__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
     autoEscape: true,
     highlightClassName: "tree-text-highlight",
     searchWords: [searchQuery],
@@ -78,7 +80,7 @@ const itemRenderer = (value, itemProps, instance) => {
 };
 
 itemRenderer.order = 0;
-const SearchableTreePlugin = createInstancePlugin__default['default']('searchable-tree', {
+const SearchableTreePlugin = createInstancePlugin__default["default"]('searchable-tree', {
   instance: instance => {
     const {
       props: {
@@ -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; }
+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
@@ -161,7 +175,7 @@ const updateParentInternalState = (record, checked) => {
     parentNode.selectedChildren = parentNode.selectedChildren.filter(id => id !== record.id);
   }
 };
-const SelectablePluginTree = createInstancePlugin__default['default']('selectable', {
+const SelectablePluginTree = createInstancePlugin__default["default"]('selectable', {
   state: useSelectableTreeState,
   // itemRenderer: SelectionFormatter,
   record: (record, instance) => {
@@ -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: {

package/cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js

@@ -2,13 +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');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
-var Button = require('@elliemae/ds-basic/Button');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var Button = require('@elliemae/ds-button');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var ToolbarProvider = require('@elliemae/ds-shared/toolbar/ToolbarProvider');
 var FocusGroupContext = require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
@@ -19,7 +24,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 var ToolbarProvider__default = /*#__PURE__*/_interopDefaultLegacy(ToolbarProvider);
@@ -29,7 +33,7 @@ const _excluded = ["onMouseEnter", "onMouseLeave", "extraParams", "renderToolbar
 
 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; }
+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 ToolbarDisclosure = props => {
   const {
@@ -38,12 +42,12 @@ const ToolbarDisclosure = props => {
     extraParams,
     renderToolbar,
     isItemFocused,
-    icon = /*#__PURE__*/_jsx__default['default'](MoreOptionsVert__default['default'], {
+    icon = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
       color: ['brand-primary', 800]
     }),
     rowSize
   } = props,
-        rest = _objectWithoutProperties__default['default'](props, _excluded);
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
 
   const toolbarContext = React.useContext(ToolbarProvider.ToolbarContext);
   const ref = React.useRef(null);
@@ -66,14 +70,14 @@ const ToolbarDisclosure = props => {
     toolbarContext.hide(e);
   };
 
-  return /*#__PURE__*/jsxRuntime.jsx(Button__default['default'], _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "text",
     className: "toolbar-trigger",
     icon: icon,
     innerRef: ref,
     onClick: show,
-    onMouseEnter: utils.runAll(show, onMouseEnter),
-    onMouseLeave: utils.runAll(hide, onMouseLeave),
+    onMouseEnter: dsUtilities.runAll(show, onMouseEnter),
+    onMouseLeave: dsUtilities.runAll(hide, onMouseLeave),
     tabIndex: isItemFocused ? 0 : -1
   }));
 };
@@ -88,7 +92,7 @@ const TriggerFormatter = (value, extraParams, instance) => {
     }
   } = instance.getInstance();
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [value, /*#__PURE__*/_jsx__default['default'](ToolbarDisclosure, {
+    children: [value, /*#__PURE__*/_jsx__default["default"](ToolbarDisclosure, {
       isItemFocused: extraParams.isItemFocused,
       onClose: onCloseToolbar,
       onShow: onShowToolbar,
@@ -98,7 +102,7 @@ const TriggerFormatter = (value, extraParams, instance) => {
   });
 };
 
-const TreeToolbarPlugin = createInstancePlugin__default['default']('tree-toolbar', {
+const TreeToolbarPlugin = createInstancePlugin__default["default"]('tree-toolbar', {
   itemRenderer: TriggerFormatter,
 
   renderers(renderers) {
@@ -106,8 +110,8 @@ const TreeToolbarPlugin = createInstancePlugin__default['default']('tree-toolbar
       const Component = renderers.list; // eslint-disable-next-line react/display-name
 
       return props => {
-        const focusContext = React.useContext(FocusGroupContext__default['default']);
-        return /*#__PURE__*/_jsx__default['default'](ToolbarProvider__default['default'], {
+        const focusContext = React.useContext(FocusGroupContext__default["default"]);
+        return /*#__PURE__*/_jsx__default["default"](ToolbarProvider__default["default"], {
           onHide: (state, e) => {
             if (e && e.type === 'keydown' && focusContext) focusContext.focus();
           }

package/cjs/deprecated/plugins/tree/TreeDataPlugin.js

@@ -4,15 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.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.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 utils = require('@elliemae/ds-utilities/utils');
-var Button = require('@elliemae/ds-basic/Button');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
+var dsUtilities = require('@elliemae/ds-utilities');
+var Button = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var walkTreeStrategy = require('./walkTreeStrategy.js');
-var utils$1 = require('./utils.js');
+var utils = require('./utils.js');
 var renderers = require('../../renderers.js');
 var useExpandTreeState = require('./useExpandTreeState.js');
 
@@ -22,16 +31,14 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 var _ArrowheadDown, _ArrowheadRight;
 
 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 ItemContent = dsClassnames.aggregatedClasses('div')(`${renderers.treeItemBlockName}-content`);
+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 ItemContent = dsClassnames.aggregatedClasses('div')("".concat(renderers.treeItemBlockName, "-content"));
 const ItemValue = dsClassnames.aggregatedClasses('span')(renderers.treeItemBlockName, 'value');
 
 const noop = () => null;
@@ -45,7 +52,7 @@ const getItemNestingLeftPadding = (level, opts) => {
   }, opts);
 
   const groupLeftPadding = spaceForNestingLevel * (level - 1);
-  return isChild ? `${groupLeftPadding + spaceForNestingLevel - 0.1}em` : `${groupLeftPadding}em`;
+  return isChild ? "".concat(groupLeftPadding + spaceForNestingLevel - 0.1, "em") : "".concat(groupLeftPadding, "em");
 };
 
 const itemRenderer = (value, itemProps, instance) => {
@@ -63,16 +70,16 @@ const itemRenderer = (value, itemProps, instance) => {
   const handleItemClick = React.useCallback(e => {
     onItemClick(record.data, e);
   }, [record.data, onItemClick]);
-  const amountChildren = Number(utils$1.getItemChildrenLength(record));
-  const renderedLabel = utils.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
-  return /*#__PURE__*/_jsx__default['default'](ItemContent, {
-    "data-testid": `${renderers.treeItemBlockName}-content`,
+  const amountChildren = Number(utils.getItemChildrenLength(record));
+  const renderedLabel = dsUtilities.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
+  return /*#__PURE__*/_jsx__default["default"](ItemContent, {
+    "data-testid": "".concat(renderers.treeItemBlockName, "-content"),
     onClick: handleItemClick
-  }, void 0, /*#__PURE__*/_jsx__default['default'](ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && ` (${amountChildren})`));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && " (".concat(amountChildren, ")")));
 };
 
 itemRenderer.order = 100;
-const TreePluginList = createInstancePlugin__default['default']('tree-data', {
+const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
   state: useExpandTreeState.useExpandTreeState,
   recordIterator: opts => {
     const shouldWalkChildren = record => {
@@ -93,9 +100,10 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
     }));
   },
 
-  getItemProps(props, instance, {
-    record
-  }) {
+  getItemProps(props, instance, _ref) {
+    let {
+      record
+    } = _ref;
     const {
       nestingLevel
     } = record;
@@ -117,13 +125,13 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
       spaceForNestingLevel
     });
 
-    const expandAddon = record.isGroup && /*#__PURE__*/_jsx__default['default'](Button__default['default'], {
+    const expandAddon = record.isGroup && /*#__PURE__*/_jsx__default["default"](Button__default["default"], {
       buttonType: "text",
       className: "expandable-arrow",
       "data-testid": "tree-item-expand-toggle",
-      icon: record.expanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default['default'](ArrowheadDown__default['default'], {
+      icon: record.expanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
         "data-testid": "ic-arrow-head-down"
-      })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default['default'](ArrowheadRight__default['default'], {
+      })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
         "data-testid": "ic-arrow-head-right"
       })),
       onClick: e => {
@@ -134,23 +142,23 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
       size: "s",
       tabIndex: -1 // eslint-disable-next-line max-lines
 
-    }, `${record.id}-expand-addon`);
+    }, "".concat(record.id, "-expand-addon"));
 
-    const iconAddon = icon && /*#__PURE__*/React__default['default'].cloneElement(icon, {
+    const iconAddon = icon && /*#__PURE__*/React__default["default"].cloneElement(icon, {
       'data-testid': record.isGroup ? 'tree-item-group-icon' : 'tree-item-icon',
-      className: utils.cx(icon.props.className, 'tree-item-icon')
+      className: dsUtilities.cx(icon.props.className, 'tree-item-icon')
     });
 
-    const spaceAddon = /*#__PURE__*/_jsx__default['default']("div", {
+    const spaceAddon = /*#__PURE__*/_jsx__default["default"]("div", {
       "data-testid": "tree-item-nested-space",
       style: {
         width: itemNestingLeftPadding
       }
-    }, `${record.id}-space-addon`);
+    }, "".concat(record.id, "-space-addon"));
 
     return _objectSpread(_objectSpread({}, props), {}, {
       'data-id': record.id,
-      'data-parentid': utils$1.getParentId(record),
+      'data-parentid': utils.getParentId(record),
       'aria-expanded': !!record.expanded,
       leftAddons: [...(props.leftAddons || []), spaceAddon, expandAddon, iconAddon]
     });
@@ -172,9 +180,10 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
   },
 
   hotKeys(instance) {
-    function handleExpand({
-      index
-    }) {
+    function handleExpand(_ref2) {
+      let {
+        index
+      } = _ref2;
       const {
         records,
         actions: {
@@ -185,9 +194,10 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
       if (record && record.data.children.length > 0) _toggleExpand(record.data);
     }
 
-    function handleCollapse({
-      index
-    }) {
+    function handleCollapse(_ref3) {
+      let {
+        index
+      } = _ref3;
       const {
         records,
         actions: {
@@ -218,11 +228,11 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
         if (itemToFocus) {
           // eslint-disable-next-line no-unused-expressions
           // eslint-disable-next-line mdx/no-unused-expressions
-          utils$1.findItemOnDocument(itemToFocus.id) ? utils$1.findItemOnDocument(itemToFocus.id).focus() : utils$1.findItemOnDocument(records[0].id).focus();
+          utils.findItemOnDocument(itemToFocus.id) ? utils.findItemOnDocument(itemToFocus.id).focus() : utils.findItemOnDocument(records[0].id).focus();
         } else {
-          utils$1.getListFromDocument().scrollTo(0, 0);
+          utils.getListFromDocument().scrollTo(0, 0);
           setTimeout(() => {
-            utils$1.findItemOnDocument(records[0].id).focus();
+            utils.findItemOnDocument(records[0].id).focus();
           }, 200);
         }
       });
@@ -239,9 +249,10 @@ const TreePluginList = createInstancePlugin__default['default']('tree-data', {
       handler: handleCollapse
     }, {
       key: 'enter',
-      handler: ({
-        index
-      }) => {
+      handler: _ref4 => {
+        let {
+          index
+        } = _ref4;
         const {
           records,
           actions: {

package/cjs/deprecated/plugins/tree/useExpandTreeState.js

@@ -3,19 +3,23 @@
 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 useExpandState = require('@elliemae/ds-utilities/hooks/useExpandState');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var walkTreeStrategy = require('./walkTreeStrategy.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var useExpandState__default = /*#__PURE__*/_interopDefaultLegacy(useExpandState);
 
 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; }
+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 toggleExpandAllAsync = (expand, data) => new Promise(resolve => {
   const nextState = {};
@@ -46,7 +50,7 @@ const useExpandTreeState = instance => {
       onCollapse
     }
   } = instance;
-  const expandedState = useExpandState__default['default']({
+  const expandedState = dsUtilities.useExpandState({
     items: originalData,
     itemKey,
     expanded: expandedItemsProp,
@@ -104,7 +108,7 @@ const useExpandTreeState = instance => {
   };
 
   const handleToggleExpand = (item, opts) => {
-    if (utils.isFunction(onToggleExpand)) {
+    if (dsUtilities.isFunction(onToggleExpand)) {
       onToggleExpand(item);
     } else {
       toggleExpand(item, opts);

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

@@ -2,20 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
 var get = require('lodash/get');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
-const getParentId = record => get__default['default'](record, ['parentNode', 'id']);
-const findItemOnDocument = id => document.querySelector(`[data-id="${id}"]`);
-const getListFromDocument = () => document.querySelector(`[data-testid="tree-list"]`);
-const getParentChildren = (record, childrenKey = 'children') => get__default['default'](record, ['parentNode', 'data', childrenKey]);
-const getItemLabel = (record, nameKey = 'name') => get__default['default'](record, ['data', nameKey]);
-const getItemChildren = (record, childrenKey = 'children') => get__default['default'](record, ['data', childrenKey]);
-const getItemChildrenLength = (record, childrenKey = 'children') => {
-  const children = get__default['default'](record, ['data', childrenKey]);
+const getParentId = record => get__default["default"](record, ['parentNode', 'id']);
+const findItemOnDocument = id => document.querySelector("[data-id=\"".concat(id, "\"]"));
+const getListFromDocument = () => document.querySelector("[data-testid=\"tree-list\"]");
+const getParentChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['parentNode', 'data', childrenKey]);
+};
+const getItemLabel = function (record) {
+  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+  return get__default["default"](record, ['data', nameKey]);
+};
+const getItemChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['data', childrenKey]);
+};
+const getItemChildrenLength = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  const children = get__default["default"](record, ['data', childrenKey]);
   return children && children.length;
 };
 const findItemById = (records, id) => records.find(record => String(record.id) === id);