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

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');
@@ -17,18 +17,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Highlighter__default = /*#__PURE__*/_interopDefaultLegacy(Highlighter);
 
-const ItemContent = dsClassnames.aggregatedClasses('div')(`${cssClassesConstants.treeItemBlockName}-content`);
+const ItemContent = dsClassnames.aggregatedClasses('div')("".concat(cssClassesConstants.treeItemBlockName, "-content"));
 const ItemValue = dsClassnames.aggregatedClasses('span')(cssClassesConstants.treeItemBlockName, 'value'); // const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;
 
-const classNameModifierWrapAll = `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}__value--wrap-all`;
-const classNameModifierTruncate = `${cssClassesConstants.DSTreeViewPrefix}-${cssClassesConstants.treeItemBlockName}__value--truncate`; // eslint-disable-next-line react/prop-types
+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;
@@ -36,7 +39,7 @@ function TreeItemText(props) {
   const {
     item
   } = props;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       searchQuery,
@@ -50,14 +53,14 @@ 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'], {
+            children: [/*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
               autoEscape: true,
               highlightTag: CustomHighlight,
               searchWords: [searchQuery],
               textToHighlight: itemLabelText
-            }), showChildrenAmount ? _ChildrenCountDisplay || (_ChildrenCountDisplay = /*#__PURE__*/_jsx__default['default'](ChildrenCountDisplayer.ChildrenCountDisplayer, {
+            }), showChildrenAmount ? _ChildrenCountDisplay || (_ChildrenCountDisplay = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
               item: item
             })) : null]
           })
@@ -65,21 +68,21 @@ function TreeItemText(props) {
       }
 
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/_jsx__default['default'](Highlighter__default['default'], {
+        children: [/*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
           autoEscape: true,
           highlightTag: CustomHighlight,
           searchWords: [searchQuery],
           textToHighlight: itemLabelText
-        }), showChildrenAmount ? _ChildrenCountDisplay2 || (_ChildrenCountDisplay2 = /*#__PURE__*/_jsx__default['default'](ChildrenCountDisplayer.ChildrenCountDisplayer, {
+        }), showChildrenAmount ? _ChildrenCountDisplay2 || (_ChildrenCountDisplay2 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
           item: item
         })) : null]
       });
     }
 
     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, {
+          children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay3 || (_ChildrenCountDisplay3 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
             item: item
           })) : null]
         })
@@ -87,17 +90,17 @@ function TreeItemText(props) {
     }
 
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay4 || (_ChildrenCountDisplay4 = /*#__PURE__*/_jsx__default['default'](ChildrenCountDisplayer.ChildrenCountDisplayer, {
+      children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay4 || (_ChildrenCountDisplay4 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
         item: item
       })) : null]
     });
   }, [item, searchQuery, nameKey, showChildrenAmount, labelOverflow]);
   let className = '';
-  if (labelOverflow === 'wrap-all') className += `${classNameModifierWrapAll} `;
-  if (labelOverflow === 'truncate') className += `${classNameModifierTruncate} `;
-  return /*#__PURE__*/_jsx__default['default'](ItemContent, {
-    "data-testid": `${cssClassesConstants.treeItemBlockName}-content`
-  }, void 0, /*#__PURE__*/_jsx__default['default'](ItemValue, {
+  if (labelOverflow === 'wrap-all') className += "".concat(classNameModifierWrapAll, " ");
+  if (labelOverflow === 'truncate') className += "".concat(classNameModifierTruncate, " ");
+  return /*#__PURE__*/_jsx__default["default"](ItemContent, {
+    "data-testid": "".concat(cssClassesConstants.treeItemBlockName, "-content")
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {
     className: className
   }, void 0, Text));
 }

package/cjs/parts/TreeList.js

@@ -4,10 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.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 CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
 var TreeViewContext = require('../TreeViewContext.js');
 var TreeItem = require('./TreeItem.js');
 var cssClassesConstants = require('../config/cssClassesConstants.js');
@@ -20,26 +27,29 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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 treeListNoItemsBn = `${cssClassesConstants.treeListBlockName}-no-items`;
+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 treeListNoItemsBn = "".concat(cssClassesConstants.treeListBlockName, "-no-items");
 const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn
 })(treeListNoItemsBn);
 const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
   'data-testid': cssClassesConstants.treeListBlockName,
   role: 'tree'
