@elliemae/ds-datagrids 2.4.2-rc.9 → 2.4.2

package/cjs/plugins/grouping-grid/GroupingPlugin.js

@@ -35,7 +35,7 @@ const _excluded = ["isExpanded"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = "".concat(blockNames.dataGridBlockName, "-group-row-header");
+const blockName = `${blockNames.dataGridBlockName}-group-row-header`;
 const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
 const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
 const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {

package/cjs/plugins/grouping-grid/walkStrategy.js

@@ -2,8 +2,6 @@
 
 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/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 

package/cjs/plugins/pagination/components/Paginator.js

@@ -15,7 +15,7 @@ var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
 var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
 const blockName = 'data-grid';
 const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
-const PagifyContext = dsClassnames.aggregatedClasses(ReactPagify__default["default"] === null || ReactPagify__default["default"] === void 0 ? void 0 : ReactPagify__default["default"].Context)(blockName, 'pagify-pagination');
+const PagifyContext = dsClassnames.aggregatedClasses(ReactPagify__default["default"]?.Context)(blockName, 'pagify-pagination');
 
 const Paginator = _ref => {
   let {

package/cjs/plugins/pagination/usePaginationState.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var dsUtilities = require('@elliemae/ds-utilities');
 var helper = require('./helper.js');
 

package/cjs/plugins/resizable/utils.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/es.string.replace.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var memoizeOne = require('memoize-one');
 
@@ -19,7 +18,7 @@ const translatePercentageToPx = memoizeOne__default["default"](function (totalWi
   return width > minWidth ? width : minWidth;
 });
 const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => dsUtilities.parseInt(pxNumber.replace('%', '')));
-memoizeOne__default["default"]((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
+memoizeOne__default["default"]((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
 memoizeOne__default["default"](function (gridWidth) {
   let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   let minWidth = arguments.length > 2 ? arguments[2] : undefined;

package/cjs/plugins/row-dnd/DndRowsPlugin.js

@@ -2,14 +2,13 @@
 
 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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactSortableHoc = require('react-sortable-hoc');
 var dsIcons = require('@elliemae/ds-icons');

package/cjs/plugins/selectable/SelectablePlugin.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var cx = require('obj-str');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -16,6 +15,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
+/* eslint-disable react-hooks/rules-of-hooks */
+
 const decorateColumns = (columns, grid) => {
   const {
     props: {

package/cjs/plugins/selectable/useSelectableState.js

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

package/cjs/plugins/sortable/sorter.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.error.cause.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.some.js');
 require('core-js/modules/esnext.iterator.some.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/esnext.async-iterator.find.js');
@@ -71,7 +71,7 @@ const sorter = function () {
         } = realColumn;
         const value = row[sortBy || property]; // Pick resolved value by convention
 
-        const resolvedValue = dsUtilities.get(row, "_".concat(property), value);
+        const resolvedValue = dsUtilities.get(row, `_${property}`, value);
 
         if (realColumn.type === 'DateTime') {
           return moment__default["default"](resolvedValue);
@@ -132,7 +132,7 @@ const sorterGroups = function () {
         } = realColumn;
         const value = row[sortBy || property]; // Pick resolved value by convention
 
-        const resolvedValue = dsUtilities.get(row, "_".concat(property), value);
+        const resolvedValue = dsUtilities.get(row, `_${property}`, value);
 
         if (realColumn.type === 'DateTime') {
           return moment__default["default"](resolvedValue);

package/cjs/plugins/sortable/useSortableState.js

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

package/cjs/plugins/toolbar/RowRenderer.js

@@ -2,14 +2,13 @@
 
 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');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var lodash = require('lodash');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -77,7 +76,7 @@ const RowRenderer = (Row, grid) => {
     }, props), {}, {
       style: rowStyle
     })), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default["default"]("div", {
-      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
+      className: `toolbar-trigger-container ${style ? 'move' : 'stay'}`,
       style: _objectSpread({}, popStyle)
     }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarTrigger.ToolbarTrigger, {
       grid: grid,

package/cjs/plugins/toolbar/ToolbarPlugin.js

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

package/cjs/plugins/toolbar/ToolbarTrigger.js

@@ -2,14 +2,13 @@
 
 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');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');
@@ -32,10 +31,11 @@ const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
 const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pm75g5-1"
-})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? "box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '');
+})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),
+  1px 0px 2px 0px rgba(0, 0, 0, 0.2);` : '');
 const ToolbarPosition = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pm75g5-2"
-})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
+})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
 
 const ToolbarTrigger = _ref => {
   let {

package/cjs/plugins/virtualization/VirtualizedBody.js

@@ -2,7 +2,6 @@
 
 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.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
@@ -253,7 +252,7 @@ const VirtualizedBody = props => {
       },
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         "data-testid": "virtualized-body",
-        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
+        className: `virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`,
         style: bodyStyle,
         ref: r => {
           dsUtilities.mergeRefs(innerBody)(r);

package/cjs/renders/styled.js

@@ -14,10 +14,22 @@ const m = '0.61538rem';
 const m2 = '1.23076rem';
 const CellWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n8exyf-0"
-})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? "calc(100% + ".concat(m2, ")") : '100%', props => props.noPadding ? "-".concat(m) : '0', props => props.noPadding ? "-".concat(m) : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? "background: ".concat(props.theme.colors.brand['200']) : '', props => props.badgeAddon ? "\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, "  ").concat(props.theme.space.xxs, " 0;\n    border-color: ").concat(props.theme.colors.brand['600'], " transparent  transparent ").concat(props.theme.colors.brand['600'], ";\n  }\n  ") : '');
+})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? `calc(100% + ${m2})` : '100%', props => props.noPadding ? `-${m}` : '0', props => props.noPadding ? `-${m}` : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? `background: ${props.theme.colors.brand['200']}` : '', props => props.badgeAddon ? `
+  position: relative;  
+  &::before {
+    display: block;
+    content: '';
+    position: absolute;
+    top: 0;
+    left:0;
+    border-style: solid;
+    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;
+    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};
+  }
+  ` : '');
 const ValueWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n8exyf-1"
-})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(props.theme.colors.neutral['500'], ";") : '');
+})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '');
 const CellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-1n8exyf-2"
 })(["padding-left:", ";padding-right:", ";position:relative;"], m, m);

package/cjs/utilities/normalizeData.js

@@ -8,7 +8,6 @@ require('core-js/modules/esnext.iterator.map.js');
 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/es.string.replace.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 

package/esm/DataGridImpl.js

@@ -19,9 +19,9 @@ import 'core-js/modules/esnext.set.reduce.js';
 import 'core-js/modules/esnext.set.some.js';
 import 'core-js/modules/esnext.set.symmetric-difference.js';
 import 'core-js/modules/esnext.set.union.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/es.error.cause.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
@@ -130,7 +130,7 @@ function DataGridImpl(_ref2) {
   const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
   const usePagination = paginated && !conditionalPagination;
   return /*#__PURE__*/jsxs(DatagridWrapper, _objectSpread(_objectSpread({
-    className: "".concat(className, " ds-row-size-").concat(rowSize),
+    className: `${className} ds-row-size-${rowSize}`,
     classProps: {
       fluidHeight: isFluid({
         autoHeight: otherProps.autoHeight,

package/esm/blockNames.js

@@ -1,5 +1,5 @@
 const dataGridBlockName = 'data-grid';
-const headerBlockName = "".concat(dataGridBlockName, "-header");
-const bodyBlockName = "".concat(dataGridBlockName, "-body");
+const headerBlockName = `${dataGridBlockName}-header`;
+const bodyBlockName = `${dataGridBlockName}-body`;
 
 export { bodyBlockName, dataGridBlockName, headerBlockName };

package/esm/columns/IconColumn.js

@@ -50,7 +50,7 @@ function createColumn(_ref) {
     const onClickHandler = e => onClick(e, extraParams);
 
     return /*#__PURE__*/_jsx(ValueWrapper, {
-      className: cx("icc-".concat(intent), isVisited(value, extraParams))
+      className: cx(`icc-${intent}`, isVisited(value, extraParams))
     }, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx(DSButton, {
       buttonType: "text",
       intent: intent,

package/esm/components/BodyCell.js

@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.iterator.for-each.js';
 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 { useRef, useContext, useCallback, useEffect } from 'react';
 import { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';
 import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
@@ -77,11 +76,11 @@ function BodyCell(_ref) {
     value: v
   });
 
-  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = evaluateTransforms(transforms, value, extraParameters);
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
-    "data-testid": "column-".concat(property),
+    "data-testid": `column-${property}`,
     tabIndex: -1,
     classProps: classProps
   }, props), cell && cell.props), transformed), {}, {

package/esm/components/ColumnVisibilityMenuOption.js

@@ -1,7 +1,6 @@
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getColumnVisibilityMenuOption(_ref) {
   let {

package/esm/components/ColumnsOptionsMenuSection.js

@@ -2,7 +2,6 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { Menu } from '@elliemae/ds-menu';
 

package/esm/components/HeaderCell.js

@@ -56,7 +56,7 @@ function HeaderCell(_ref) {
     classProps: classProps
   }, props), header && header.props), transformedProps), {}, {
     children: transformedProps.children || formattedValue
-  }), "".concat(evaluatedProperty, "-header"));
+  }), `${evaluatedProperty}-header`);
 }
 
 export { HeaderCell as default };

package/esm/components/renderers/defaultClassedRenderers.js

@@ -1,9 +1,9 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { dataGridBlockName, headerBlockName, bodyBlockName } from '../../blockNames.js';
 
-const NoResultsContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-no-results"));
-const SpinnerContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-spinner"));
-const DatagridWrapper = aggregatedClasses('div')("".concat(dataGridBlockName, "-wrapper"), null, _ref => {
+const NoResultsContainer = aggregatedClasses('div')(`${dataGridBlockName}-no-results`);
+const SpinnerContainer = aggregatedClasses('div')(`${dataGridBlockName}-spinner`);
+const DatagridWrapper = aggregatedClasses('div')(`${dataGridBlockName}-wrapper`, null, _ref => {
   let {
     fluidHeight
   } = _ref;

package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -58,8 +58,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
   const t = useRef();
 
   const repositionToolbarBasedOnBodyScrollPosition = SCROLLBAR_WIDTH => () => {
-    grid.refs.body.current.style.setProperty('--toolbar-scroll', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15, "px"));
-    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19, "px"));
+    grid.refs.body.current.style.setProperty('--toolbar-scroll', `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`);
+    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`);
   };
 
   useEffect(() => {
@@ -107,8 +107,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
 const TableSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSync, {
   proportional: false,
   onScroll: e => {
-    e.target.style.setProperty('--toolbar-scroll', "".concat(e.target.offsetWidth + e.target.scrollLeft - 15, "px"));
-    e.target.style.setProperty('--toolbar-scroll-paginated', "".concat(e.target.offsetWidth + e.target.scrollLeft - 19, "px"));
+    e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
+    e.target.style.setProperty('--toolbar-scroll-paginated', `${e.target.offsetWidth + e.target.scrollLeft - 19}px`);
   }
 }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
 

package/esm/plugins/column-dnd/DndColumnsPlugin.js

@@ -49,11 +49,11 @@ const getHeaderRowProps = (props, grid) => {
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
+      transform: `translate3d(${columnTranslate}px, 0, 0)`
     });
     oldColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
+      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
     });
     sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);

package/esm/plugins/column-sizing/ColumnSizingPlugin.js

@@ -12,7 +12,7 @@ const getHeaderRowProps = (rowProps, _ref) => {
   let {
     rowsStylesheet
   } = _ref;
-  rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
+  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
   return rowProps;
 };
 

package/esm/plugins/column-sizing/ext-points/getTableProps.js

@@ -4,7 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import { useResizeObserver, mergeRefs } from '@elliemae/ds-utilities';
 import { getScrollbarSizeFromHeaderAndBody } from '../utils.js';

package/esm/plugins/column-sizing/getColumnNameFromProperty.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
-
 function getColumnFromProperty(property) {
   return property && property.replace(/\./g, '-');
 }

package/esm/plugins/column-sizing/useColumnSizeService.js

@@ -1,5 +1,4 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
@@ -51,7 +50,7 @@ function useColumnSizeService(instance) {
     const columnsArray = Object.values(columns.current);
     columnsArray.forEach(column => {
       const columnOffsetWidth = column.node.offsetWidth;
-      column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
+      column.updateBodyHeaderWidth(`${columnOffsetWidth}px`, `${columnOffsetWidth}px`);
     });
   };
 
@@ -105,7 +104,7 @@ function useColumnSizeService(instance) {
 
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = "".concat(getColumnWidthSize(pxs, minColumnWidth, column), "px");
+        const pxWidths = `${getColumnWidthSize(pxs, minColumnWidth, column)}px`;
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -118,7 +117,7 @@ function useColumnSizeService(instance) {
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
         const actualWidthAfterChecks = getColumnWidthSize(pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(pxs, "px"));
+        column.updateBodyHeaderWidth(`${actualWidthAfterChecks}px`, column.minWidth || minColumnWidth ? `${column.minWidth || minColumnWidth}px` : `${pxs}px`);
         resizedColumns.current[column.uuid] = actualWidthAfterChecks;
         columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
       }

package/esm/plugins/column-sizing/useStylesheetHelpers.js

@@ -1,6 +1,5 @@
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import * as stylesheet from 'stylesheet-helpers';
 import { useState, useEffect } from 'react';
 import { set } from '@elliemae/ds-utilities';
@@ -19,7 +18,7 @@ const RowStylesheetHelper = _ref => {
   } = stylesheet.create();
 
   const update = width => {
-    const widths = typeof width === 'string' ? width : "".concat(width, "px");
+    const widths = typeof width === 'string' ? width : `${width}px`;
     stylesheet.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -32,8 +31,8 @@ const RowStylesheetHelper = _ref => {
     const {
       hasScroll
     } = grid.getState();
-    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
-    stylesheet.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
+    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
+    stylesheet.updateProperties(window, styleSheet, `${className}-header`, width ? {
       width: headerWidth,
       minWidth: headerWidth,
       maxWidth: headerWidth
@@ -62,7 +61,7 @@ const getColumnClassName = _ref2 => {
     isHeader = false,
     getId
   } = _ref2;
-  return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
+  return `column-${globalId}-${getId(column)}${isHeader ? '-header' : ''}`;
 };
 
 function setWidth(_ref3) {
@@ -74,15 +73,15 @@ function setWidth(_ref3) {
   } = _ref3;
   let widths;
   if (typeof width === 'string') widths = width;
-  if (typeof width === 'number') widths = "".concat(width, "px");
+  if (typeof width === 'number') widths = `${width}px`;
   let minWidths;
   if (typeof minWidth === 'string') minWidths = minWidth;
-  if (typeof minWidth === 'number') minWidths = "".concat(minWidth, "px");
+  if (typeof minWidth === 'number') minWidths = `${minWidth}px`;
   stylesheet.updateProperties(window, styleSheet, className, {
-    width: "".concat(widths || minWidths),
-    minWidth: "".concat(widths || minWidths),
+    width: `${widths || minWidths}`,
+    minWidth: `${widths || minWidths}`,
     // minWidth: `${minWidths || widths}`,
-    maxWidth: "".concat(widths || minWidths)
+    maxWidth: `${widths || minWidths}`
   });
 }
 
@@ -145,7 +144,7 @@ function columnSizesHelperImpl(_ref5) {
           getId,
           column
         });
-        const headerClassName = "".concat(cellClassName, "-header");
+        const headerClassName = `${cellClassName}-header`;
         set(column, 'header.props.className', headerClassName);
         set(column, 'cell.props.className', cellClassName);
 
@@ -200,11 +199,11 @@ function columnSizesHelperImpl(_ref5) {
     },
 
     getColumnHeaderClassName(column) {
-      return "".concat(getColumnClassName({
+      return `${getColumnClassName({
         globalId,
         getId,
         column
-      }), "-header");
+      })}-header`;
     },
 
     cleanup() {
@@ -230,7 +229,7 @@ function useStylesheetHelpers(grid) {
       return getColumnFromProperty(uuid);
     }
   }));
-  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
+  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
   const [rowsStylesheet] = useState(() => RowStylesheetHelper({
     grid,
     className: rowClassName

package/esm/plugins/editable/EditablePlugin.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { makeEditableConfig, addEditableToCell } from './decorateEditable.js';

package/esm/plugins/editable/decorateEditable.js

@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.iterator.for-each.js';
 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 * as edit from 'react-edit';
 import { EditPencil } from '@elliemae/ds-icons';
@@ -65,7 +64,7 @@ const addEditableToCell = (_ref2, grid) => {
     handlers
   } = _ref2;
   column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));
-  column.cell.props.className = cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
+  column.cell.props.className = cx(column.cell.props.className, `editable${column.customEditor ? ' customEditor' : ''}`);
   return appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/_jsx("div", {
       onClick: e => {