@deephaven/iris-grid 0.13.3-beta.2 → 0.13.5

package/dist/mousehandlers/IrisGridContextMenuHandler.js

@@ -10,11 +10,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, isEditableGridModel } from '@deephaven/grid';
+import { GridMouseHandler } from '@deephaven/grid';
 import dh from '@deephaven/jsapi-shim';
 import { TableColumnFormatter, DateTimeColumnFormatter, TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import { assertNotNull } from '@deephaven/utils';
 import { DateTimeFormatContextMenu, DecimalFormatContextMenu, IntegerFormatContextMenu } from "../format-context-menus/index.js";
 import "./IrisGridContextMenuHandler.css";
 import SHORTCUTS from "../IrisGridShortcuts.js";
@@ -30,9 +29,9 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
    * Get filter condition for quick filter with existed column filter and the new filter to be applied,
    * returns new filter if filters are not additive.
    * if filters are additive, returns filter conditions combined with 'and'.
-   * @param columnFilter
-   * @param newColumnFilter
-   * @param additive
+   * @param {FilterCondition} columnFilter
+   * @param {FilterCondition} newColumnFilter
+   * @param {boolean} additive
    */
   static getQuickFilterCondition(columnFilter, newColumnFilter) {
     var additive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -45,9 +44,9 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
   }
   /**
    * combines filter text with '&&' if filters are additive
-   * @param filterText
-   * @param newFilterText
-   * @param additive
+   * @param {String} filterText
+   * @param {String} newFilterText
+   * @param {boolean} additive
    */
 
 
@@ -57,8 +56,8 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
   }
   /**
    * Gets an equality filter for the provided numeric value
-   * @param column The column to make the filter for
-   * @param value The value to get the equality filter for
+   * @param {dh.Column} column The column to make the filter for
+   * @param {Number} value The value to get the equality filter for
    */
 
 
@@ -87,11 +86,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
 
   constructor(irisGrid) {
     super();
-
-    _defineProperty(this, "irisGrid", void 0);
-
-    _defineProperty(this, "debouncedUpdateCustomFormat", void 0);
-
     this.debouncedUpdateCustomFormat = debounce(irisGrid.handleFormatSelection, DEBOUNCE_UPDATE_FORMAT);
     this.irisGrid = irisGrid;
   }
@@ -100,418 +94,350 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     this.debouncedUpdateCustomFormat.flush();
   }
 
