@elliemae/ds-data-table 2.0.0-alpha.3 → 2.0.0-alpha.7

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

@@ -21,14 +21,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',
@@ -70,7 +70,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 +118,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

@@ -13,9 +13,8 @@ var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
 var constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -36,13 +35,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 +65,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 +91,8 @@ const RowRenderer = props => {
   const {
     handleItemClick,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   } = useRowRendererHandlers.useRowRendererHandlers({
     row,
     itemIndex,
@@ -119,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,
@@ -126,7 +127,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

@@ -23,7 +23,7 @@ const useRowRendererHandlers = ({
     virtualListHelpers: {
       scrollToIndex
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     setSelectedRowId,
     setFocusedRowId
@@ -83,10 +83,14 @@ const useRowRendererHandlers = ({
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
+  const handleOnFocus = React.useCallback(() => {
+    setFocusedRowId(row.uid);
+  }, [row.uid, setFocusedRowId]);
   return {
     handleItemClick,
     handleKeyDown,
-    handleOnBlur
+    handleOnBlur,
+    handleOnFocus
   };
 };
 

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

@@ -13,7 +13,7 @@ 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; }
+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
 }) => {
@@ -24,7 +24,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

@@ -9,7 +9,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); // ---------------------------------------------------------------------------

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

@@ -11,7 +11,6 @@ var constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
 require('../../styled.js');
 require('react/jsx-runtime');
@@ -36,13 +35,13 @@ 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
 
@@ -50,14 +49,14 @@ const Toolbar = ({
   children
 }) => {
   const [show, setShow] = React.useState(false);
-  return /*#__PURE__*/_jsx__default['default'](ToolbarPosition, {}, void 0, /*#__PURE__*/_jsx__default['default'](ToolbarWrapper, {
+  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'], {
+  }, 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'], {})),
+    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {})),
     onClick: () => setShow(true),
     onKeyDown: e => ['Enter', 'Space'].includes(e.code) && setShow(true),
     tabIndex: 0

package/cjs/helpers/addCellData.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /* eslint-disable react/prop-types */
-const BasicCell = /*#__PURE__*/React__default['default'].memo(({
+const BasicCell = /*#__PURE__*/React__default["default"].memo(({
   cell
 }) => cell.value);
 
@@ -21,7 +21,8 @@ const addColumnData = (datum, column) => {
     value: getCellValue(datum, column.accessor),
     render: column.Cell || BasicCell,
     row: datum,
-    ref: /*#__PURE__*/React__default['default'].createRef()
+    ref: /*#__PURE__*/React__default["default"].createRef(),
+    id: `${datum.uid}/${column.id}`
   });
 };
 

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -8,9 +8,8 @@ require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
 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');

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -9,9 +9,8 @@ require('react');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.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');
@@ -34,7 +33,7 @@ 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; }
+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 directions = [core.KeyboardCode.Down, core.KeyboardCode.Right, core.KeyboardCode.Up, core.KeyboardCode.Left];
 const vertical = [core.KeyboardCode.Up, core.KeyboardCode.Down];
 

package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js

@@ -15,7 +15,7 @@ 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; }
+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; }
 // if second parameter is true, the space will be done on the horizontal axis
 
 const adjustTranslate = ({

package/cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js

@@ -8,9 +8,8 @@ require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
 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');

package/cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js

@@ -12,7 +12,7 @@ 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; }
+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 directions = [core.KeyboardCode.Down, core.KeyboardCode.Right, core.KeyboardCode.Up, core.KeyboardCode.Left];
 const horizontal = [core.KeyboardCode.Left, core.KeyboardCode.Right]; // const vertical: string[] = [KeyboardCode.Up, KeyboardCode.Down];
 

package/cjs/helpers/dndkit/tree/useTreeDndkitConfig.js

@@ -17,7 +17,7 @@ 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; }
+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; }
 // if second parameter is true, the space will be done on the horizontal axis
 
 const adjustTranslate = ({

package/cjs/parts/Cells/Cell.js

@@ -35,12 +35,12 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
 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 PureStandardCell = /*#__PURE__*/React.memo(({
   cellStyle,
   children,
   column
-}) => /*#__PURE__*/_jsx__default['default'](styled.StyledCell, {
+}) => /*#__PURE__*/_jsx__default["default"](styled.StyledCell, {
   column: column,
   style: cellStyle,
   role: "cell",
@@ -57,7 +57,7 @@ const Cell = ({
 }) => {
   var _SimpleTruncatedToolt;
 
-  const ctx = React.useContext(DataTableContext['default']);
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
     tableProps: {
       cellRendererProps
@@ -81,7 +81,7 @@ const Cell = ({
   const CellComponent = cell.render;
   const pureCellContent = React.useMemo(() => {
     if (shouldAddExpandCell) {
-      return /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+      return /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
         cols: ['min-content', 'auto'],
         alignItems: "center",
         height: "100%"
@@ -90,7 +90,7 @@ const Cell = ({
 
     return /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps));
   }, [CellComponent, cellProps, shouldAddExpandCell]);
-  const DefaultCellContentJSX = React.useMemo(() => /*#__PURE__*/_jsx__default['default'](styled.StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx__default['default'](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  const DefaultCellContentJSX = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: pureCellContent
   })) : pureCellContent), [appliedTextWrap, pureCellContent]);
   const EditableContentJSX = React.useMemo(() => {

package/cjs/parts/Cells/index.js

@@ -18,7 +18,7 @@ const Cells = props => {
     isRowSelected,
     isDragOverlay
   } = props;
-  const ctx = React.useContext(DataTableContext['default']); // we won't print sub-rows more nested than the first level
+  const ctx = React.useContext(DataTableContext["default"]); // we won't print sub-rows more nested than the first level
 
   if (row.depth <= 1) {
     let shouldAddExpandCell = false;
@@ -35,9 +35,9 @@ const Cells = props => {
 
         if (column.id === 'rowActions') {
           const ActionComponent = cell.render;
-          jsx = /*#__PURE__*/_jsx__default['default'](styled.StyledActionCell, {
+          jsx = /*#__PURE__*/_jsx__default["default"](styled.StyledActionCell, {
             role: "cell"
-          }, row.uid + column.id, _ActionComponent || (_ActionComponent = /*#__PURE__*/_jsx__default['default'](ActionComponent, {
+          }, cell.id, _ActionComponent || (_ActionComponent = /*#__PURE__*/_jsx__default["default"](ActionComponent, {
             row: row,
             cell: cell,
             column: column,
@@ -48,14 +48,14 @@ const Cells = props => {
           // Next user's cell will have the expand cell
           shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay
         } else {
-          jsx = /*#__PURE__*/_jsx__default['default'](Cell, {
+          jsx = /*#__PURE__*/_jsx__default["default"](Cell, {
             cell: cell,
             column: column,
             row: row,
             isRowSelected: isRowSelected,
             shouldAddExpandCell: isUserCell && shouldAddExpandCell,
             isDragOverlay: isDragOverlay
-          }, row.uid + column.id);
+          }, cell.id);
         } // Drag overlay only need to print the DnD handle and the first user's cell
 
 

package/cjs/parts/Cells/useCellStyle.js

@@ -10,7 +10,7 @@ const useCellStyle = (column, shouldAddExpandCell) => {
     tableProps: {
       textWrap
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const appliedTextWrap = column.textWrap || textWrap;
   const cellStyle = React.useMemo(() => {
     const newStyle = {};

package/cjs/parts/DnDHandle.js

@@ -9,7 +9,6 @@ var SortableItemContext = require('./HoC/SortableItemContext.js');
 var constants = require('../configs/constants.js');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
 require('../styled.js');
 require('react/jsx-runtime');
@@ -34,8 +33,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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 StyledGripperButton = /*#__PURE__*/styled__default['default'].div.withConfig({
+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 StyledGripperButton = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-fj20bf-0"
 })(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], ({
   isActive,
@@ -63,7 +62,7 @@ const DragHandle = ({
     "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
     id: `${id}-drag-handle`,
     key: `${id}-drag-handle`
-  }), /*#__PURE__*/_jsx__default['default'](GripperVertical__default['default'], {
+  }), /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
     size: "s",
     color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
   }));

package/cjs/parts/DropIndicator.js

@@ -44,15 +44,15 @@ const getCircleStyles = ({
   opacity: 1
 });
 
-const StyledIndicator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledIndicator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1aa87sx-0"
 })(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:", ";"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', props => props.theme.colors.brand[600], zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR);
 
-const CircleIndicator = style => /*#__PURE__*/_jsx__default['default']("svg", {
+const CircleIndicator = style => /*#__PURE__*/_jsx__default["default"]("svg", {
   height: "6",
   width: "6",
   style: style
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default['default']("circle", {
+}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
   cx: "3",
   cy: "3",
   r: "3",
@@ -71,7 +71,7 @@ const DropIndicator = ({
     children: [CircleIndicator(getCircleStyles({
       vertical,
       dropIndicatorPosition: safeDropIndicatorPosition
-    })), /*#__PURE__*/_jsx__default['default'](StyledIndicator, {
+    })), /*#__PURE__*/_jsx__default["default"](StyledIndicator, {
       vertical: vertical,
       dropIndicatorPosition: safeDropIndicatorPosition
     })]

package/cjs/parts/EmptyContent.js

@@ -19,22 +19,22 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _Icon;
-const EmptyStateWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-t6wd9y-0"
 })(["position:sticky;height:fit-content;top:0;left:0;"]);
-const Icon = /*#__PURE__*/styled__default['default'](WarningTriangle__default['default']).withConfig({
+const Icon = /*#__PURE__*/styled__default["default"](WarningTriangle__default["default"]).withConfig({
   componentId: "sc-t6wd9y-1"
 })(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
-const PrimaryMessage = /*#__PURE__*/styled__default['default'].p.withConfig({
+const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-t6wd9y-2"
 })(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const SecondaryMessage = /*#__PURE__*/styled__default['default'].p.withConfig({
+const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-t6wd9y-3"
 })(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
-const Button = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-t6wd9y-4"
 })(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
-const CenterContentFlexWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const CenterContentFlexWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-t6wd9y-5"
 })(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], ({
   width
@@ -52,20 +52,20 @@ const EmptyContent = ({
       onNoResultsButtonClick,
       width: tableWidth
     }
-  } = React.useContext(DataTableContext['default']);
-  if ( /*#__PURE__*/React__default['default'].isValidElement(noResultsPlaceholder)) return /*#__PURE__*/_jsx__default['default'](CenterContentFlexWrapper, {
+  } = React.useContext(DataTableContext["default"]);
+  if ( /*#__PURE__*/React__default["default"].isValidElement(noResultsPlaceholder)) return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
     width: width
   }, void 0, noResultsPlaceholder);
-  return /*#__PURE__*/_jsx__default['default'](CenterContentFlexWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
     width: width,
     "aria-live": "assertive",
     role: "status"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](EmptyStateWrapper, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {
     width: tableWidth,
     justifyContent: "center"
-  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default['default'](Icon, {
+  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
     size: "xxl"
-  })), /*#__PURE__*/_jsx__default['default'](PrimaryMessage, {}, void 0, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/_jsx__default['default'](SecondaryMessage, {}, void 0, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/_jsx__default['default'](Button, {
+  })), /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/_jsx__default["default"](Button, {
     buttonType: "secondary",
     labelText: noResultsButtonLabel,
     onClick: onNoResultsButtonClick

package/cjs/parts/FilterBar/FiltersBar.js

@@ -6,17 +6,16 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var DSButton = require('@elliemae/ds-button');
 var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
-require('../../exported-related/FilterPopover.js');
-require('../../styled.js');
-var DataTableContext = require('../../DataTableContext.js');
-require('react/jsx-runtime');
+require('@elliemae/ds-popperjs');
 require('styled-components');
+require('../../redux/reducers/index.js');
 require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
+require('../../styled.js');
+require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('../TableContent.js');
@@ -24,6 +23,7 @@ require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
 require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
+var DataTableContext = require('../../DataTableContext.js');
 require('../Row.js');
 require('../Footer.js');
 require('@elliemae/ds-icons/GripperVertical');
@@ -65,11 +65,11 @@ const FiltersBar = () => {
       filters
     },
     visibleColumns
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const pillGroupRefs = React.useMemo(() => {
     const refs = [];
 
-    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React__default['default'].createRef());
+    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React__default["default"].createRef());
 
     return refs;
   }, [filters.length]);
@@ -77,7 +77,7 @@ const FiltersBar = () => {
   const removeAllFilters = React.useCallback(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  return /*#__PURE__*/_jsx__default['default'](styled.StyledWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
     width: width,
     "aria-live": "polite",
     "aria-relevant": "additions removals",
@@ -101,7 +101,7 @@ const FiltersBar = () => {
       Component = filterBarProps.customPillRenderer;
     }
 
-    return /*#__PURE__*/_jsx__default['default'](Component, {
+    return /*#__PURE__*/_jsx__default["default"](Component, {
       columnHeader: typeof columnHeader === 'string' ? columnHeader : column,
       column: column,
       value: value,
@@ -111,17 +111,17 @@ const FiltersBar = () => {
       innerRef: pillGroupRefs[index],
       nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
     }, column);
-  }), /*#__PURE__*/_jsx__default['default'](styled.StyledDropdownMenu, {
+  }), /*#__PURE__*/_jsx__default["default"](styled.StyledDropdownMenu, {
     preventOverflow: "scrollParent",
     options: [{
       id: '__internal__option__clear__filters',
       label: 'Clear Filters',
       onClick: removeAllFilters
     }, ...((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])],
-    triggerComponent: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: _VerticalElipsis || (_VerticalElipsis = /*#__PURE__*/_jsx__default['default'](MoreOptionsVert__default['default'], {}))
+      icon: _VerticalElipsis || (_VerticalElipsis = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {}))
     })
   }));
 };

package/cjs/parts/FilterBar/components/DateRangePill.js

@@ -27,10 +27,10 @@ const DateRangePill = ({
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default['default'](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: `${format(value.startDate)} - ${format(value.endDate)}`,
     onRemove: handleOnRemove,