@elliemae/ds-treeview 2.0.0-alpha.10 → 2.0.0-alpha.11

package/cjs/TreeView.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var uuid = require('uuid');

package/cjs/config/cssClassesConstants.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const DSTreeViewPrefix = 'em-ds';
 const treeItemBlockName = 'tree-item';
 const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 exports.DSTreeViewPrefix = DSTreeViewPrefix;
 exports.treeItemBlockName = treeItemBlockName;

package/cjs/deprecated/TreeView.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var useDataList = require('@elliemae/ds-shared/useDataList');
 var renderers = require('./renderers.js');
@@ -59,7 +60,7 @@ function TreeView(_ref) {
   return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
   }, getListProps()), {}, {
-    className: `em-ds-tv-row-size-${rowSize}`
+    className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 

package/cjs/deprecated/__testUtils__/utils.js

@@ -17,6 +17,7 @@ require('core-js/modules/esnext.map.merge.js');
 require('core-js/modules/esnext.map.reduce.js');
 require('core-js/modules/esnext.map.some.js');
 require('core-js/modules/esnext.map.update.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/es.string.replace.js');
 require('react');
 var react = require('@testing-library/react');

package/cjs/deprecated/plugins/dnd/TreeDndPlugin.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var utils$1 = require('@elliemae/ds-utilities/utils');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');

package/cjs/deprecated/plugins/dnd/renderers/DraggableItem.js

@@ -3,6 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
@@ -39,7 +40,7 @@ const DraggableItem = (renderers // , instance
     isDragDisabled: isDragDisabled,
     draggableId: String(record.id),
     index: index
-  }, `${record.id}-draggable`, (provided, snapshot) => {
+  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
     const _getDraggableProps = utils.getDraggableProps(props, provided, snapshot),
           {
       key
@@ -53,7 +54,7 @@ const DraggableItem = (renderers // , instance
       }, provided.dragHandleProps), {}, {
         className: "drag-handle",
         tabIndex: isItemFocused ? 0 : -1
-      }), `${record.id}-drag-handle`), ...(props.leftAddons || [])],
+      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
       children: props.children
     }), key);
   });

package/cjs/deprecated/plugins/dnd/renderers/DroppableList.js

@@ -3,6 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var utils$2 = require('@elliemae/ds-utilities/utils');

package/cjs/deprecated/plugins/dnd/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var utils = require('@elliemae/ds-utilities/utils');
 var system = require('@elliemae/ds-utilities/system');
 

package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');

package/cjs/deprecated/plugins/searchable/utils.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const getListFromDocument = document.querySelector(`[data-testid="tree-list"]`);
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 exports.getListFromDocument = getListFromDocument;

package/cjs/deprecated/plugins/selectable/SelectablePluginTree.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Checkbox = require('@elliemae/ds-basic/form/Checkbox');
 var Radio = require('@elliemae/ds-basic/form/Radio');

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var utils = require('@elliemae/ds-utilities/utils');
 var Button = require('@elliemae/ds-basic/Button');
@@ -31,7 +32,7 @@ var _ArrowheadDown, _ArrowheadRight;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const ItemContent = dsClassnames.aggregatedClasses('div')(`${renderers.treeItemBlockName}-content`);
+const ItemContent = dsClassnames.aggregatedClasses('div')("".concat(renderers.treeItemBlockName, "-content"));
 const ItemValue = dsClassnames.aggregatedClasses('span')(renderers.treeItemBlockName, 'value');
 
 const noop = () => null;
@@ -45,7 +46,7 @@ const getItemNestingLeftPadding = (level, opts) => {
   }, opts);
 
   const groupLeftPadding = spaceForNestingLevel * (level - 1);
-  return isChild ? `${groupLeftPadding + spaceForNestingLevel - 0.1}em` : `${groupLeftPadding}em`;
+  return isChild ? "".concat(groupLeftPadding + spaceForNestingLevel - 0.1, "em") : "".concat(groupLeftPadding, "em");
 };
 
 const itemRenderer = (value, itemProps, instance) => {
@@ -66,9 +67,9 @@ const itemRenderer = (value, itemProps, instance) => {
   const amountChildren = Number(utils$1.getItemChildrenLength(record));
   const renderedLabel = utils.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
   return /*#__PURE__*/_jsx__default["default"](ItemContent, {
-    "data-testid": `${renderers.treeItemBlockName}-content`,
+    "data-testid": "".concat(renderers.treeItemBlockName, "-content"),
     onClick: handleItemClick
-  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && ` (${amountChildren})`));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && " (".concat(amountChildren, ")")));
 };
 
 itemRenderer.order = 100;
