@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

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

@@ -1,37 +1,46 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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';
 import DSSeparator from '@elliemae/ds-separator';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { dataGridBlockName } from '../../blockNames.js';
+import { jsxs } from 'react/jsx-runtime';
 
-var blockName = "".concat(dataGridBlockName, "-expanded-row");
-var DetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, function () {
-  return {
-    'ie-flex-basis-auto': true
-  };
-});
+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(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(dataGridBlockName, "-expanded-row");
+const DetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
+  'ie-flex-basis-auto': true
+}));
 
 function ExpandedRowExtra(_ref) {
-  var children = _ref.children,
-      rowData = _ref.rowData,
-      rowProps = _ref.rowProps,
-      RowComponent = _ref.rowComponent,
-      _ref$renderRowDetails = _ref.renderRowDetails,
-      renderRowDetails = _ref$renderRowDetails === void 0 ? function () {
-    return null;
-  } : _ref$renderRowDetails;
-  return /*#__PURE__*/React.createElement(RowComponent, _extends({}, rowProps, {
-    className: cx(rowProps.className, 'expanded-detail-row')
-  }), /*#__PURE__*/React.createElement(RowComponent, {
-    className: "master-row-expanded"
-  }, children), /*#__PURE__*/React.createElement(DSSeparator, {
-    dashed: true,
-    margin: "xs"
-  }), /*#__PURE__*/React.createElement(DetailsWrapper, null, renderRowDetails({
-    rowData: rowData
-  })));
+  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, {
+      className: "master-row-expanded"
+    }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
+      dashed: true,
+      margin: "xs"
+    })), /*#__PURE__*/_jsx(DetailsWrapper, {}, void 0, renderRowDetails({
+      rowData
+    }))]
+  }));
 }
 
 export { ExpandedRowExtra as default };
-//# sourceMappingURL=ExpandedRowExtra.js.map

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

@@ -1,55 +1,2 @@
 export { ExpandablePlugin } from './ExpandablePlugin.js';
 export { default as ExpandableColumn } from './ExpandableColumn.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-utilities';
-import 'react-window';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './ExpandedRow.js';
-import '@elliemae/ds-separator';
-import 'styled-components';
-import '@elliemae/ds-shared/defer-render-hoc';
-import '@elliemae/ds-shared/useDataGrid';
-import '../pagination/PaginationPlugin.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import '../pagination/helper.js';
-import '../pagination/usePaginationState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../components/NoResults.js';
-import '@elliemae/ds-system';
-import '../../components/BodyCell.js';
-import 'prop-types';
-import '@elliemae/ds-shared/createDataInstance/utils';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../index-afbbe9c8.js';
-import '../../components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import '../../blockNames.js';
-import '../../components/renderers/renderRowsLoader.js';
-import '../../components/RowsLoader.js';
-import '@elliemae/ds-spinner';
-import '../../components/TableBody.js';
-import '../../components/tableContext.js';
-import '../../components/Table.js';
-import '../../components/TableHeader.js';
-import '../../components/HeaderCell.js';
-import '../column-sizing/ColumnSizingPlugin.js';
-import '../column-sizing/useStylesheetHelpers.js';
-import 'stylesheet-helpers';
-import '../column-sizing/getColumnNameFromProperty.js';
-import '../../utilities/getScrollbarSize.js';
-import '../column-sizing/useColumnSizeService.js';
-import '../column-sizing/utils.js';
-import '../column-sizing/ext-points/getTableProps.js';
-import '../column-sizing/ext-points/decorateColumn.js';
-import '../column-sizing/columnMeasurerTransformer.js';
-import './ExpandedRowExtra.js';
-import '../../rowSizes.js';
-import './useExpandGridState.js';
-//# sourceMappingURL=index.js.map

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

@@ -1,60 +1,55 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useExpandState, isFunction } from '@elliemae/ds-utilities';
 import { useState } from 'react';
 
