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

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,30 +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/ArrowShortReturn');
-require('styled-components');
 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 }; }
@@ -34,6 +40,6 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 // use file instead of index to avoid circular imports!
 
-const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => moment__default['default'](filterValue, constants.momentFormat).isSame(datum[filterKey], 'day'));
+const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => moment__default["default"](filterValue, constants.momentFormat).isSame(datum[filterKey], 'day'));
 
 exports.singleDateFilterFn = singleDateFilterFn;

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');
@@ -21,14 +31,14 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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; }
+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 DetailsWrapper = props =>
 /*#__PURE__*/
 // This can be further customized
 // eslint-disable-next-line react/prop-types
 // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-_jsx__default['default']("div", {
+_jsx__default["default"]("div", {
   "data-role": "detail-view",
   style: {
     borderTop: '1px solid #EBEDF0',
@@ -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 {
@@ -70,7 +80,9 @@ const DefaultRowContentRenderer = props => {
   const isDragging = draggableProps && draggableProps.isDragging;
   React.useLayoutEffect(() => {
     if (row.uid === focusedRowId) {
-      rowRef.current.focus();
+      rowRef.current.focus({
+        preventScroll: true
+      });
     }
   }, [focusedRowId, row.uid]);
   const gridTemplateColProps = React.useMemo(() => ({
@@ -116,12 +128,12 @@ const DefaultRowContentRenderer = props => {
         selected: noSelectionColumn && (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
         disabled: disabledRows[row.uid],
         "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT,
-        children: /*#__PURE__*/_jsx__default['default'](index$1, {
+        children: /*#__PURE__*/_jsx__default["default"](index$1, {
           row: row,
           isRowSelected: selectedRowId === row.uid,
           isDragOverlay: isDragOverlay
         }, row.uid)
-      }), row.uid), isExpandable && row.isExpanded && DetailsView && /*#__PURE__*/_jsx__default['default'](DetailsWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](DetailsView, {
+      }), row.uid), isExpandable && row.isExpanded && DetailsView && /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DetailsView, {
         row: row,
         detailsIndent: detailsIndent
       }))]

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,23 +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('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
+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 }; }
 
@@ -36,13 +42,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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; }
+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; }
 
 // CSS don't let us modify the spacing between the dots, so one solution is to use SVG
-const magicDottedBorder = /*#__PURE__*/_jsx__default['default']("svg", {
+const magicDottedBorder = /*#__PURE__*/_jsx__default["default"]("svg", {
   width: "100%",
   height: "1px"
-}, void 0, /*#__PURE__*/_jsx__default['default']("line", {
+}, void 0, /*#__PURE__*/_jsx__default["default"]("line", {
   x1: "0",
   y1: "0",
   x2: "100%",
@@ -66,7 +72,7 @@ const RowRenderer = props => {
     selectedRowId,
     isDragOverlay
   } = props;
-  const ctx = React.useContext(DataTableContext['default']);
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -92,7 +98,8 @@ const RowRenderer = props => {
   const {
     handleItemClick,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   } = useRowRendererHandlers.useRowRendererHandlers({
     row,
     itemIndex,
@@ -119,6 +126,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,
@@ -126,7 +134,7 @@ const RowRenderer = props => {
     height: height,
     children: [CustomRowContentRenderer ? /*#__PURE__*/jsxRuntime.jsx(CustomRowContentRenderer, _objectSpread({}, rowContentProps)) : /*#__PURE__*/React.createElement(DefaultRowContentRenderer.DefaultRowContentRenderer, _objectSpread(_objectSpread({}, rowContentProps), {}, {
       key: row.uid
-    })), shouldAppendDottedBorder && magicDottedBorder, /*#__PURE__*/_jsx__default['default'](DropIndicator, {
+    })), shouldAppendDottedBorder && magicDottedBorder, /*#__PURE__*/_jsx__default["default"](DropIndicator, {
       vertical: false,
       dropIndicatorPosition: dropIndicatorPosition,
       isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging

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,
@@ -23,22 +54,26 @@ const useRowRendererHandlers = ({
     virtualListHelpers: {
       scrollToIndex
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     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,10 +118,16 @@ const useRowRendererHandlers = ({
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
+  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,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   };
 };
 

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');
@@ -13,10 +20,11 @@ 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
-}) => {
+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 = _ref => {
+  let {
+    row
+  } = _ref;
   const {
     tableProps: {
       colsLayoutStyle
@@ -24,7 +32,7 @@ const useRowRendererProperties = ({
     layoutHelpers: {
       totalColumnsWidth
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const userDataProperties = React.useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
     if (cur.startsWith('data-')) acc[cur] = row.original[cur];
     return acc;

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');
@@ -9,7 +10,7 @@ var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
 const useRowStyle = row => {
   const {
     flattenedData
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext); // ---------------------------------------------------------------------------
@@ -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,29 +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/ArrowShortReturn');
-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 }; }
@@ -33,35 +39,49 @@ 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({
+const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ru2no0-0"
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
-const ToolbarWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ru2no0-1"
 })(["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({
+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;