@deephaven/iris-grid 0.13.3-treemap.2 → 0.14.0

package/dist/mousehandlers/IrisGridContextMenuHandler.js

@@ -10,10 +10,11 @@ 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 } from '@deephaven/grid';
+import { GridMouseHandler, isEditableGridModel } 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";
@@ -29,9 +30,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 {FilterCondition} columnFilter
-   * @param {FilterCondition} newColumnFilter
-   * @param {boolean} additive
+   * @param columnFilter
+   * @param newColumnFilter
+   * @param additive
    */
   static getQuickFilterCondition(columnFilter, newColumnFilter) {
     var additive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -44,9 +45,9 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
   }
   /**
    * combines filter text with '&&' if filters are additive
-   * @param {String} filterText
-   * @param {String} newFilterText
-   * @param {boolean} additive
+   * @param filterText
+   * @param newFilterText
+   * @param additive
    */
 
 
@@ -56,8 +57,8 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
   }
   /**
    * Gets an equality filter for the provided numeric value
-   * @param {dh.Column} column The column to make the filter for
-   * @param {Number} value The value to get the equality filter for
+   * @param column The column to make the filter for
+   * @param value The value to get the equality filter for
    */
 
 
@@ -86,6 +87,11 @@ 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;
   }
@@ -94,350 +100,418 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     this.debouncedUpdateCustomFormat.flush();
   }
 
-  onContextMenu(gridPoint, grid, event) {
+  getHeaderActions(modelColumn, gridPoint) {
     var {
       irisGrid
     } = this;
     var {
-      y,
-      column: columnIndex,
-      row: rowIndex
+      column: columnIndex
     } = gridPoint;
-    var modelColumn = irisGrid.getModelColumn(columnIndex);
-    var modelRow = irisGrid.getModelRow(rowIndex);
+    assertNotNull(columnIndex);
     var {
-      model,
-      canCopy
+      model
     } = 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();
-    var {
-      columnHeaderHeight,
-      gridY
-    } = metrics;
+    assertNotNull(metrics);
     var {
       filterIconColor,
       filterBarActiveColor,
       contextMenuSortIconColor,
       contextMenuReverseIconColor
     } = 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.timeZone,
-      showTimeZone: false,
-      showTSeparator: true,
-      defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
+    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);
+      }
     });
-    var previewFilterFormatter = new DateTimeColumnFormatter({
-      timeZone: settings.timeZone,
-      showTimeZone: settings.showTimeZone,
-      showTSeparator: settings.showTSeparator,
-      defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
+    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 (column != null) {
-      var {
-        table
-      } = model;
-      actions.push(onContextMenu({
-        table,
-        model,
-        value,
-        valueText,
-        column,
-        rowIndex,
-        columnIndex,
-        modelRow,
-        modelColumn
-      }));
-    }
+    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;
 
-    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))
+        title: 'Number Format',
+        group: IrisGridContextMenuHandler.GROUP_FORMAT,
+        actions: (_this$numberFormatAct = this.numberFormatActions(column)) !== null && _this$numberFormatAct !== void 0 ? _this$numberFormatAct : undefined
       });
     }
 
-    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',
+    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 {
+      settings
+    } = irisGrid.props;
+    var dateFilterFormatter = new DateTimeColumnFormatter({
+      timeZone: settings === null || settings === void 0 ? void 0 : 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,
+      defaultDateTimeFormatString: CONTEXT_MENU_DATE_FORMAT
+    }); // 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: filterBarActiveColor,
-          shortcut: SHORTCUTS.TABLE.TOGGLE_QUICK_FILTER,
+          iconColor: filterIconColor,
           group: IrisGridContextMenuHandler.GROUP_FILTER,
           order: 10,
-          action: () => {
-            this.irisGrid.toggleFilterBar(columnIndex);
-          }
-        });
-        actions.push({
-          title: 'Advanced Filters',
-          icon: advancedFilters.get(modelColumn) ? dhFilterFilled : vsFilter,
+          actions: []
+        };
+        var andFilterMenu = {
+          title: 'Add Filter By Value',
+          icon: vsRemove,
           iconColor: filterIconColor,
           group: IrisGridContextMenuHandler.GROUP_FILTER,
           order: 20,
-          action: () => {
-            this.irisGrid.handleAdvancedMenuOpened(columnIndex);
+          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);
           }
-        });
-        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)
-        });
+        } 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: 'Sort by',
-          icon: vsRemove,
-          iconColor: contextMenuSortIconColor,
-          group: IrisGridContextMenuHandler.GROUP_SORT,
+          title: 'Copy Cell',
+          group: IrisGridContextMenuHandler.GROUP_COPY,
           order: 10,
-          actions: this.sortByActions(column, modelColumn, columnSort)
+          action: () => {
+            irisGrid.copyCell(columnIndex, rowIndex);
+          }
         });
         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,
