@elliemae/ds-data-table 2.0.0-alpha.1 → 2.0.0-alpha.13

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

@@ -1,27 +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/ArrowShortReturn';
-import 'styled-components';
 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,27 +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/ArrowShortReturn';
-import 'styled-components';
 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 {
@@ -61,7 +71,9 @@ const DefaultRowContentRenderer = props => {
   const isDragging = draggableProps && draggableProps.isDragging;
   useLayoutEffect(() => {
     if (row.uid === focusedRowId) {
-      rowRef.current.focus();
+      rowRef.current.focus({
+        preventScroll: true
+      });
     }
   }, [focusedRowId, row.uid]);
   const gridTemplateColProps = useMemo(() => ({

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,23 +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 '@elliemae/ds-icons/ArrowShortReturn';
-import 'styled-components';
+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; }
 
@@ -85,7 +91,8 @@ const RowRenderer = props => {
   const {
     handleItemClick,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   } = useRowRendererHandlers({
     row,
     itemIndex,
@@ -112,6 +119,7 @@ const RowRenderer = props => {
     onClick: handleItemClick,
     onKeyDown: handleKeyDown,
     onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
     "data-expandable": Boolean(row.original.tableRowDetails),
     "data-is-row-expanded": row.isExpanded,
     rows: rowsLayout,

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,10 +114,16 @@ const useRowRendererHandlers = ({
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
+  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,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   };
 };
 

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,27 +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/ArrowShortReturn';
-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;
@@ -33,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({
@@ -13,7 +22,8 @@ const addColumnData = (datum, column) => {
     value: getCellValue(datum, column.accessor),
     render: column.Cell || BasicCell,
     row: datum,
-    ref: /*#__PURE__*/React.createRef()
+    ref: /*#__PURE__*/React.createRef(),
+    id: "".concat(datum.uid, "__").concat(column.id)
   });
 };
 

package/esm/helpers/cellPadding.js

@@ -1,18 +1,24 @@
 import { sizeToCss } from './sizeToCss.js';
 
-const cellPadding = ({
-  theme,
-  column
-}) => `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;
-const columnPadding = ({
-  theme,
-  column,
-  shouldShowDnD
-}) => {
+const cellPadding = _ref => {
+  var _sizeToCss;
+
+  let {
+    theme,
+    column
+  } = _ref;
+  return "padding: 0 ".concat((_sizeToCss = sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
+};
+const columnPadding = _ref2 => {
+  let {
+    theme,
+    column,
+    shouldShowDnD
+  } = _ref2;
   // Internal columns
-  if (column.padding !== undefined) return `padding: 0 ${sizeToCss(column.padding)};`; // Default user columns
+  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss(column.padding), ";"); // Default user columns
 
-  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;
+  return "padding: 0 ".concat(theme.space.xxxs, " 0 ").concat(shouldShowDnD ? '2px' : theme.space.xxs, ";");
 };
 
 export { cellPadding, columnPadding };

package/esm/helpers/columnsToGrid.js

@@ -1,8 +1,13 @@
+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 { ColsLayoutStyle } from '../configs/constants.js';
 import { sizeToCss } from './sizeToCss.js';
 
 const columnsToGridImpl = (c, grid, colsLayoutStyle) => {
-  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150)));
+  var _c$width;
+
+  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss((_c$width = c.width) !== null && _c$width !== void 0 ? _c$width : colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150));
 };
 
 const columnsToGrid = (columns, colsLayoutStyle) => {