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

package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('../../../../exported-related/FilterPopover.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
 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');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('../../../../parts/TableContent.js');
@@ -25,10 +23,12 @@ 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');
+require('@elliemae/ds-icons/MoreOptionsVert');
 require('uid');
 var FilterTypes = require('../../../../exported-related/FilterTypes.js');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
@@ -47,7 +47,7 @@ const MultiSelectFilter = ({
   reduxHeader,
   filterValue,
   innerRef
-}) => /*#__PURE__*/_jsx__default['default'](BaseSelectFilter.BaseSelectFilter, {
+}) => /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
   reduxHeader: reduxHeader,
   "data-testid": constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
   isMulti: true,

package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('../../../../exported-related/FilterPopover.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
 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');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('../../../../parts/TableContent.js');
@@ -25,10 +23,12 @@ 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');
+require('@elliemae/ds-icons/MoreOptionsVert');
 require('uid');
 var FilterTypes = require('../../../../exported-related/FilterTypes.js');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
@@ -46,7 +46,7 @@ const SingleSelectFilter = ({
   onValueChange,
   reduxHeader,
   innerRef
-}) => /*#__PURE__*/_jsx__default['default'](BaseSelectFilter.BaseSelectFilter, {
+}) => /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
   reduxHeader: reduxHeader,
   "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
   isSingle: true,

package/cjs/addons/Filters/Components/SelectFilter/components.js

@@ -8,23 +8,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-0"
 })(["display:flex;flex-direction:column;align-items:center;"]);
-const InputWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const InputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-1"
 })(["width:100%;padding:10px;"]); // TODO: use dimsum text input
 
-const Input = /*#__PURE__*/styled__default['default'].input.withConfig({
+const Input = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-px47an-2"
 })(["width:100%;border:1px solid #eee;height:25px;&:focus{outline:none;border:1px solid ", ";}"], props => props.theme.colors.brand[600]);
-const MenuList = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuList = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-3"
 })(["position:relative;width:100%;"]);
-const MenuItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-4"
 })(["display:flex;box-sizing:border-box;align-items:center;white-space:wrap;position:absolute;top:0;left:0;width:100%;padding:10px;border:1px solid transparent;cursor:pointer;&:hover{border:1px solid ", ";}&:focus{border:1px solid ", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
-const VirtualListWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const VirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-5"
 })(["width:100%;overflow:auto;max-height:300px;"]);
 

package/cjs/addons/Filters/Components/SelectFilter/utils.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/addons/Filters/Components/SingleDateFilter/index.js

@@ -18,7 +18,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('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -65,28 +64,29 @@ const SingleDateFilter = props => {
   const commitDateChange = React.useCallback(() => {
     patchHeaderFilterButtonAndMenu(id, true);
   }, [id, patchHeaderFilterButtonAndMenu]);
-  return /*#__PURE__*/_jsx__default['default'](FilterPopover.FilterPopover, {
+  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
-    menuContent: /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    menuContent: /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
       width: "260px"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       p: "xxs"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](dsControlledForm.DSControlledDateTimePicker, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
       date: date,
       onDateChange: setDate,
       type: "date-inputs",
-      isClearable: true
-    })), /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+      isClearable: true,
+      autoFocus: true
+    })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       onKeyDown: e => e.code === 'Enter' && setTimeout(commitDateChange, 0)
-    }, void 0, /*#__PURE__*/_jsx__default['default'](dsControlledForm.DSControlledDateTimePicker, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
       date: date,
       onDateChange: setDate,
       type: "date-picker-controller-only"
     }))),
-    triggerIcon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default['default'](DatePickerIcon__default['default'], {})),
+    triggerIcon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default["default"](DatePickerIcon__default["default"], {})),
     innerRef: innerRef,
     ariaLabel: "Open Single Date Filter"
   });

package/cjs/addons/Filters/Components/TextInputFilter/index.js

@@ -16,7 +16,6 @@ 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('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -62,20 +61,20 @@ const TextInputFilter = props => {
     onValueChange(FilterTypes.FILTER_TYPES.TEXT, newText);
   };
 