+          title: 'Copy Cell Unformatted',
+          group: IrisGridContextMenuHandler.GROUP_COPY,
           order: 20,
-          actions: this.additionalSortActions(column, modelColumn)
+          action: () => {
+            irisGrid.copyCell(columnIndex, rowIndex, true);
+          }
         });
+      }
+    } // data area, including blank space context menu options
+
+
+    var {
+      selectedRanges
+    } = grid.state;
+
+    if (selectedRanges.length > 0) {
+      if (canCopy) {
         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,
+          title: 'Copy Selection',
+          shortcut: GLOBAL_SHORTCUTS.COPY,
+          group: IrisGridContextMenuHandler.GROUP_COPY,
+          order: 30,
           action: () => {
-            this.irisGrid.sortColumn(columnIndex, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.none);
-          },
-          order: 30
+            irisGrid.copyRanges(selectedRanges);
+          }
         });
         actions.push({
-          title: reverseType === TableUtils.REVERSE_TYPE.NONE ? 'Reverse Table' : 'Clear Reverse Table',
-          icon: vsRemove,
-          iconColor: contextMenuReverseIconColor,
-          group: IrisGridContextMenuHandler.GROUP_SORT,
+          title: 'Copy Selection w/ Headers',
+          group: IrisGridContextMenuHandler.GROUP_COPY,
           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);
-            }
+            irisGrid.copyRanges(selectedRanges, true);
           }
         });
+      }
+
+      if (isEditableGridModel(model) && model.isEditable) {
         actions.push({
-          title: 'Copy Column Name',
-          group: IrisGridContextMenuHandler.GROUP_COPY,
+          title: 'Delete Selected Rows',
+          group: IrisGridContextMenuHandler.GROUP_EDIT,
+          order: 50,
           action: () => {
-            ContextActionUtils.copyToClipboard(model.textForColumnHeader(modelColumn)).catch(e => log.error('Unable to copy header', e));
+            this.irisGrid.deleteRanges(selectedRanges);
           }
         });
-
-        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);
-          }
+    }
 
-          if (filterMenu.actions != null && filterMenu.actions.length > 0) {
-            actions.push(filterMenu);
-          }
+    return actions;
+  }
 
-          if (andFilterMenu.actions != null && andFilterMenu.actions.length > 0) {
-            actions.push(andFilterMenu);
-          }
-        }
+  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 (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 && modelRow != null) {
+      var value = model.valueForCell(modelColumn, modelRow);
+      var valueText = model.textForCell(modelColumn, modelRow);
+      var column = columns[modelColumn];
+      var {
+        onContextMenu
+      } = irisGrid.props;
 
+      if (column != null) {
+        actions.push(onContextMenu({
+          model,
+          value,
+          valueText,
+          column,
+          rowIndex,
+          columnIndex,
+          modelRow,
+          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 (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 (model.isEditable) {
-          actions.push({
-            title: 'Delete Selected Rows',
-            group: IrisGridContextMenuHandler.GROUP_EDIT,
-            order: 50,
-            action: () => {
-              this.irisGrid.deleteRanges(selectedRanges);
-            }
-          });
+    if (modelColumn != null) {
+      var _column = columns[modelColumn];
+
+      if (isFilterBarShown ? y <= gridY : y <= columnHeaderHeight) {
+        // grid header context menu options
+        if (_column != null) {
+          actions.push(...this.getHeaderActions(modelColumn, gridPoint));
         }
+      } else {
+        actions.push(...this.getCellActions(modelColumn, grid, gridPoint));
       }
     }
 
@@ -445,6 +519,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       return false;
     }
 
+    assertNotNull(irisGrid.gridWrapper);
     ContextActions.triggerMenu(irisGrid.gridWrapper, event.pageX, event.pageY, actions);
     return true;
   }
@@ -459,6 +534,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       formatter
     } = model;
     var selectedFormat = formatter.getColumnFormat(column.type, column.name);
+    assertNotNull(selectedFormat);
     var formatOptions = DateTimeFormatContextMenu.getOptions(formatter, selectedFormat);
     var actions = [];
 
@@ -473,11 +549,14 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       actions.push({
         title,
         description,
-        icon: isSelected ? vsCheck : null,
+        icon: isSelected ? vsCheck : undefined,
         group,
         order: i,
         action: () => {
-          _this.irisGrid.handleFormatSelection(model.getColumnIndexByName(column.name), format);
+          var modelIndex = model.getColumnIndexByName(column.name);
+          assertNotNull(modelIndex);
+
+          _this.irisGrid.handleFormatSelection(modelIndex, format);
         }
       });
     };
@@ -504,10 +583,12 @@ 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 {
@@ -523,13 +604,15 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
         isSelected
       } = formatOptions[i];
       actions.push(_objectSpread(_objectSpread({}, formatOptions[i]), {}, {
-        icon: isSelected ? vsCheck : null,
+        icon: isSelected ? vsCheck : undefined,
         order: i,
         action: () => {
-          if (format && format.type === TableColumnFormatter.TYPE_CONTEXT_CUSTOM) {
+          if (!columnIndex && format && format.type === TableColumnFormatter.TYPE_CONTEXT_CUSTOM) {
             return;
           }
 
+          assertNotNull(columnIndex);
+
           _this2.irisGrid.handleFormatSelection(columnIndex, format);
         }
       }));
@@ -542,19 +625,28 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  stringFilterActions(column, valueText, value) {
-    var quickFilter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  stringFilterActions(column, valueText, value, quickFilter) {
     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
-    } = quickFilter;
+    } = newQuickFilter;
     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"
@@ -605,27 +697,31 @@ 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(quickFilter, column.filter().invoke('endsWith', filterValue), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, "*".concat(valueText), additive));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().invoke('endsWith', filterValue), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, "*".concat(valueText), additive));
       },
       order: 60
     });
     return actions;
   }
 