-  getHeaderActions(modelColumn, gridPoint) {
+  onContextMenu(gridPoint, grid, event) {
     var {
       irisGrid
     } = this;
     var {
-      column: columnIndex
+      y,
+      column: columnIndex,
+      row: rowIndex
     } = gridPoint;
-    assertNotNull(columnIndex);
+    var modelColumn = irisGrid.getModelColumn(columnIndex);
+    var modelRow = irisGrid.getModelRow(rowIndex);
     var {
-      model
+      model,
+      canCopy
     } = irisGrid.props;
     var {
       columns
     } = model;
+    var value = model.valueForCell(modelColumn, modelRow);
+    var valueText = model.textForCell(modelColumn, modelRow);
     var column = columns[modelColumn];
     var actions = [];
     var {
       metrics,
+      isFilterBarShown,
       reverseType,
       quickFilters,
       advancedFilters,
       searchFilter
     } = irisGrid.state;
     var theme = irisGrid.getTheme();
-    assertNotNull(metrics);
+    var {
+      columnHeaderHeight,
+      gridY
+    } = metrics;
     var {
       filterIconColor,
       filterBarActiveColor,
       contextMenuSortIconColor,
       contextMenuReverseIconColor
     } = theme;
-    var modelSort = model.sort;
-    var columnSort = TableUtils.getSortForColumn(modelSort, modelColumn);
-    var hasReverse = reverseType !== TableUtils.REVERSE_TYPE.NONE;
-    var {
-      userColumnWidths
-    } = metrics;
-    var isColumnHidden = [...userColumnWidths.values()].some(columnWidth => columnWidth === 0);
-    var isColumnFrozen = model.isColumnFrozen(columnIndex);
-    actions.push({
-      title: 'Hide Column',
-      group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
-      action: () => {
-        this.irisGrid.hideColumnByVisibleIndex(columnIndex);
-      }
-    });
-    actions.push({
-      title: isColumnFrozen ? 'Unfreeze Column' : 'Freeze Column',
-      group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
-      action: () => {
-        if (isColumnFrozen) {
-          this.irisGrid.unFreezeColumnByColumnName(column.name);
-        } else {
-          this.irisGrid.freezeColumnByColumnName(column.name);
-        }
-      },
-      order: 10
-    });
-    actions.push({
-      title: 'Show All Columns',
-      group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
-      action: () => {
-        this.irisGrid.showAllColumns();
-      },
-      disabled: !isColumnHidden
-    });
-    actions.push({
-      title: 'Quick Filters',
-      icon: vsRemove,
-      iconColor: filterBarActiveColor,
-      shortcut: SHORTCUTS.TABLE.TOGGLE_QUICK_FILTER,
-      group: IrisGridContextMenuHandler.GROUP_FILTER,
-      order: 10,
-      action: () => {
-        this.irisGrid.toggleFilterBar(columnIndex);
-      }
-    });
-    actions.push({
-      title: 'Advanced Filters',
-      icon: advancedFilters.get(modelColumn) ? dhFilterFilled : vsFilter,
-      iconColor: filterIconColor,
-      group: IrisGridContextMenuHandler.GROUP_FILTER,
-      order: 20,
-      action: () => {
-        this.irisGrid.handleAdvancedMenuOpened(columnIndex);
-      }
-    });
-    actions.push({
-      title: 'Clear Table Filters',
-      group: IrisGridContextMenuHandler.GROUP_FILTER,
-      order: 40,
-      // this just displays the shortcut, the actual listener is in irisgrid handleKeyDown
-      shortcut: SHORTCUTS.TABLE.CLEAR_FILTERS,
-      action: () => {
-        this.irisGrid.clearAllFilters();
-      },
-      disabled: !(quickFilters.size > 0 || advancedFilters.size > 0 || searchFilter !== null)
-    });
-    actions.push({
-      title: 'Sort by',
-      icon: vsRemove,
-      iconColor: contextMenuSortIconColor,
-      group: IrisGridContextMenuHandler.GROUP_SORT,
-      order: 10,
-      actions: this.sortByActions(column, modelColumn, columnSort)
-    });
-    actions.push({
-      title: 'Add Additional Sort',
-
-      /**
-       * disable conditions:
-       * 1. table is sorted only by this column
-       * 2. table is only reversed
-       * 3. 1 & 2 combined
-       * 4. table has no sort
-       * reverse is a type of sort, so needs to be accounted for in exclusions
-       * */
-      disabled: columnSort && modelSort.length === 1 || hasReverse && modelSort.length === 1 || columnSort && hasReverse && modelSort.length === 2 || modelSort.length === 0,
-      group: IrisGridContextMenuHandler.GROUP_SORT,
-      order: 20,
-      actions: this.additionalSortActions(column, modelColumn)
-    });
-    actions.push({
-      title: 'Clear Table Sorting',
-      disabled: // reverse is a type of sort, but special and needs to be exluded despite being part of model.sort
-      modelSort.length === 0 || hasReverse && modelSort.length === 1,
-      group: IrisGridContextMenuHandler.GROUP_SORT,
-      action: () => {
-        this.irisGrid.sortColumn(columnIndex, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.none);
-      },
-      order: 30
-    });
-    actions.push({
-      title: reverseType === TableUtils.REVERSE_TYPE.NONE ? 'Reverse Table' : 'Clear Reverse Table',
-      icon: vsRemove,
-      iconColor: contextMenuReverseIconColor,
-      group: IrisGridContextMenuHandler.GROUP_SORT,
-      order: 40,
-      disabled: !model.isReversible,
-      // this just displays the shortcut, the actual listener is in irisgrid handleKeyDown
-      shortcut: SHORTCUTS.TABLE.REVERSE,
-      action: () => {
-        if (reverseType === TableUtils.REVERSE_TYPE.NONE) {
-          this.irisGrid.reverse(TableUtils.REVERSE_TYPE.POST_SORT);
-        } else {
-          this.irisGrid.reverse(TableUtils.REVERSE_TYPE.NONE);
-        }
-      }
-    });
-    actions.push({
-      title: 'Copy Column Name',
-      group: IrisGridContextMenuHandler.GROUP_COPY,
-      action: () => {
-        ContextActionUtils.copyToClipboard(model.textForColumnHeader(modelColumn)).catch(e => log.error('Unable to copy header', e));
-      }
-    });
-
-    if (TableUtils.isDateType(column.type)) {
-      actions.push({
-        title: 'Date/Time Format',
-        group: IrisGridContextMenuHandler.GROUP_FORMAT,
-        actions: this.dateFormatActions(column)
-      });
-    } else if (TableUtils.isNumberType(column.type)) {
-      var _this$numberFormatAct;
-
-      actions.push({
-        title: 'Number Format',
-        group: IrisGridContextMenuHandler.GROUP_FORMAT,
-        actions: (_this$numberFormatAct = this.numberFormatActions(column)) !== null && _this$numberFormatAct !== void 0 ? _this$numberFormatAct : undefined
-      });
-    }
-
-    return actions;
-  }
-
-  getCellActions(modelColumn, grid, gridPoint) {
-    assertNotNull(modelColumn);
-    var {
-      irisGrid
-    } = this;
-    var {
-      column: columnIndex,
-      row: rowIndex
-    } = gridPoint;
-    var {
-      model,
-      canCopy
-    } = irisGrid.props;
-    var {
-      columns
-    } = model;
-    var modelRow = irisGrid.getModelRow(rowIndex);
-    assertNotNull(modelRow);
-    var value = model.valueForCell(modelColumn, modelRow);
-    var valueText = model.textForCell(modelColumn, modelRow);
-    var column = columns[modelColumn];
-    var actions = [];
-    var {
-      quickFilters
-    } = irisGrid.state;
-    var theme = irisGrid.getTheme();
-    var {
-      filterIconColor
-    } = theme;
     var {
+      onContextMenu,
       settings
     } = irisGrid.props;
+    var modelSort = model.sort;
+    var columnSort = TableUtils.getSortForColumn(modelSort, modelColumn);
+    var hasReverse = reverseType !== TableUtils.REVERSE_TYPE.NONE;
     var dateFilterFormatter = new DateTimeColumnFormatter({
-      timeZone: settings === null || settings === void 0 ? void 0 : settings.timeZone,
+      timeZone: settings.timeZone,
       showTimeZone: false,
       showTSeparator: true,
       defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
     });
     var previewFilterFormatter = new DateTimeColumnFormatter({
-      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,
+      timeZone: settings.timeZone,
+      showTimeZone: settings.showTimeZone,
+      showTSeparator: settings.showTSeparator,
       defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
-    }); // grid data area context menu options
+    });
+
+    if (column != null) {
+      var {
+        table
+      } = model;
+      actions.push(onContextMenu({
+        table,
+        model,
+        value,
+        valueText,
+        column,
+        rowIndex,
+        columnIndex,
+        modelRow,
+        modelColumn
+      }));
+    }
 
