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

package/cjs/parts/Headers/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('../../DataTableContext.js');
 require('../SortableHeaderCell.js');
 require('styled-components');

package/cjs/parts/HoC/withConditionalDnDColumnContext.js

@@ -7,7 +7,7 @@ require('react');
 require('@dnd-kit/core');
 require('@dnd-kit/sortable');
 require('./DragOverlayContext.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('../../DataTableContext.js');
 require('styled-components');
 require('@elliemae/ds-grid');

package/cjs/parts/HoC/withDnDSortableColumnContext.js

@@ -7,7 +7,7 @@ require('react');
 require('@dnd-kit/sortable');
 require('../../DataTableContext.js');
 require('./DragOverlayContext.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('./SortableItemContext.js');
 require('../../configs/constants.js');
 require('styled-components');

package/cjs/parts/Row.js

@@ -8,7 +8,7 @@ require('../configs/constants.js');
 require('../helpers/refs-helpers.js');
 require('./HoC/SortableItemContext.js');
 require('./HoC/withDnDSortableRowContext.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@dnd-kit/sortable');
 require('./HoC/withConditionalDnDRowContext.js');

package/cjs/parts/RowLoading.js

@@ -11,7 +11,7 @@ require('../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('@elliemae/ds-circular-progress-indicator');

package/cjs/parts/RowVariants/RowVariantHeader.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@elliemae/ds-grid');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-form/Checkbox');
 require('../../configs/constants.js');

package/cjs/parts/RowVariants/RowVariantPrimary.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons/EditPencil');

package/cjs/parts/RowVariants/RowVariantSecondary.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons/EditPencil');

package/cjs/parts/RowVariants/index.js

@@ -15,7 +15,7 @@ require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@elliemae/ds-icons');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-26b1eef5.js');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('@elliemae/ds-grid');

package/cjs/parts/Rows.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 require('../DataTableContext.js');
 require('./HoC/withConditionalDnDRowContext.js');
 require('../configs/constants.js');

package/cjs/parts/TableContent.js

@@ -4,7 +4,7 @@ require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('react-redux');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 require('../DataTableContext.js');
 require('../configs/constants.js');
 require('react-virtual');

package/cjs/parts/VirtualRowsList.js

@@ -2,7 +2,7 @@
 
 require('react');
 require('react-redux');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 require('./EmptyContent.js');
 require('./Footer.js');
 require('../DataTableContext.js');

package/cjs/parts/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b48112f8.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-26b1eef5.js');
 var parts_Loader = require('./Loader.js');
 var parts_EmptyContent = require('./EmptyContent.js');
 var parts_Footer = require('./Footer.js');

package/cjs/{styled-b48112f8.js → styled-26b1eef5.js}

@@ -550,7 +550,10 @@ var Button = /*#__PURE__*/styled__default['default'](DSButton__default['default'
   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,
@@ -572,6 +575,8 @@ var FilterPopover = function FilterPopover(_ref2) {
       hideFilterButton = _ref3.hideFilterButton,
       hideFilterMenu = _ref3.hideFilterMenu;
 
+  var popperRef = React.useRef(null);
+
   var _useDispatchHeadersAc = redux_reducers_headersReducers_useDispatchHeadersActions.useDispatchHeadersActions(),
       patchHeaderFilterButtonAndMenu = _useDispatchHeadersAc.patchHeaderFilterButtonAndMenu,
       patchHeader = _useDispatchHeadersAc.patchHeader;
@@ -619,6 +624,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__default['default'].createElement(FilterButton, {
     hide: !isIconVisible,
@@ -644,16 +654,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__default['default'].createElement("div", {
     style: {
       backgroundColor: '#fff'
-    }
+    },
+    ref: popperRef
   }, menuContent)));
 };
 
@@ -2669,6 +2679,8 @@ function mapStateToProps$2(state, ownProps) {
 var connector = reactRedux.connect(mapStateToProps$2);
 
 var HeaderCellComp = function HeaderCellComp(props) {
+  var _flattenedData$, _flattenedData$$origi;
+
   var reduxHeader = props.reduxHeader,
       column = props.column,
       isDragOverlay = props.isDragOverlay,
@@ -2688,7 +2700,6 @@ var HeaderCellComp = function HeaderCellComp(props) {
 
   var dragHandleRef = React.useRef(null);
   var filterIconRef = React.useRef(null);
-  var headerRef = React.useRef(null);
 
   var _useContext = React.useContext(parts_HoC_SortableItemContext.SortableItemContext),
       draggableProps = _useContext.draggableProps;
@@ -2748,7 +2759,7 @@ var HeaderCellComp = function HeaderCellComp(props) {
     onColumnSortChange: onColumnSortChange,
     dragHandleRef: dragHandleRef,
     filterIconRef: filterIconRef,
-    headerRef: headerRef
+    headerRef: column.ref
   });
   return /*#__PURE__*/React__default['default'].createElement(StyledHeadTh, _extends__default['default']({
     column: column
@@ -2759,12 +2770,12 @@ var HeaderCellComp = function HeaderCellComp(props) {
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": configs_constants.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__default['default'].createElement(Grid__default['default'], {
     width: "100%",
     cols: hCols
@@ -3438,4 +3449,4 @@ exports.useRowRendererHandlers = useRowRendererHandlers;
 exports.useSelectFilterHandlers = useSelectFilterHandlers;
 exports.withConditionalDnDColumnContext = withConditionalDnDColumnContext;
 exports.withDnDSortableColumnContext = withDnDSortableColumnContext;
-//# sourceMappingURL=styled-b48112f8.js.map
+//# sourceMappingURL=styled-26b1eef5.js.map