@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2

package/esm/plugins/editable/getEditorComponent.js

@@ -1,3 +1,8 @@
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -16,48 +21,54 @@ const components = {
   DSTextBox: TextBox
 };
 
-const getEditorComponent = (editorComponent = {}, handlers) => ({
-  value,
-  onValue,
-  extraParameters
-}) => {
-  if (typeof editorComponent === 'function') {
-    return editorComponent(_objectSpread({
+const getEditorComponent = function () {
+  let editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let handlers = arguments.length > 1 ? arguments[1] : undefined;
+  return _ref => {
+    let {
       value,
       onValue,
-      customHandlers: handlers
-    }, extraParameters));
-  }
-
-  const {
-    type = 'DSTextBox'
-  } = editorComponent,
-        restEditorProps = _objectWithoutProperties(editorComponent, _excluded);
-
-  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;
-    return /*#__PURE__*/_jsx("div", {
-      style: {
-        zIndex: 0
-      }
-    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({
+      extraParameters
+    } = _ref;
+
+    if (typeof editorComponent === 'function') {
+      return editorComponent(_objectSpread({
+        value,
+        onValue,
+        customHandlers: handlers
+      }, extraParameters));
+    }
+
+    const {
+      type = 'DSTextBox'
+    } = editorComponent,
+          restEditorProps = _objectWithoutProperties(editorComponent, _excluded);
+
+    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;
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          zIndex: 0
+        }
+      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({
+        autoFocus: true,
+        onValue: onValue,
+        value: value,
+        maxOptions: maxOptions
+      }, restEditorProps)));
+    }
+
+    return /*#__PURE__*/jsx(Component, _objectSpread({
       autoFocus: true,
       onValue: onValue,
-      value: value,
-      maxOptions: maxOptions
-    }, restEditorProps)));
-  }
-
-  return /*#__PURE__*/jsx(Component, _objectSpread({
-    autoFocus: true,
-    onValue: onValue,
-    value: value
-  }, restEditorProps));
+      value: value
+    }, restEditorProps));
+  };
 };
 
 export { getEditorComponent as default };

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

@@ -1,12 +1,16 @@
+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';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useRef } from 'react';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSButton from '@elliemae/ds-basic/Button';
-import DSTruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
+import DSButton from '@elliemae/ds-button';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { dataGridBlockName } from '../../blockNames.js';
 import { RowSizes } from '../../rowSizes.js';
 import { jsxs } from 'react/jsx-runtime';
@@ -28,14 +32,15 @@ const ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data')
 const ExpandableMasterWrapper = aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
 const ExpandableDetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
 