-    if (column != null && rowIndex != null) {
-      if (model.isFilterable(modelColumn)) {
-        // cell data area contextmenu options
-        var filterMenu = {
-          title: 'Filter By Value',
+    if (column != null && model.isFilterable(modelColumn)) {
+      actions.push({
+        title: 'Clear Column Filter',
+        group: IrisGridContextMenuHandler.GROUP_FILTER,
+        order: 30,
+        action: () => {
+          this.irisGrid.removeColumnFilter(modelColumn);
+        },
+        disabled: !(quickFilters.has(modelColumn) || advancedFilters.has(modelColumn))
+      });
+    }
+
+    if (isFilterBarShown ? y <= gridY : y <= columnHeaderHeight) {
+      // grid header context menu options
+      if (column != null) {
+        var {
+          userColumnWidths
+        } = metrics;
+        var isColumnHidden = [...userColumnWidths.values()].some(columnWidth => columnWidth === 0);
+        var isColumnFrozen = model.isColumnFrozen(modelColumn);
+        actions.push({
+          title: 'Hide Column',
+          group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
+          action: () => {
+            this.irisGrid.hideColumnByVisibleIndex(columnIndex);
+          }
+        });
+        actions.push({
+          title: isColumnFrozen ? 'Unfreeze Column' : 'Freeze Column',
+          group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
+          action: () => {
+            if (isColumnFrozen) {
+              this.irisGrid.unFreezeColumnByColumnName(column.name);
+            } else {
+              this.irisGrid.freezeColumnByColumnName(column.name);
+            }
+          },
+          order: 10,
+          disabled: !model.isColumnMovable(modelColumn) && !isColumnFrozen
+        });
+        actions.push({
+          title: 'Show All Columns',
+          group: IrisGridContextMenuHandler.GROUP_HIDE_COLUMNS,
+          action: () => {
+            this.irisGrid.showAllColumns();
+          },
+          disabled: !isColumnHidden
+        });
+        actions.push({
+          title: 'Quick Filters',
           icon: vsRemove,
-          iconColor: filterIconColor,
+          iconColor: filterBarActiveColor,
+          shortcut: SHORTCUTS.TABLE.TOGGLE_QUICK_FILTER,
           group: IrisGridContextMenuHandler.GROUP_FILTER,
           order: 10,
-          actions: []
-        };
-        var andFilterMenu = {
-          title: 'Add Filter By Value',
-          icon: vsRemove,
+          action: () => {
+            this.irisGrid.toggleFilterBar(columnIndex);
+          }
+        });
+        actions.push({
+          title: 'Advanced Filters',
+          icon: advancedFilters.get(modelColumn) ? dhFilterFilled : vsFilter,
           iconColor: filterIconColor,
           group: IrisGridContextMenuHandler.GROUP_FILTER,
           order: 20,
-          actions: [],
-          disabled: !quickFilters.get(modelColumn)
-        };
-
-        if (value != null) {
-          // Chars get treated like numbers in terms of which filters are available
-          if (TableUtils.isNumberType(column.type) || TableUtils.isCharType(column.type)) {
-            assertNotNull(modelColumn); // 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);
-            filterMenu.actions = this.numberFilterActions(column, numberValueText, value, quickFilters.get(modelColumn));
-            andFilterMenu.actions = this.numberFilterActions(column, numberValueText, value, quickFilters.get(modelColumn), true);
-          } else if (TableUtils.isBooleanType(column.type)) {
-            filterMenu.actions = this.booleanFilterActions(column, valueText);
-            andFilterMenu.actions = this.booleanFilterActions(column, valueText, quickFilters.get(modelColumn), true);
-          } else if (TableUtils.isDateType(column.type)) {
-            var dateValueText = dateFilterFormatter.format(value);
-            var previewValue = previewFilterFormatter.format(value);
-            filterMenu.actions = this.dateFilterActions(column, dateValueText, previewValue, value);
-            andFilterMenu.actions = this.dateFilterActions(column, dateValueText, previewValue, value, quickFilters.get(modelColumn), true);
-          } else {
-            filterMenu.actions = this.stringFilterActions(column, valueText, value);
-            andFilterMenu.actions = this.stringFilterActions(column, valueText, value, quickFilters.get(modelColumn), true);
+          action: () => {
+            this.irisGrid.handleAdvancedMenuOpened(columnIndex);
           }
-        } else {
-          filterMenu.actions = this.nullFilterActions(column);
-          andFilterMenu.actions = this.nullFilterActions(column, quickFilters.get(modelColumn), true);
-        }
-
-        if (filterMenu.actions != null && filterMenu.actions.length > 0) {
-          actions.push(filterMenu);
-        }
-
-        if (andFilterMenu.actions != null && andFilterMenu.actions.length > 0) {
-          actions.push(andFilterMenu);
-        }
-      }
-
-      if (canCopy) {
+        });
         actions.push({
-          title: 'Copy Cell',
-          group: IrisGridContextMenuHandler.GROUP_COPY,
-          order: 10,
+          title: 'Clear Table Filters',
+          group: IrisGridContextMenuHandler.GROUP_FILTER,
+          order: 40,
+          // this just displays the shortcut, the actual listener is in irisgrid handleKeyDown
+          shortcut: SHORTCUTS.TABLE.CLEAR_FILTERS,
           action: () => {
-            irisGrid.copyCell(columnIndex, rowIndex);
-          }
+            this.irisGrid.clearAllFilters();
+          },
+          disabled: !(quickFilters.size > 0 || advancedFilters.size > 0 || searchFilter !== null)
         });
         actions.push({
-          title: 'Copy Cell Unformatted',
-          group: IrisGridContextMenuHandler.GROUP_COPY,
+          title: 'Sort by',
+          icon: vsRemove,
+          iconColor: contextMenuSortIconColor,
+          group: IrisGridContextMenuHandler.GROUP_SORT,
+          order: 10,
+          actions: this.sortByActions(column, modelColumn, columnSort)
+        });
+        actions.push({
+          title: 'Add Additional Sort',
+
+          /**
+           * disable conditions:
+           * 1. table is sorted only by this column
+           * 2. table is only reversed
+           * 3. 1 & 2 combined
+           * 4. table has no sort
+           * reverse is a type of sort, so needs to be accounted for in exclusions
+           * */
+          disabled: columnSort && modelSort.length === 1 || hasReverse && modelSort.length === 1 || columnSort && hasReverse && modelSort.length === 2 || modelSort.length === 0,
+          group: IrisGridContextMenuHandler.GROUP_SORT,
           order: 20,
-          action: () => {
-            irisGrid.copyCell(columnIndex, rowIndex, true);
-          }
+          actions: this.additionalSortActions(column, modelColumn)
         });
-      }
-    } // data area, including blank space context menu options
-
-
-    var {
-      selectedRanges
-    } = grid.state;
-
-    if (selectedRanges.length > 0) {
-      if (canCopy) {
         actions.push({
-          title: 'Copy Selection',
-          shortcut: GLOBAL_SHORTCUTS.COPY,
-          group: IrisGridContextMenuHandler.GROUP_COPY,
-          order: 30,
+          title: 'Clear Table Sorting',
+          disabled: // reverse is a type of sort, but special and needs to be exluded despite being part of model.sort
+          modelSort.length === 0 || hasReverse && modelSort.length === 1,
+          group: IrisGridContextMenuHandler.GROUP_SORT,
           action: () => {
-            irisGrid.copyRanges(selectedRanges);
-          }
+            this.irisGrid.sortColumn(columnIndex, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.none);
+          },
+          order: 30
         });
         actions.push({
-          title: 'Copy Selection w/ Headers',
-          group: IrisGridContextMenuHandler.GROUP_COPY,
+          title: reverseType === TableUtils.REVERSE_TYPE.NONE ? 'Reverse Table' : 'Clear Reverse Table',
+          icon: vsRemove,
+          iconColor: contextMenuReverseIconColor,
+          group: IrisGridContextMenuHandler.GROUP_SORT,
           order: 40,
+          disabled: !model.isReversible,
+          // this just displays the shortcut, the actual listener is in irisgrid handleKeyDown
+          shortcut: SHORTCUTS.TABLE.REVERSE,
           action: () => {
-            irisGrid.copyRanges(selectedRanges, true);
+            if (reverseType === TableUtils.REVERSE_TYPE.NONE) {
+              this.irisGrid.reverse(TableUtils.REVERSE_TYPE.POST_SORT);
+            } else {
+              this.irisGrid.reverse(TableUtils.REVERSE_TYPE.NONE);
+            }
           }
         });
-      }
-
-      if (isEditableGridModel(model) && model.isEditable) {
         actions.push({
-          title: 'Delete Selected Rows',
-          group: IrisGridContextMenuHandler.GROUP_EDIT,
-          order: 50,
+          title: 'Copy Column Name',
+          group: IrisGridContextMenuHandler.GROUP_COPY,
           action: () => {
-            this.irisGrid.deleteRanges(selectedRanges);
+            ContextActionUtils.copyToClipboard(model.textForColumnHeader(modelColumn)).catch(e => log.error('Unable to copy header', e));
           }
         });
-      }
-    }
 
-    return actions;
-  }
+        if (TableUtils.isDateType(column.type)) {
+          actions.push({
+            title: 'Date/Time Format',
+            group: IrisGridContextMenuHandler.GROUP_FORMAT,
+            actions: this.dateFormatActions(column)
+          });
+        } else if (TableUtils.isNumberType(column.type)) {
+          actions.push({
+            title: 'Number Format',
+            group: IrisGridContextMenuHandler.GROUP_FORMAT,
+            actions: this.numberFormatActions(column)
+          });
+        }
+      }
+    } else {
+      // grid data area context menu options
+      if (column != null && rowIndex != null) {
+        if (model.isFilterable(modelColumn)) {
+          // cell data area contextmenu options
+          var filterMenu = {
+            title: 'Filter By Value',
+            icon: vsRemove,
+            iconColor: filterIconColor,
+            group: IrisGridContextMenuHandler.GROUP_FILTER,
+            order: 10,
+            actions: null
+          };
+          var andFilterMenu = {
+            title: 'Add Filter By Value',
+            icon: vsRemove,
+            iconColor: filterIconColor,
+            group: IrisGridContextMenuHandler.GROUP_FILTER,
+            order: 20,
+            actions: null,
+            disabled: !quickFilters.get(modelColumn)
+          };
+
+          if (value != null) {
+            // Chars get treated like numbers in terms of which filters are available
+            if (TableUtils.isNumberType(column.type) || TableUtils.isCharType(column.type)) {
+              // 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);
+              filterMenu.actions = this.numberFilterActions(column, numberValueText, value);
+              andFilterMenu.actions = this.numberFilterActions(column, numberValueText, value, quickFilters.get(modelColumn), true);
+            } else if (TableUtils.isBooleanType(column.type)) {
+              filterMenu.actions = this.booleanFilterActions(column, valueText);
+              andFilterMenu.actions = this.booleanFilterActions(column, valueText, quickFilters.get(modelColumn), true);
+            } else if (TableUtils.isDateType(column.type)) {
+              var dateValueText = dateFilterFormatter.format(value);
+              var previewValue = previewFilterFormatter.format(value);
+              filterMenu.actions = this.dateFilterActions(column, dateValueText, previewValue, value);
+              andFilterMenu.actions = this.dateFilterActions(column, dateValueText, previewValue, value, quickFilters.get(modelColumn), true);
+            } else {
+              filterMenu.actions = this.stringFilterActions(column, valueText, value);
+              andFilterMenu.actions = this.stringFilterActions(column, valueText, value, quickFilters.get(modelColumn), true);
+            }
+          } else {
+            filterMenu.actions = this.nullFilterActions(column);
+            andFilterMenu.actions = this.nullFilterActions(column, quickFilters.get(modelColumn), true);
+          }
 
-  onContextMenu(gridPoint, grid, event) {
-    var {
-      irisGrid
-    } = this;
-    var {
-      y,
-      column: columnIndex,
-      row: rowIndex
-    } = gridPoint;
-    var modelColumn = irisGrid.getModelColumn(columnIndex);
-    var modelRow = irisGrid.getModelRow(rowIndex);
-    var {
-      model
-    } = irisGrid.props;
-    var {
-      columns
-    } = model;
-    var {
-      metrics,
-      isFilterBarShown,
-      quickFilters,
-      advancedFilters
-    } = irisGrid.state;
-    assertNotNull(metrics);
-    var {
-      columnHeaderHeight,
-      gridY
-    } = metrics;
-    var actions = [];
+          if (filterMenu.actions != null && filterMenu.actions.length > 0) {
+            actions.push(filterMenu);
+          }
 
-    if (modelColumn != null && modelRow != null) {
-      var value = model.valueForCell(modelColumn, modelRow);
-      var valueText = model.textForCell(modelColumn, modelRow);
-      var column = columns[modelColumn];
-      var {
-        onContextMenu
-      } = irisGrid.props;
+          if (andFilterMenu.actions != null && andFilterMenu.actions.length > 0) {
+            actions.push(andFilterMenu);
+          }
+        }
 
-      if (column != null) {
-        actions.push(onContextMenu({
-          model,
-          value,
-          valueText,
-          column,
-          rowIndex,
-          columnIndex,
-          modelRow,
-          modelColumn
-        }));
-      }
+        if (canCopy) {
+          actions.push({
+            title: 'Copy Cell',
+            group: IrisGridContextMenuHandler.GROUP_COPY,
+            order: 10,
+            action: () => {
+              irisGrid.copyCell(columnIndex, rowIndex);
+            }
+          });
+          actions.push({
+            title: 'Copy Cell Unformatted',
+            group: IrisGridContextMenuHandler.GROUP_COPY,
+            order: 20,
+            action: () => {
+              irisGrid.copyCell(columnIndex, rowIndex, true);
+            }
+          });
+        }
+      } // data area, including blank space context menu options
 
-      if (modelColumn != null && column != null && model.isFilterable(modelColumn)) {
-        actions.push({
-          title: 'Clear Column Filter',
-          group: IrisGridContextMenuHandler.GROUP_FILTER,
-          order: 30,
-          action: () => {
-            this.irisGrid.removeColumnFilter(modelColumn);
-          },
-          disabled: !(quickFilters.has(modelColumn) || advancedFilters.has(modelColumn))
-        });
-      }
-    }
 
-    if (modelColumn != null) {
-      var _column = columns[modelColumn];
+      var {
+        selectedRanges
+      } = grid.state;
+
+      if (selectedRanges.length > 0) {
+        if (canCopy) {
+          actions.push({
+            title: 'Copy Selection',
+            shortcut: GLOBAL_SHORTCUTS.COPY,
+            group: IrisGridContextMenuHandler.GROUP_COPY,
+            order: 30,
+            action: () => {
+              irisGrid.copyRanges(selectedRanges);
+            }
+          });
+          actions.push({
+            title: 'Copy Selection w/ Headers',
+            group: IrisGridContextMenuHandler.GROUP_COPY,
+            order: 40,
+            action: () => {
+              irisGrid.copyRanges(selectedRanges, true);
+            }
+          });
+        }
 
-      if (isFilterBarShown ? y <= gridY : y <= columnHeaderHeight) {
-        // grid header context menu options
-        if (_column != null) {
-          actions.push(...this.getHeaderActions(modelColumn, gridPoint));
+        if (model.isEditable) {
+          actions.push({
+            title: 'Delete Selected Rows',
+            group: IrisGridContextMenuHandler.GROUP_EDIT,
+            order: 50,
+            action: () => {
+              this.irisGrid.deleteRanges(selectedRanges);
+            }
+          });
         }
-      } else {
-        actions.push(...this.getCellActions(modelColumn, grid, gridPoint));
       }
     }
 
@@ -519,7 +445,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       return false;
     }
 
-    assertNotNull(irisGrid.gridWrapper);
     ContextActions.triggerMenu(irisGrid.gridWrapper, event.pageX, event.pageY, actions);
     return true;
   }
@@ -534,7 +459,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       formatter
     } = model;
     var selectedFormat = formatter.getColumnFormat(column.type, column.name);
-    assertNotNull(selectedFormat);
     var formatOptions = DateTimeFormatContextMenu.getOptions(formatter, selectedFormat);
     var actions = [];
 
@@ -549,14 +473,11 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       actions.push({
         title,
         description,
-        icon: isSelected ? vsCheck : undefined,
+        icon: isSelected ? vsCheck : null,
         group,
         order: i,
         action: () => {
-          var modelIndex = model.getColumnIndexByName(column.name);
-          assertNotNull(modelIndex);
-
-          _this.irisGrid.handleFormatSelection(modelIndex, format);
+          _this.irisGrid.handleFormatSelection(model.getColumnIndexByName(column.name), format);
         }
       });
     };
