@elliemae/ds-data-table 2.0.0-alpha.10 → 2.0.0-alpha.14

package/esm/exported-related/FilterTypes.js

@@ -1,10 +1,11 @@
 const FILTER_TYPES = {
   SELECT: 'ds-filter-select',
   MULTI_SELECT: 'ds-filter-multi-select',
-  TEXT: 'ds-filter-text',
   SINGLE_DATE: 'ds-filter-single-date',
   DATE_RANGE: 'ds-filter-date-range',
-  NUMBER_RANGE: 'ds-filter-number-range'
+  DATE_SWITCHER: 'ds-filter-date-switcher',
+  NUMBER_RANGE: 'ds-filter-number-range',
+  CURRENCY_RANGE: 'ds-filter-currency-range'
 };
 
 export { FILTER_TYPES };

package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js

@@ -1,19 +1,24 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { singleSelectFilterFn } from './singleSelectFilterFn.js';
 import { multiSelectFilterFn } from './multiSelectFilterFn.js';
-import { textFilterFn } from './textFilterFn.js';
 import { singleDateFilterFn } from './singleDateFilterFn.js';
 import { dateRangeFilterFn } from './dateRangeFilterFn.js';
+import { dateSwitcherFilterFn } from './dateSwitcherFilterFn.js';
 import { numberRangeFilterFn } from './numberRangeFilterFn.js';
