@elliemae/ds-data-table 1.57.0-rc.10 → 1.57.0-rc.11

package/cjs/parts/Headers/HeaderCellTitle.js

@@ -13,7 +13,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');

package/cjs/parts/Headers/HeaderResizer.js

@@ -12,7 +12,7 @@ require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');

package/cjs/parts/Headers/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-circular-progress-indicator');
 require('./EmptyContent.js');

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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-form');
 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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons');

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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons');

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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-5a8d1da0.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');

package/cjs/parts/Rows.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.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-1d0f3ce3.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-5a8d1da0.js');
 var parts_Loader = require('./Loader.js');
 var parts_EmptyContent = require('./EmptyContent.js');
 var parts_Footer = require('./Footer.js');

package/cjs/{styled-1d0f3ce3.js → styled-5a8d1da0.js}

@@ -83,9 +83,9 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 
-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__default['default'](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__default['default'](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__default['default'].span.withConfig({
   componentId: "sc-1xp824d-0"
 })(["cursor:pointer;box-sizing:border-box;outline:none;display:flex;justify-content:center;align-items:center;"]);
@@ -111,7 +111,7 @@ var expandRowColumn = {
       return Object.keys(allExpandable).length === Object.keys(expandedRows).length;
     }, [allExpandable, expandedRows]);
     var onExpandedAllHandler = React.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 = React.useMemo(function () {
       if (isAllRowsExpanded) return /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, {
@@ -181,7 +181,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;
@@ -259,9 +259,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__default['default'](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__default['default'](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',
@@ -335,7 +335,7 @@ var multiSelectColumn = {
         onChange: function onChange(e) {
           var newState = !selectedState;
 
-          var newSelection = _objectSpread$9(_objectSpread$9({}, selection), {}, _defineProperty__default['default']({}, uid, newState)); // we only want true and mixed values
+          var newSelection = _objectSpread$a(_objectSpread$a({}, selection), {}, _defineProperty__default['default']({}, uid, newState)); // we only want true and mixed values
 
 
           if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
@@ -524,6 +524,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__default['default'](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__default['default'].span.withConfig({
   componentId: "sc-16i88ut-0"
 })(["display:inline-grid;", ""], function (props) {
@@ -549,7 +552,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,
@@ -638,13 +642,15 @@ 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__default['default'].createElement("div", {
     style: {
-      backgroundColor: '#fff'
+      backgroundColor: '#fff',
+      maxHeight: '300px',
+      overflow: 'auto'
     },
     ref: popperRef
   }, menuContent)));
@@ -2100,6 +2106,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,
@@ -2163,16 +2171,16 @@ var BaseSelectFilter = function BaseSelectFilter(props) {
   React.useEffect(function () {
     setFilteredOptions(filterOptions);
   }, [filterOptions]);
+  var filteredOptions = React.useCallback(function (filter) {
+    return filterOptions.filter(function (option) {
+      return option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase());
+    });
+  }, [filterOptions]);
   var handleOnFilter = React.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__default['default'].createElement(_.Grid, {
+    "data-testid": isMulti ? configs_constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : configs_constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
     style: {
       background: '#fff',
       position: 'relative'
@@ -2185,14 +2193,23 @@ var BaseSelectFilter = function BaseSelectFilter(props) {
     selectedValues: selectedItems,
     onFilter: handleOnFilter
   }));
+
+  var handleOnClickOutside = function handleOnClickOutside() {
+    setFilteredOptions(filteredOptions(''));
+  };
+
   return /*#__PURE__*/React__default['default'].createElement(FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, null),
+    triggerIcon: /*#__PURE__*/React__default['default'].createElement(dsIcons.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'
+    }
   });
 };
 
@@ -3328,4 +3345,4 @@ exports.useHierarchyPreviewHandlers = useHierarchyPreviewHandlers;
 exports.useRowRendererHandlers = useRowRendererHandlers;
 exports.withConditionalDnDColumnContext = withConditionalDnDColumnContext;
 exports.withDnDSortableColumnContext = withDnDSortableColumnContext;
-//# sourceMappingURL=styled-1d0f3ce3.js.map
+//# sourceMappingURL=styled-5a8d1da0.js.map