@@ -583,12 +504,10 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
 
     if (TableUtils.isDecimalType(column.type)) {
       formatOptions = DecimalFormatContextMenu.getOptions(selectedFormat, format => {
-        assertNotNull(columnIndex);
         this.debouncedUpdateCustomFormat(columnIndex, format);
       });
     } else if (TableUtils.isIntegerType(column.type)) {
       formatOptions = IntegerFormatContextMenu.getOptions(selectedFormat, format => {
-        assertNotNull(columnIndex);
         this.debouncedUpdateCustomFormat(columnIndex, format);
       });
     } else {
@@ -604,15 +523,13 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
         isSelected
       } = formatOptions[i];
       actions.push(_objectSpread(_objectSpread({}, formatOptions[i]), {}, {
-        icon: isSelected ? vsCheck : undefined,
+        icon: isSelected ? vsCheck : null,
         order: i,
         action: () => {
-          if (!columnIndex && format && format.type === TableColumnFormatter.TYPE_CONTEXT_CUSTOM) {
+          if (format && format.type === TableColumnFormatter.TYPE_CONTEXT_CUSTOM) {
             return;
           }
 
-          assertNotNull(columnIndex);
-
           _this2.irisGrid.handleFormatSelection(columnIndex, format);
         }
       }));
@@ -625,28 +542,19 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  stringFilterActions(column, valueText, value, quickFilter) {
+  stringFilterActions(column, valueText, value) {
+    var quickFilter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var additive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
     var filterValue = dh.FilterValue.ofString(value);
-    var newQuickFilter = quickFilter;
-
-    if (!newQuickFilter) {
-      newQuickFilter = {
-        filter: null,
-        text: null
-      };
-    }
-
     var {
       filter,
       text: filterText
-    } = newQuickFilter;
+    } = quickFilter;
     var actions = [];
     var {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-filter-menu-item-value"
@@ -697,31 +605,27 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       title: 'text ends with',
       description: "Show only rows where ".concat(column.name, " ends with ").concat(valueText),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().invoke('endsWith', filterValue), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, "*".concat(valueText), additive));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(quickFilter, column.filter().invoke('endsWith', filterValue), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, "*".concat(valueText), additive));
       },
       order: 60
     });
     return actions;
   }
 
