@elliemae/ds-treeview 2.0.0-next.0 → 2.0.0-next.13

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 {
@@ -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,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; }
 
@@ -34,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"
-}, `${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,
@@ -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]);

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;
@@ -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
@@ -93,10 +96,10 @@ function TreeItemText(props) {
     });
   }, [item, searchQuery, nameKey, showChildrenAmount, labelOverflow]);
   let className = '';
-  if (labelOverflow === 'wrap-all') className += `${classNameModifierWrapAll} `;
-  if (labelOverflow === 'truncate') className += `${classNameModifierTruncate} `;
+  if (labelOverflow === 'wrap-all') className += "".concat(classNameModifierWrapAll, " ");
+  if (labelOverflow === 'truncate') className += "".concat(classNameModifierTruncate, " ");
   return /*#__PURE__*/_jsx__default["default"](ItemContent, {
-    "data-testid": `${cssClassesConstants.treeItemBlockName}-content`
+    "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');
@@ -21,20 +28,23 @@ 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`;
+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
@@ -57,13 +67,13 @@ 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", {
@@ -74,7 +84,7 @@ 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,
@@ -82,7 +92,7 @@ const TreeList = props => {
       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", {
       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/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

@@ -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');
 
@@ -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: {

package/cjs/utils/tree-helpers.js

@@ -2,11 +2,20 @@
 
 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/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.every.js');
+require('core-js/modules/esnext.iterator.every.js');
 var React = require('react');
 var stringHelpers = require('./string-helpers.js');
 
-/* eslint-disable max-params */
-const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = false) => {
+const walkVisibles = function (node, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let highlightOnlyQuery = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const {
     children,
     model
@@ -28,7 +37,8 @@ const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = fals
     });
   }
 };
-const walkParents = (nodePath, callback, skipRoot = true) => {
+const walkParents = function (nodePath, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const parents = [...nodePath].reverse();
   parents.shift(); // remove current node from the parents array
 
@@ -36,7 +46,8 @@ const walkParents = (nodePath, callback, skipRoot = true) => {
 
   parents.forEach(callback);
 };
-const walkAllNodeChildren = (node, callback, isFirst = true) => {
+const walkAllNodeChildren = function (node, callback) {
+  let isFirst = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const {
     children = []
   } = node;
@@ -54,7 +65,9 @@ const getNodeById = (treeRoot, id) => {
   return nodes[0];
 };
 const cloneNode = (tree, node) => tree.parse(node.model);
-const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
+const getItemsParentNode = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let skipSameParentCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (items.length === 0) throw new Error("Received empty items, can't retrieve parent"); // in case we already know the items compared shares the same parent
 
   if (!skipSameParentCheck) if (!itemsShareSameParent(items)) // if we don't know (default, we don't) check if they share the parent
@@ -71,7 +84,8 @@ const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
   const directParentNode = firstExistingItemPath[firstExistingItemPath.length - 2];
   return directParentNode;
 };
-const itemsShareSameParent = (items = []) => {
+const itemsShareSameParent = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   if (items.length === 0) throw new Error('Received empty items for comparison');
   if (items.length === 1) return true; // when moving in first position we receive [undefined,...{items}]
   // when moving in last position we receive [...{items}, undefined]
@@ -92,21 +106,25 @@ const itemsShareSameParent = (items = []) => {
     return directParentNode === itemDirectParent;
   });
 };
-const getNodeMatchesSearchQuery = (node, searchQuery = '') => {
+const getNodeMatchesSearchQuery = function (node) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const standardizedName = stringHelpers.standardizeSearchQueryString(node.model.name);
   const standardizedSearchQuery = stringHelpers.standardizeSearchQueryString(searchQuery);
   return standardizedName.includes(standardizedSearchQuery);
 };
-const getChildrenMatchesSearchQuery = (parentNode, searchQuery = '') => {
+const getChildrenMatchesSearchQuery = function (parentNode) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let anyChildMatch = false;
   walkAllNodeChildren(parentNode, node => {
     if (getNodeMatchesSearchQuery(node, searchQuery)) anyChildMatch = true;
   });
   return anyChildMatch;
 };
-const enrichNodeModelInPlace = (node, searchQuery = '', selection = null) => {
+const enrichNodeModelInPlace = function (node) {
   var _node$model, _node$model$children;
 
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const path = node.getPath();
   const depth = path.length - 1;
   node.model.nodePath = path;