@elliemae/ds-datagrids 2.4.2-rc.12 → 2.4.2-rc.15

package/cjs/DataGridImpl.js

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

package/cjs/blockNames.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const dataGridBlockName = 'data-grid';
-const headerBlockName = "".concat(dataGridBlockName, "-header");
-const bodyBlockName = "".concat(dataGridBlockName, "-body");
+const headerBlockName = `${dataGridBlockName}-header`;
+const bodyBlockName = `${dataGridBlockName}-body`;
 
 exports.bodyBlockName = bodyBlockName;
 exports.dataGridBlockName = dataGridBlockName;

package/cjs/columns/IconColumn.js

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

package/cjs/components/BodyCell.js

@@ -1,14 +1,13 @@
 'use strict';
 
-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('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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 var utils = require('@elliemae/ds-shared/createDataInstance/utils');
@@ -86,11 +85,11 @@ function BodyCell(_ref) {
     value: v
   });
 
-  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = utils.evaluateTransforms(transforms, value, extraParameters);
   return /*#__PURE__*/jsxRuntime.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/cjs/components/ColumnVisibilityMenuOption.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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');
-require('core-js/modules/web.dom-collections.iterator.js');
 
 function getColumnVisibilityMenuOption(_ref) {
   let {

package/cjs/components/ColumnsOptionsMenuSection.js

@@ -4,7 +4,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 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');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var dsMenu = require('@elliemae/ds-menu');
 

package/cjs/components/HeaderCell.js

@@ -64,7 +64,7 @@ function HeaderCell(_ref) {
     classProps: classProps
   }, props), header && header.props), transformedProps), {}, {
     children: transformedProps.children || formattedValue
-  }), "".concat(evaluatedProperty, "-header"));
+  }), `${evaluatedProperty}-header`);
 }
 
 module.exports = HeaderCell;

package/cjs/components/renderers/defaultClassedRenderers.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 
-const NoResultsContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-no-results"));
-const SpinnerContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-spinner"));
-const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, _ref => {
+const NoResultsContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-no-results`);
+const SpinnerContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-spinner`);
+const DatagridWrapper = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-wrapper`, null, _ref => {
   let {
     fluidHeight
   } = _ref;

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

@@ -69,8 +69,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
   const t = React.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`);
   };
 
   React.useEffect(() => {
@@ -118,8 +118,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
 const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.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__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
 

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

@@ -58,11 +58,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 = dsUtilities.arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);

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

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

package/cjs/plugins/column-sizing/ext-points/getTableProps.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 React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('../utils.js');

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

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

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

@@ -1,7 +1,6 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');
@@ -57,7 +56,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`);
     });
   };
 
@@ -111,7 +110,7 @@ function useColumnSizeService(instance) {
 
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = "".concat(utils.getColumnWidthSize(pxs, minColumnWidth, column), "px");
+        const pxWidths = `${utils.getColumnWidthSize(pxs, minColumnWidth, column)}px`;
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -124,7 +123,7 @@ function useColumnSizeService(instance) {
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
         const actualWidthAfterChecks = utils.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/cjs/plugins/column-sizing/useStylesheetHelpers.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 var stylesheet = require('stylesheet-helpers');
 var React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -43,7 +42,7 @@ const RowStylesheetHelper = _ref => {
   } = stylesheet__namespace.create();
 
   const update = width => {
-    const widths = typeof width === 'string' ? width : "".concat(width, "px");
+    const widths = typeof width === 'string' ? width : `${width}px`;
     stylesheet__namespace.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -56,8 +55,8 @@ const RowStylesheetHelper = _ref => {
     const {
       hasScroll
     } = grid.getState();
-    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
-    stylesheet__namespace.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
+    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
+    stylesheet__namespace.updateProperties(window, styleSheet, `${className}-header`, width ? {
       width: headerWidth,
       minWidth: headerWidth,
       maxWidth: headerWidth
@@ -86,7 +85,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) {
@@ -98,15 +97,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__namespace.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}`
   });
 }
 
@@ -169,7 +168,7 @@ function columnSizesHelperImpl(_ref5) {
           getId,
           column
         });
-        const headerClassName = "".concat(cellClassName, "-header");
+        const headerClassName = `${cellClassName}-header`;
         dsUtilities.set(column, 'header.props.className', headerClassName);
         dsUtilities.set(column, 'cell.props.className', cellClassName);
 
