@elliemae/ds-data-table 1.55.0 → 1.56.0-rc.2

package/esm/parts/HoC/withDnDSortableColumnContext.js

@@ -3,7 +3,7 @@ import 'react';
 import '@dnd-kit/sortable';
 import '../../DataTableContext.js';
 import './DragOverlayContext.js';
-export { W as withDnDSortableColumnContext } from '../../styled-98b7b59b.js';
+export { W as withDnDSortableColumnContext } from '../../styled-2aa33852.js';
 import './SortableItemContext.js';
 import '../../configs/constants.js';
 import 'styled-components';

package/esm/parts/Row.js

@@ -6,7 +6,7 @@ import '../configs/constants.js';
 import '../helpers/refs-helpers.js';
 import './HoC/SortableItemContext.js';
 import './HoC/withDnDSortableRowContext.js';
-export { R as default } from '../styled-98b7b59b.js';
+export { R as default } from '../styled-2aa33852.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@dnd-kit/sortable';
 import './HoC/withConditionalDnDRowContext.js';

package/esm/parts/RowLoading.js

@@ -9,7 +9,7 @@ import '../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-icons';
-export { j as default } from '../styled-98b7b59b.js';
+export { j as default } from '../styled-2aa33852.js';
 import '@elliemae/ds-form/Checkbox';
 import '@elliemae/ds-form/Radio';
 import '@elliemae/ds-circular-progress-indicator';

package/esm/parts/RowVariants/RowVariantHeader.js

@@ -1,6 +1,6 @@
 import 'react';
 import '@elliemae/ds-grid';
-export { r as RowVariantHeader } from '../../styled-98b7b59b.js';
+export { r as RowVariantHeader } from '../../styled-2aa33852.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-form/Checkbox';
 import '../../configs/constants.js';

package/esm/parts/RowVariants/RowVariantPrimary.js

@@ -1,5 +1,5 @@
 import 'react';
-export { t as RowVariantPrimary } from '../../styled-98b7b59b.js';
+export { t as RowVariantPrimary } from '../../styled-2aa33852.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-icons/EditPencil';

package/esm/parts/RowVariants/RowVariantSecondary.js

@@ -1,5 +1,5 @@
 import 'react';
-export { v as RowVariantSecondary } from '../../styled-98b7b59b.js';
+export { v as RowVariantSecondary } from '../../styled-2aa33852.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-icons/EditPencil';

package/esm/parts/RowVariants/index.js

@@ -11,7 +11,7 @@ import 'react-virtual';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import '@elliemae/ds-icons';
-export { w as RowVariantMapItem } from '../../styled-98b7b59b.js';
+export { w as RowVariantMapItem } from '../../styled-2aa33852.js';
 import '@elliemae/ds-form/Checkbox';
 import '@elliemae/ds-form/Radio';
 import '@elliemae/ds-grid';

package/esm/parts/Rows.js

@@ -1,5 +1,5 @@
 import 'react';
-export { x as default } from '../styled-98b7b59b.js';
+export { x as default } from '../styled-2aa33852.js';
 import '../DataTableContext.js';
 import './HoC/withConditionalDnDRowContext.js';
 import '../configs/constants.js';

package/esm/parts/TableContent.js

@@ -2,7 +2,7 @@ import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import 'react';
 import 'react-redux';
-export { T as default } from '../styled-98b7b59b.js';
+export { T as default } from '../styled-2aa33852.js';
 import '../DataTableContext.js';
 import '../configs/constants.js';
 import 'react-virtual';

package/esm/parts/VirtualRowsList.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'react-redux';
-export { Z as default } from '../styled-98b7b59b.js';
+export { Z as default } from '../styled-2aa33852.js';
 import './EmptyContent.js';
 import './Footer.js';
 import '../DataTableContext.js';

package/esm/parts/index.js

@@ -1,4 +1,4 @@
-export { D as DnDHandle, R as Row, T as TableContent } from '../styled-98b7b59b.js';
+export { D as DnDHandle, R as Row, T as TableContent } from '../styled-2aa33852.js';
 export { default as Loader } from './Loader.js';
 export { default as EmptyContent } from './EmptyContent.js';
 export { default as Footer } from './Footer.js';

package/esm/{styled-98b7b59b.js → styled-2aa33852.js}

@@ -4,7 +4,7 @@ import EditPencil from '@elliemae/ds-icons/EditPencil';
 import { sizeToCss } from './helpers/sizeToCss.js';
 import { DATA_TESTID, momentFormat, ColsLayoutStyle } from './configs/constants.js';
 import { columnPadding, cellPadding } from './helpers/cellPadding.js';
-import React, { useMemo, useCallback, useContext, useEffect, useState, useLayoutEffect, memo, useRef, createContext, cloneElement } from 'react';
+import React, { useMemo, useCallback, useContext, useEffect, useRef, useState, useLayoutEffect, memo, createContext, cloneElement } from 'react';
 import { FIXED_SIZES } from './configs/fixedSizes.js';
 import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import { useVirtual } from 'react-virtual';
