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

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');
@@ -24,7 +29,7 @@ const _excluded = ["records", "itemRenderer", "innerRef"];
 
 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; }
 
 function shallowDiffers(prev, next) {
   // eslint-disable-next-line no-restricted-syntax
@@ -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 {
@@ -136,7 +142,7 @@ const VirtualizedTree = (renderers$1, instance) => _ref => {
   }), [records, currRenderers, listRef]); // todo: revise this
 
   if (records && !records.length) {
-    return /*#__PURE__*/_jsx__default['default'](renderers.TreeListNoItems, {}, void 0, noItemsPlaceholder);
+    return /*#__PURE__*/_jsx__default["default"](renderers.TreeListNoItems, {}, void 0, noItemsPlaceholder);
   }
 
   return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
@@ -155,7 +161,7 @@ const VirtualizedTree = (renderers$1, instance) => _ref => {
   }));
 };
 
-const TreeVirtualizationPlugin = createInstancePlugin__default['default']('tree-virtualization', {
+const TreeVirtualizationPlugin = createInstancePlugin__default["default"]('tree-virtualization', {
   state() {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const listRef = React.useRef();
@@ -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');
@@ -19,10 +24,10 @@ const _excluded = ["leftAddons", "rightAddons", "children"];
 
 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 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,25 +36,28 @@ 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)]
+    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,13 +18,12 @@ 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; }
 
-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 StyledCheckboxWrapper = /*#__PURE__*/styled__default['default'].span.withConfig({
+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 StyledCheckboxWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1tyhs3t-0"
 })(["padding-top:3px;"]);
 
@@ -31,7 +35,7 @@ function CheckboxSelectable(props) {
   const {
     id
   } = item;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       disableGroups,
@@ -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
@@ -21,10 +21,10 @@ const ChildrenCountDisplayer = props => {
   } = item;
   if (!isGroup) return null; // return ` | ${children.length} Items`;
 
-  return /*#__PURE__*/_jsx__default['default']("span", {
+  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 => {
@@ -31,7 +28,7 @@ const ExpandCaret = props => {
     children
   } = item;
   const isGroupOrHasChildrens = isGroup || Array.isArray(children) && children.length > 0;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       onItemFocus
@@ -44,14 +41,14 @@ const ExpandCaret = props => {
       scrollToIndex
     }
   } = ctx;
-  if (isGroupOrHasChildrens) return /*#__PURE__*/_jsx__default['default'](Button__default['default'], {
+  if (isGroupOrHasChildrens) return /*#__PURE__*/_jsx__default["default"](Button__default["default"], {
     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,8 +77,8 @@ const ExpandCaret = props => {
     },
     size: "s",
     tabIndex: -1
-  }, `${id}-expand-addon`);
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  }, "".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 }; }
@@ -15,7 +15,7 @@ const Icon = props => {
     item
   } = props;
   const isGroupOrHasChildrens = item.isGroup || Array.isArray(item.children) && item.children.length > 0;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       groupIcon,
@@ -24,9 +24,9 @@ const Icon = props => {
   } = ctx;
   const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;
   if (!icon) return null;
-  return /*#__PURE__*/React__default['default'].cloneElement(icon, {
+  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');
@@ -13,7 +18,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 getItemNestingLeftPadding = (level, opts) => {
   const {
@@ -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 => {
@@ -38,7 +43,7 @@ const NestingSpace = props => {
   const itemNestingLeftPadding = getItemNestingLeftPadding(treeDepth - 1, {
     spaceForNestingLevel
   });
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     "data-testid": "tree-item-nested-space",
     style: {
       width: itemNestingLeftPadding

package/cjs/parts/RadioSelectable.js

@@ -2,20 +2,19 @@
 
 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 {
     item,
     itemIndex
   } = props;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       disableGroups,
@@ -47,8 +46,8 @@ function RadioSelectable(props) {
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, id, onSelectionChange, scrollToIndex]);
-  const radioName = React.useMemo(() => `radios-${uniqueTreeViewUUID}`, [uniqueTreeViewUUID]);
-  return /*#__PURE__*/_jsx__default['default'](Radio__default['default'], {
+  const radioName = React.useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
     checked: selectedCheckboxes[id] === true,
     name: radioName,
     disabled: item.isGroup ? disableGroups : disableLeafs,

package/cjs/parts/TreeItem.js

@@ -4,10 +4,16 @@ 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');
@@ -24,30 +30,32 @@ 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; }
 
-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 TreeListItem = dsClassnames.aggregatedClasses('li', {
   'data-testid': cssClassesConstants.treeItemBlockName,
   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"
-}, `${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,
@@ -67,7 +75,7 @@ const TreeItem = props => {
   const openFolderOnHoverTimeout = React.useRef();
   const [isDraggingOverThis, setIsDraggingOverThis] = React.useState(false);
   const onItemKeyDown = keyboardHelpers.useOnItemKeyDown(item);
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       disableIcons,
@@ -106,7 +114,7 @@ const TreeItem = props => {
       isAfter,
       isValid
     } = relativeMouseCord;
-    let className = `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}${isValid ? '--valid' : '--invalid'}`;
+    let className = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName).concat(isValid ? '--valid' : '--invalid');
     if (isBefore) className += '-drop-before';else if (isAfter) className += '-drop-after';else className += '-drop-in';
     return className;
   }, [withDragAndDrop, relativeMouseCord, isDraggingOverThis]);
@@ -114,22 +122,25 @@ const TreeItem = props => {
   const hoverClassName = React.useMemo(() => (hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) !== item.id || withDragAndDrop && isDragging ? '' : 'hover', [hoverItem, withDragAndDrop, isDragging]);
   const fixedHeightClassname = React.useMemo(() => {
     if (labelOverflow === 'truncate') {
-      if (rowSize === 'compact') return `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}--fixed-height-compact`;
-      return `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}--fixed-height`;
+      if (rowSize === 'compact') return "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "--fixed-height-compact");
+      return "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "--fixed-height");
     }
 
     return '';
   }, [labelOverflow, rowSize]);
-  const finalClassName = React.useMemo(() => `${dropPreviewClassName} ${fixedHeightClassname} ${selectedClassName} ${hoverClassName}`, [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname]);
+  const finalClassName = React.useMemo(() => "".concat(dropPreviewClassName, " ").concat(fixedHeightClassname, " ").concat(selectedClassName, " ").concat(hoverClassName), [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname]);
   const handleItemClick = React.useCallback(e => {
     onItemClick(item, e);
     setFocusedItem(item);
     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]);
@@ -168,24 +179,24 @@ const TreeItem = props => {
     "data-id": item.id,
     "data-index": item.virtualIndex,
     onKeyDown: onItemKeyDown,
-    children: [/*#__PURE__*/_jsx__default['default'](TreeListItemAddonsWrapper, {}, void 0, withDragAndDrop ? /*#__PURE__*/_jsx__default['default'](DnDHandle, {
+    children: [/*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, withDragAndDrop ? /*#__PURE__*/_jsx__default["default"](DnDHandle, {
       id: id
-    }) : null, withRadioChecks ? /*#__PURE__*/_jsx__default['default'](RadioSelectable, {
+    }) : null, withRadioChecks ? /*#__PURE__*/_jsx__default["default"](RadioSelectable, {
       item: item,
       itemIndex: itemIndex
-    }) : null, withCheckboxChecks ? /*#__PURE__*/_jsx__default['default'](CheckboxSelectable, {
+    }) : null, withCheckboxChecks ? /*#__PURE__*/_jsx__default["default"](CheckboxSelectable, {
       item: item,
       itemIndex: itemIndex
-    }) : null, /*#__PURE__*/_jsx__default['default'](NestingSpace.NestingSpace, {
+    }) : null, /*#__PURE__*/_jsx__default["default"](NestingSpace.NestingSpace, {
       item: item,
       spaceForNestingLevel: spaceForNestingLevel
-    }), /*#__PURE__*/_jsx__default['default'](ExpandCaret.ExpandCaret, {
+    }), /*#__PURE__*/_jsx__default["default"](ExpandCaret.ExpandCaret, {
       item: item
-    }), !disableIcons ? /*#__PURE__*/_jsx__default['default'](Icon.Icon, {
+    }), !disableIcons ? /*#__PURE__*/_jsx__default["default"](Icon.Icon, {
       item: item
-    }) : null), /*#__PURE__*/_jsx__default['default'](TreeItemText.TreeItemText, {
+    }) : null), /*#__PURE__*/_jsx__default["default"](TreeItemText.TreeItemText, {
       item: item
-    }), rightAddons && /*#__PURE__*/_jsx__default['default'](TreeListItemAddonsWrapper, {}, void 0, typeof rightAddons === 'function' ? rightAddons(item) : rightAddons)]
+    }), rightAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, typeof rightAddons === 'function' ? rightAddons(item) : rightAddons)]
   });
 };
 const DragAndDropTreeItem = reactSortableHoc.SortableElement(TreeItem);