@@ -224,11 +223,11 @@ function columnSizesHelperImpl(_ref5) {
     },
 
     getColumnHeaderClassName(column) {
-      return "".concat(getColumnClassName({
+      return `${getColumnClassName({
         globalId,
         getId,
         column
-      }), "-header");
+      })}-header`;
     },
 
     cleanup() {
@@ -254,7 +253,7 @@ function useStylesheetHelpers(grid) {
       return getColumnNameFromProperty(uuid);
     }
   }));
-  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
+  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
   const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
     grid,
     className: rowClassName

package/cjs/plugins/editable/EditablePlugin.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var decorateEditable = require('./decorateEditable.js');

package/cjs/plugins/editable/decorateEditable.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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('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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 var edit = require('react-edit');
 var dsIcons = require('@elliemae/ds-icons');
@@ -94,7 +93,7 @@ const addEditableToCell = (_ref2, grid) => {
     handlers
   } = _ref2;
   column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));
-  column.cell.props.className = dsUtilities.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
+  column.cell.props.className = dsUtilities.cx(column.cell.props.className, `editable${column.customEditor ? ' customEditor' : ''}`);
   return initColumnDefinition.appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/_jsx__default["default"]("div", {
       onClick: e => {

package/cjs/plugins/editable/getEditorComponent.js

@@ -55,10 +55,8 @@ const getEditorComponent = function () {
     const Component = components[type];
 
     if (type === 'DSComboBox') {
-      var _restEditorProps$opti;
-
       // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
-      const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
+      const maxOptions = restEditorProps?.options?.length || 100;
       return /*#__PURE__*/_jsx__default["default"]("div", {
         style: {
           zIndex: 0

package/cjs/plugins/expandable-grid/ExpandableColumn.js

@@ -32,15 +32,15 @@ var _ArrowheadDown, _ArrowheadRight;
 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, "-expandable-column"); // todo: clean this when we move to css-js
+const blockName = `${blockNames.dataGridBlockName}-expandable-column`; // todo: clean this when we move to css-js
 
 const ExpandableColumnWrapper = dsClassnames.aggregatedClasses('div')(blockName);
 const LabelDescriptionWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'label-description-wrapper');
 const Label = dsClassnames.aggregatedClasses('span')(blockName, 'label');
 const Description = dsClassnames.aggregatedClasses('span')(blockName, 'description');
 const ExtraColumnData = dsClassnames.aggregatedClasses('div')(blockName, 'extra-column-data');
-const ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
-const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
+const ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-master-wrapper`);
+const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-details-wrapper`);
 
 function ExpandableColumnCell(_ref) {
   let {

package/cjs/plugins/expandable-grid/ExpandablePlugin.js

@@ -12,7 +12,6 @@ require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.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');
 var React = require('react');

package/cjs/plugins/expandable-grid/ExpandedRowExtra.js

@@ -25,8 +25,8 @@ var _DSSeparator;
 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, "-expanded-row");
-const DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
+const blockName = `${blockNames.dataGridBlockName}-expanded-row`;
+const DetailsWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({
   'ie-flex-basis-auto': true
 }));
 

package/cjs/plugins/expandable-grid/useExpandGridState.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 

package/cjs/plugins/export-data/ExportDataPlugin.js

@@ -6,14 +6,10 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/es.string.replace.js');
-require('core-js/modules/web.url.js');
-require('core-js/modules/web.url-search-params.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -39,12 +35,12 @@ const isVisible = column => {
 const getColumnValue = (row, property) => dsUtilities.get(row, property);
 const getVisibleRowData = (row, columns) => columns.reduce((result, column) => {
   const columnProperty = column.property;
-  return isVisible(column) ? [...result, getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
 }, []);
 
 const defaultOptions = uuid => ({
   sheetName: 'SheetName',
-  fileName: "datagrid-".concat(uuid),
+  fileName: `datagrid-${uuid}`,
   type: 'csv',
   onlySelection: false,
   excludedColumns: undefined
@@ -60,9 +56,9 @@ const getCellValue = cell => {
 const getExportedData = (rows, columns, range) => {
   const rowsRanged = range ? rows.slice(...range) : rows;
   const dataToExport = rowsRanged.map(row => getVisibleRowData(row, columns));
-  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => "".concat(acc).concat(idx === 0 ? '' : ',').concat(curr.label), '');
-  const rowsContent = dataToExport.map(e => e.map(r => "\"".concat(String(getCellValue(r)).replace(/"/g, '""'), "\"")).join(',')).join('\r\n');
-  const csvContent = "".concat(columnsContent, "\r\n").concat(rowsContent);
+  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => `${acc}${idx === 0 ? '' : ','}${curr.label}`, '');
+  const rowsContent = dataToExport.map(e => e.map(r => `"${String(getCellValue(r)).replace(/"/g, '""')}"`).join(',')).join('\r\n');
+  const csvContent = `${columnsContent}\r\n${rowsContent}`;
   return csvContent;
 }; // eslint-disable-next-line max-statements
 
@@ -86,7 +82,7 @@ const exportTo = (rows, columns, _ref) => {
 
   if (navigator.msSaveBlob) {
     // IE 10+
-    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
+    navigator.msSaveBlob(blob, `${fileName}.${type}`);
   } else {
     const link = document.createElement('a');
 
@@ -95,7 +91,7 @@ const exportTo = (rows, columns, _ref) => {
       // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
       link.setAttribute('href', url);
-      link.setAttribute('download', "".concat(fileName, ".").concat(type));
+      link.setAttribute('download', `${fileName}.${type}`);
       link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();

package/cjs/plugins/filterable/components/FilterableHeader.js

@@ -1,14 +1,12 @@
 'use strict';
 
-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/es.string.replace.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 dsClassnames = require('@elliemae/ds-classnames');
 var dsUtilities = require('@elliemae/ds-utilities');

package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-popper');
@@ -92,8 +91,8 @@ const formatRangeDate = function (_ref2) {
   } = _ref2;
   let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
   const sameDay = startDate.isSame(endDate, 'day');
-  if (sameDay) return "".concat(endDate.format(format));
-  return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
+  if (sameDay) return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
 };
 
 function DateRangeFilterMenu(_ref3) {

package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var dsControlledForm = require('@elliemae/ds-controlled-form');

package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-basic/Popper');
@@ -130,8 +129,8 @@ const formatRangeDate = function (_ref2) {
   } = _ref2;
   let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
   const sameDay = startDate.isSame(endDate, 'day');
-  if (sameDay) return "".concat(endDate.format(format));
-  return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
+  if (sameDay) return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
 }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 
 

package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js

@@ -8,7 +8,6 @@ require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
@@ -101,13 +100,11 @@ function TextFilterMenu(_ref) {
     selected.forEach(item => {
       // if initialSelectedOptions includes item, then we do nothing
       if (!initialSelectedOptions.includes(item)) {
-        var _column$filter;
-
         onAddFilter({
           group: filterGroup,
           label: column.label,
           value: item,
-          operator: (column === null || column === void 0 ? void 0 : (_column$filter = column.filter) === null || _column$filter === void 0 ? void 0 : _column$filter.operator) || 'contains',
+          operator: column?.filter?.operator || 'contains',
           transformRowValue: column.valueTransformation
         }, column);
       }
@@ -141,13 +138,11 @@ function TextFilterMenu(_ref) {
       minWidth: column.filterMenuMinWidth,
       onSelectMenuItem: selectedValue => {
         if (selectedValue) {
-          var _column$filter2;
-
           onAddFilter({
             group: column.searchBy || column.property,
             label: column.label,
             value: selectedValue,
-            operator: (column === null || column === void 0 ? void 0 : (_column$filter2 = column.filter) === null || _column$filter2 === void 0 ? void 0 : _column$filter2.operator) || 'contains',
+            operator: column?.filter?.operator || 'contains',
             transformRowValue: column.valueTransformation
           }, column);
           onOpenMenu(false);

package/cjs/plugins/filterable/helper.js

@@ -10,7 +10,6 @@ require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
 var dsUtilities = require('@elliemae/ds-utilities');

package/cjs/plugins/filterable/useFilterableState.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 React = require('react');
 var uuid = require('uuid');
 var helper = require('./helper.js');

package/cjs/plugins/grouping-by/GroupingByPlugin.js

@@ -14,7 +14,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 const groupedByData = (groupedBy, composedRows) => {
   const grouped = lodash.groupBy(composedRows, groupedBy);
   return Object.keys(grouped).map((c, key) => ({
-    id: "grouped-by-".concat(groupedBy, "-").concat(key),
+    id: `grouped-by-${groupedBy}-${key}`,
     key: groupedBy,
     value: c,
     children: grouped[c],