@@ -134,7 +135,7 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
       size: "s",
       tabIndex: -1 // eslint-disable-next-line max-lines
 
-    }, `${record.id}-expand-addon`);
+    }, "".concat(record.id, "-expand-addon"));
 
     const iconAddon = icon && /*#__PURE__*/React__default["default"].cloneElement(icon, {
       'data-testid': record.isGroup ? 'tree-item-group-icon' : 'tree-item-icon',
@@ -146,7 +147,7 @@ const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
       style: {
         width: itemNestingLeftPadding
       }
-    }, `${record.id}-space-addon`);
+    }, "".concat(record.id, "-space-addon"));
 
     return _objectSpread(_objectSpread({}, props), {}, {
       'data-id': record.id,

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var useExpandState = require('@elliemae/ds-utilities/hooks/useExpandState');
 var utils = require('@elliemae/ds-utilities/utils');

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

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
 const getParentId = record => get__default["default"](record, ['parentNode', 'id']);
-const findItemOnDocument = id => document.querySelector(`[data-id="${id}"]`);
-const getListFromDocument = () => document.querySelector(`[data-testid="tree-list"]`);
+const 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]);

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

@@ -2,6 +2,8 @@
 
 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];

package/cjs/deprecated/renderers.js

@@ -22,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const treeListBlockName = 'tree-list';
 const treeItemBlockName = 'tree-item';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 const TreeListItem = dsClassnames.aggregatedClasses('li', {
   'data-testid': treeItemBlockName,
   role: 'treeitem'
@@ -34,7 +34,7 @@ const TreeList = dsClassnames.aggregatedClasses('ul', {
 })(treeListBlockName, null, ({
   rowSize
 }) => ({
-  [`rowsize-${rowSize}`]: rowSize
+  ["rowsize-".concat(rowSize)]: rowSize
 }));
 const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn

package/cjs/parts/ChildrenCountDisplayer.js

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

package/cjs/parts/ExpandCaret.js

@@ -77,7 +77,7 @@ const ExpandCaret = props => {
     },
     size: "s",
     tabIndex: -1
-  }, `${id}-expand-addon`);
+  }, "".concat(id, "-expand-addon"));
   return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       width: '24px'

package/cjs/parts/NestingSpace.js

@@ -24,7 +24,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 => {

package/cjs/parts/RadioSelectable.js

@@ -47,7 +47,7 @@ function RadioSelectable(props) {
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, id, onSelectionChange, scrollToIndex]);
-  const radioName = React.useMemo(() => `radios-${uniqueTreeViewUUID}`, [uniqueTreeViewUUID]);
+  const radioName = React.useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
   return /*#__PURE__*/_jsx__default["default"](Radio__default["default"], {
     checked: selectedCheckboxes[id] === true,
     name: radioName,

package/cjs/parts/TreeItem.js

@@ -4,6 +4,7 @@ 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');
 var React = require('react');
 var reactSortableHoc = require('@elliemae/react-sortable-hoc');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -47,7 +48,7 @@ const DnDHandle = reactSortableHoc.SortableHandle(({
     }
   },
   tabIndex: "0"
-}, `${id}-drag-handle`));
+}, "".concat(id, "-drag-handle")));
 const TreeItem = props => {
   const {
     item,
@@ -106,7 +107,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,13 +115,13 @@ 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);

package/cjs/parts/TreeItemText.js

@@ -17,11 +17,11 @@ 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
@@ -93,10 +93,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

@@ -21,7 +21,7 @@ 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);
@@ -31,10 +31,10 @@ const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
 })(cssClassesConstants.treeListBlockName, null, ({
   rowSize
 }) => ({
-  [`rowsize-${rowSize}`]: rowSize
+  ["rowsize-".concat(rowSize)]: rowSize
 }));
-const compactRowClass = `${cssClassesConstants.DSTreeViewPrefix}-tv-row-size-compact`;
-const normaRowClass = `${cssClassesConstants.DSTreeViewPrefix}-tv-row-size-normal`;
+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 +57,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", {
@@ -82,7 +82,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 +102,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/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/tree-helpers.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var stringHelpers = require('./string-helpers.js');
 