-  numberFilterActions(column, valueText, value) {
-    var quickFilter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  numberFilterActions(column, valueText, value, quickFilter) {
     var additive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
     var filterValue = IrisGridContextMenuHandler.getFilterValueForNumberOrChar(column.type, value);
-    var {
-      filter,
-      text: filterText
-    } = quickFilter;
+    var filter = null;
+    var filterText = null;
+
+    if (quickFilter) {
+      filter = quickFilter.filter;
+      filterText = quickFilter.text;
+    }
+
     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"
@@ -691,10 +787,14 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  booleanFilterActions(column, valueText) {
-    var quickFilter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  booleanFilterActions(column, valueText, quickFilter) {
     var additive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     var actions = [];
+
+    if (quickFilter == null) {
+      return actions;
+    }
+
     var {
       filter,
       text: filterText
@@ -703,6 +803,7 @@ 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"
@@ -729,25 +830,29 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       title: 'null',
       description: "Show only rows where ".concat(column.name, " is null"),
       action: () => {
-        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(quickFilter, column.filter().isNull(), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, 'null', additive));
+        this.irisGrid.setQuickFilter(columnIndex, IrisGridContextMenuHandler.getQuickFilterCondition(filter, column.filter().isNull(), additive), IrisGridContextMenuHandler.getQuickFilterText(filterText, 'null', additive));
       },
       order: 30
     });
     return actions;
   }
 
-  dateFilterActions(column, valueText, previewValue, value) {
-    var quickFilter = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  dateFilterActions(column, valueText, previewValue, value, quickFilter) {
     var additive = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
     var filterValue = dh.FilterValue.ofNumber(value);
-    var {
-      filter,
-      text: filterText
-    } = quickFilter;
+    var filter = null;
+    var filterText = null;
+
+    if (quickFilter) {
+      filter = quickFilter.filter;
+      filterText = quickFilter.text;
+    }
+
     var {
       model
     } = this.irisGrid.props;
     var columnIndex = model.getColumnIndexByName(column.name);
+    assertNotNull(columnIndex);
     var actions = [];
     actions.push({
       menuElement: /*#__PURE__*/React.createElement("div", {
@@ -806,18 +911,22 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
     return actions;
   }
 
-  nullFilterActions(column) {
-    var quickFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  nullFilterActions(column, quickFilter) {
     var additive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var {
-      filter,
-      text: filterText
-    } = quickFilter;
+    var filter = null;
+    var filterText = null;
+
+    if (quickFilter) {
+      filter = quickFilter.filter;
+      filterText = quickFilter.text;
+    }
+
     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"
@@ -854,7 +963,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 : null,
+      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending) ? vsRemove : undefined,
       iconColor: contextMenuSortIconColor
     }, {
       title: "".concat(column.name, " Descending"),
@@ -862,7 +971,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 : null,
+      icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending) ? vsRemove : undefined,
       iconColor: contextMenuSortIconColor
     }, {
       title: "Remove Sort",
@@ -880,7 +989,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 : null,
+        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.ascending, true) ? vsRemove : undefined,
         iconColor: contextMenuSortIconColor
       });
       sortActions.push({
@@ -889,7 +998,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 : null,
+        icon: this.checkColumnSort(columnSort, IrisGridContextMenuHandler.COLUMN_SORT_DIRECTION.descending, true) ? vsRemove : undefined,
         iconColor: contextMenuSortIconColor
       });
     }
@@ -911,7 +1020,7 @@ class IrisGridContextMenuHandler extends GridMouseHandler {
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: vsRemove,
         style: {
-          color: contextMenuSortIconColor
+          color: contextMenuSortIconColor !== null && contextMenuSortIconColor !== void 0 ? contextMenuSortIconColor : undefined
         }
       })), /*#__PURE__*/React.createElement("span", {
         className: "title"