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

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

@@ -4,16 +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');
 
@@ -23,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;
@@ -64,8 +70,8 @@ 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": "".concat(renderers.treeItemBlockName, "-content"),
     onClick: handleItemClick
@@ -94,9 +100,10 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
     }));
   },
 
-  getItemProps(props, instance, {
-    record
-  }) {
+  getItemProps(props, instance, _ref) {
+    let {
+      record
+    } = _ref;
     const {
       nestingLevel
     } = record;
@@ -122,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 => {
@@ -139,7 +146,7 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
 
     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", {
@@ -151,7 +158,7 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
 
     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]
     });
@@ -173,9 +180,10 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
   },
 
   hotKeys(instance) {
-    function handleExpand({
-      index
-    }) {
+    function handleExpand(_ref2) {
+      let {
+        index
+      } = _ref2;
       const {
         records,
         actions: {
@@ -186,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: {
@@ -219,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);
         }
       });
@@ -240,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

@@ -4,15 +4,18 @@ 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; }
 
@@ -47,7 +50,7 @@ const useExpandTreeState = instance => {
       onCollapse
     }
   } = instance;
-  const expandedState = useExpandState__default["default"]({
+  const expandedState = dsUtilities.useExpandState({
     items: originalData,
     itemKey,
     expanded: expandedItemsProp,
@@ -105,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 }; }
@@ -11,10 +14,20 @@ var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 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 = (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 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

@@ -9,15 +9,17 @@ function getPath(parentNode, index, childrenKey) {
   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');
@@ -31,22 +36,25 @@ const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(treeItem
 const TreeList = dsClassnames.aggregatedClasses('ul', {
   'data-testid': treeListBlockName,
   role: 'tree'
-})(treeListBlockName, null, ({
-  rowSize
-}) => ({
-  ["rowsize-".concat(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/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);

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');

package/cjs/parts/RadioSelectable.js

@@ -2,13 +2,12 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var Radio = require('@elliemae/ds-basic/form/Radio');
+var dsForm = require('@elliemae/ds-form');
 var TreeViewContext = require('../TreeViewContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 
 function RadioSelectable(props) {
   const {
@@ -48,7 +47,7 @@ function RadioSelectable(props) {
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, id, onSelectionChange, scrollToIndex]);
   const radioName = React.useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
-  return /*#__PURE__*/_jsx__default["default"](Radio__default["default"], {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
     checked: selectedCheckboxes[id] === true,
     name: radioName,
     disabled: item.isGroup ? disableGroups : disableLeafs,

package/cjs/parts/TreeItem.js

@@ -5,10 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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 reactSortableHoc = require('@elliemae/react-sortable-hoc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var RadioSelectable = require('./RadioSelectable.js');
 var CheckboxSelectable = require('./CheckboxSelectable.js');
 var TreeViewContext = require('../TreeViewContext.js');
@@ -25,7 +30,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 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; }
 
@@ -35,20 +39,23 @@ const TreeListItem = dsClassnames.aggregatedClasses('li', {
   role: 'treeitem'
 })(cssClassesConstants.treeItemBlockName);
 const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(cssClassesConstants.treeItemBlockName, 'addons');
-const DnDHandle = reactSortableHoc.SortableHandle(({
-  id
-}) => /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
-  "data-testid": "drag-handle",
-  className: "drag-handle",
-  size: "s",
-  onMouseDown: e => {
-    // prevent focusing the drag-handle to avoid borders
-    if (e) {
-      e.preventDefault();
-    }
-  },
-  tabIndex: "0"
-}, "".concat(id, "-drag-handle")));
+const DnDHandle = reactSortableHoc.SortableHandle(_ref => {
+  let {
+    id
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
+    "data-testid": "drag-handle",
+    className: "drag-handle",
+    size: "s",
+    onMouseDown: e => {
+      // prevent focusing the drag-handle to avoid borders
+      if (e) {
+        e.preventDefault();
+      }
+    },
+    tabIndex: "0"
+  }, "".concat(id, "-drag-handle"));
+});
 const TreeItem = props => {
   const {
     item,
@@ -128,9 +135,12 @@ const TreeItem = props => {
     setSelectedItem(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
     });
   }, [item, scrollToIndex, onItemClick, onItemFocus, setSelectedItem, setFocusedItem]);

package/cjs/parts/TreeItemText.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var Highlighter = require('react-highlight-words');
-var dsBasic = require('@elliemae/ds-basic');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var dsClassnames = require('@elliemae/ds-classnames');
 var ChildrenCountDisplayer = require('./ChildrenCountDisplayer.js');
 var cssClassesConstants = require('../config/cssClassesConstants.js');
@@ -23,12 +23,15 @@ const ItemValue = dsClassnames.aggregatedClasses('span')(cssClassesConstants.tre
 const classNameModifierWrapAll = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "__value--wrap-all");
 const classNameModifierTruncate = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "__value--truncate"); // eslint-disable-next-line react/prop-types
 
-const CustomHighlight = ({
-  children
-}) => /*#__PURE__*/_jsx__default["default"]("mark", {
-  className: "tree-text-highlight",
-  "data-testid": "tree-text-highlight"
-}, void 0, children);
+const CustomHighlight = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("mark", {
+    className: "tree-text-highlight",
+    "data-testid": "tree-text-highlight"
+  }, void 0, children);
+};
 
 function TreeItemText(props) {
   var _ChildrenCountDisplay, _ChildrenCountDisplay2, _ChildrenCountDisplay3, _ChildrenCountDisplay4;
@@ -50,7 +53,7 @@ function TreeItemText(props) {
 
     if (searchQuery) {
       if (labelOverflow === 'truncate') {
-        return /*#__PURE__*/_jsx__default["default"](dsBasic.SimpleTruncatedTooltipText, {
+        return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
           value: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [/*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
               autoEscape: true,
@@ -77,7 +80,7 @@ function TreeItemText(props) {
     }
 
     if (labelOverflow === 'truncate') {
-      return /*#__PURE__*/_jsx__default["default"](dsBasic.SimpleTruncatedTooltipText, {
+      return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
         value: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay3 || (_ChildrenCountDisplay3 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
             item: item