@elliemae/ds-treeview 2.0.0-next.1 → 2.0.0-next.11

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);
@@ -38,7 +42,7 @@ 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
@@ -72,8 +76,8 @@ const ToolbarDisclosure = props => {
     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
   }));
 };

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,8 +31,6 @@ 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;
@@ -31,7 +38,7 @@ 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`);
+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,12 +70,12 @@ 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;
+  const amountChildren = Number(utils.getItemChildrenLength(record));
+  const renderedLabel = dsUtilities.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
   return /*#__PURE__*/_jsx__default["default"](ItemContent, {
-    "data-testid": `${renderers.treeItemBlockName}-content`,
+    "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;
@@ -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;
@@ -121,9 +129,9 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
       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,11 +142,11 @@ 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, {
       '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", {
@@ -146,11 +154,11 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
       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,15 +3,19 @@
 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; }
 
@@ -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,6 +2,9 @@
 
 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 }; }
@@ -9,12 +12,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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 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;
 };

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

@@ -2,20 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
   return [...parentNode.path, childrenKey, index];
 }
 
-function walkTreeStrategy({
-  data,
-  childrenKey = 'children',
-  level = 0,
-  getId = item => item.id,
-  parentNode,
-  shouldWalkChildren = () => true,
-  cb
-}) {
+function walkTreeStrategy(_ref) {
+  let {
+    data,
+    childrenKey = 'children',
+    level = 0,
+    getId = item => item.id,
+    parentNode,
+    shouldWalkChildren = () => true,
+    cb
+  } = _ref;
+
   // eslint-disable-next-line no-plusplus
   for (let i = 0; i < data.length; i++) {
     const currLevel = level + 1;

package/cjs/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
@@ -61,11 +66,12 @@ function areEqualRecords(prevProps, nextProps) {
 // https://react-window.now.sh/#/examples/list/memoized-list-items
 
 
-const VirtualizedTreeItem = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(({
-  index,
-  style,
-  data
-}, ref) => {
+const VirtualizedTreeItem = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+  let {
+    index,
+    style,
+    data
+  } = _ref;
   const {
     instance,
     records,
@@ -96,13 +102,13 @@ const VirtualizedTreeItem = /*#__PURE__*/React__default["default"].memo( /*#__PU
   }));
 }), areEqualRecords); // eslint-disable-next-line react/display-name
 
-const VirtualizedTree = (renderers$1, instance) => _ref => {
+const VirtualizedTree = (renderers$1, instance) => _ref2 => {
   let {
     records,
     itemRenderer,
     innerRef
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const {
@@ -164,17 +170,25 @@ const TreeVirtualizationPlugin = createInstancePlugin__default["default"]('tree-
         listRef
       },
       actions: {
-        scrollTo: (...args) => {
+        scrollTo: function () {
           var _listRef$current;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollTo) {
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+
             listRef.current.scrollTo(args);
           }
         },
-        scrollToItem: (...args) => {
+        scrollToItem: function () {
           var _listRef$current2;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.scrollToItem) {
+            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              args[_key2] = arguments[_key2];
+            }
+
             listRef.current.scrollToItem(args);
           }
         }

package/cjs/deprecated/renderers.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -22,7 +27,7 @@ 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__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 treeListBlockName = 'tree-list';
 const treeItemBlockName = 'tree-item';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 const TreeListItem = dsClassnames.aggregatedClasses('li', {
   'data-testid': treeItemBlockName,
   role: 'treeitem'
@@ -31,22 +36,25 @@ const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(treeItem
 const TreeList = dsClassnames.aggregatedClasses('ul', {
   'data-testid': treeListBlockName,
   role: 'tree'
-})(treeListBlockName, null, ({
-  rowSize
-}) => ({
-  [`rowsize-${rowSize}`]: rowSize
-}));
+})(treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
 const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn
 })(treeListNoItemsBn);
 
-function TreeItem(_ref) {
+function TreeItem(_ref2) {
   let {
     leftAddons,
     rightAddons,
     children
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsxs(TreeListItem, _objectSpread(_objectSpread({}, rest), {}, {
     children: [leftAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, leftAddons), children, rightAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, rightAddons)]

package/cjs/parts/CheckboxSelectable.js

@@ -1,9 +1,14 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var Checkbox = require('@elliemae/ds-basic/form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var styled = require('styled-components');
 var TreeViewContext = require('../TreeViewContext.js');
 var selectableHelper = require('../utils/selectable-helper.js');
@@ -13,7 +18,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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; }
@@ -71,7 +75,7 @@ function CheckboxSelectable(props) {
 
     return false;
   }, [selectedCheckboxes, id]);
-  return /*#__PURE__*/_jsx__default["default"](StyledCheckboxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Checkbox__default["default"], {
+  return /*#__PURE__*/_jsx__default["default"](StyledCheckboxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
     checked: isChecked,
     disabled: item.isGroup ? disableGroups : disableLeafs,
     className: "em-ds-tree-item-checkbox",

package/cjs/parts/ChildrenCountDisplayer.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const className = `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}-children-count-displayer`;
+const className = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "-children-count-displayer");
 const ChildrenCountDisplayer = props => {
   const {
     item
@@ -24,7 +24,7 @@ const ChildrenCountDisplayer = props => {
   return /*#__PURE__*/_jsx__default["default"]("span", {
     "data-testid": "tree-item-children-count-displayer",
     className: className
-  }, void 0, ` | ${children.length} Items`);
+  }, void 0, " | ".concat(children.length, " Items"));
 };
 
 exports.ChildrenCountDisplayer = ChildrenCountDisplayer;

package/cjs/parts/ExpandCaret.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var Button = require('@elliemae/ds-basic/Button');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
+var Button = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
 var groupExpandsHelpers = require('../utils/group-expands-helpers.js');
 var treeHelpers = require('../utils/tree-helpers.js');
 var TreeViewContext = require('../TreeViewContext.js');
@@ -15,8 +14,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 
 var _ArrowheadDown, _ArrowheadRight;
 const ExpandCaret = props => {
@@ -48,10 +45,10 @@ const ExpandCaret = props => {
     buttonType: "text",
     className: "expandable-arrow",
     "data-testid": "tree-item-expand-toggle",
-    icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
+    icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
       size: "s",
       "data-testid": "ic-arrow-head-down"
-    })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
+    })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
       size: "s",
       "data-testid": "ic-arrow-head-right"
     })),
@@ -67,9 +64,12 @@ const ExpandCaret = props => {
       setLatestToggledItem(item);
       onItemFocus({
         itemIndex: item.virtualIndex,
-        scrollToItem: (opts = {
-          align: 'start'
-        }) => scrollToIndex(item.virtualIndex, opts),
+        scrollToItem: function () {
+          let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+            align: 'start'
+          };
+          return scrollToIndex(item.virtualIndex, opts);
+        },
         item
       });
       setFocusedItem(item);
@@ -77,7 +77,7 @@ const ExpandCaret = props => {
     },
     size: "s",
     tabIndex: -1
-  }, `${id}-expand-addon`);
+  }, "".concat(id, "-expand-addon"));
   return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       width: '24px'

package/cjs/parts/Icon.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var TreeViewContext = require('../TreeViewContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,7 +26,7 @@ const Icon = props => {
   if (!icon) return null;
   return /*#__PURE__*/React__default["default"].cloneElement(icon, {
     'data-testid': isGroupOrHasChildrens ? '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')
   });
 };
 

package/cjs/parts/NestingSpace.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -24,7 +29,7 @@ const getItemNestingLeftPadding = (level, opts) => {
   const finalLeftPadding = groupLeftPadding + spaceForNestingLevel - 0.1; // root level left-padding would be negative and would not be applied
   // if "root-level" nesting, then defaults to 0 left-padding.
 
-  return finalLeftPadding > 0 ? `${finalLeftPadding}em` : '0';
+  return finalLeftPadding > 0 ? "".concat(finalLeftPadding, "em") : '0';
 };
 
 const NestingSpace = props => {