-function ExpandableColumnCell({
-  label,
-  description,
-  isExpanded,
-  expandableDetails,
-  extraData,
-  onToggleExpand
-}) {
+function ExpandableColumnCell(_ref) {
+  let {
+    label,
+    description,
+    isExpanded,
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
   const ref = useRef();
   return /*#__PURE__*/jsxs(ExpandableColumnWrapper, {
     ref: ref,
@@ -64,44 +69,48 @@ function ExpandableColumnCell({
   });
 }
 
-const expandableColumnRenderer = ({
-  renderRowLabel,
-  renderRowDescription,
-  renderExtraData
-}) => (value, {
-  rowData,
-  isExpanded
-}, grid) => {
-  const {
-    props: {
-      renderExpandedDetails
-    },
-    actions: {
-      toggleExpand
-    }
-  } = grid.getInstance();
-  const expandableDetails = renderExpandedDetails({
-    rowData
-  });
-  return /*#__PURE__*/_jsx(ExpandableColumnCell, {
-    description: renderRowDescription({
-      rowData
-    }),
-    expandableDetails: expandableDetails,
-    extraData: renderExtraData({
-      rowData
-    }),
-    isExpanded: isExpanded,
-    label: renderRowLabel({
+const expandableColumnRenderer = _ref2 => {
+  let {
+    renderRowLabel,
+    renderRowDescription,
+    renderExtraData
+  } = _ref2;
+  return (value, _ref3, grid) => {
+    let {
+      rowData,
+      isExpanded
+    } = _ref3;
+    const {
+      props: {
+        renderExpandedDetails
+      },
+      actions: {
+        toggleExpand
+      }
+    } = grid.getInstance();
+    const expandableDetails = renderExpandedDetails({
       rowData
-    }),
-    onToggleExpand: () => toggleExpand(rowData)
-  });
+    });
+    return /*#__PURE__*/_jsx(ExpandableColumnCell, {
+      description: renderRowDescription({
+        rowData
+      }),
+      expandableDetails: expandableDetails,
+      extraData: renderExtraData({
+        rowData
+      }),
+      isExpanded: isExpanded,
+      label: renderRowLabel({
+        rowData
+      }),
+      onToggleExpand: () => toggleExpand(rowData)
+    });
+  };
 };
 
 const noop = () => null;
 
-function createExpandableColumn(_ref) {
+function createExpandableColumn(_ref4) {
   let {
     property,
     label,
@@ -113,8 +122,8 @@ function createExpandableColumn(_ref) {
     sortable,
     searchable,
     customRenderer
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   return _objectSpread(_objectSpread({}, rest), {}, {
     label,

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

@@ -1,13 +1,21 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+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 { useMemo, useRef, useEffect } from 'react';
-import { cx, isFunction } from '@elliemae/ds-utilities/utils';
+import { cx, isFunction } from '@elliemae/ds-utilities';
 import { VariableSizeList } from 'react-window';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import DSButton from '@elliemae/ds-basic/Button';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import ExpandedRow from './ExpandedRow.js';
@@ -24,12 +32,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(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,
@@ -62,10 +73,11 @@ const ExpandablePlugin = createInstancePlugin('expandable', {
     const firstColumnIndex = columns.findIndex(column => column.isUserColumn);
     const firstColumn = columns[firstColumnIndex];
     firstColumn.formatExpandable = true;
-    return [...columns.slice(0, firstColumnIndex), appendCellFormatter((value, {
-      isExpanded,
-      rowData
-    }) => {
+    return [...columns.slice(0, firstColumnIndex), appendCellFormatter((value, _ref2) => {
+      let {
+        isExpanded,
+        rowData
+      } = _ref2;
       const {
         actions: {
           toggleExpand
@@ -153,11 +165,11 @@ const ExpandablePlugin = createInstancePlugin('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(_ref, _excluded);
+        } = _ref3,
+            rowProps = _objectWithoutProperties(_ref3, _excluded);
 
         if (isExpanded) {
           const {
@@ -193,9 +205,10 @@ const ExpandablePlugin = createInstancePlugin('expandable', {
     return renderers;
   },
 
-  getRowProps(rowProps, grid, {
-    rowData
-  }) {
+  getRowProps(rowProps, grid, _ref4) {
+    let {
+      rowData
+    } = _ref4;
     const {
       props: {
         rowKey

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

@@ -1,11 +1,18 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+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/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.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';
 import 'react';
-import DSSeparator from '@elliemae/ds-basic/Separator';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSSeparator from '@elliemae/ds-separator';
+import DSButton from '@elliemae/ds-button';
 import styled from 'styled-components';
-import { get } from '@elliemae/ds-utilities/utils';
+import { get } from '@elliemae/ds-utilities';
 import deferComponentRender from '@elliemae/ds-shared/defer-render-hoc';
 import useDataGrid from '@elliemae/ds-shared/useDataGrid';
 import { PaginationPlugin } from '../pagination/PaginationPlugin.js';
@@ -24,11 +31,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(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(({
-  parentGrid,
-  parentRowData,
-  rows
-}) => {
+const DetailGrid = deferComponentRender(_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
   const _parentGrid$props = parentGrid.props,
         parentProps = _objectWithoutProperties(_parentGrid$props, _excluded);
 
@@ -61,15 +70,16 @@ const DetailGridWrapper = /*#__PURE__*/styled.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: {

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

@@ -1,8 +1,13 @@
+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';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import { cx } from '@elliemae/ds-utilities/utils';
-import DSSeparator from '@elliemae/ds-basic/Separator';
+import { cx } from '@elliemae/ds-utilities';
+import DSSeparator from '@elliemae/ds-separator';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { dataGridBlockName } from '../../blockNames.js';
 import { jsxs } from 'react/jsx-runtime';
@@ -17,13 +22,14 @@ const DetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-w
   '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__*/jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
     className: cx(rowProps.className, 'expanded-detail-row'),
     children: [/*#__PURE__*/_jsx(RowComponent, {

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

@@ -1,6 +1,5 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { isFunction } from '@elliemae/ds-utilities/utils';
-import useExpandState from '@elliemae/ds-utilities/hooks/useExpandState';
+import { useExpandState, isFunction } from '@elliemae/ds-utilities';
 import { useState } from 'react';
 
 const useExpandGridState = grid => {

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

@@ -1,9 +1,18 @@
+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/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 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url-search-params.js';
-import { get } from '@elliemae/ds-utilities/utils';
+import { get } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 
 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; }
@@ -48,12 +57,14 @@ const getExportedData = (rows, columns, range) => {
   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));
@@ -87,7 +98,8 @@ const exportTo = (rows, columns, {
 const ExportDataPlugin = createInstancePlugin('export-data', {
   decorateGrid(instance) {
     return {
-      exportRows(opts = {}) {
+      exportRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
@@ -111,7 +123,8 @@ const ExportDataPlugin = createInstancePlugin('export-data', {
         exportTo(currentRows, columns, options);
       },
 
-      exportVisibleRows(opts = {}) {
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,

package/esm/plugins/filterable/FilterablePlugin.js

@@ -1,4 +1,4 @@
-import { get, isFunction } from '@elliemae/ds-utilities/utils';
+import { get, isFunction } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { addFilterToColumn } from './addFilterToColumn.js';
 import filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery.js';
@@ -54,9 +54,10 @@ const FilterablePlugin = createInstancePlugin('filterable', {
   registerHotKeys(grid) {
     return {
       key: 'ctrl+f',
-      handler: ({
-        cellIndex
-      }) => {
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
           decoratedColumns
         } = grid.getInstance();

package/esm/plugins/filterable/addFilterToColumn.js

@@ -1,3 +1,8 @@
+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';
+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 { createRef } from 'react';
 import { mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';

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

@@ -2,10 +2,14 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.string.replace.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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useState, useEffect, useCallback } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { debounce, get } from '@elliemae/ds-utilities/utils';
-import useResizeObserver from '@elliemae/ds-utilities/hooks/useResizeObserver';
+import { debounce, useResizeObserver, get } from '@elliemae/ds-utilities';
 import { useTheme } from '@elliemae/ds-system';
 import getFilterMenuByType from './filterable-menus/getFilterMenuByType.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -14,25 +18,29 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'data-grid-filter-header';
-const Container = aggregatedClasses('div')(blockName, null, ({
-  showFilter
-}) => ({
-  'show-filter': showFilter
-}));
+const Container = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    showFilter
+  } = _ref;
+  return {
+    'show-filter': showFilter
+  };
+});
 const FilterHeaderValue = aggregatedClasses('div')(blockName, 'value');
 const FilterHeaderButton = 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] = useState(false);
   const [headerWidth, setHeaderWidth] = useState();
   const debouncedWidthSetter = debounce(setHeaderWidth, 200);
@@ -43,9 +51,10 @@ function FilterableHeader({
   const theme = 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;