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

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

@@ -2,29 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var moment = require('moment');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@babel/runtime/helpers/jsx');
 require('@elliemae/ds-icons');
 require('styled-components');
 require('../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../DataTableContext.js');
 require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../parts/HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dateRangeFilterFn = require('./dateRangeFilterFn.js');
+var singleDateFilterFn = require('./singleDateFilterFn.js');
+
+// use file instead of index to avoid circular imports!
+
+const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn.dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn.singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
+
+exports.dateSwitcherFilterFn = dateSwitcherFilterFn;

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var applyOutOfTheBoxFilters = require('./applyOutOfTheBoxFilters.js');
-var textFilterFn = require('./textFilterFn.js');
 var singleDateFilterFn = require('./singleDateFilterFn.js');
 var singleSelectFilterFn = require('./singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./multiSelectFilterFn.js');
 var numberRangeFilterFn = require('./numberRangeFilterFn.js');
+var currencyRangeFilterFn = require('./currencyRangeFilterFn.js');
 var dateRangeFilterFn = require('./dateRangeFilterFn.js');
 
 
 
 exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.textFilterFn = textFilterFn.textFilterFn;
 exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
 exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
 exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;
 exports.numberRangeFilterFn = numberRangeFilterFn.numberRangeFilterFn;
+exports.currencyRangeFilterFn = currencyRangeFilterFn.currencyRangeFilterFn;
 exports.dateRangeFilterFn = dateRangeFilterFn.dateRangeFilterFn;

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

@@ -2,9 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const multiSelectFilterFn = (unfilteredData, filterKey, filterValues) => {
-  if (filterValues.length > 0) {
-    return unfilteredData.filter(datum => filterValues.includes(datum[filterKey].toString()));
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('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/cjs/exported-related/Filters/numberRangeFilterFn.js

@@ -2,6 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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);
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+
+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);
 
 exports.numberRangeFilterFn = numberRangeFilterFn;

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

@@ -2,29 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var moment = require('moment');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@babel/runtime/helpers/jsx');
 require('@elliemae/ds-icons');
 require('styled-components');
 require('../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../DataTableContext.js');
 require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../parts/HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -2,9 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+
 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/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -2,13 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var index = require('../../addons/Columns/index.js');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var index$1 = require('../../parts/Cells/index.js');
 var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
 var styled = require('../../styled.js');
@@ -38,7 +48,7 @@ _jsx__default["default"]("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/cjs/exported-related/RowRenderer/index.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -11,22 +16,24 @@ var useRowRendererProperties = require('./useRowRendererProperties.js');
 var DropIndicator = require('../../parts/DropIndicator.js');
 var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -2,19 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
 var React = require('react');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@babel/runtime/helpers/jsx');
+require('@elliemae/ds-icons');
+require('styled-components');
+require('../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
 var DataTableContext = require('../../DataTableContext.js');
+require('../../parts/Row.js');
+require('../../parts/Footer.js');
+require('../../parts/HoC/SortableItemContext.js');
 require('../../redux/reducers/index.js');
 var useDispatchRowsActions = require('../../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,
@@ -28,17 +59,21 @@ const useRowRendererHandlers = ({
     setSelectedRowId,
     setFocusedRowId
   } = useDispatchRowsActions.useDispatchRowsActions();
-  const handleItemClick = React.useCallback((e, {
-    original,
-    uid
-  } = row) => {
+  const handleItemClick = React.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]);
@@ -83,8 +118,10 @@ const useRowRendererHandlers = ({
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
-  const handleOnFocus = React.useCallback(() => {
-    setFocusedRowId(row.uid);
+  const handleOnFocus = React.useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+      setFocusedRowId(row.uid);
+    }
   }, [row.uid, setFocusedRowId]);
   return {
     handleItemClick,

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

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var DataTableContext = require('../../DataTableContext.js');
 var useRowStyle = require('./useRowStyle.js');
@@ -14,9 +21,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const useRowRendererProperties = ({
-  row
-}) => {
+const useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
   const {
     tableProps: {
       colsLayoutStyle

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DataTableContext = require('../../DataTableContext.js');
 var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
@@ -18,22 +19,22 @@ const useRowStyle = row => {
 
   const [borderTop, borderBottom, shouldAppendDottedBorder] = React.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 = React.useMemo(() => ({
     borderTop,

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

@@ -3,28 +3,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');
-var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+var jsxRuntime = require('react/jsx-runtime');
+require('@elliemae/ds-form');
 require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('../../DataTableContext.js');
 require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../parts/HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,7 +39,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 
 var _MoreOptionsVert;
 const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
@@ -43,24 +49,39 @@ const ToolbarWrapper = /*#__PURE__*/styled__default["default"].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__default["default"].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] = React.useState(false);
-  return /*#__PURE__*/_jsx__default["default"](ToolbarPosition, {}, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(false)
-  }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {})),
-    onClick: () => setShow(true),
-    onKeyDown: e => ['Enter', 'Space'].includes(e.code) && setShow(true),
-    tabIndex: 0
-  })));
+  const [clicked, setClicked] = React.useState(false);
+  const toolbarRef = React.useRef(null);
+  const handleOnClickOutside = React.useCallback(() => {
+    setShow(false);
+    setClicked(false);
+  }, []);
+  const handleOnClick = React.useCallback(() => {
+    setShow(true);
+    setClicked(true);
+  }, []);
+  dsUtilities.useOnClickOutside(toolbarRef, handleOnClickOutside);
+  return /*#__PURE__*/jsxRuntime.jsx(ToolbarPosition, {
+    ref: toolbarRef,
+    children: /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(clicked)
+    }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "text",
+      className: "toolbar-trigger",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})),
+      onClick: handleOnClick,
+      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
+      tabIndex: 0
+    }))
+  });
 };
 
 exports.Toolbar = Toolbar;