-/* eslint-disable max-params */
 const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = false) => {
   const {
     children,

package/cjs/utils/useDnDHelpers.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var lodash = require('lodash');
 var TreeViewContext = require('../TreeViewContext.js');
 var treeHelpers = require('./tree-helpers.js');
 var dndHelpers = require('./dnd-helpers.js');
 
-/* eslint-disable max-depth */
 const useDnDHelpers = () => {
   const ctx = React.useContext(TreeViewContext["default"]);
   const {
@@ -183,7 +183,8 @@ const useDnDHelpers = () => {
       setIsDraggingOverThis(true);
 
       if (!(openFolderOnHoverTimeout !== null && openFolderOnHoverTimeout !== void 0 && openFolderOnHoverTimeout.current) && // only set the interval if it wasn't set already once
-      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && (item.isGroup || item.children.length > 0) && // only open groups
+      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && ( // don't open ghost element
+      item.isGroup || item.children.length > 0) && // only open groups
       !restrictDragAndDrop) {
         openFolderOnHoverTimeout.current = setTimeout(() => {
           item.node.model.isExpanded = true;

package/cjs/utils/useInstanceRefActions.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var treeHelpers = require('./tree-helpers.js');
 var groupExpandsHelpers = require('./group-expands-helpers.js');

package/cjs/utils/useTree.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var TreeModel = require('tree-model');
 var lodash = require('lodash');

package/esm/TreeView.js

@@ -1,5 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import { useVirtual } from 'react-virtual';
 import { v4 } from 'uuid';

package/esm/config/cssClassesConstants.js

@@ -1,6 +1,6 @@
 const DSTreeViewPrefix = 'em-ds';
 const treeItemBlockName = 'tree-item';
 const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 export { DSTreeViewPrefix, treeItemBlockName, treeListBlockName, treeListNoItemsBn };

package/esm/deprecated/TreeView.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import useDataList from '@elliemae/ds-shared/useDataList';
 import { TreeRenderers } from './renderers.js';
@@ -48,7 +49,7 @@ function TreeView(_ref) {
   return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
   }, getListProps()), {}, {
-    className: `em-ds-tv-row-size-${rowSize}`
+    className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 

package/esm/deprecated/__testUtils__/utils.js

@@ -13,6 +13,7 @@ import 'core-js/modules/esnext.map.merge.js';
 import 'core-js/modules/esnext.map.reduce.js';
 import 'core-js/modules/esnext.map.some.js';
 import 'core-js/modules/esnext.map.update.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.string.replace.js';
 import 'react';
 import { render } from '@testing-library/react';

package/esm/deprecated/plugins/dnd/TreeDndPlugin.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useMemo } from 'react';
 import { isEqual } from '@elliemae/ds-utilities/utils';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';

package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { Draggable } from 'react-beautiful-dnd';
 import GripperVertical from '@elliemae/ds-icons/GripperVertical';
@@ -30,7 +31,7 @@ const DraggableItem = (renderers // , instance
     isDragDisabled: isDragDisabled,
     draggableId: String(record.id),
     index: index
-  }, `${record.id}-draggable`, (provided, snapshot) => {
+  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
     const _getDraggableProps = getDraggableProps(props, provided, snapshot),
           {
       key
@@ -44,7 +45,7 @@ const DraggableItem = (renderers // , instance
       }, provided.dragHandleProps), {}, {
         className: "drag-handle",
         tabIndex: isItemFocused ? 0 : -1
-      }), `${record.id}-drag-handle`), ...(props.leftAddons || [])],
+      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
       children: props.children
     }), key);
   });

package/esm/deprecated/plugins/dnd/renderers/DroppableList.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useRef, useCallback, createElement } from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
 import { cx } from '@elliemae/ds-utilities/utils';

package/esm/deprecated/plugins/dnd/utils.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { cx, set, get, cloneDeep, arrayMove } from '@elliemae/ds-utilities/utils';
 import { mergeRefs } from '@elliemae/ds-utilities/system';
 

package/esm/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo, useRef } from 'react';
 import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
 import useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';

package/esm/deprecated/plugins/searchable/utils.js

@@ -1,3 +1,3 @@
-const getListFromDocument = document.querySelector(`[data-testid="tree-list"]`);
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 export { getListFromDocument };

package/esm/deprecated/plugins/selectable/SelectablePluginTree.js

@@ -1,5 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo, useCallback } from 'react';
 import Checkbox from '@elliemae/ds-basic/form/Checkbox';
 import Radio from '@elliemae/ds-basic/form/Radio';

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