-var useExpandGridState = function useExpandGridState(grid) {
-  var composedRows = grid.composedRows,
-      _grid$props = grid.props,
-      _grid$props$expandedR = _grid$props.expandedRows,
-      expandedRowsProp = _grid$props$expandedR === void 0 ? {} : _grid$props$expandedR,
-      _grid$props$rowKey = _grid$props.rowKey,
-      rowKey = _grid$props$rowKey === void 0 ? 'id' : _grid$props$rowKey,
-      onExpandRow = _grid$props.onExpandRow,
-      onToggleShowAllRows = _grid$props.onToggleShowAllRows,
-      onExpandChange = _grid$props.onExpandChange,
-      onExpandAll = _grid$props.onExpandAll,
-      onToggleExpand = _grid$props.onToggleExpand,
-      onCollapseRow = _grid$props.onCollapseRow;
-
-  var _useExpandState = useExpandState({
+const useExpandGridState = grid => {
+  const {
+    composedRows,
+    props: {
+      expandedRows: expandedRowsProp = {},
+      rowKey = 'id',
+      onExpandRow,
+      onToggleShowAllRows,
+      onExpandChange,
+      onExpandAll,
+      onToggleExpand,
+      onCollapseRow
+    }
+  } = grid;
+  const {
+    state,
+    actions
+  } = useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
     onExpand: onExpandRow,
-    onExpandChange: onExpandChange,
-    onExpandAll: onExpandAll,
-    onToggleExpand: onToggleExpand,
+    onExpandChange,
+    onExpandAll,
+    onToggleExpand,
     onCollapse: onCollapseRow
-  }),
-      state = _useExpandState.state,
-      actions = _useExpandState.actions;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      shouldRefocus = _useState2[0],
-      setShouldReFocus = _useState2[1];
+  });
+  const [shouldRefocus, setShouldReFocus] = useState(false);
 
-  var expandRow = function expandRow(row) {
-    return actions.expand(row, {
-      showAllRows: false
-    });
-  };
+  const expandRow = row => actions.expand(row, {
+    showAllRows: false
+  });
 
-  var toggleExpandAllRows = actions.toggleExpandAll;
-  var collapseRow = actions.collapse;
+  const toggleExpandAllRows = actions.toggleExpandAll;
+  const collapseRow = actions.collapse;
 