package/cjs/exported-related/groupBy.js

@@ -2,6 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var uid = require('uid');
 
 const groupBy = (data, headerKey) => {
@@ -16,11 +22,14 @@ const groupBy = (data, headerKey) => {
       groupsMap[groupValue] = [datum];
     }
   });
-  return Object.entries(groupsMap).map(([key, value]) => ({
-    dimsumHeaderValue: key,
-    subRows: value,
-    uid: uid.uid(16)
-  }));
+  return Object.entries(groupsMap).map(_ref => {
+    let [key, value] = _ref;
+    return {
+      dimsumHeaderValue: key,
+      subRows: value,
+      uid: uid.uid(16)
+    };
+  });
 };
 
 exports.groupBy = groupBy;

package/cjs/exported-related/index.js

@@ -9,11 +9,11 @@ var groupBy = require('./groupBy.js');
 var FilterTypes = require('./FilterTypes.js');
 var RowVariants = require('./RowVariants.js');
 var applyOutOfTheBoxFilters = require('./Filters/applyOutOfTheBoxFilters.js');
-var textFilterFn = require('./Filters/textFilterFn.js');
 var singleDateFilterFn = require('./Filters/singleDateFilterFn.js');
 var singleSelectFilterFn = require('./Filters/singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./Filters/multiSelectFilterFn.js');
 var numberRangeFilterFn = require('./Filters/numberRangeFilterFn.js');
+var currencyRangeFilterFn = require('./Filters/currencyRangeFilterFn.js');
 var dateRangeFilterFn = require('./Filters/dateRangeFilterFn.js');
 
 
@@ -27,9 +27,9 @@ exports.ROW_VARIANTS = RowVariants.ROW_VARIANTS;
 exports.ROW_VARIANT_COMPACT_KEY = RowVariants.ROW_VARIANT_COMPACT_KEY;
 exports.ROW_VARIANT_KEY = RowVariants.ROW_VARIANT_KEY;
 exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.textFilterFn = textFilterFn.textFilterFn;
 exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
 exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
 exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;
 exports.numberRangeFilterFn = numberRangeFilterFn.numberRangeFilterFn;
+exports.currencyRangeFilterFn = currencyRangeFilterFn.currencyRangeFilterFn;
 exports.dateRangeFilterFn = dateRangeFilterFn.dateRangeFilterFn;

package/cjs/helpers/addCellData.js

@@ -2,18 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable react/prop-types */
-const BasicCell = /*#__PURE__*/React__default["default"].memo(({
-  cell
-}) => cell.value);
+const BasicCell = /*#__PURE__*/React__default["default"].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({
@@ -22,7 +31,7 @@ const addColumnData = (datum, column) => {
     render: column.Cell || BasicCell,
     row: datum,
     ref: /*#__PURE__*/React__default["default"].createRef(),
-    id: `${datum.uid}/${column.id}`
+    id: "".concat(datum.uid, "__").concat(column.id)
   });
 };