-  numberFilterActions(column, valueText, value, quickFilter) {
+  numberFilterActions(column, valueText, value) {
+    var quickFilter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var additive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
     var filterValue = IrisGridContextMenuHandler.getFilterValueForNumberOrChar(column.type, value);
-    var filter = null;
-    var filterText = null;
-
-    if (quickFilter) {
-      filter = quickFilter.filter;
-      filterText = quickFilter.text;
-    }
-
+    var {
+      filter,
+      text: filterText
+    } = quickFilter;
     var actions = [];
     var isFinite = value !== Number.POSITIVE_INFINITY && value !== Number.NEGATIVE_INFINITY && !Number.isNaN(value);
     var {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-filter-menu-item-value"
@@ -787,14 +691,10 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  booleanFilterActions(column, valueText, quickFilter) {
+  booleanFilterActions(column, valueText) {
+    var quickFilter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var additive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     var actions = [];
-
-    if (quickFilter == null) {
-      return actions;
-    }
-
     var {
       filter,
       text: filterText
@@ -803,7 +703,6 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-filter-menu-item-value"
@@ -830,29 +729,25 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       title: 'null',
       description: "Show only rows where ".concat(column.name, " is null"),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull(), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, 'null', additive));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(quickFilter, column.filter().isNull(), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, 'null', additive));
       },
       order: 30
     });
     return actions;
   }
 