@@ -525,7 +525,10 @@ var Button = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-16i88ut-1"
 })(["position:relative;justify-self:flex-end;"]);
 var FilterPopover = function FilterPopover(_ref2) {
-  var columnId = _ref2.columnId,
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
+  var column = _ref2.column,
+      columnId = _ref2.columnId,
       triggerIcon = _ref2.triggerIcon,
       menuContent = _ref2.menuContent,
       _ref2$onTriggerClick = _ref2.onTriggerClick,
@@ -547,6 +550,8 @@ var FilterPopover = function FilterPopover(_ref2) {
       hideFilterButton = _ref3.hideFilterButton,
       hideFilterMenu = _ref3.hideFilterMenu;
 
+  var popperRef = useRef(null);
+
   var _useDispatchHeadersAc = useDispatchHeadersActions(),
       patchHeaderFilterButtonAndMenu = _useDispatchHeadersAc.patchHeaderFilterButtonAndMenu,
       patchHeader = _useDispatchHeadersAc.patchHeader;
@@ -594,6 +599,11 @@ var FilterPopover = function FilterPopover(_ref2) {
     },
     style: {
       display: 'flex'
+    },
+    onBlur: function onBlur(e) {
+      if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {
+        referenceElement.focus();
+      }
     }
   }, /*#__PURE__*/React.createElement(FilterButton, {
     hide: !isIconVisible,
@@ -619,16 +629,16 @@ var FilterPopover = function FilterPopover(_ref2) {
     startPlacementPreference: "bottom-end",
     customOffset: [5, 4],
     withoutArrow: true,
-    withoutPortal: true,
     zIndex: 10,
     extraPopperStyles: {
-      minWidth: '100%'
+      minWidth: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
     },
     placementOrderPreference: ['bottom-end']
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       backgroundColor: '#fff'
-    }
+    },
+    ref: popperRef
   }, menuContent)));
 };
 
@@ -2644,6 +2654,8 @@ function mapStateToProps$2(state, ownProps) {
 var connector = connect(mapStateToProps$2);
 
 var HeaderCellComp = function HeaderCellComp(props) {
+  var _flattenedData$, _flattenedData$$origi;
+
   var reduxHeader = props.reduxHeader,
       column = props.column,
       isDragOverlay = props.isDragOverlay,
@@ -2663,7 +2675,6 @@ var HeaderCellComp = function HeaderCellComp(props) {
 
   var dragHandleRef = useRef(null);
   var filterIconRef = useRef(null);
-  var headerRef = useRef(null);
 
   var _useContext = useContext(SortableItemContext),
       draggableProps = _useContext.draggableProps;
@@ -2723,7 +2734,7 @@ var HeaderCellComp = function HeaderCellComp(props) {
     onColumnSortChange: onColumnSortChange,
     dragHandleRef: dragHandleRef,
     filterIconRef: filterIconRef,
-    headerRef: headerRef
+    headerRef: column.ref
   });
   return /*#__PURE__*/React.createElement(StyledHeadTh, _extends({
     column: column
@@ -2734,12 +2745,12 @@ var HeaderCellComp = function HeaderCellComp(props) {
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!flattenedData[0].original.dimsumHeaderValue,
+    isFirstRowGroup: !!((_flattenedData$ = flattenedData[0]) !== null && _flattenedData$ !== void 0 && (_flattenedData$$origi = _flattenedData$.original) !== null && _flattenedData$$origi !== void 0 && _flattenedData$$origi.dimsumHeaderValue),
     tabIndex: column.isFocuseable === false ? -1 : 0,
     isDragOverlay: isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
     shouldShowDnD: shouldShowDnD,
-    ref: headerRef
+    ref: column.ref
   }), /*#__PURE__*/React.createElement(Grid, {
     width: "100%",
     cols: hCols
@@ -3340,4 +3351,4 @@ var PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;margin:5px 0;justify-content:flex-end;"]);
 
 export { StyledFocusWithin as $, customCollisionDetection as A, useHierarchyDndkitConfig as B, ComboboxEditableCell as C, DragHandle as D, EditableCell as E, FilterPopover as F, DnDGroupContext as G, withConditionalDnDColumnContext as H, focusNextMenuItem as I, focusPrevMenuItem as J, useSelectFilterHandlers as K, BaseSelectFilter as L, MultiSelectFilter as M, NumberRangeFilter as N, FilterMapItem as O, Pagination as P, HeaderResizer as Q, Row$1 as R, SingleSelectFilter as S, TableContent as T, HeaderCellTitle as U, HeaderCell as V, withDnDSortableColumnContext as W, HeaderCellGroup as X, Headers as Y, VirtualRowsList as Z, INTERNAL_COLUMNS as _, applyOutOfTheBoxFilters as a, StyledDataTableWrapper as a0, StyledTableWrapper as a1, StyledTableContentWrapper as a2, StyledVirtualListWrapper as a3, StyledHeadWrapper as a4, StyledHeadTr as a5, StyledHeadTh as a6, StyledHeaderRightIconsWrapper as a7, StyledResizer as a8, StyledActionCell as a9, StyledCell as aa, StyledCellContent as ab, StyledPencilIcon as ac, StyledEditableContainer as ad, StyledFullsizeGrid as ae, GroupHeaderContainer as af, GroupHeaderTitle as ag, StyledCellContainer as ah, PaginationContainer as ai, PaginationWrapper as aj, singleSelectColumn as b, dragHandleColumn as c, dateRangeFilterFn as d, expandRowColumn as e, DateRangeFilter as f, SingleDateFilter as g, TextInputFilter as h, PagesButtons as i, RowLoading as j, TextEditableCell as k, Cell as l, multiSelectColumn as m, Cells as n, outOfTheBoxEditables as o, DefaultRowContentRenderer as p, RowRenderer as q, RowVariantHeader as r, singleDateFilterFn as s, RowVariantPrimary as t, useRowRendererHandlers as u, RowVariantSecondary as v, RowVariantMapItem as w, Rows$1 as x, useHierarchyPreviewHandlers as y, getHierarchyKeyboardCoordinates as z };
-//# sourceMappingURL=styled-98b7b59b.js.map
+//# sourceMappingURL=styled-2aa33852.js.map