@deephaven/iris-grid 0.62.1-beta.0 → 0.62.1-beta.5

package/dist/mousehandlers/IrisGridContextMenuHandler.js

@@ -1,5 +1,7 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -9,10 +11,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { dhFilterFilled, vsRemove, vsCheck, vsFilter } from '@deephaven/icons';
 import debounce from 'lodash.debounce';
 import { ContextActions, ContextActionUtils, GLOBAL_SHORTCUTS } from '@deephaven/components';
-import { GridMouseHandler, GridRenderer, isEditableGridModel, isExpandableGridModel } from '@deephaven/grid';
+import { GridMouseHandler, GridRange, GridRenderer, isEditableGridModel, isExpandableGridModel } from '@deephaven/grid';
 import { TableColumnFormatter, DateTimeColumnFormatter, TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import { assertNotNull, copyToClipboard } from '@deephaven/utils';
+import { TextUtils, assertNotEmpty, assertNotNaN, assertNotNull, copyToClipboard } from '@deephaven/utils';
 import { DateTimeFormatContextMenu, DecimalFormatContextMenu, IntegerFormatContextMenu } from "../format-context-menus/index.js";
 import "./IrisGridContextMenuHandler.css";
 import SHORTCUTS from "../IrisGridShortcuts.js";
@@ -21,6 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var log = Log.module('IrisGridContextMenuHandler');
 var DEBOUNCE_UPDATE_FORMAT = 150;
 var CONTEXT_MENU_DATE_FORMAT = 'yyyy-MM-dd HH:mm:ss.SSSSSSSSS';
+var MAX_MULTISELECT_ROWS = 1000;
 
 /**
  * Used to eat the mouse event in the bottom right corner of the scroll bar
@@ -255,7 +258,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
   }
   getCellActions(modelColumn, grid, gridPoint) {
     var {
-      dh,
       irisGrid
     } = this;
     var {
@@ -277,120 +279,14 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       row: sourceRow
     } = sourceCell;
     var value = model.valueForCell(sourceColumn, sourceRow);
-    var valueText = model.textForCell(sourceColumn, sourceRow);
     var column = columns[sourceColumn];
     var actions = [];
-    var {
-      quickFilters
-    } = irisGrid.state;
     var theme = irisGrid.getTheme();
     var {
       filterIconColor
     } = theme;
-    var {
-      settings
-    } = irisGrid.props;
-    var dateFilterFormatter = new DateTimeColumnFormatter(dh, {
-      timeZone: settings === null || settings === void 0 ? void 0 : settings.timeZone,
-      showTimeZone: false,
-      showTSeparator: true,
-      defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
-    });
-    var previewFilterFormatter = new DateTimeColumnFormatter(dh, {
-      timeZone: settings === null || settings === void 0 ? void 0 : settings.timeZone,
-      showTimeZone: settings === null || settings === void 0 ? void 0 : settings.showTimeZone,
-      showTSeparator: settings === null || settings === void 0 ? void 0 : settings.showTSeparator,
-      defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
-    });
     if (column == null || rowIndex == null) return actions;
 
-    // grid data area context menu options
-    if (model.isFilterable(sourceColumn)) {
-      // cell data area contextmenu options
-      var filterMenu = {
-        title: 'Filter by Value',
-        icon: vsRemove,
-        iconColor: filterIconColor,
-        group: IrisGridContextMenuHandler.GROUP_FILTER,
-        order: 10,
-        actions: []
-      };
-      if (value == null) {
-        // null gets a special menu
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'And',
-            actions: this.nullFilterActions(column, quickFilters.get(sourceColumn), '&&'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.nullFilterActions(column));
-      } else if (value === '') {
-        // empty string gets a special menu
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'And',
-            actions: this.emptyStringFilterActions(column, quickFilters.get(sourceColumn), '&&'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.emptyStringFilterActions(column));
-      } else if (TableUtils.isBooleanType(column.type)) {
-        // boolean should have OR condition, and handles it's own null menu options
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'Or',
-            actions: this.booleanFilterActions(column, valueText, quickFilters.get(sourceColumn), '||'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.booleanFilterActions(column, valueText));
-      } else if (TableUtils.isNumberType(column.type) || TableUtils.isCharType(column.type)) {
-        // Chars get treated like numbers in terms of which filters are available
-        assertNotNull(sourceColumn);
-        // We want to show the full unformatted value if it's a number, so user knows which value they are matching
-        // If it's a Char we just show the char
-        var numberValueText = TableUtils.isCharType(column.type) ? String.fromCharCode(value) : "".concat(value);
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'And',
-            actions: this.numberFilterActions(column, numberValueText, value, quickFilters.get(sourceColumn), '&&'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.numberFilterActions(column, numberValueText, value, quickFilters.get(sourceColumn)));
-      } else if (TableUtils.isDateType(column.type)) {
-        var dateValueText = dateFilterFormatter.format(value);
-        var previewValue = previewFilterFormatter.format(value);
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'And',
-            actions: this.dateFilterActions(column, dateValueText, previewValue, value, quickFilters.get(sourceColumn), '&&'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.dateFilterActions(column, dateValueText, previewValue, value, quickFilters.get(sourceColumn)));
-      } else {
-        if (quickFilters.get(sourceColumn)) {
-          filterMenu.actions.push({
-            title: 'And',
-            actions: this.stringFilterActions(column, valueText, value, quickFilters.get(sourceColumn), '&&'),
-            order: 2,
-            group: ContextActions.groups.high
-          });
-        }
-        filterMenu.actions.push(...this.stringFilterActions(column, valueText, value));
-      }
-      if (filterMenu.actions != null && filterMenu.actions.length > 0) {
-        actions.push(filterMenu);
-      }
-    }
-
     // Expand/Collapse options
     if (isExpandableGridModel(model) && model.isRowExpandable(sourceRow)) {
       // If there are grouped columns, then it is a rollup
@@ -477,6 +373,197 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
+  // moved out of getCellActions since snapshots are async
+  getCellFilterActions(modelColumn, grid, gridPoint) {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      var {
+        dh,
+        irisGrid
+      } = _this;
+      var {
+        row: rowIndex
+      } = gridPoint;
+      var {
+        model
+      } = irisGrid.props;
+      var {
+        columns
+      } = model;
+      var modelRow = irisGrid.getModelRow(rowIndex);
+      var {
+        getSelectedRanges
+      } = grid;
+      assertNotNull(modelRow);
+      var sourceCell = model.sourceForCell(modelColumn, modelRow);
+      var {
+        column: sourceColumn,
+        row: sourceRow
+      } = sourceCell;
+      var column = columns[sourceColumn];
+      if (column == null || rowIndex == null) return [];
+      if (!model.isFilterable(sourceColumn)) return [];
+      var {
+        quickFilters
+      } = irisGrid.state;
+      var theme = irisGrid.getTheme();
+      var {
+        filterIconColor
+      } = theme;
+      var {
+        settings
+      } = irisGrid.props;
+      var selectedRanges = [...getSelectedRanges()];
+      // no selected range (i.e. right clicked a cell without highlighting it)
+      // although GridSelectionMouseHandler does change selectedRanges, state isn't updated in
+      //   time for getSelectedRanges to show the selected cell
+      if (selectedRanges.length === 0) {
+        selectedRanges.push(new GridRange(sourceColumn, sourceRow, sourceColumn, sourceRow));
+      }
+
+      // - this block truncates the selected ranges to MAX_MULTISELECT_ROWS rows
+      //   - NOT first MAX_MULTISELECT_ROWS rows after the first row
+      //   - NOT first MAX_MULTISELECT_ROWS unique values (prevent case where there are a small
+      //     amount of values, but a large amount of rows with those values)
+      if (GridRange.containsCell(selectedRanges, sourceColumn, sourceRow)) {
+        var rowCount = GridRange.rowCount(selectedRanges);
+        while (rowCount > MAX_MULTISELECT_ROWS) {
+          var lastRow = selectedRanges.pop();
+          // should never occur, sanity check
+          assertNotNull(lastRow, 'Selected ranges should not be empty');
+          var lastRowSize = GridRange.rowCount([lastRow]);
+          // should never occur, sanity check
+          assertNotNaN(lastRowSize, 'Selected ranges should not be unbounded');
+
+          // if removing the last rows makes it dip below the max, then need to
+          //   bring it back but truncated
+          if (rowCount - lastRowSize < MAX_MULTISELECT_ROWS) {
+            var _lastRow$endRow;
+            // nullish operator to make TS happy, but the check above should prevent this
+            selectedRanges.push(new GridRange(lastRow.startColumn, lastRow.startRow, lastRow.endColumn, ((_lastRow$endRow = lastRow.endRow) !== null && _lastRow$endRow !== void 0 ? _lastRow$endRow : 0) - (rowCount - MAX_MULTISELECT_ROWS)));
+            break;
+          }
+          rowCount -= lastRowSize;
+        }
+      } else {
+        // if the block is not in the selected ranges, meaning the user must've right-clicked
+        // outside the selected ranges`
+        selectedRanges = [new GridRange(sourceColumn, sourceRow, sourceColumn, sourceRow)];
+      }
+
+      // this should be non empty
+      //  - valid selected ranges will always have a startRow and endRow
+      //  - if there are no selected ranges, then one with sourceColumn/Row is added
+      assertNotEmpty(selectedRanges);
+
+      // get the snapshot values, but ignore all null/undefined values
+      var snapshot = yield model.snapshot(selectedRanges);
+      var snapshotValues = new Set();
+      for (var i = 0; i < snapshot.length; i += 1) {
+        if (snapshot[i].length === 1) {
+          // if the selected range has start/end columns defined, so the snapshot is a 1D array of the row
+          if (snapshot[i][0] != null) {
+            snapshotValues.add(snapshot[i][0]);
+          }
+        } else if (snapshot[i][sourceColumn] != null) {
+          // if the selected range is an entire row
+          snapshotValues.add(snapshot[i][sourceColumn]);
+        }
+      }
+      // if snapshotValues is empty here, it means all of the snapshot's values were null/undefined
+
+      var filterMenu = {
+        title: "Filter by Value".concat(snapshotValues.size > 1 ? 's' : ''),
+        icon: vsRemove,
+        iconColor: filterIconColor,
+        group: IrisGridContextMenuHandler.GROUP_FILTER,
+        order: 10,
+        actions: []
+      };
+
+      // only made of null/undefineds
+      if (snapshotValues.size === 0) {
+        // null gets a special menu
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'And',
+            actions: _this.nullFilterActions(column, quickFilters.get(sourceColumn), '&&'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.nullFilterActions(column));
+      } else if (snapshotValues.size === 1 && snapshotValues.has('')) {
+        // empty string gets a special menu
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'And',
+            actions: _this.emptyStringFilterActions(column, quickFilters.get(sourceColumn), '&&'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.emptyStringFilterActions(column));
+      } else if (TableUtils.isBooleanType(column.type)) {
+        // boolean should have OR condition, and handles it's own null menu options
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'Or',
+            actions: _this.booleanFilterActions(column, model.textForCell(sourceColumn, sourceRow), quickFilters.get(sourceColumn), '||'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.booleanFilterActions(column, model.textForCell(sourceColumn, sourceRow)));
+      } else if (TableUtils.isNumberType(column.type) || TableUtils.isCharType(column.type)) {
+        // Chars get treated like numbers in terms of which filters are available
+        assertNotNull(sourceColumn);
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'And',
+            actions: _this.numberFilterActions(column, snapshotValues, quickFilters.get(sourceColumn), '&&'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.numberFilterActions(column, snapshotValues, quickFilters.get(sourceColumn)));
+      } else if (TableUtils.isDateType(column.type)) {
+        var dateFilterFormatter = new DateTimeColumnFormatter(dh, {
+          timeZone: settings === null || settings === void 0 ? void 0 : settings.timeZone,
+          showTimeZone: false,
+          showTSeparator: true,
+          defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
+        });
+        var previewFilterFormatter = new DateTimeColumnFormatter(dh, {
+          timeZone: settings === null || settings === void 0 ? void 0 : settings.timeZone,
+          showTimeZone: settings === null || settings === void 0 ? void 0 : settings.showTimeZone,
+          showTSeparator: settings === null || settings === void 0 ? void 0 : settings.showTSeparator,
+          defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
+        });
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'And',
+            actions: _this.dateFilterActions(column, snapshotValues, dateFilterFormatter, previewFilterFormatter, quickFilters.get(sourceColumn), '&&'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.dateFilterActions(column, snapshotValues, dateFilterFormatter, previewFilterFormatter, quickFilters.get(sourceColumn)));
+      } else {
+        if (quickFilters.get(sourceColumn)) {
+          filterMenu.actions.push({
+            title: 'And',
+            actions: _this.stringFilterActions(column, snapshotValues, quickFilters.get(sourceColumn), '&&'),
+            order: 2,
+            group: ContextActions.groups.high
+          });
+        }
+        filterMenu.actions.push(..._this.stringFilterActions(column, snapshotValues));
+      }
+      return [filterMenu];
+    })();
+  }
+
   /**
    * Gets an equality filter for the provided numeric value
    * @param column The column to make the filter for
@@ -588,6 +675,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       // grid body context menu options
       if (modelColumn != null && modelRow != null) {
         actions.push(...this.getCellActions(modelColumn, grid, gridPoint));
+        actions.push(this.getCellFilterActions(modelColumn, grid, gridPoint));
       }
 
       // blank space context menu options
@@ -629,7 +717,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return true;
   }
   dateFormatActions(column) {
-    var _this = this;
+    var _this2 = this;
     var {
       model
     } = this.irisGrid.props;
@@ -656,7 +744,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
         action: () => {
           var modelIndex = model.getColumnIndexByName(column.name);
           assertNotNull(modelIndex);
-          _this.irisGrid.handleFormatSelection(modelIndex, format);
+          _this2.irisGrid.handleFormatSelection(modelIndex, format);
         }
       });
     };
@@ -666,7 +754,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
   numberFormatActions(column) {
-    var _this2 = this;
+    var _this3 = this;
     var {
       model
     } = this.irisGrid.props;
@@ -707,7 +795,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
             return;
           }
           assertNotNull(columnIndex);
-          _this2.irisGrid.handleFormatSelection(columnIndex, format);
+          _this3.irisGrid.handleFormatSelection(columnIndex, format);
         }
       }));
     };
@@ -716,11 +804,13 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     }
     return actions;
   }
-  stringFilterActions(column, valueText, value, quickFilter, operator) {
+  stringFilterActions(column, snapshotValues, quickFilter, operator) {
     var {
       dh
     } = this;
-    var filterValue = dh.FilterValue.ofString(value);
+    var values = Array.from(snapshotValues.keys());
+    var filterValues = values.map(value => dh.FilterValue.ofString(value));
+    var valueDescription = filterValues.length === 1 ? filterValues[0] : 'the selected values';
     var newQuickFilter = quickFilter;
     if (!newQuickFilter) {
       newQuickFilter = {
@@ -737,74 +827,84 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    var quickFilterValueText = TableUtils.escapeQuickTextFilter(valueText);
+    var toFilterText = item => {
+      var _TableUtils$escapeQui;
+      return (_TableUtils$escapeQui = TableUtils.escapeQuickTextFilter(item)) !== null && _TableUtils$escapeQui !== void 0 ? _TableUtils$escapeQui : '';
+    };
     assertNotNull(columnIndex);
     actions.push({
       menuElement: /*#__PURE__*/_jsxs("div", {
         className: "iris-grid-filter-menu-item-value",
-        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', "\"", valueText, "\""]
+        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', TextUtils.join(values.slice(0, 20).map(value => "\"".concat(toFilterText(value), "\""))), values.length > 1 && /*#__PURE__*/_jsxs("div", {
+          className: "iris-grid-filter-menu-subtitle",
+          children: ["(", values.length, " values selected)"]
+        })]
       }),
       order: 1,
       group: ContextActions.groups.high
     });
     actions.push({
       title: 'text is exactly',
-      description: "Show only rows where ".concat(column.name, " is ").concat(value, " (case sensitive)"),
+      description: "Show only rows where ".concat(column.name, " is ").concat(valueDescription, " (case sensitive)"),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().eq(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "".concat(quickFilterValueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, filterValues.map(filterValue => column.filter().eq(filterValue)).reduce((prev, curr) => prev.or(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(toFilterText).join(' || '), operator));
       },
       order: 10,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'text is not exactly',
-      description: "Show only rows where ".concat(column.name, " is not ").concat(valueText, " (case sensitive)"),
+      description: "Show only rows where ".concat(column.name, " is not ").concat(valueDescription, " (case sensitive)"),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().notEq(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "!=".concat(quickFilterValueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, filterValues.map(filterValue => column.filter().notEq(filterValue)).reduce((prev, curr) => prev.and(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "!=".concat(toFilterText(value))).join(' && '), operator));
       },
       order: 20,
       group: ContextActions.groups.low
     });
     actions.push({
       title: "text contains",
-      description: "Show only rows where ".concat(column.name, " contains ").concat(valueText),
+      description: "Show only rows where ".concat(column.name, " contains ").concat(valueDescription),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(column.filter().contains(filterValue)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "~".concat(quickFilterValueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(filterValues.map(filterValue => column.filter().contains(filterValue)).reduce((prev, curr) => prev.or(curr))), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "~".concat(toFilterText(value))).join(' || '), operator));
       },
       order: 30,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'text does not contain',
-      description: "Show only rows where ".concat(column.name, " does not contain ").concat(value),
+      description: "Show only rows where ".concat(column.name, " does not contain ").concat(valueDescription),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().or(column.filter().contains(filterValue).not()), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "!~".concat(quickFilterValueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().or(filterValues.map(filterValue => column.filter().contains(filterValue).not()).reduce((prev, curr) => prev.and(curr))), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "!~".concat(toFilterText(value))).join(' && '), operator));
       },
       order: 40,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'text starts with',