-  return /*#__PURE__*/_jsx__default['default'](FilterPopover.FilterPopover, {
+  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
     menuContent:
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-autofocus
-    _jsx__default['default']("input", {
+    _jsx__default["default"]("input", {
       value: filterValue,
       onChange: handleChange,
       placeholder: `Search ${count} records...`,
       autoFocus: true
     }),
-    triggerIcon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx__default['default'](SearchIcon__default['default'], {})),
+    triggerIcon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {})),
     removeWrapperStyles: true,
     innerRef: innerRef,
     ariaLabel: "Open Text Input Filter"

package/cjs/addons/Pagination/ActiveZoneButtons.js

@@ -23,33 +23,33 @@ const ActiveZoneButtons = props => {
   const hasLastNumber = pageIndex <= pageCount - 3;
   const hasPostEllipsis = pageIndex <= pageCount - 4;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [hasNumberOne && /*#__PURE__*/_jsx__default['default'](ButtonComponent, {
+    children: [hasNumberOne && /*#__PURE__*/_jsx__default["default"](ButtonComponent, {
       onClick: () => {
         onPageChange(1);
       },
       labelText: "1",
       buttonType: "secondary",
       "aria-label": "Go to page 1"
-    }), hasPreEllipsis && (_span || (_span = /*#__PURE__*/_jsx__default['default']("span", {}, void 0, "..."))), pageIndex - 1 >= 0 ? /*#__PURE__*/_jsx__default['default'](ButtonComponent, {
+    }), hasPreEllipsis && (_span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "..."))), pageIndex - 1 >= 0 ? /*#__PURE__*/_jsx__default["default"](ButtonComponent, {
       onClick: () => {
         onPageChange(pageIndex);
       },
       labelText: (pageValue - 1).toString(),
       buttonType: "secondary",
       "aria-label": `Go to page ${pageValue - 1}`
-    }) : null, /*#__PURE__*/_jsx__default['default'](ButtonComponent, {
+    }) : null, /*#__PURE__*/_jsx__default["default"](ButtonComponent, {
       onClick: () => null,
       labelText: pageValue.toString(),
       buttonType: "primary",
       "aria-label": `On page ${pageValue}`
-    }), pageIndex + 1 < pageCount ? /*#__PURE__*/_jsx__default['default'](ButtonComponent, {
+    }), pageIndex + 1 < pageCount ? /*#__PURE__*/_jsx__default["default"](ButtonComponent, {
       onClick: () => {
         onPageChange(pageIndex + 2);
       },
       labelText: (pageValue + 1).toString(),
       buttonType: "secondary",
       "aria-label": `Go to page ${pageValue + 1}`
-    }) : null, hasPostEllipsis && (_span2 || (_span2 = /*#__PURE__*/_jsx__default['default']("span", {}, void 0, "..."))), hasLastNumber && /*#__PURE__*/_jsx__default['default'](ButtonComponent, {
+    }) : null, hasPostEllipsis && (_span2 || (_span2 = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "..."))), hasLastNumber && /*#__PURE__*/_jsx__default["default"](ButtonComponent, {
       onClick: () => {
         onPageChange(pageCount);
       },

package/cjs/addons/Pagination/PagesButtons.js

@@ -9,7 +9,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');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,7 +31,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const InlineDSButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const InlineDSButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-eshyv3-0"
 })(["display:inline-block;margin:0 5px;"]);
 
@@ -47,7 +46,7 @@ const PagesButtons = props => {
     onPageChange
   } = props;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](InlineDSButton, {
+    children: [/*#__PURE__*/_jsx__default["default"](InlineDSButton, {
       onClick: () => {
         if (canPreviousPage) onPreviousPage();
       },
@@ -56,12 +55,12 @@ const PagesButtons = props => {
       buttonType: "secondary",
       "data-testid": constants.DATA_TESTID.DATA_TABLE_PAGINATION_PREVIOUS_BUTTON,
       "aria-label": "Go to previous page"
-    }), /*#__PURE__*/_jsx__default['default'](ActiveZoneButtons, {
+    }), /*#__PURE__*/_jsx__default["default"](ActiveZoneButtons, {
       pageIndex: pageIndex,
       pageCount: pageCount,
       onPageChange: onPageChange,
       ButtonComponent: InlineDSButton
-    }), /*#__PURE__*/_jsx__default['default'](InlineDSButton, {
+    }), /*#__PURE__*/_jsx__default["default"](InlineDSButton, {
       onClick: () => {
         if (canNextPage) onNextPage();
       },

package/cjs/addons/Pagination/Pagination.js

@@ -12,9 +12,8 @@ var constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -54,19 +53,19 @@ const Pagination = () => {
     layoutHelpers: {
       totalColumnsWidth
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const originalPage = React.useMemo(() => page.map(row => row.original), [page]);
   React.useEffect(() => {
     onPageChanged(originalPage);
   }, [onPageChanged, originalPage]);
-  return /*#__PURE__*/_jsx__default['default'](styled.PaginationContainer, {
+  return /*#__PURE__*/_jsx__default["default"](styled.PaginationContainer, {
     width: totalColumnsWidth,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_PAGINATION_CONTAINER
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.PaginationWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](PerPageSelector, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.PaginationWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageSelector, {
     pagination: pagination,
     pageSize: pageSize,
     setPageSize: onPageSizeChange
-  }), /*#__PURE__*/_jsx__default['default'](PagesButtons, {
+  }), /*#__PURE__*/_jsx__default["default"](PagesButtons, {
     canPreviousPage: canPreviousPage,
     canNextPage: canNextPage,
     pageCount: pageCount,

package/cjs/addons/Pagination/PerPageSelector.js

@@ -25,8 +25,8 @@ const _excluded = ["children"];
 
 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 InlineDSComboBox = /*#__PURE__*/styled__default['default'](DSComboBox__default['default']).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 InlineDSComboBox = /*#__PURE__*/styled__default["default"](DSComboBox__default["default"]).withConfig({
   componentId: "sc-1oa1180-0"
 })(["display:inline-block;margin:0 5px;max-width:250px;"]); // eslint-disable-next-line react/prop-types
 
@@ -34,10 +34,10 @@ const SingleValue = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsxs(DSComboBox.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
-    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {}, void 0, "per page"))]
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
   }));
 };
 
@@ -46,7 +46,7 @@ const generateOption = value => ({
   label: value
 });
 
-const getOptions = memoize__default['default']((step, min, max) => {
+const getOptions = memoize__default["default"]((step, min, max) => {
   const options = utils.range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
@@ -67,7 +67,7 @@ const PerPageSelector = props => {
     if (perPageOptions) return perPageOptions.map(generateOption);
     return getOptions(perPageStep, minPerPage, maxPerPage);
   }, [pagination]);
-  return /*#__PURE__*/_jsx__default['default'](InlineDSComboBox, {
+  return /*#__PURE__*/_jsx__default["default"](InlineDSComboBox, {
     className: "em-ds-per-page-dropdown",
     "aria-label": "Rows per page selector",
     components: {

package/cjs/configs/constants.js

@@ -42,7 +42,8 @@ const DATA_TESTID = {
   DATA_TABLE_HEADER: 'data-table-header',
   DATA_TABLE_ROW_HEADER_CONTENT: 'data-table-row-header-content',
   DATA_TABLE_ROW_GROUP_HEADER: 'data-table-row-group-header',
-  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay'
+  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay',
+  DATA_TABLE_HEADER_CELL_TITLE: 'header-cell-title'
 };
 
 exports.DATA_TESTID = DATA_TESTID;

package/cjs/configs/index.js

@@ -12,9 +12,7 @@ var zIndexInternalConfig = require('./zIndexInternalConfig.js');
 
 Object.defineProperty(exports, 'ColsLayoutStyle', {
 	enumerable: true,
-	get: function () {
-		return constants.ColsLayoutStyle;
-	}
+	get: function () { return constants.ColsLayoutStyle; }
 });
 exports.DATA_TESTID = constants.DATA_TESTID;
 exports.momentFormat = constants.momentFormat;

package/cjs/configs/useTableColsWithAddons.js

@@ -14,7 +14,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 augmentColumns = columns => {
   const augmentColumn = (column, index, parentId = null, depth = 0) => {

package/cjs/exported-related/EditableCell.js

@@ -22,7 +22,7 @@ const EditableCell = props => {
   } = props;
   const {
     virtualListHelpers
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const [isEditing, setIsEditing] = React.useState(false);
   const [lastIsEditing, setLastIsEditing] = React.useState(false); // When an editable cell is switched on-off, we recalculate the height of the rows
 
@@ -60,7 +60,14 @@ const EditableCell = props => {
     onKeyDown: handleOnKeyDown,
     onBlur: handleOnBlur,
     shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
-    children: [!isEditing ? StandardRender : EditableRenderer, !isEditing && (_StyledPencilIcon || (_StyledPencilIcon = /*#__PURE__*/_jsx__default['default'](styled.StyledPencilIcon, {})))]
+    "aria-describedby": isEditing ? undefined : cell.id,
+    children: [!isEditing ? StandardRender : EditableRenderer, !isEditing && (_StyledPencilIcon || (_StyledPencilIcon = /*#__PURE__*/_jsx__default["default"](styled.StyledPencilIcon, {}))), /*#__PURE__*/_jsx__default["default"]("span", {
+      id: cell.id,
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "false"
+    }, void 0, "Editable cell. To edit the content's of this cell, press the Enter key")]
   });
 };
 

package/cjs/exported-related/FilterPopover.js

@@ -2,21 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var reactPopper = require('react-popper');
 var DSButton = require('@elliemae/ds-button');
+var dsPopperjs = require('@elliemae/ds-popperjs');
 var styled = require('styled-components');
-var hooks = require('@elliemae/ds-utilities/hooks');
 require('../redux/reducers/index.js');
 var constants = require('../configs/constants.js');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
+require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
+require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('../parts/TableContent.js');
@@ -33,28 +31,22 @@ var useDispatchHeadersActions = require('../redux/reducers/headersReducers/useDi
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 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 FilterButton = /*#__PURE__*/styled__default['default'].span.withConfig({
+const FilterButton = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-16i88ut-0"
 })(["display:inline-grid;", ""], props => props.hide ? 'opacity: 0; display: none; width: 0;' : '');
-const Button = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-16i88ut-1"
 })(["position:relative;justify-self:flex-end;"]);
 const FilterPopover = ({
-  column,
   columnId,
   triggerIcon,
   menuContent,
-  onTriggerClick,
-  onClickOutsideMenu,
-  removeWrapperStyles,
+  onTriggerClick = () => null,
+  onClickOutsideMenu = () => null,
   reduxHeader,
   innerRef,
   ariaLabel
@@ -84,51 +76,8 @@ const FilterPopover = ({
     e.stopPropagation();
   };
 
-  const wrapperStyles = React.useMemo(() => {
-    if (removeWrapperStyles) return {};
-    return {
-      backgroundColor: '#fff',
-      boxShadow: '0 6px 20px 0 rgba(0, 0, 0, 0.24)',
-      minWidth: '100%'
-    };
-  }, [removeWrapperStyles]);
   const [referenceElement, setReferenceElement] = React.useState(null);
-  const [popperElement, setPopperElement] = React.useState(null); // We need this ref to correctly call useOnClickOutside
-
-  const ref = React.useRef(null);
-  const updatedReferenceElement = React.useCallback(newRef => {
-    setPopperElement(newRef);
-    ref.current = newRef;
-  }, [setPopperElement]); // const hasSortingCaret = column && column.canSort && typeof column.isSortedDesc === 'boolean';
-
-  const {
-    styles,
-    attributes
-  } = reactPopper.usePopper(referenceElement, popperElement, {
-    placement: 'bottom-end',
-    modifiers: [{
-      name: 'offset',
-      enabled: true,
-      options: {
-        offset: [3, 4]
-      }
-    }, {
-      name: 'preventOverflow',
-      options: {
-        mainAxis: true,
-        altAxis: true
-      }
-    }]
-  });
-
-  const handleClose = e => {
-    if (referenceElement && !referenceElement.contains(e.target)) {
-      handleClickOutsideMenu(e);
-    }
-  };
-
-  hooks.useOnClickOutside(ref, handleClose);
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     // This is here to prevent propagation, and not trigger the sort functionality
     onClick: e => e.stopPropagation(),
     onKeyDown: e => {
@@ -151,10 +100,10 @@ const FilterPopover = ({
     style: {
       display: 'flex'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](FilterButton, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FilterButton, {
     hide: !isIconVisible,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_FILTER_BUTTON
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Button, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Button, {
     onClick: handleTriggerClick,
     buttonType: "text",
     "aria-label": ariaLabel,
@@ -167,18 +116,21 @@ const FilterPopover = ({
       innerRef.current = _ref;
     },
     tabIndex: reduxHeader !== null && reduxHeader !== void 0 && reduxHeader.withTabStops ? 0 : -1
-  })), /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-    ref: updatedReferenceElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), wrapperStyles)
-  }, attributes.popper), {}, {
+  })), /*#__PURE__*/_jsx__default["default"](dsPopperjs.DSPopperJS, {
+    referenceElement: referenceElement,
+    showPopover: isMenuOpen,
+    closeContextMenu: handleClickOutsideMenu,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
-    children: isMenuOpen && menuContent
-  })));
-};
-FilterPopover.defaultProps = {
-  onClickOutsideMenu: () => null,
-  onTriggerClick: () => null,
-  removeWrapperStyles: false
+    startPlacementPreference: "bottom-end",
+    customOffset: [4, 4],
+    withoutArrow: true,
+    withoutPortal: true,
+    zIndex: 10
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      backgroundColor: '#fff'
+    }
+  }, void 0, menuContent)));
 };
 
 exports.FilterPopover = FilterPopover;

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

@@ -9,9 +9,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');
@@ -34,6 +33,6 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 // use file instead of index to avoid circular imports!
 
-const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.startDate && filterValue !== null && filterValue !== void 0 && filterValue.endDate) || moment__default['default'](filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, constants.momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment__default['default'](filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, constants.momentFormat).isSameOrAfter(datum[filterKey], 'day'));
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.startDate && filterValue !== null && filterValue !== void 0 && filterValue.endDate) || moment__default["default"](filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, constants.momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment__default["default"](filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, constants.momentFormat).isSameOrAfter(datum[filterKey], 'day'));
 
 exports.dateRangeFilterFn = dateRangeFilterFn;

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

@@ -9,9 +9,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');
@@ -34,6 +33,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;