@elliemae/ds-data-table 1.57.0-rc.9 → 1.57.0

package/esm/parts/Headers/index.js

@@ -1,5 +1,5 @@
 import 'react';
-export { V as default } from '../../styled-0d401ae8.js';
+export { V as default } from '../../styled-27a6ebaf.js';
 import '../../DataTableContext.js';
 import '../SortableHeaderCell.js';
 import 'styled-components';

package/esm/parts/HoC/withConditionalDnDColumnContext.js

@@ -3,7 +3,7 @@ import 'react';
 import '@dnd-kit/core';
 import '@dnd-kit/sortable';
 import './DragOverlayContext.js';
-export { G as DnDGroupContext, H as withConditionalDnDColumnContext } from '../../styled-0d401ae8.js';
+export { G as DnDGroupContext, H as withConditionalDnDColumnContext } from '../../styled-27a6ebaf.js';
 import '../../DataTableContext.js';
 import 'styled-components';
 import '@elliemae/ds-grid';

package/esm/parts/HoC/withDnDSortableColumnContext.js

@@ -3,7 +3,7 @@ import 'react';
 import '@dnd-kit/sortable';
 import '../../DataTableContext.js';
 import './DragOverlayContext.js';
-export { Q as withDnDSortableColumnContext } from '../../styled-0d401ae8.js';
+export { Q as withDnDSortableColumnContext } from '../../styled-27a6ebaf.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-0d401ae8.js';
+export { R as default } from '../styled-27a6ebaf.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-0d401ae8.js';
+export { j as default } from '../styled-27a6ebaf.js';
 import '@elliemae/ds-form';
 import '@elliemae/ds-circular-progress-indicator';
 import './EmptyContent.js';

package/esm/parts/RowVariants/RowVariantHeader.js

@@ -1,6 +1,6 @@
 import 'react';
 import '@elliemae/ds-grid';
-export { r as RowVariantHeader } from '../../styled-0d401ae8.js';
+export { r as RowVariantHeader } from '../../styled-27a6ebaf.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-form';
 import '../../configs/constants.js';

package/esm/parts/RowVariants/RowVariantPrimary.js

@@ -1,5 +1,5 @@
 import 'react';
-export { t as RowVariantPrimary } from '../../styled-0d401ae8.js';
+export { t as RowVariantPrimary } from '../../styled-27a6ebaf.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-icons';

package/esm/parts/RowVariants/RowVariantSecondary.js

@@ -1,5 +1,5 @@
 import 'react';
-export { v as RowVariantSecondary } from '../../styled-0d401ae8.js';
+export { v as RowVariantSecondary } from '../../styled-27a6ebaf.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-icons';

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-0d401ae8.js';
+export { w as RowVariantMapItem } from '../../styled-27a6ebaf.js';
 import '@elliemae/ds-form';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';

package/esm/parts/Rows.js

@@ -1,5 +1,5 @@
 import 'react';
-export { x as default } from '../styled-0d401ae8.js';
+export { x as default } from '../styled-27a6ebaf.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-0d401ae8.js';
+export { T as default } from '../styled-27a6ebaf.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 { W as default } from '../styled-0d401ae8.js';
+export { W as default } from '../styled-27a6ebaf.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-0d401ae8.js';
+export { D as DnDHandle, R as Row, T as TableContent } from '../styled-27a6ebaf.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-0d401ae8.js → styled-27a6ebaf.js}

@@ -67,9 +67,9 @@ import { EmptyChildrenGroup } from './parts/Headers/EmptyChildrenGroup.js';
 import Loader from './parts/Loader.js';
 import { ZIndexDataTable } from './configs/zIndexInternalConfig.js';
 
-function ownKeys$a(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 ownKeys$b(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var StyledSpan = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1xp824d-0"
 })(["cursor:pointer;box-sizing:border-box;outline:none;display:flex;justify-content:center;align-items:center;"]);