-  var toggleExpand = function toggleExpand(row) {
+  const toggleExpand = row => {
     setShouldReFocus(false);
     actions.toggleExpand(row, {
       showAllRows: false
     });
   };
 
-  var toggleShowAllRows = function toggleShowAllRows(row) {
+  const toggleShowAllRows = row => {
     if (isFunction(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
-      var key = row[rowKey];
+      const key = row[rowKey];
       actions.expand(row, {
         showAllRows: state.expanded[key] && !state.expanded[key].showAllRows
       });
@@ -65,17 +60,16 @@ var useExpandGridState = function useExpandGridState(grid) {
     state: {
       expandedRows: state.expanded,
       isExpandedAll: state.isExpandedAll,
-      shouldRefocus: shouldRefocus
+      shouldRefocus
     },
     actions: {
-      expandRow: expandRow,
-      toggleExpandAllRows: toggleExpandAllRows,
-      toggleExpand: toggleExpand,
-      toggleShowAllRows: toggleShowAllRows,
-      collapseRow: collapseRow
+      expandRow,
+      toggleExpandAllRows,
+      toggleExpand,
+      toggleShowAllRows,
+      collapseRow
     }
   };
 };
 
 export { useExpandGridState };
-//# sourceMappingURL=useExpandGridState.js.map

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

@@ -1,5 +1,17 @@
+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 _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 
@@ -7,7 +19,7 @@ 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; }
 
-var isVisible = function isVisible(column) {
+const isVisible = column => {
   if (typeof column === 'undefined') {
     return false;
   }
@@ -15,69 +27,51 @@ var isVisible = function isVisible(column) {
   return typeof column.visible === 'undefined' || column.visible;
 };
 
-var getColumnValue = function getColumnValue(row, property) {
-  return get(row, property);
-};
-var getVisibleRowData = function getVisibleRowData(row, columns) {
-  return columns.reduce(function (result, column) {
-    var columnProperty = column.property;
-    return isVisible(column) ? [].concat(_toConsumableArray(result), [getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)]) : result;
-  }, []);
-};
-
-var defaultOptions = function defaultOptions(uuid) {
-  return {
-    sheetName: 'SheetName',
-    fileName: "datagrid-".concat(uuid),
-    type: 'csv',
-    onlySelection: false,
-    excludedColumns: undefined
-  };
-};
+const getColumnValue = (row, property) => 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;
+}, []);
+
+const defaultOptions = uuid => ({
+  sheetName: 'SheetName',
+  fileName: "datagrid-".concat(uuid),
+  type: 'csv',
+  onlySelection: false,
+  excludedColumns: undefined
+});
 
-var getOptions = function getOptions(opts, uuid) {
-  return _objectSpread(_objectSpread({}, defaultOptions(uuid)), opts);
-};
+const getOptions = (opts, uuid) => _objectSpread(_objectSpread({}, defaultOptions(uuid)), opts);
 
-var getCellValue = function getCellValue(cell) {
+const getCellValue = cell => {
   if (cell === undefined || cell === null) return '';
   return cell;
 };
 
-var getExportedData = function getExportedData(rows, columns, range) {
-  var rowsRanged = range ? rows.slice.apply(rows, _toConsumableArray(range)) : rows;
-  var dataToExport = rowsRanged.map(function (row) {
-    return getVisibleRowData(row, columns);
-  });
-  var columnsContent = columns.filter(function (c) {
-    return isVisible(c);
-  }).reduce(function (acc, curr, idx) {
-    return "".concat(acc).concat(idx === 0 ? '' : ',').concat(curr.label);
-  }, '');
-  var rowsContent = dataToExport.map(function (e) {
-    return e.map(function (r) {
-      return "\"".concat(String(getCellValue(r)).replace(/"/g, '""'), "\"");
-    }).join(',');
-  }).join('\r\n');
-  var csvContent = "".concat(columnsContent, "\r\n").concat(rowsContent);
+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);
   return csvContent;
 }; // eslint-disable-next-line max-statements
 
-var exportTo = function exportTo(rows, columns, _ref) {
-  var range = _ref.range,
-      fileName = _ref.fileName,
-      type = _ref.type,
-      excludedColumns = _ref.excludedColumns;
+const exportTo = (rows, columns, _ref) => {
+  let {
+    range,
+    fileName,
+    type,
+    excludedColumns
+  } = _ref;
 
   if (excludedColumns) {
     // eslint-disable-next-line no-param-reassign
-    columns = columns.filter(function (col) {
-      return !excludedColumns.includes(col.property);
-    });
+    columns = columns.filter(col => !excludedColumns.includes(col.property));
   }
 
-  var csvContent = getExportedData(rows, columns, range);
-  var blob = new Blob([csvContent], {
+  const csvContent = getExportedData(rows, columns, range);
+  const blob = new Blob([csvContent], {
     type: 'text/csv;charset=utf-8;'
   });
 
@@ -85,12 +79,12 @@ var exportTo = function exportTo(rows, columns, _ref) {
     // IE 10+
     navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
   } else {
-    var link = document.createElement('a');
+    const link = document.createElement('a');
 
     if (link.download !== undefined) {
       // feature detection
       // Browsers that support HTML5 download attribute
-      var url = URL.createObjectURL(blob);
+      const url = URL.createObjectURL(blob);
       link.setAttribute('href', url);
       link.setAttribute('download', "".concat(fileName, ".").concat(type));
       link.style.visibility = 'hidden';
@@ -101,58 +95,62 @@ var exportTo = function exportTo(rows, columns, _ref) {
   }
 };
 
-var ExportDataPlugin = createInstancePlugin('export-data', {
-  decorateGrid: function decorateGrid(instance) {
+const ExportDataPlugin = createInstancePlugin('export-data', {
+  decorateGrid(instance) {
     return {
-      exportRows: function exportRows() {
-        var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-        var _instance$getInstance = instance.getInstance(),
-            rows = _instance$getInstance.composedRows,
-            columns = _instance$getInstance.columns,
-            uuid = _instance$getInstance.uuid,
-            rowKey = _instance$getInstance.props.rowKey,
-            selection = _instance$getInstance.state.selection;
-
-        var options = getOptions(opts, uuid); // check paginated rows
-
-        var currentRows = rows.allRows || rows;
+      exportRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        const {
+          composedRows: rows,
+          columns,
+          uuid,
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
+        } = instance.getInstance();
+        const options = getOptions(opts, uuid); // check paginated rows
+
+        let currentRows = rows.allRows || rows;
 
         if (opts.onlySelection) {
-          var selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter(function (r) {
-            return selectedRows.includes(String(r[rowKey]));
-          });
+          const selectedRows = Object.keys(selection.selectedRows);
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
 
         exportTo(currentRows, columns, options);
       },
-      exportVisibleRows: function exportVisibleRows() {
-        var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-        var _instance$getInstance2 = instance.getInstance(),
-            rows = _instance$getInstance2.composedRows,
-            columns = _instance$getInstance2.columns,
-            uuid = _instance$getInstance2.uuid,
-            rowKey = _instance$getInstance2.props.rowKey,
-            selection = _instance$getInstance2.state.selection;
 
-        var options = getOptions(opts, uuid); // check paginated rows
-
-        var currentRows = rows.rows || rows;
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        const {
+          composedRows: rows,
+          columns,
+          uuid,
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
+        } = instance.getInstance();
+        const options = getOptions(opts, uuid); // check paginated rows
+
+        let currentRows = rows.rows || rows;
 
         if (opts.onlySelection) {
-          var selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter(function (r) {
-            return selectedRows.includes(String(r[rowKey]));
-          });
+          const selectedRows = Object.keys(selection.selectedRows);
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
 
         exportTo(currentRows, columns, options);
       }
+
     };
   }
+
 });
 
 export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData };
-//# sourceMappingURL=ExportDataPlugin.js.map

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

@@ -1,6 +1 @@
 export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData } from './ExportDataPlugin.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-//# sourceMappingURL=index.js.map

package/esm/plugins/filterable/FilterablePlugin.js

@@ -3,98 +3,71 @@ import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createI
 import { addFilterToColumn } from './addFilterToColumn.js';
 import filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery.js';
 import { useFilterableState } from './useFilterableState.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './filterableFormatter.js';
-import './components/FilterableHeader.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'prop-types';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-system';
-import './components/filterable-menus/getFilterMenuByType.js';
-import './components/filterable-menus/DateRangeFilterMenu.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import 'moment';
-import './components/filterable-menus/defaultDateFormat.js';
-import './components/filterable-menus/SingleDateFilterMenu.js';
-import '@elliemae/ds-grid';
-import './components/filterable-menus/SingleRangeSwitcherMenu.js';
-import '@elliemae/ds-basic/Popper';
-import '@elliemae/ds-basic/Button';
-import 'styled-components';
-import './components/filterable-menus/TextFilterMenu.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'lodash';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-menu';
-import './helper.js';
-import './filtering-helper/strategiesOperators.js';
-import 'comparejs';
-import 'uuid';
 
 /* eslint-disable indent */
 
-var decorateColumn = function decorateColumn(column, grid) {
-  var _grid$props = grid.props,
-      _grid$props$isFiltera = _grid$props.isFilterableColumnActive,
-      isFilterableColumnActive = _grid$props$isFiltera === void 0 ? function (col) {
-    return col.searchable;
-  } : _grid$props$isFiltera,
-      onRemoveAllFilters = _grid$props.onRemoveAllFilters,
-      _grid$actions = grid.actions,
-      addFilter = _grid$actions.addFilter,
-      removeFilter = _grid$actions.removeFilter,
-      _grid$state = grid.state,
-      query = _grid$state.query,
-      filters = _grid$state.filters;
+const decorateColumn = (column, grid) => {
+  const {
+    props: {
+      isFilterableColumnActive = col => col.searchable,
+      onRemoveAllFilters
+    },
+    actions: {
+      addFilter,
+      removeFilter
+    },
+    state: {
+      query,
+      filters
+    }
+  } = grid;
   return isFilterableColumnActive(column) ? addFilterToColumn({
-    grid: grid,
+    grid,
     onAddFilter: addFilter,
     onRemoveFilter: removeFilter,
-    onRemoveAllFilters: onRemoveAllFilters,
-    query: query,
-    filters: filters
+    onRemoveAllFilters,
+    query,
+    filters
   }, column) : column;
 };
 
-var composeRows = function composeRows(rows, grid) {
-  var _grid$getInstance = grid.getInstance(),
-      _grid$getInstance$pro = _grid$getInstance.props,
-      isDataFiltered = _grid$getInstance$pro.isDataFiltered,
-      groupedRows = _grid$getInstance$pro.groupedRows,
-      query = _grid$getInstance.state.query,
-      composedRows = _grid$getInstance.composedRows;
-
-  var nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);
+const composeRows = (rows, grid) => {
+  const {
+    props: {
+      isDataFiltered,
+      groupedRows
+    },
+    state: {
+      query
+    },
+    composedRows
+  } = grid.getInstance();
+  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);
   return !isDataFiltered ? nextRows : rows;
 };
 
-var FilterablePlugin = createInstancePlugin('filterable', {
+const FilterablePlugin = createInstancePlugin('filterable', {
   registerStateHook: useFilterableState,
-  decorateColumn: decorateColumn,
-  composeRows: composeRows,
-  registerHotKeys: function registerHotKeys(grid) {
+  decorateColumn,
+  composeRows,
+
+  registerHotKeys(grid) {
     return {
       key: 'ctrl+f',
-      handler: function handler(_ref) {
-        var cellIndex = _ref.cellIndex;
-
-        var _grid$getInstance2 = grid.getInstance(),
-            decoratedColumns = _grid$getInstance2.decoratedColumns;
-
-        var column = decoratedColumns[cellIndex];
-        var toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
+        const {
+          decoratedColumns
+        } = grid.getInstance();
+        const column = decoratedColumns[cellIndex];
+        const toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);
         if (isFunction(toggleMenuMethod)) toggleMenuMethod();
       }
     };
   }
+
 });
 
 export { FilterablePlugin };
-//# sourceMappingURL=FilterablePlugin.js.map