-      description: "Show only rows where ".concat(column.name, " starts with ").concat(valueText),
+      description: "Show only rows where ".concat(column.name, " starts with ").concat(valueDescription),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(column.filter().invoke('startsWith', filterValue)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "".concat(quickFilterValueText, "*"), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(filterValues.map(filterValue => column.filter().invoke('startsWith', filterValue)).reduce((prev, curr) => prev.or(curr))), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "".concat(toFilterText(value), "*")).join(' || '), operator));
       },
       order: 50,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'text ends with',
-      description: "Show only rows where ".concat(column.name, " ends with ").concat(valueText),
+      description: "Show only rows where ".concat(column.name, " ends with ").concat(valueDescription),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(column.filter().invoke('endsWith', filterValue)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "*".concat(quickFilterValueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull().not().and(filterValues.map(filterValue => column.filter().invoke('endsWith', filterValue)).reduce((prev, curr) => prev.or(curr))), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "*".concat(toFilterText(value))).join(' || '), operator));
       },
       order: 60,
       group: ContextActions.groups.low
     });
     return actions;
   }
-  numberFilterActions(column, valueText, value, quickFilter, operator) {
-    var filterValue = this.getFilterValueForNumberOrChar(column.type, value);
+  numberFilterActions(column, snapshotValues, quickFilter, operator) {
+    var values = Array.from(snapshotValues.keys());
+    var valueDesc = values.length === 1 ? "".concat(values) : 'the selected values';
+    // We want to show the full unformatted value if it's a number, so user knows which value they are matching
+    // If it's a Char we just show the char
+    var toFilterText = item => TableUtils.isCharType(column.type) ? String.fromCharCode(item) : "".concat(item);
     var filter = null;
     var filterText = null;
     if (quickFilter) {
@@ -812,7 +912,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       filterText = quickFilter.text;
     }
     var actions = [];
-    var isFinite = value !== Number.POSITIVE_INFINITY && value !== Number.NEGATIVE_INFINITY && !Number.isNaN(value);
     var {
       model
     } = this.irisGrid.props;
@@ -821,27 +920,28 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     actions.push({
       menuElement: /*#__PURE__*/_jsxs("div", {
         className: "iris-grid-filter-menu-item-value",
-        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', "\"", valueText, "\""]
+        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', TextUtils.join(values.slice(0, 20).map(value => "\"".concat(toFilterText(value), "\""))), values.length > 1 && /*#__PURE__*/_jsxs("div", {
+          className: "iris-grid-filter-menu-subtitle",
+          children: ["(", values.length, " values selected)"]
+        })]
       }),
       order: 1,
       group: ContextActions.groups.high
     });
     actions.push({
       title: 'is equal to',
-      description: "Show only rows where ".concat(column.name, " is ").concat(valueText),
+      description: "Show only rows where ".concat(column.name, " is ").concat(valueDesc),
       action: () => {
-        var valueFilter = this.getNumberValueEqualsFilter(column, value);
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, valueFilter, operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, values.map(value => this.getNumberValueEqualsFilter(column, value)).reduce((acc, curr) => acc.or(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "=".concat(toFilterText(value))).join(' || '), operator));
       },
       order: 10,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'is not equal to',
-      description: "Show only rows where ".concat(column.name, " is not ").concat(valueText),
+      description: "Show only rows where ".concat(column.name, " is not ").concat(valueDesc),
       action: () => {
-        var valueFilter = this.getNumberValueEqualsFilter(column, value).not();
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, valueFilter, operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "!=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, values.map(value => this.getNumberValueEqualsFilter(column, value).not()).reduce((acc, curr) => acc.and(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "!=".concat(toFilterText(value))).join(' && '), operator));
       },
       order: 20,
       group: ContextActions.groups.low
@@ -850,39 +950,46 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     // IDS-6092 Less/greater than filters don't make sense for Infinite/NaN
     // TODO (DH-11799): These char filters should work in Bard, with the merge for DH-11040: https://gitlab.eng.illumon.com/illumon/iris/merge_requests/5801
     // They do not work in Powell though, so disable them.
-    if (isFinite && !TableUtils.isCharType(column.type)) {
+    if (!snapshotValues.has(Number.NaN) && !snapshotValues.has(Number.POSITIVE_INFINITY) && !snapshotValues.has(Number.NEGATIVE_INFINITY) && !TableUtils.isCharType(column.type)) {
+      // get the min/max because these are all ge/ne filters
+      var maxValue = values.reduce((a, b) => a > b ? a : b);
+      var minValue = values.reduce((a, b) => a < b ? a : b);
+      var maxFilterValue = this.getFilterValueForNumberOrChar(column.type, maxValue);
+      var minFilterValue = this.getFilterValueForNumberOrChar(column.type, minValue);
+      var maxValueText = "".concat(maxFilterValue);
+      var minValueText = "".concat(minFilterValue);
       actions.push({
         title: 'greater than',
-        description: "Show only rows where ".concat(column.name, " is greater than ").concat(valueText),
+        description: "Show only rows where ".concat(column.name, " is greater than ").concat(maxValueText),
         action: () => {
-          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThan(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">".concat(valueText), operator));
+          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThan(maxFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">".concat(toFilterText(maxValue)), operator));
         },
         order: 30,
         group: ContextActions.groups.low
       });
       actions.push({
         title: 'greater than or equal to',
-        description: "Show only rows where ".concat(column.name, " is greater than or equal to ").concat(valueText),
+        description: "Show only rows where ".concat(column.name, " is greater than or equal to ").concat(maxValueText),
         action: () => {
-          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThanOrEqualTo(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">=".concat(valueText), operator));
+          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThanOrEqualTo(maxFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">=".concat(toFilterText(maxValue)), operator));
         },
         order: 40,
         group: ContextActions.groups.low
       });
       actions.push({
         title: 'less than',
-        description: "Show only rows where ".concat(column.name, " is less than ").concat(valueText),
+        description: "Show only rows where ".concat(column.name, " is less than ").concat(minValueText),
         action: () => {
-          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThan(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<".concat(valueText), operator));
+          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThan(minFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<".concat(toFilterText(minValue)), operator));
         },
         order: 50,
         group: ContextActions.groups.low
       });
       actions.push({
         title: 'less than or equal to',
-        description: "Show only rows where ".concat(column.name, " is less than or equal to ").concat(valueText),
+        description: "Show only rows where ".concat(column.name, " is less than or equal to ").concat(minValueText),
         action: () => {
-          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThanOrEqualTo(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<=".concat(valueText), operator));
+          this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThanOrEqualTo(minFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<=".concat(toFilterText(minValue)), operator));
         },
         order: 60,
         group: ContextActions.groups.low
@@ -947,11 +1054,21 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     });
     return actions;
   }
-  dateFilterActions(column, valueText, previewValue, value, quickFilter, operator) {
+  dateFilterActions(column, snapshotValues, dateFilterFormatter, previewFilterFormatter, quickFilter, operator) {
     var {
       dh
     } = this;
-    var filterValue = dh.FilterValue.ofNumber(value);
+    var values = Array.from(snapshotValues.keys());
+    var filterValues = values.map(value => dh.FilterValue.ofNumber(value));
+    var valueDesc = filterValues.length === 1 ? previewFilterFormatter.format(values[0]) : 'the selected values';
+    var maxValue = values.reduce((a, b) => a > b ? a : b);
+    var minValue = values.reduce((a, b) => a < b ? a : b);
+    var maxFilterValue = dh.FilterValue.ofNumber(maxValue);
+    var minFilterValue = dh.FilterValue.ofNumber(minValue);
+    var maxDateText = dateFilterFormatter.format(maxValue);
+    var minDateText = dateFilterFormatter.format(minValue);
+    var maxPreviewText = previewFilterFormatter.format(maxValue);
+    var minPreviewText = previewFilterFormatter.format(minValue);
     var filter = null;
     var filterText = null;
     if (quickFilter) {
@@ -967,61 +1084,64 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     actions.push({
       menuElement: /*#__PURE__*/_jsxs("div", {
         className: "iris-grid-filter-menu-item-value",
-        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', "\"", previewValue, "\""]
+        children: [operator ? IrisGridContextMenuHandler.getOperatorAsText(operator) : '', ' ', TextUtils.join(values.slice(0, 20).map(value => "\"".concat(previewFilterFormatter.format(value), "\""))), values.length > 1 && /*#__PURE__*/_jsxs("div", {
+          className: "iris-grid-filter-menu-subtitle",
+          children: ["(", values.length, " values selected)"]
+        })]
       }),
       order: 1,
       group: ContextActions.groups.high
     });
     actions.push({
       title: 'date is',
-      description: "Show only rows where ".concat(column.name, " is ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is ").concat(valueDesc),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().eq(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, filterValues.map(valueFilter => column.filter().eq(valueFilter)).reduce((acc, curr) => acc.or(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "=".concat(dateFilterFormatter.format(value))).join(' || '), operator));
       },
       order: 10,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'date is not',
-      description: "Show only rows where ".concat(column.name, " is not ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is not ").concat(valueDesc),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().notEq(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "!=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, filterValues.map(valueFilter => column.filter().notEq(valueFilter)).reduce((acc, curr) => acc.and(curr)), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, values.map(value => "!=".concat(dateFilterFormatter.format(value))).join(' && '), operator));
       },
       order: 20,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'date is before',
-      description: "Show only rows where ".concat(column.name, " is before ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is before ").concat(minPreviewText),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThan(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThan(minFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<".concat(minDateText), operator));
       },
       order: 30,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'date is before or equal',
-      description: "Show only rows where ".concat(column.name, " is before or equal to ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is before or equal to ").concat(minPreviewText),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThanOrEqualTo(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().lessThanOrEqualTo(minFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, "<=".concat(minDateText), operator));
       },
       order: 40,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'date is after',
-      description: "Show only rows where ".concat(column.name, " is greater than ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is greater than ").concat(maxPreviewText),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThan(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThan(maxFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">".concat(maxDateText), operator));
       },
       order: 50,
       group: ContextActions.groups.low
     });
     actions.push({
       title: 'date is after or equal',
-      description: "Show only rows where ".concat(column.name, " is after or equal to ").concat(previewValue),
+      description: "Show only rows where ".concat(column.name, " is after or equal to ").concat(maxPreviewText),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThanOrEqualTo(filterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">=".concat(valueText), operator));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().greaterThanOrEqualTo(maxFilterValue), operator), IrisGridContextMenuHandler.getQuickFilterText(filterText, ">=".concat(maxDateText), operator));
       },
       order: 60,
       group: ContextActions.groups.low