@@ -95,7 +95,7 @@ var expandRowColumn = {
       return Object.keys(allExpandable).length === Object.keys(expandedRows).length;
     }, [allExpandable, expandedRows]);
     var onExpandedAllHandler = useCallback(function () {
-      if (isAllRowsExpanded) onRowExpand({}, 'All');else onRowExpand(_objectSpread$a({}, allExpandable), 'All');
+      if (isAllRowsExpanded) onRowExpand({}, 'All');else onRowExpand(_objectSpread$b({}, allExpandable), 'All');
     }, [allExpandable, isAllRowsExpanded, onRowExpand]);
     var GlobalExpandIcon = useMemo(function () {
       if (isAllRowsExpanded) return /*#__PURE__*/React.createElement(ArrowheadDown, {
@@ -165,7 +165,7 @@ var expandRowColumn = {
         expandedRows[uniqueId] = true;
       }
 
-      onRowExpand(_objectSpread$a({}, expandedRows), uniqueId);
+      onRowExpand(_objectSpread$b({}, expandedRows), uniqueId);
     }, [expandedRows, uniqueId, onRowExpand]);
     var isDragging = draggableProps ? draggableProps.isDragging : false;
     var isDragOverlay = dragAndDropRows && !draggableProps;
@@ -243,9 +243,9 @@ var expandRowColumn = {
   disableDnD: true
 };
 
-function ownKeys$9(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 ownKeys$a(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var multiSelectColumn = {
   // Build our multiSelecter column
   id: 'multiSelecter',
@@ -319,7 +319,7 @@ var multiSelectColumn = {
         onChange: function onChange(e) {
           var newState = !selectedState;
 
-          var newSelection = _objectSpread$9(_objectSpread$9({}, selection), {}, _defineProperty({}, uid, newState)); // we only want true and mixed values
+          var newSelection = _objectSpread$a(_objectSpread$a({}, selection), {}, _defineProperty({}, uid, newState)); // we only want true and mixed values
 
 
           if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
@@ -508,6 +508,9 @@ var RowLoading = function RowLoading() {
   return PureLoading;
 };
 
+function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var FilterButton = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-16i88ut-0"
 })(["display:inline-grid;", ""], function (props) {
@@ -533,7 +536,8 @@ var FilterPopover = function FilterPopover(_ref2) {
   } : _ref2$onClickOutsideM,
       reduxHeader = _ref2.reduxHeader,
       _innerRef = _ref2.innerRef,
-      ariaLabel = _ref2.ariaLabel;
+      ariaLabel = _ref2.ariaLabel,
+      customStyles = _ref2.customStyles;
 
   var _ref3 = reduxHeader || {
     hideFilterButton: true,
@@ -622,9 +626,9 @@ var FilterPopover = function FilterPopover(_ref2) {
     customOffset: [5, 4],
     withoutArrow: true,
     zIndex: 10,
-    extraPopperStyles: {
+    extraPopperStyles: _objectSpread$9(_objectSpread$9({}, customStyles), {}, {
       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: {
@@ -2084,6 +2088,8 @@ var NumberRangeFilter = function NumberRangeFilter(props) {
 };
 
 var BaseSelectFilter = function BaseSelectFilter(props) {
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
   var _props$isMulti = props.isMulti,
       isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
       selectedItems = props.selectedItems,
@@ -2147,16 +2153,16 @@ var BaseSelectFilter = function BaseSelectFilter(props) {
   useEffect(function () {
     setFilteredOptions(filterOptions);
   }, [filterOptions]);
+  var filteredOptions = useCallback(function (filter) {
+    return filterOptions.filter(function (option) {
+      return option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase());
+    });
+  }, [filterOptions]);
   var handleOnFilter = useCallback(function (newFilter) {
-    var filteredOptions = function filteredOptions(filter) {
-      return filterOptions.filter(function (option) {
-        return option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase());
-      });
-    };
-
     setFilteredOptions(filteredOptions(newFilter));
-  }, [filterOptions]);
+  }, [filteredOptions]);
   var Select = /*#__PURE__*/React.createElement(Grid$1, {
+    "data-testid": isMulti ? DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
     style: {
       background: '#fff',
       position: 'relative'
@@ -2169,14 +2175,25 @@ var BaseSelectFilter = function BaseSelectFilter(props) {
     selectedValues: selectedItems,
     onFilter: handleOnFilter
   }));
+
+  var handleOnClickOutside = function handleOnClickOutside() {
+    setFilteredOptions(filteredOptions(''));
+  };
+
   return /*#__PURE__*/React.createElement(FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: /*#__PURE__*/React.createElement(Search, null),
+    triggerIcon: /*#__PURE__*/React.createElement(SearchXsmall, null),
     innerRef: innerRef,
-    ariaLabel: "Open Selection Filter"
+    ariaLabel: "Open Selection Filter",
+    onClickOutsideMenu: handleOnClickOutside,
+    customStyles: {
+      width: (_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',
+      overflow: 'auto',
+      maxHeight: '300px'
+    }
   });
 };
 
@@ -3242,4 +3259,4 @@ var PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;margin:5px 0;justify-content:flex-end;"]);
 
 export { StyledTableContentWrapper 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, BaseSelectFilter as I, FilterMapItem as J, HeaderResizer as K, HeaderCellTitle as L, MultiSelectFilter as M, NumberRangeFilter as N, HeaderCell as O, Pagination as P, withDnDSortableColumnContext as Q, Row$1 as R, SingleSelectFilter as S, TableContent as T, HeaderCellGroup as U, Headers as V, VirtualRowsList as W, INTERNAL_COLUMNS as X, StyledFocusWithin as Y, StyledDataTableWrapper as Z, StyledTableWrapper as _, applyOutOfTheBoxFilters as a, StyledVirtualListWrapper as a0, StyledHeadWrapper as a1, StyledHeadTr as a2, StyledHeadTh as a3, StyledHeaderRightIconsWrapper as a4, StyledResizer as a5, StyledActionCell as a6, StyledCell as a7, StyledCellContent as a8, StyledPencilIcon as a9, StyledEditableContainer as aa, StyledFullsizeGrid as ab, GroupHeaderContainer as ac, GroupHeaderTitle as ad, StyledCellContainer as ae, PaginationContainer as af, PaginationWrapper as ag, 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-0d401ae8.js.map
+//# sourceMappingURL=styled-27a6ebaf.js.map