-  dateFilterActions(column, valueText, previewValue, value, quickFilter) {
+  dateFilterActions(column, valueText, previewValue, value) {
+    var quickFilter = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
     var additive = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
     var filterValue = dh.FilterValue.ofNumber(value);
-    var filter = null;
-    var filterText = null;
-
-    if (quickFilter) {
-      filter = quickFilter.filter;
-      filterText = quickFilter.text;
-    }
-
+    var {
+      filter,
+      text: filterText
+    } = quickFilter;
     var {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
     var actions = [];
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
@@ -911,22 +806,18 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  nullFilterActions(column, quickFilter) {
+  nullFilterActions(column) {
+    var quickFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var additive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var filter = null;
-    var filterText = null;
-
-    if (quickFilter) {
-      filter = quickFilter.filter;
-      filterText = quickFilter.text;
-    }
-
+    var {
+      filter,
+      text: filterText
+    } = quickFilter;
     var actions = [];
     var {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-filter-menu-item-value"
@@ -963,7 +854,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       action: () => {
         this.irisGrid.sortColumn(modelColumn, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending);
       },
-      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending) ? vsRemove : undefined,
+      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending) ? vsRemove : null,
       iconColor: contextMenuSortIconColor
     }, {
       title: "".concat(column.name, " Descending"),
@@ -971,7 +862,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       action: () => {
         this.irisGrid.sortColumn(modelColumn, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending);
       },
-      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending) ? vsRemove : undefined,
+      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending) ? vsRemove : null,
       iconColor: contextMenuSortIconColor
     }, {
       title: "Remove Sort",
@@ -989,7 +880,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
         action: () => {
           this.irisGrid.sortColumn(modelColumn, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending, true);
         },
-        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending, true) ? vsRemove : undefined,
+        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending, true) ? vsRemove : null,
         iconColor: contextMenuSortIconColor
       });
       sortActions.push({
@@ -998,7 +889,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
         action: () => {
           this.irisGrid.sortColumn(modelColumn, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending, true);
         },
-        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending, true) ? vsRemove : undefined,
+        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending, true) ? vsRemove : null,
         iconColor: contextMenuSortIconColor
       });
     }
@@ -1020,7 +911,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: vsRemove,
         style: {
-          color: contextMenuSortIconColor !== null && contextMenuSortIconColor !== void 0 ? contextMenuSortIconColor : undefined
+          color: contextMenuSortIconColor
         }
       })), /*#__PURE__*/React.createElement("span", {
         className: "title"