@@ -1,5 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useCallback } from 'react';
 import { cx, isFunction } from '@elliemae/ds-utilities/utils';
 import Button from '@elliemae/ds-basic/Button';
@@ -17,7 +18,7 @@ var _ArrowheadDown, _ArrowheadRight;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const ItemContent = aggregatedClasses('div')(`${treeItemBlockName}-content`);
+const ItemContent = aggregatedClasses('div')("".concat(treeItemBlockName, "-content"));
 const ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value');
 
 const noop = () => null;
@@ -31,7 +32,7 @@ const getItemNestingLeftPadding = (level, opts) => {
   }, opts);
 
   const groupLeftPadding = spaceForNestingLevel * (level - 1);
-  return isChild ? `${groupLeftPadding + spaceForNestingLevel - 0.1}em` : `${groupLeftPadding}em`;
+  return isChild ? "".concat(groupLeftPadding + spaceForNestingLevel - 0.1, "em") : "".concat(groupLeftPadding, "em");
 };
 
 const itemRenderer = (value, itemProps, instance) => {
@@ -52,9 +53,9 @@ const itemRenderer = (value, itemProps, instance) => {
   const amountChildren = Number(getItemChildrenLength(record));
   const renderedLabel = isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
   return /*#__PURE__*/_jsx(ItemContent, {
-    "data-testid": `${treeItemBlockName}-content`,
+    "data-testid": "".concat(treeItemBlockName, "-content"),
     onClick: handleItemClick
-  }, void 0, /*#__PURE__*/_jsx(ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && ` (${amountChildren})`));
+  }, void 0, /*#__PURE__*/_jsx(ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && " (".concat(amountChildren, ")")));
 };
 
 itemRenderer.order = 100;
