@elliemae/ds-datagrids 2.0.0-next.1 → 2.0.0-next.13

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

@@ -5,12 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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');
+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');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var reactWindow = require('react-window');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var ExpandedRow = require('./ExpandedRow.js');
@@ -24,8 +33,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
@@ -37,12 +44,15 @@ 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 getExpandedRowSizeBySubrows = ({
-  totalAmount,
-  amountVisible,
-  isShowingAll,
-  size = 36
-}) => isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+const getExpandedRowSizeBySubrows = _ref => {
+  let {
+    totalAmount,
+    amountVisible,
+    isShowingAll,
+    size = 36
+  } = _ref;
+  return isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+};
 
 const ExpandedRows = {
   SingleColumn: ExpandedRow,
@@ -75,10 +85,11 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     const firstColumnIndex = columns.findIndex(column => column.isUserColumn);
     const firstColumn = columns[firstColumnIndex];
     firstColumn.formatExpandable = true;
-    return [...columns.slice(0, firstColumnIndex), initColumnDefinition.appendCellFormatter((value, {
-      isExpanded,
-      rowData
-    }) => {
+    return [...columns.slice(0, firstColumnIndex), initColumnDefinition.appendCellFormatter((value, _ref2) => {
+      let {
+        isExpanded,
+        rowData
+      } = _ref2;
       const {
         actions: {
           toggleExpand
@@ -93,7 +104,7 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
         children: [/*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
           buttonType: "text",
           className: "expandable-arrow",
-          icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {})),
+          icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
           onClick: e => {
             e.stopPropagation();
             toggleExpand(rowData);
@@ -142,13 +153,13 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
         isShowingAll: children.length < expandableSubrowsVisible || expandedRows[key] && expandedRows[key].showAllRows,
         size: subrowSizePx
       });
-      const expandedMinSize = utils.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
+      const expandedMinSize = dsUtilities.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
 
       return expandedRows[key] ? expandedMinSize > expandedSize ? expandedMinSize : expandedSize : rowSizePx;
     };
 
     return _objectSpread(_objectSpread({}, bodyProps), {}, {
-      className: utils.cx(bodyProps.className, 'expandable'),
+      className: dsUtilities.cx(bodyProps.className, 'expandable'),
       listComponent: reactWindow.VariableSizeList,
       listProps: {
         ref: listRef,
@@ -166,11 +177,11 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
       const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';
       const ExpandedRowComponent = createExpandedRow(expandedRowType); // eslint-disable-next-line react/display-name
 
-      return _ref => {
+      return _ref3 => {
         let {
           isExpanded
-        } = _ref,
-            rowProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+        } = _ref3,
+            rowProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
         if (isExpanded) {
           const {
@@ -206,9 +217,10 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     return renderers;
   },
 
-  getRowProps(rowProps, grid, {
-    rowData
-  }) {
+  getRowProps(rowProps, grid, _ref4) {
+    let {
+      rowData
+    } = _ref4;
     const {
       props: {
         rowKey
@@ -220,7 +232,7 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     const key = rowData[rowKey];
     const isExpanded = !!expandedRows[key];
     return _objectSpread(_objectSpread({}, rowProps), {}, {
-      className: utils.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
+      className: dsUtilities.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
       isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
     });

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

@@ -3,11 +3,18 @@
 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/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSSeparator = require('@elliemae/ds-separator');
+var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var deferComponentRender = require('@elliemae/ds-shared/defer-render-hoc');
 var useDataGrid = require('@elliemae/ds-shared/useDataGrid');
 var PaginationPlugin = require('../pagination/PaginationPlugin.js');
@@ -37,11 +44,13 @@ const _excluded = ["instanceRef"],
 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 DetailGrid = deferComponentRender__default["default"](({
-  parentGrid,
-  parentRowData,
-  rows
-}) => {
+const DetailGrid = deferComponentRender__default["default"](_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
   const _parentGrid$props = parentGrid.props,
         parentProps = _objectWithoutProperties__default["default"](_parentGrid$props, _excluded);
 
@@ -74,15 +83,16 @@ const DetailGridWrapper = /*#__PURE__*/styled__default["default"].div.withConfig
   componentId: "sc-1goa4zy-1"
 })(["display:flex;height:calc(100% - ", "px);width:", "px;margin:12px 0;"], props => props.allRowsVisible ? 18 : 60, props => props.expandableGridDetailWidth);
 
-function ExpandedRow({
-  parentGrid,
-  detailColumns,
-  rowData,
-  rows,
-  rowProps,
-  cellComponent: CellComponent,
-  rowComponent: RowComponent
-}) {
+function ExpandedRow(_ref2) {
+  let {
+    parentGrid,
+    detailColumns,
+    rowData,
+    rows,
+    rowProps,
+    cellComponent: CellComponent,
+    rowComponent: RowComponent
+  } = _ref2;
   const {
     decoratedColumns,
     actions: {
@@ -119,7 +129,7 @@ function ExpandedRow({
     }), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {
       width: expandableGridDetailWidth
     }, void 0, /*#__PURE__*/_jsx__default["default"](DetailGridWrapper, {
-      allRowsVisible: rows.length < expandableSubrowsVisible || utils.get(expandedRows, [rowKey, 'showAllRows']),
+      allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
       expandableGridDetailWidth: expandableGridDetailWidth
     }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
       dashed: true,

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

@@ -1,10 +1,15 @@
 'use strict';
 
+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');
 require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
+var dsUtilities = require('@elliemae/ds-utilities');
+var DSSeparator = require('@elliemae/ds-separator');
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -20,20 +25,21 @@ var _DSSeparator;
 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 blockName = `${blockNames.dataGridBlockName}-expanded-row`;
-const DetailsWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({
+const blockName = "".concat(blockNames.dataGridBlockName, "-expanded-row");
+const DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
   'ie-flex-basis-auto': true
 }));
 
-function ExpandedRowExtra({
-  children,
-  rowData,
-  rowProps,
-  rowComponent: RowComponent,
-  renderRowDetails = () => null
-}) {
+function ExpandedRowExtra(_ref) {
+  let {
+    children,
+    rowData,
+    rowProps,
+    rowComponent: RowComponent,
+    renderRowDetails = () => null
+  } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
-    className: utils.cx(rowProps.className, 'expanded-detail-row'),
+    className: dsUtilities.cx(rowProps.className, 'expanded-detail-row'),
     children: [/*#__PURE__*/_jsx__default["default"](RowComponent, {
       className: "master-row-expanded"
     }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {

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

@@ -2,14 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
-var useExpandState = require('@elliemae/ds-utilities/hooks/useExpandState');
+require('core-js/modules/web.dom-collections.iterator.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var useExpandState__default = /*#__PURE__*/_interopDefaultLegacy(useExpandState);
-
 const useExpandGridState = grid => {
   const {
     composedRows,
@@ -27,7 +23,7 @@ const useExpandGridState = grid => {
   const {
     state,
     actions
-  } = useExpandState__default["default"]({
+  } = dsUtilities.useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
@@ -54,7 +50,7 @@ const useExpandGridState = grid => {
   };
 
   const toggleShowAllRows = row => {
-    if (utils.isFunction(onToggleShowAllRows)) {
+    if (dsUtilities.isFunction(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
       const key = row[rowKey];

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

@@ -3,10 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
-var utils = require('@elliemae/ds-utilities/utils');
+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');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,15 +36,15 @@ const isVisible = column => {
   return typeof column.visible === 'undefined' || column.visible;
 };
 
-const getColumnValue = (row, property) => utils.get(row, property);
+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, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
 }, []);
 
 const defaultOptions = uuid => ({
   sheetName: 'SheetName',
-  fileName: `datagrid-${uuid}`,
+  fileName: "datagrid-".concat(uuid),
   type: 'csv',
   onlySelection: false,
   excludedColumns: undefined
@@ -50,18 +60,20 @@ 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) => `${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}`;
+  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);
   return csvContent;
 }; // eslint-disable-next-line max-statements
 
-const exportTo = (rows, columns, {
-  range,
-  fileName,
-  type,
-  excludedColumns
-}) => {
+const exportTo = (rows, columns, _ref) => {
+  let {
+    range,
+    fileName,
+    type,
+    excludedColumns
+  } = _ref;
+
   if (excludedColumns) {
     // eslint-disable-next-line no-param-reassign
     columns = columns.filter(col => !excludedColumns.includes(col.property));
@@ -74,7 +86,7 @@ const exportTo = (rows, columns, {
 
   if (navigator.msSaveBlob) {
     // IE 10+
-    navigator.msSaveBlob(blob, `${fileName}.${type}`);
+    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
   } else {
     const link = document.createElement('a');
 
@@ -83,7 +95,7 @@ const exportTo = (rows, columns, {
       // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
       link.setAttribute('href', url);
-      link.setAttribute('download', `${fileName}.${type}`);
+      link.setAttribute('download', "".concat(fileName, ".").concat(type));
       link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();
@@ -95,7 +107,8 @@ const exportTo = (rows, columns, {
 const ExportDataPlugin = createInstancePlugin__default["default"]('export-data', {
   decorateGrid(instance) {
     return {
-      exportRows(opts = {}) {
+      exportRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
@@ -119,7 +132,8 @@ const ExportDataPlugin = createInstancePlugin__default["default"]('export-data',
         exportTo(currentRows, columns, options);
       },
 
-      exportVisibleRows(opts = {}) {
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,

package/cjs/plugins/filterable/FilterablePlugin.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var addFilterToColumn = require('./addFilterToColumn.js');
 var filterRowsByQuery = require('./filtering-helper/filterRowsByQuery.js');
@@ -62,15 +62,16 @@ const FilterablePlugin = createInstancePlugin__default["default"]('filterable',
   registerHotKeys(grid) {
     return {
       key: 'ctrl+f',
-      handler: ({
-        cellIndex
-      }) => {
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
           decoratedColumns
         } = grid.getInstance();
         const column = decoratedColumns[cellIndex];
-        const toggleMenuMethod = utils.get(column, ['filterMenu', 'current', 'toggleMenu']);
-        if (utils.isFunction(toggleMenuMethod)) toggleMenuMethod();
+        const toggleMenuMethod = dsUtilities.get(column, ['filterMenu', 'current', 'toggleMenu']);
+        if (dsUtilities.isFunction(toggleMenuMethod)) toggleMenuMethod();
       }
     };
   }

package/cjs/plugins/filterable/addFilterToColumn.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');

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

@@ -2,11 +2,16 @@
 
 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 React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var utils = require('@elliemae/ds-utilities/utils');
-var useResizeObserver = require('@elliemae/ds-utilities/hooks/useResizeObserver');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsSystem = require('@elliemae/ds-system');
 var getFilterMenuByType = require('./filterable-menus/getFilterMenuByType.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,34 +20,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 
 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 blockName = 'data-grid-filter-header';
-const Container = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  showFilter
-}) => ({
-  'show-filter': showFilter
-}));
+const Container = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    showFilter
+  } = _ref;
+  return {
+    'show-filter': showFilter
+  };
+});
 const FilterHeaderValue = dsClassnames.aggregatedClasses('div')(blockName, 'value');
 const FilterHeaderButton = dsClassnames.aggregatedClasses('div')(blockName, 'button');
-function FilterableHeader({
-  column,
-  value,
-  columnData,
-  onAddFilter,
-  onRemoveFilter,
-  filterMenuRef,
-  onFilterMenuClose,
-  onFilterMenuOpen,
-  filters,
-  isMulti
-}) {
+function FilterableHeader(_ref2) {
+  let {
+    column,
+    value,
+    columnData,
+    onAddFilter,
+    onRemoveFilter,
+    filterMenuRef,
+    onFilterMenuClose,
+    onFilterMenuOpen,
+    filters,
+    isMulti
+  } = _ref2;
   const [isMenuOpened, setMenuOpened] = React.useState(false);
   const [headerWidth, setHeaderWidth] = React.useState();
-  const debouncedWidthSetter = utils.debounce(setHeaderWidth, 200);
+  const debouncedWidthSetter = dsUtilities.debounce(setHeaderWidth, 200);
   const {
     filterMenuMinWidth,
     filterMenuMaxWidth
@@ -50,9 +58,10 @@ function FilterableHeader({
   const theme = dsSystem.useTheme();
   const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace('px', '')) * 2;
 
-  const defineHeaderWidth = ({
-    width
-  }) => {
+  const defineHeaderWidth = _ref3 => {
+    let {
+      width
+    } = _ref3;
     let nextWidth = width + 16; // todo: use dimsum space once we convert it to JS
 
     if (nextWidth < dropdownMinWidth) nextWidth = dropdownMinWidth;
@@ -70,12 +79,12 @@ function FilterableHeader({
   React.useEffect(() => {
     if (!isMenuOpened) onFilterMenuClose(column);else onFilterMenuOpen(column);
   });
-  const [ref] = useResizeObserver__default["default"](defineHeaderWidth);
+  const [ref] = dsUtilities.useResizeObserver(defineHeaderWidth);
   const handleOpenMenu = React.useCallback(open => {
     setMenuOpened(open);
     if (open) onFilterMenuOpen();
   }, []);
-  const FilterMenuComponent = getFilterMenuByType(utils.get(column, ['filter', 'type']));
+  const FilterMenuComponent = getFilterMenuByType(dsUtilities.get(column, ['filter', 'type']));
   return /*#__PURE__*/jsxRuntime.jsxs(Container, {
     ref: ref,
     classProps: {
@@ -104,7 +113,7 @@ function FilterableHeader({
       onOpenMenu: handleOpenMenu,
       onClose: onFilterMenuClose,
       width: headerWidth
-    }, utils.get(column, ['filter'], {}))))]
+    }, dsUtilities.get(column, ['filter'], {}))))]
   });
 }