-})(cssClassesConstants.treeListBlockName, null, ({
-  rowSize
-}) => ({
-  [`rowsize-${rowSize}`]: rowSize
-}));
-const compactRowClass = `${cssClassesConstants.DSTreeViewPrefix}-tv-row-size-compact`;
-const normaRowClass = `${cssClassesConstants.DSTreeViewPrefix}-tv-row-size-normal`;
+})(cssClassesConstants.treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
+const compactRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-compact");
+const normaRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-normal");
 const TreeList = props => {
   const {
     onMouseDragOverItem
   } = props;
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     virtualListRef,
     virtualListHelpers,
@@ -57,16 +67,16 @@ const TreeList = props => {
     totalSize,
     virtualItems
   } = virtualListHelpers;
-  const className = `${rowSize === 'compact' ? `${compactRowClass}` : `${normaRowClass}`}`;
+  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
   return /*#__PURE__*/jsxRuntime.jsxs(TreeListWrapper, {
     ref: virtualListRef,
     className: className,
     style: {
-      height: `${typeof height === 'number' ? `${height}px` : height}`,
-      width: `${typeof width === 'number' ? `${width}px` : width}`,
+      height: "".concat(typeof height === 'number' ? "".concat(height, "px") : height),
+      width: "".concat(typeof width === 'number' ? "".concat(width, "px") : width),
       overflow: 'auto'
     },
-    children: [isLoading ? /*#__PURE__*/_jsx__default['default']("div", {
+    children: [isLoading ? /*#__PURE__*/_jsx__default["default"]("div", {
       style: {
         width: '100%',
         height: '100%',
@@ -74,15 +84,15 @@ const TreeList = props => {
         alignItems: 'center',
         justifyContent: 'center'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](CircularProgressIndicator.DSCircularProgressIndicator, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
       size: "xl",
       loading: isLoading,
       showLabel: true,
       waiting: false,
       showTooltip: false
-    })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx__default['default'](TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx__default['default']("div", {
+    })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx__default["default"](TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx__default["default"]("div", {
       style: {
-        height: `${totalSize}px`,
+        height: "".concat(totalSize, "px"),
         width: '100%',
         position: 'relative'
       }
@@ -102,10 +112,10 @@ const TreeList = props => {
         top: 0,
         left: 0,
         width: '100%',
-        transform: `translateY(${start}px)`
+        transform: "translateY(".concat(start, "px)")
       };
       const listItemProps = {
-        key: `DS-TreeView-List-Item-${id}`,
+        key: "DS-TreeView-List-Item-".concat(id),
         virtualItemRef: measureRef,
         index,
         // this is consumed by the DnD HOC

package/cjs/plugins/dnd/TreeDndPlugin.js

@@ -20,11 +20,11 @@ const TreeDnD = () => {
     onMouseDragOverItem,
     onSortEnd
   } = useDnDHelpers.useDnDHelpers();
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     virtualListRef
   } = ctx;
-  return /*#__PURE__*/_jsx__default['default'](TreeList.DragAndDropTreeList, {
+  return /*#__PURE__*/_jsx__default["default"](TreeList.DragAndDropTreeList, {
     useDragHandle: true,
     transitionDuration: 0,
     keyboardSortingTransitionDuration: 0,

package/cjs/prop-types.js

@@ -9,46 +9,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 /* eslint-disable max-lines */
-const InstanceActionsPropTypes = PropTypes__default['default'].shape({
-  toggleExpandAll: PropTypes__default['default'].func,
-  scrollTo: PropTypes__default['default'].func
+const InstanceActionsPropTypes = PropTypes__default["default"].shape({
+  toggleExpandAll: PropTypes__default["default"].func,
+  scrollTo: PropTypes__default["default"].func
 });
-const TreeViewInstancePropType = PropTypes__default['default'].shape({
-  current: PropTypes__default['default'].oneOfType([PropTypes__default['default'].oneOf([null]), PropTypes__default['default'].shape({
+const TreeViewInstancePropType = PropTypes__default["default"].shape({
+  current: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([null]), PropTypes__default["default"].shape({
     actions: InstanceActionsPropTypes.isRequired
   })])
 });
-const TreeViewItemPropType = PropTypes__default['default'].shape({
-  children: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object),
-  id: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  isGroup: PropTypes__default['default'].oneOfType([PropTypes__default['default'].oneOf([undefined, null]), PropTypes__default['default'].bool]),
-  name: PropTypes__default['default'].string,
-  node: PropTypes__default['default'].object
+const TreeViewItemPropType = PropTypes__default["default"].shape({
+  children: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  isGroup: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([undefined, null]), PropTypes__default["default"].bool]),
+  name: PropTypes__default["default"].string,
+  node: PropTypes__default["default"].object
 });
 const TreeListPropTypes = {
   // required when drag and drop is enabled, tracks the drag and drop results after drop and visual feedback borders
   // passed down to TreeItem
-  onMouseDragOverItem: PropTypes__default['default'].func
+  onMouseDragOverItem: PropTypes__default["default"].func
 };
 const TreeItemPropTypes = {
   item: TreeViewItemPropType.isRequired,
-  index: PropTypes__default['default'].number,
-  itemIndex: PropTypes__default['default'].number,
-  itemWrapperStyle: PropTypes__default['default'].object,
-  virtualItemRef: PropTypes__default['default'].func,
-  spaceForNestingLevel: PropTypes__default['default'].number,
-  onMouseDragOverItem: PropTypes__default['default'].func
+  index: PropTypes__default["default"].number,
+  itemIndex: PropTypes__default["default"].number,
+  itemWrapperStyle: PropTypes__default["default"].object,
+  virtualItemRef: PropTypes__default["default"].func,
+  spaceForNestingLevel: PropTypes__default["default"].number,
+  onMouseDragOverItem: PropTypes__default["default"].func
 };
 const TreeItemExpandCaretPropTypes = {
   item: TreeViewItemPropType.isRequired
 };
 const TreeItemNestingSpacePropTypes = {
   item: TreeViewItemPropType.isRequired,
-  spaceForNestingLevel: PropTypes__default['default'].number.isRequired
+  spaceForNestingLevel: PropTypes__default["default"].number.isRequired
 };
 const TreeItemCheckboxPropTypes = {
   item: TreeViewItemPropType.isRequired,
-  itemIndex: PropTypes__default['default'].number.isRequired
+  itemIndex: PropTypes__default["default"].number.isRequired
 };
 
 exports.InstanceActionsPropTypes = InstanceActionsPropTypes;

package/cjs/related-components/TreeViewSearchBar.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var dsBasic = require('@elliemae/ds-basic');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,7 +20,7 @@ function TreeViewSearchBar(props) {
     totalResults,
     value
   } = props;
-  return /*#__PURE__*/_jsx__default['default'](dsBasic.DSNavSearchBox, {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
     onChange: v => {
       handleChange({
         target: {

package/cjs/utils/array-helpers.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 // https://github.com/sindresorhus/array-move/blob/master/index.js
 const arrayMoveMutate = (array, from, to) => {
   const startIndex = from < 0 ? array.length + from : from;

package/cjs/utils/dnd-helpers.js

@@ -12,13 +12,14 @@ const keyCodes = {
   up: [38, 37],
   down: [40, 39]
 };
-const sameParentAsHoverItemDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const sameParentAsHoverItemDrop = _ref => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref;
   const hoveredItemNodeNestedIndex = overItem.node.getIndex();
   let newParentNode = treeHelpers.getItemsParentNode([overItem], true);
   const {
@@ -44,13 +45,14 @@ const sameParentAsHoverItemDrop = ({
     newParentNode
   };
 };
-const inferHoverItemKinshipDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const inferHoverItemKinshipDrop = _ref2 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref2;
   const hoverItemModel = overItem.node.model;
   const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
 
@@ -79,13 +81,14 @@ const inferHoverItemKinshipDrop = ({
     newParentNode: overItem.node
   };
 };
-const isDropValid = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  restrictDragAndDrop
-}) => {
+const isDropValid = _ref3 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    restrictDragAndDrop
+  } = _ref3;
   const {
     id: movedId
   } = draggedItem;
@@ -109,11 +112,12 @@ const isDropValid = ({
 
   return true;
 };
-const inferKeyboardKinshipDrop = ({
-  items,
-  newIndex // movementDirection,
+const inferKeyboardKinshipDrop = _ref4 => {
+  let {
+    items,
+    newIndex // movementDirection,
 
-}) => {
+  } = _ref4;
   const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
 
   const itemBefore = items[newIndex];

package/cjs/utils/group-expands-helpers.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 /* eslint-disable max-params */
-const toggleItemExpand = (itemToToggle, triggerTreeRerender, scrollTo = () => {}) => {
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender) {
+  let scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
   const {
     node: {
       model: {
@@ -63,10 +64,11 @@ const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLates
   }
   setLatestToggledItem(null);
 };
-const useNotifyExpandedChange = (propsWithDefaults, {
-  latestToggledItem,
-  expandedGroups
-}) => {
+const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
+  let {
+    latestToggledItem,
+    expandedGroups
+  } = _ref;
   const notifyExpandedChange = React.useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
   React.useEffect(() => {
     notifyExpandedChange(expandedGroups);

package/cjs/utils/keyboard-helpers.js

@@ -20,7 +20,7 @@ var groupExpandsHelpers = require('./group-expands-helpers.js');
 // 106 (NumPad) *
 
 const useOnItemKeyDown = item => {
-  const ctx = React.useContext(TreeViewContext['default']);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
     props: {
       onItemFocus
@@ -41,9 +41,12 @@ const useOnItemKeyDown = item => {
   } = item;
   const onItemFocusCurry = React.useCallback(newFocusItem => onItemFocus({
     itemIndex: newFocusItem.virtualIndex,
-    scrollToItem: (opts = {
-      align: 'start'
-    }) => scrollToIndex(newFocusItem.virtualIndex, opts),
+    scrollToItem: function () {
+      let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        align: 'start'
+      };
+      return scrollToIndex(newFocusItem.virtualIndex, opts);
+    },
     item: newFocusItem
   }), [onItemFocus]);
   const onItemKeyDown = React.useCallback(e => {

package/cjs/utils/object-helpers.js

@@ -2,6 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+
 /* eslint-disable no-sequences */
 
 /* eslint-disable no-return-assign */

package/cjs/utils/refs-helpers.js

@@ -2,8 +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');
+
 // allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = (...refs) => {
+const setMultipleRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
   const filteredRefs = refs.filter(Boolean);
   if (!filteredRefs.length) return null;
   if (filteredRefs.length === 0) return filteredRefs[0];

package/cjs/utils/selectable-helper.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 treeHelpers = require('./tree-helpers.js');
 
@@ -11,7 +16,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 getGroupCheckState = node => {
   let childAllChecked = true;
   let anyChildChecked = false;
@@ -27,7 +32,8 @@ const getGroupCheckState = node => {
   if (anyChildChecked) return 'mixed';
   return false;
 };
-const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerender = null) => {
+const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const newSelections = {};
   const {
     nodePath
@@ -40,7 +46,8 @@ const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerende
   if (triggerTreeRerender) triggerTreeRerender();
   return newSelections;
 };
-const toggleCheckboxItem = (itemToSelect, triggerTreeRerender = null) => {
+const toggleCheckboxItem = function (itemToSelect) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const {
     node: {
       model: {