@@ -120,7 +121,7 @@ const TreePluginList = createInstancePlugin('tree-data', {
       size: "s",
       tabIndex: -1 // eslint-disable-next-line max-lines
 
-    }, `${record.id}-expand-addon`);
+    }, "".concat(record.id, "-expand-addon"));
 
     const iconAddon = icon && /*#__PURE__*/React.cloneElement(icon, {
       'data-testid': record.isGroup ? 'tree-item-group-icon' : 'tree-item-icon',
@@ -132,7 +133,7 @@ const TreePluginList = createInstancePlugin('tree-data', {
       style: {
         width: itemNestingLeftPadding
       }
-    }, `${record.id}-space-addon`);
+    }, "".concat(record.id, "-space-addon"));
 
     return _objectSpread(_objectSpread({}, props), {}, {
       'data-id': record.id,

package/esm/deprecated/plugins/tree/useExpandTreeState.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import useExpandState from '@elliemae/ds-utilities/hooks/useExpandState';
 import { isFunction } from '@elliemae/ds-utilities/utils';

package/esm/deprecated/plugins/tree/utils.js

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
 
 const getParentId = record => get(record, ['parentNode', 'id']);
-const findItemOnDocument = id => document.querySelector(`[data-id="${id}"]`);
-const getListFromDocument = () => document.querySelector(`[data-testid="tree-list"]`);
+const findItemOnDocument = id => document.querySelector("[data-id=\"".concat(id, "\"]"));
+const getListFromDocument = () => document.querySelector("[data-testid=\"tree-list\"]");
 const getParentChildren = (record, childrenKey = 'children') => get(record, ['parentNode', 'data', childrenKey]);
 const getItemLabel = (record, nameKey = 'name') => get(record, ['data', nameKey]);
 const getItemChildren = (record, childrenKey = 'children') => get(record, ['data', childrenKey]);

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

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
   return [...parentNode.path, childrenKey, index];

package/esm/deprecated/renderers.js

@@ -12,7 +12,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(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 = aggregatedClasses('li', {
   'data-testid': treeItemBlockName,
   role: 'treeitem'
@@ -24,7 +24,7 @@ const TreeList = aggregatedClasses('ul', {
 })(treeListBlockName, null, ({
   rowSize
 }) => ({
-  [`rowsize-${rowSize}`]: rowSize
+  ["rowsize-".concat(rowSize)]: rowSize
 }));
 const TreeListNoItems = aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn

package/esm/parts/ChildrenCountDisplayer.js

@@ -2,7 +2,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';
 
-const className = `${DSTreeViewPrefix}-${treeItemBlockName}-children-count-displayer`;
+const className = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "-children-count-displayer");
 const ChildrenCountDisplayer = props => {
   const {
     item
@@ -16,7 +16,7 @@ const ChildrenCountDisplayer = props => {
   return /*#__PURE__*/_jsx("span", {
     "data-testid": "tree-item-children-count-displayer",
     className: className
-  }, void 0, ` | ${children.length} Items`);
+  }, void 0, " | ".concat(children.length, " Items"));
 };
 
 export { ChildrenCountDisplayer };

package/esm/parts/ExpandCaret.js

@@ -66,7 +66,7 @@ const ExpandCaret = props => {
     },
     size: "s",
     tabIndex: -1
-  }, `${id}-expand-addon`);
+  }, "".concat(id, "-expand-addon"));
   return /*#__PURE__*/_jsx("div", {
     style: {
       width: '24px'

package/esm/parts/NestingSpace.js

@@ -15,7 +15,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 => {

package/esm/parts/RadioSelectable.js

@@ -40,7 +40,7 @@ function RadioSelectable(props) {
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, id, onSelectionChange, scrollToIndex]);
-  const radioName = useMemo(() => `radios-${uniqueTreeViewUUID}`, [uniqueTreeViewUUID]);
+  const radioName = useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
   return /*#__PURE__*/_jsx(Radio, {
     checked: selectedCheckboxes[id] === true,
     name: radioName,

package/esm/parts/TreeItem.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useContext, useMemo, useCallback } from 'react';
 import { SortableHandle, SortableElement } from '@elliemae/react-sortable-hoc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
@@ -37,7 +38,7 @@ const DnDHandle = SortableHandle(({
     }
   },
   tabIndex: "0"
-}, `${id}-drag-handle`));
+}, "".concat(id, "-drag-handle")));
 const TreeItem = props => {
   const {
     item,
@@ -96,7 +97,7 @@ const TreeItem = props => {
       isAfter,
       isValid
     } = relativeMouseCord;
-    let className = `${DSTreeViewPrefix}-${treeItemBlockName}${isValid ? '--valid' : '--invalid'}`;
+    let className = "".concat(DSTreeViewPrefix, "-").concat(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]);
@@ -104,13 +105,13 @@ const TreeItem = props => {
   const hoverClassName = useMemo(() => (hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) !== item.id || withDragAndDrop && isDragging ? '' : 'hover', [hoverItem, withDragAndDrop, isDragging]);
   const fixedHeightClassname = useMemo(() => {
     if (labelOverflow === 'truncate') {
-      if (rowSize === 'compact') return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height-compact`;
-      return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height`;
+      if (rowSize === 'compact') return "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "--fixed-height-compact");
+      return "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "--fixed-height");
     }
 
     return '';
   }, [labelOverflow, rowSize]);
-  const finalClassName = useMemo(() => `${dropPreviewClassName} ${fixedHeightClassname} ${selectedClassName} ${hoverClassName}`, [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname]);
+  const finalClassName = useMemo(() => "".concat(dropPreviewClassName, " ").concat(fixedHeightClassname, " ").concat(selectedClassName, " ").concat(hoverClassName), [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname]);
   const handleItemClick = useCallback(e => {
     onItemClick(item, e);
     setFocusedItem(item);

package/esm/parts/TreeItemText.js

@@ -8,11 +8,11 @@ import { treeItemBlockName, DSTreeViewPrefix } from '../config/cssClassesConstan
 import TreeViewContext from '../TreeViewContext.js';
 import { jsxs, Fragment } from 'react/jsx-runtime';
 
-const ItemContent = aggregatedClasses('div')(`${treeItemBlockName}-content`);
+const ItemContent = aggregatedClasses('div')("".concat(treeItemBlockName, "-content"));
 const ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value'); // const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;
 
-const classNameModifierWrapAll = `${DSTreeViewPrefix}-${treeItemBlockName}__value--wrap-all`;
-const classNameModifierTruncate = `${DSTreeViewPrefix}-${treeItemBlockName}__value--truncate`; // eslint-disable-next-line react/prop-types
+const classNameModifierWrapAll = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--wrap-all");
+const classNameModifierTruncate = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--truncate"); // eslint-disable-next-line react/prop-types
 
 const CustomHighlight = ({
   children
@@ -84,10 +84,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(ItemContent, {
-    "data-testid": `${treeItemBlockName}-content`
+    "data-testid": "".concat(treeItemBlockName, "-content")
   }, void 0, /*#__PURE__*/_jsx(ItemValue, {
     className: className
   }, void 0, Text));

package/esm/parts/TreeList.js

@@ -12,7 +12,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 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(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 = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 const TreeListNoItems = aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn
 })(treeListNoItemsBn);
@@ -22,10 +22,10 @@ const TreeListWrapper = aggregatedClasses('ul', {
 })(treeListBlockName, null, ({
   rowSize
 }) => ({
-  [`rowsize-${rowSize}`]: rowSize
+  ["rowsize-".concat(rowSize)]: rowSize
 }));
-const compactRowClass = `${DSTreeViewPrefix}-tv-row-size-compact`;
-const normaRowClass = `${DSTreeViewPrefix}-tv-row-size-normal`;
+const compactRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-compact");
+const normaRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-normal");
 const TreeList = props => {
   const {
     onMouseDragOverItem
@@ -48,13 +48,13 @@ const TreeList = props => {
     totalSize,
     virtualItems
   } = virtualListHelpers;
-  const className = `${rowSize === 'compact' ? `${compactRowClass}` : `${normaRowClass}`}`;
+  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
   return /*#__PURE__*/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("div", {
@@ -73,7 +73,7 @@ const TreeList = props => {
       showTooltip: false
     })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx(TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx("div", {
       style: {
-        height: `${totalSize}px`,
+        height: "".concat(totalSize, "px"),
         width: '100%',
         position: 'relative'
       }
@@ -93,10 +93,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/esm/utils/array-helpers.js

@@ -1,3 +1,5 @@
+import '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/esm/utils/tree-helpers.js

@@ -1,7 +1,7 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { createRef } from 'react';
 import { standardizeSearchQueryString } from './string-helpers.js';
 
-/* eslint-disable max-params */
 const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = false) => {
   const {
     children,

package/esm/utils/useDnDHelpers.js

@@ -1,10 +1,10 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useCallback } from 'react';
 import { cloneDeep } from 'lodash';
 import TreeViewContext, { defaultRelativeMouseCoord } from '../TreeViewContext.js';
 import { getNodeById, focusItem } from './tree-helpers.js';
 import { inferKeyboardKinshipDrop, inferHoverItemKinshipDrop, isDropValid } from './dnd-helpers.js';
 
-/* eslint-disable max-depth */
 const useDnDHelpers = () => {
   const ctx = useContext(TreeViewContext);
   const {
@@ -179,7 +179,8 @@ const useDnDHelpers = () => {
       setIsDraggingOverThis(true);
 
       if (!(openFolderOnHoverTimeout !== null && openFolderOnHoverTimeout !== void 0 && openFolderOnHoverTimeout.current) && // only set the interval if it wasn't set already once
-      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && (item.isGroup || item.children.length > 0) && // only open groups
+      (draggedItem === null || draggedItem === void 0 ? void 0 : draggedItem.id) !== (item === null || item === void 0 ? void 0 : item.id) && ( // don't open ghost element
+      item.isGroup || item.children.length > 0) && // only open groups
       !restrictDragAndDrop) {
         openFolderOnHoverTimeout.current = setTimeout(() => {
           item.node.model.isExpanded = true;

package/esm/utils/useInstanceRefActions.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
 import { focusItem } from './tree-helpers.js';
 import { toggleExpandAllHelper } from './group-expands-helpers.js';

package/esm/utils/useTree.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo, useState, useEffect, useCallback } from 'react';
 import TreeModel from 'tree-model';
 import { cloneDeep } from 'lodash';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-treeview",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tree View",
   "module": "./esm/index.js",
@@ -319,12 +319,12 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.10",
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.10",
-    "@elliemae/ds-icons": "2.0.0-alpha.10",
-    "@elliemae/ds-shared": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.11",
+    "@elliemae/ds-icons": "2.0.0-alpha.11",
+    "@elliemae/ds-shared": "2.0.0-alpha.11",
+    "@elliemae/ds-utilities": "2.0.0-alpha.11",
     "@elliemae/react-sortable-hoc": "^1.0.0",
     "@john-osullivan/react-window-dynamic-fork": "1.9.0-alpha.1",
     "prop-types": "~15.7.2",

package/types/deprecated/__testUtils__/utils.d.ts

@@ -19,54 +19,54 @@ export declare function getTreeItemsFromRender({ data, plugins, ...props }: {
     rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
-    getByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    queryByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
     items: HTMLElement[];
     itemsMap: Map<any, any>;
-    getAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
 };

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}