+import { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
 import { FILTER_TYPES } from '../FilterTypes.js';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const filterMapper = {
   [FILTER_TYPES.SELECT]: singleSelectFilterFn,
   [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,
-  [FILTER_TYPES.TEXT]: textFilterFn,
   [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,
   [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,
-  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn
+  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,
+  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,
+  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn
 };
 const applyOutOfTheBoxFilters = (data, filters) => {
   let filteredData = data;

package/esm/exported-related/Filters/currencyRangeFilterFn.js

@@ -0,0 +1,20 @@
+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';
+
+const getNumber = str => {
+  if (str === null) return null;
+  if (typeof str === 'number') return str;
+  if (typeof str !== 'string') return null;
+  return Number.parseFloat(str.split('').filter(x => ![',', '$'].includes(x)).join(''));
+};
+
+const isEmpty = number => Number.isNaN(number) || number === null || number === undefined;
+
+const currencyRangeFilterFn = (unfilteredData, filterKey, filterValue) => {
+  const fromNumber = getNumber(filterValue.from);
+  const toNumber = getNumber(filterValue.to);
+  return unfilteredData.filter(datum => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
+};
+
+export { currencyRangeFilterFn };

package/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -1,26 +1,33 @@
+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 moment from 'moment';
 import { momentFormat } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@babel/runtime/helpers/esm/jsx';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import '../../styled.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../DataTableContext.js';
 import '../../parts/Row.js';
 import '../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../parts/HoC/SortableItemContext.js';
 
 // use file instead of index to avoid circular imports!

package/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -0,0 +1,8 @@
+import { dateRangeFilterFn } from './dateRangeFilterFn.js';
+import { singleDateFilterFn } from './singleDateFilterFn.js';
+
+// use file instead of index to avoid circular imports!
+
+const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
+
+export { dateSwitcherFilterFn };

package/esm/exported-related/Filters/index.js

@@ -1,7 +1,7 @@
 export { applyOutOfTheBoxFilters } from './applyOutOfTheBoxFilters.js';
-export { textFilterFn } from './textFilterFn.js';
 export { singleDateFilterFn } from './singleDateFilterFn.js';
 export { singleSelectFilterFn } from './singleSelectFilterFn.js';
 export { multiSelectFilterFn } from './multiSelectFilterFn.js';
 export { numberRangeFilterFn } from './numberRangeFilterFn.js';
+export { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
 export { dateRangeFilterFn } from './dateRangeFilterFn.js';

package/esm/exported-related/Filters/multiSelectFilterFn.js

@@ -1,6 +1,12 @@
-const multiSelectFilterFn = (unfilteredData, filterKey, filterValues) => {
-  if (filterValues.length > 0) {
-    return unfilteredData.filter(datum => filterValues.includes(datum[filterKey].toString()));
+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.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+
+const multiSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
+  if (filterValue.length > 0) {
+    return unfilteredData.filter(datum => filterValue.some(item => item.label === datum[filterKey].toString()));
   }
 
   return unfilteredData;

package/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -1,3 +1,9 @@
-const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.from && filterValue.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
+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';
+
+const isEmpty = number => number === null || number === undefined;
+
+const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) || isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
 
 export { numberRangeFilterFn };

package/esm/exported-related/Filters/singleDateFilterFn.js

@@ -1,26 +1,33 @@
+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 moment from 'moment';
 import { momentFormat } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@babel/runtime/helpers/esm/jsx';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import '../../styled.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../DataTableContext.js';
 import '../../parts/Row.js';
 import '../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../parts/HoC/SortableItemContext.js';
 
 // use file instead of index to avoid circular imports!

package/esm/exported-related/Filters/singleSelectFilterFn.js

@@ -1,6 +1,10 @@
+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';
+
 const singleSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
   if (filterValue) {
-    return unfilteredData.filter(datum => datum[filterKey].toString() === filterValue);
+    return unfilteredData.filter(datum => datum[filterKey].toString() === filterValue.label);
   }
 
   return unfilteredData;

package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -1,10 +1,20 @@
+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 { useRef, useLayoutEffect, useMemo } from 'react';
 import { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';
 import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import Cells from '../../parts/Cells/index.js';
 import { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext.js';
 import { StyledCellContainer } from '../../styled.js';
@@ -29,7 +39,7 @@ _jsx("div", {
   onKeyDown: e => e.stopPropagation()
 }, void 0, props.children);
 
-const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${selected ? 'Selected. ' : ''}To interact with the cells press enter`;
+const ariaLabelMessage = (row, selected) => "Row number ".concat(row.realIndex + 1).concat(row.parentIndex !== null ? ", child of row number ".concat(row.parentIndex + 1) : '', ". ").concat(selected ? 'Selected. ' : '', "To interact with the cells press enter");
 
 const DefaultRowContentRenderer = props => {
   const {

package/esm/exported-related/RowRenderer/index.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useContext, createElement } from 'react';
@@ -9,22 +14,24 @@ import { useRowRendererProperties } from './useRowRendererProperties.js';
 import DropIndicator from '../../parts/DropIndicator.js';
 import { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';
 import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../parts/Row.js';
 import '../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 
 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; }
 

package/esm/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -1,16 +1,47 @@
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import { useContext, useCallback } from 'react';
+import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '../../configs/useRowFlattenization.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@babel/runtime/helpers/esm/jsx';
+import '@elliemae/ds-icons';
+import 'styled-components';
+import '../../styled.js';
+import 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../../parts/TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
 import DataTableContext from '../../DataTableContext.js';
+import '../../parts/Row.js';
+import '../../parts/Footer.js';
+import '../../parts/HoC/SortableItemContext.js';
 import '../../redux/reducers/index.js';
 import { useDispatchRowsActions } from '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
 
-const useRowRendererHandlers = ({
-  row,
-  itemIndex,
-  items,
-  draggableProps,
-  isDragOverlay,
-  selectedRowId
-}) => {
+const useRowRendererHandlers = _ref => {
+  let {
+    row,
+    itemIndex,
+    items,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  } = _ref;
   const {
     tableProps: {
       onRowClick,
@@ -24,17 +55,21 @@ const useRowRendererHandlers = ({
     setSelectedRowId,
     setFocusedRowId
   } = useDispatchRowsActions();
-  const handleItemClick = useCallback((e, {
-    original,
-    uid
-  } = row) => {
+  const handleItemClick = useCallback(function (e) {
+    let {
+      original,
+      uid
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : row;
     // setSelectedRowId(null);
     onRowClick(original, e, uid);
     onRowFocus({
       itemIndex,
-      scrollToItem: (opts = {
-        align: 'start'
-      }) => scrollToIndex(itemIndex, opts),
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(itemIndex, opts);
+      },
       original
     }, e);
   }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
@@ -79,8 +114,10 @@ const useRowRendererHandlers = ({
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
-  const handleOnFocus = useCallback(() => {
-    setFocusedRowId(row.uid);
+  const handleOnFocus = useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+      setFocusedRowId(row.uid);
+    }
   }, [row.uid, setFocusedRowId]);
   return {
     handleItemClick,

package/esm/exported-related/RowRenderer/useRowRendererProperties.js

@@ -1,4 +1,11 @@
 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/esnext.async-iterator.filter.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 { useContext, useMemo } from 'react';
 import DataTableContext from '../../DataTableContext.js';
 import { useRowStyle } from './useRowStyle.js';
@@ -6,9 +13,10 @@ import { useRowStyle } from './useRowStyle.js';
 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 useRowRendererProperties = ({
-  row
-}) => {
+const useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
   const {
     tableProps: {
       colsLayoutStyle

package/esm/exported-related/RowRenderer/useRowStyle.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useMemo } from 'react';
 import DataTableContext from '../../DataTableContext.js';
 import { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';
@@ -14,22 +15,22 @@ const useRowStyle = row => {
 
   const [borderTop, borderBottom, shouldAppendDottedBorder] = useMemo(() => {
     if (row.original.dimsumHeaderValue) {
-      return ['1px solid transparent', '1px solid transparent', false];
+      return ['none', 'none', false];
     }
 
     if (row.isExpanded && row.original.subRows && row.depth === 0) {
-      return ['1px solid #EBEDF0', '1px solid transparent', true];
+      return ['1px solid #EBEDF0', 'none', true];
     }
 
     if (row.depth >= 1) {
       if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {
-        return ['1px solid transparent', '2px solid #EBEDF0', false];
+        return ['none', '2px solid #EBEDF0', false];
       }
 
-      return ['1px solid transparent', '1px solid transparent', true];
+      return ['none', 'none', true];
     }
 
-    return ['1px solid transparent', '1px solid #EBEDF0', false];
+    return ['none', '1px solid #EBEDF0', false];
   }, [row, flattenedData]);
   const rowStyle = useMemo(() => ({
     borderTop,

package/esm/exported-related/Toolbar/Toolbar.js

@@ -1,26 +1,33 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useState } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef, useCallback } from 'react';
 import styled from 'styled-components';
 import DSButton from '@elliemae/ds-button';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
+import { useOnClickOutside } from '@elliemae/ds-utilities';
 import { DATA_TESTID } from '../../configs/constants.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.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-icons';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import { jsx } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
 import '../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '../../DataTableContext.js';
 import '../../parts/Row.js';
 import '../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../parts/HoC/SortableItemContext.js';
 
 var _MoreOptionsVert;
@@ -32,24 +39,39 @@ const ToolbarWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;align-items:center;height:36px;margin-right:1px;pointer-events:all;&:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.13),0 1px 2px 0 rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"]);
 const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1ru2no0-2"
-})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:", ";margin-top:", ";width:100%;height:100%;&:hover{z-index:1;}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
+})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], props => props.theme.colors.neutral['080']); // eslint-disable-next-line react/prop-types
 
-const Toolbar = ({
-  children
-}) => {
+const Toolbar = _ref => {
+  let {
+    children
+  } = _ref;
   const [show, setShow] = useState(false);
-  return /*#__PURE__*/_jsx(ToolbarPosition, {}, void 0, /*#__PURE__*/_jsx(ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(false)
-  }, void 0, show && /*#__PURE__*/_jsx(ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})),
-    onClick: () => setShow(true),
-    onKeyDown: e => ['Enter', 'Space'].includes(e.code) && setShow(true),
-    tabIndex: 0
-  })));
+  const [clicked, setClicked] = useState(false);
+  const toolbarRef = useRef(null);
+  const handleOnClickOutside = useCallback(() => {
+    setShow(false);
+    setClicked(false);
+  }, []);
+  const handleOnClick = useCallback(() => {
+    setShow(true);
+    setClicked(true);
+  }, []);
+  useOnClickOutside(toolbarRef, handleOnClickOutside);
+  return /*#__PURE__*/jsx(ToolbarPosition, {
+    ref: toolbarRef,
+    children: /*#__PURE__*/_jsx(ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(clicked)
+    }, void 0, show && /*#__PURE__*/_jsx(ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "text",
+      className: "toolbar-trigger",
+      "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})),
+      onClick: handleOnClick,
+      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
+      tabIndex: 0
+    }))
+  });
 };
 
 export { Toolbar };

package/esm/exported-related/groupBy.js

@@ -1,3 +1,9 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.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 { uid } from 'uid';
 
 const groupBy = (data, headerKey) => {
@@ -12,11 +18,14 @@ const groupBy = (data, headerKey) => {
       groupsMap[groupValue] = [datum];
     }
   });
-  return Object.entries(groupsMap).map(([key, value]) => ({
-    dimsumHeaderValue: key,
-    subRows: value,
-    uid: uid(16)
-  }));
+  return Object.entries(groupsMap).map(_ref => {
+    let [key, value] = _ref;
+    return {
+      dimsumHeaderValue: key,
+      subRows: value,
+      uid: uid(16)
+    };
+  });
 };
 
 export { groupBy };

package/esm/exported-related/index.js

@@ -5,9 +5,9 @@ export { groupBy } from './groupBy.js';
 export { FILTER_TYPES } from './FilterTypes.js';
 export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY } from './RowVariants.js';
 export { applyOutOfTheBoxFilters } from './Filters/applyOutOfTheBoxFilters.js';
-export { textFilterFn } from './Filters/textFilterFn.js';
 export { singleDateFilterFn } from './Filters/singleDateFilterFn.js';
 export { singleSelectFilterFn } from './Filters/singleSelectFilterFn.js';
 export { multiSelectFilterFn } from './Filters/multiSelectFilterFn.js';
 export { numberRangeFilterFn } from './Filters/numberRangeFilterFn.js';
+export { currencyRangeFilterFn } from './Filters/currencyRangeFilterFn.js';
 export { dateRangeFilterFn } from './Filters/dateRangeFilterFn.js';

package/esm/helpers/addCellData.js

@@ -1,11 +1,20 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 
-/* eslint-disable react/prop-types */
-const BasicCell = /*#__PURE__*/React.memo(({
-  cell
-}) => cell.value);
+const BasicCell = /*#__PURE__*/React.memo(_ref => {
+  let {
+    cell
+  } = _ref;
+  return cell.value;
+});
 
-const getCellValue = (row, accessor) => row.original[accessor] ?? null;
+const getCellValue = (row, accessor) => {
+  var _row$original$accesso;
+
+  return (_row$original$accesso = row.original[accessor]) !== null && _row$original$accesso !== void 0 ? _row$original$accesso : null;
+};
 
 const addColumnData = (datum, column) => {
   datum.cells.push({
@@ -14,7 +23,7 @@ const addColumnData = (datum, column) => {
     render: column.Cell || BasicCell,
     row: datum,
     ref: /*#__PURE__*/React.createRef(),
-    id: `${datum.uid}/${column.id}`
+    id: "".concat(datum.uid, "__").concat(column.id)
   });
 };