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

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');
@@ -36,16 +43,18 @@ 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
-}) => {
+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"](_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
   const _parentGrid$props = parentGrid.props,
-        parentProps = _objectWithoutProperties__default['default'](_parentGrid$props, _excluded);
+        parentProps = _objectWithoutProperties__default["default"](_parentGrid$props, _excluded);
 
-  const grid = useDataGrid__default['default'](_objectSpread(_objectSpread({
+  const grid = useDataGrid__default["default"](_objectSpread(_objectSpread({
     uuid: parentGrid.getInstance().uuid
   }, parentProps), {}, {
     columns: parentGrid.getInstance().decoratedColumns.filter(col => !col.expandableColumn).map(c => _objectSpread(_objectSpread({}, c), {}, {
@@ -64,25 +73,26 @@ const DetailGrid = deferComponentRender__default['default'](({
     parentRowData
   }));
   return /*#__PURE__*/jsxRuntime.jsx(Table, _objectSpread(_objectSpread({}, grid), {}, {
-    children: _TableBody || (_TableBody = /*#__PURE__*/_jsx__default['default'](TableBody, {}))
+    children: _TableBody || (_TableBody = /*#__PURE__*/_jsx__default["default"](TableBody, {}))
   }));
 }, null);
-const DetailsWrapper = /*#__PURE__*/styled__default['default'].span.withConfig({
+const DetailsWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1goa4zy-0"
 })(["flex:1;width:", "px;"], props => props.width);
-const DetailGridWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+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: {
@@ -105,10 +115,10 @@ function ExpandedRow({
   const {
     showAllRows
   } = rowProps,
-        restRowProps = _objectWithoutProperties__default['default'](rowProps, _excluded2);
+        restRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded2);
 
   return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, restRowProps), {}, {
-    children: [/*#__PURE__*/_jsx__default['default'](BodyCell, {
+    children: [/*#__PURE__*/_jsx__default["default"](BodyCell, {
       column: decoratedColumns[0],
       columnIndex: 0,
       component: CellComponent,
@@ -116,20 +126,20 @@ function ExpandedRow({
       rowProps: _objectSpread({
         rowData
       }, rowProps)
-    }), /*#__PURE__*/_jsx__default['default'](DetailsWrapper, {
+    }), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {
       width: expandableGridDetailWidth
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DetailGridWrapper, {
-      allRowsVisible: rows.length < expandableSubrowsVisible || utils.get(expandedRows, [rowKey, 'showAllRows']),
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DetailGridWrapper, {
+      allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
       expandableGridDetailWidth: expandableGridDetailWidth
-    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default['default'](DSSeparator__default['default'], {
+    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
       dashed: true,
       orientation: "vertical"
-    })), /*#__PURE__*/_jsx__default['default'](DetailGrid, {
+    })), /*#__PURE__*/_jsx__default["default"](DetailGrid, {
       detailColumns: detailColumns,
       parentGrid: parentGrid.getInstance(),
       parentRowData: rowData,
       rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
-    })), rows.length > expandableSubrowsVisible && /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    })), rows.length > expandableSubrowsVisible && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       labelText: showAllRows ? showLessRowsText : showMoreRowsText,
       onClick: e => {

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');
@@ -19,27 +24,28 @@ 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, () => ({
+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 = "".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'),
-    children: [/*#__PURE__*/_jsx__default['default'](RowComponent, {
+    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'], {
+    }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
       dashed: true,
       margin: "xs"
-    })), /*#__PURE__*/_jsx__default['default'](DetailsWrapper, {}, void 0, renderRowDetails({
+    })), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {}, void 0, renderRowDetails({
       rowData
     }))]
   }));

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,9 +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');
-var utils = require('@elliemae/ds-utilities/utils');
+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');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +26,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 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; }
+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 isVisible = column => {
   if (typeof column === 'undefined') {
@@ -25,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
@@ -49,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));
@@ -73,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');
 
@@ -82,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();
@@ -91,10 +104,11 @@ const exportTo = (rows, columns, {
   }
 };
 
-const ExportDataPlugin = createInstancePlugin__default['default']('export-data', {
+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,
@@ -118,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');
@@ -50,11 +50,11 @@ const composeRows = (rows, grid) => {
     },
     composedRows
   } = grid.getInstance();
-  const nextRows = !groupedRows ? filterRowsByQuery['default'](rows, query) : filterRowsByQuery.filterRowsByQueryGroup(rows, query, composedRows);
+  const nextRows = !groupedRows ? filterRowsByQuery["default"](rows, query) : filterRowsByQuery.filterRowsByQueryGroup(rows, query, composedRows);
   return !isDataFiltered ? nextRows : rows;
 };
 
-const FilterablePlugin = createInstancePlugin__default['default']('filterable', {
+const FilterablePlugin = createInstancePlugin__default["default"]('filterable', {
   registerStateHook: useFilterableState.useFilterableState,
   decorateColumn,
   composeRows,
@@ -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');
@@ -13,7 +18,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
+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 addFilterToColumn = (props, column) => {
   const filterMenuRef = /*#__PURE__*/React.createRef();
   column.header.formatters.push(filterableFormatter(_objectSpread(_objectSpread({}, props), {}, {

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; }
+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,20 +79,20 @@ 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: {
       showFilter: isMenuOpened
     },
-    children: [/*#__PURE__*/_jsx__default['default'](FilterHeaderValue, {
+    children: [/*#__PURE__*/_jsx__default["default"](FilterHeaderValue, {
       className: "header-value"
-    }, void 0, value), /*#__PURE__*/_jsx__default['default'](FilterHeaderButton, {
+    }, void 0, value), /*#__PURE__*/_jsx__default["default"](FilterHeaderButton, {
       "data-testid": "data-grid-filter-header__button"
     }, void 0, /*#__PURE__*/jsxRuntime.jsx(FilterMenuComponent, _objectSpread({
       className: "filter-header-menu",
@@ -104,7 +113,7 @@ function FilterableHeader({
       onOpenMenu: handleOpenMenu,
       onClose: onFilterMenuClose,
       width: headerWidth
-    }, utils.get(column, ['filter'], {}))))]
+    }, dsUtilities.get(column, ['filter'], {}))))]
   });
 }