@deephaven/iris-grid 0.42.1-beta.4 → 0.43.0

package/dist/mousehandlers/IrisGridCellOverflowMouseHandler.js

@@ -1,175 +0,0 @@
-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); }
-import { GridMouseHandler } from '@deephaven/grid';
-import deepEqual from 'deep-equal';
-/**
- * Handles cursor and click action for cell overflow button
- * The button is rendered via IrisGridRenderer
- */
-class IrisGridCellOverflowMouseHandler extends GridMouseHandler {
-  constructor(irisGrid) {
-    super(850); // Needs to be before GridSelectionMouseHandler
-    _defineProperty(this, "irisGrid", void 0);
-    this.irisGrid = irisGrid;
-  }
-  destroyColumnTooltip() {
-    this.irisGrid.setState({
-      overflowButtonTooltipProps: null
-    });
-  }
-  setCursor(point) {
-    if (this.isHoveringOverflowButton(point)) {
-      this.cursor = 'pointer';
-      return {
-        stopPropagation: false,
-        preventDefault: false
-      };
-    }
-    this.cursor = null;
-    return false;
-  }
-  getButtonPosition(_ref) {
-    var {
-      x,
-      y,
-      column,
-      row
-    } = _ref;
-    if (column == null || row == null) {
-      return null;
-    }
-    var {
-      renderer,
-      grid,
-      state,
-      props
-    } = this.irisGrid;
-    if (!grid) {
-      return null;
-    }
-    var {
-      metrics
-    } = state;
-    var {
-      model
-    } = props;
-    var {
-      canvasContext: context
-    } = grid;
-    var theme = grid.getTheme();
-    var rendererState = {
-      context,
-      mouseX: x,
-      mouseY: y,
-      metrics,
-      model,
-      theme
-    };
-    var {
-      left,
-      top,
-      width,
-      height
-    } = renderer.getCellOverflowButtonPosition(rendererState);
-    if (left == null || width == null || top == null || height == null) {
-      return null;
-    }
-    return {
-      left,
-      top,
-      width,
-      height
-    };
-  }
-  isHoveringOverflowButton(point) {
-    var _this$getButtonPositi;
-    var {
-      x,
-      y
-    } = point;
-    var {
-      left,
-      top,
-      width,
-      height
-    } = (_this$getButtonPositi = this.getButtonPosition(point)) !== null && _this$getButtonPositi !== void 0 ? _this$getButtonPositi : {};
-    if (left == null || width == null || top == null || height == null) {
-      return false;
-    }
-    var {
-      renderer,
-      grid,
-      state,
-      props
-    } = this.irisGrid;
-    if (!grid) {
-      return false;
-    }
-    var {
-      metrics
-    } = state;
-    var {
-      model
-    } = props;
-    var {
-      canvasContext: context
-    } = grid;
-    var theme = grid.getTheme();
-    var rendererState = {
-      context,
-      mouseX: x,
-      mouseY: y,
-      metrics,
-      model,
-      theme
-    };
-    return renderer.shouldRenderOverflowButton(rendererState) && x >= left && x <= left + width && y >= top && y <= top + height;
-  }
-  onMove(point) {
-    if (this.isHoveringOverflowButton(point)) {
-      var {
-        overflowButtonTooltipProps
-      } = this.irisGrid.state;
-      var newProps = this.getButtonPosition(point);
-      if (!deepEqual(overflowButtonTooltipProps, newProps)) {
-        this.irisGrid.setState({
-          overflowButtonTooltipProps: newProps
-        });
-      }
-    } else {
-      this.destroyColumnTooltip();
-    }
-    return this.setCursor(point);
-  }
-  onWheel(point) {
-    this.destroyColumnTooltip();
-    return this.onMove(point);
-  }
-
-  // Needs to be onDown and not onClick b/c of GridSelectionMouseHandler shifting cell onDown
-  onDown(point) {
-    this.destroyColumnTooltip();
-    var {
-      column,
-      row
-    } = point;
-    if (this.isHoveringOverflowButton(point)) {
-      this.irisGrid.setState({
-        showOverflowModal: true,
-        overflowText: this.irisGrid.getValueForCell(column, row)
-      });
-    }
-    return false;
-  }
-  onContextMenu() {
-    this.destroyColumnTooltip();
-    return false;
-  }
-  onLeave() {
-    this.destroyColumnTooltip();
-    return false;
-  }
-}
-export default IrisGridCellOverflowMouseHandler;
-//# sourceMappingURL=IrisGridCellOverflowMouseHandler.js.map

package/dist/mousehandlers/IrisGridCellOverflowMouseHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IrisGridCellOverflowMouseHandler.js","names":["GridMouseHandler","deepEqual","IrisGridCellOverflowMouseHandler","constructor","irisGrid","destroyColumnTooltip","setState","overflowButtonTooltipProps","setCursor","point","isHoveringOverflowButton","cursor","stopPropagation","preventDefault","getButtonPosition","x","y","column","row","renderer","grid","state","props","metrics","model","canvasContext","context","theme","getTheme","rendererState","mouseX","mouseY","left","top","width","height","getCellOverflowButtonPosition","shouldRenderOverflowButton","onMove","newProps","onWheel","onDown","showOverflowModal","overflowText","getValueForCell","onContextMenu","onLeave"],"sources":["../../src/mousehandlers/IrisGridCellOverflowMouseHandler.ts"],"sourcesContent":["import {\n  GridPoint,\n  GridMouseHandler,\n  EventHandlerResult,\n} from '@deephaven/grid';\nimport deepEqual from 'deep-equal';\nimport type IrisGrid from '../IrisGrid';\nimport { IrisGridRenderState } from '../IrisGridRenderer';\n\n/**\n * Handles cursor and click action for cell overflow button\n * The button is rendered via IrisGridRenderer\n */\nclass IrisGridCellOverflowMouseHandler extends GridMouseHandler {\n  private irisGrid: IrisGrid;\n\n  constructor(irisGrid: IrisGrid) {\n    super(850); // Needs to be before GridSelectionMouseHandler\n\n    this.irisGrid = irisGrid;\n  }\n\n  private destroyColumnTooltip(): void {\n    this.irisGrid.setState({ overflowButtonTooltipProps: null });\n  }\n\n  private setCursor(point: GridPoint): EventHandlerResult {\n    if (this.isHoveringOverflowButton(point)) {\n      this.cursor = 'pointer';\n      return { stopPropagation: false, preventDefault: false };\n    }\n\n    this.cursor = null;\n    return false;\n  }\n\n  private getButtonPosition({\n    x,\n    y,\n    column,\n    row,\n  }: GridPoint): {\n    left: number;\n    top: number;\n    width: number;\n    height: number;\n  } | null {\n    if (column == null || row == null) {\n      return null;\n    }\n    const { renderer, grid, state, props } = this.irisGrid;\n    if (!grid) {\n      return null;\n    }\n    const { metrics } = state;\n    const { model } = props;\n\n    const { canvasContext: context } = grid;\n    const theme = grid.getTheme();\n    const rendererState = {\n      context,\n      mouseX: x,\n      mouseY: y,\n      metrics,\n      model,\n      theme,\n    };\n\n    const { left, top, width, height } = renderer.getCellOverflowButtonPosition(\n      rendererState\n    );\n    if (left == null || width == null || top == null || height == null) {\n      return null;\n    }\n\n    return { left, top, width, height };\n  }\n\n  private isHoveringOverflowButton(point: GridPoint): boolean {\n    const { x, y } = point;\n    const { left, top, width, height } = this.getButtonPosition(point) ?? {};\n    if (left == null || width == null || top == null || height == null) {\n      return false;\n    }\n\n    const { renderer, grid, state, props } = this.irisGrid;\n    if (!grid) {\n      return false;\n    }\n    const { metrics } = state;\n    const { model } = props;\n    const { canvasContext: context } = grid;\n    const theme = grid.getTheme();\n    const rendererState = {\n      context,\n      mouseX: x,\n      mouseY: y,\n      metrics,\n      model,\n      theme,\n    } as IrisGridRenderState;\n\n    return (\n      renderer.shouldRenderOverflowButton(rendererState) &&\n      x >= left &&\n      x <= left + width &&\n      y >= top &&\n      y <= top + height\n    );\n  }\n\n  onMove(point: GridPoint): EventHandlerResult {\n    if (this.isHoveringOverflowButton(point)) {\n      const { overflowButtonTooltipProps } = this.irisGrid.state;\n      const newProps = this.getButtonPosition(point);\n      if (!deepEqual(overflowButtonTooltipProps, newProps)) {\n        this.irisGrid.setState({ overflowButtonTooltipProps: newProps });\n      }\n    } else {\n      this.destroyColumnTooltip();\n    }\n    return this.setCursor(point);\n  }\n\n  onWheel(point: GridPoint): EventHandlerResult {\n    this.destroyColumnTooltip();\n    return this.onMove(point);\n  }\n\n  // Needs to be onDown and not onClick b/c of GridSelectionMouseHandler shifting cell onDown\n  onDown(point: GridPoint): boolean {\n    this.destroyColumnTooltip();\n    const { column, row } = point;\n\n    if (this.isHoveringOverflowButton(point)) {\n      this.irisGrid.setState({\n        showOverflowModal: true,\n        overflowText: this.irisGrid.getValueForCell(column, row) as string,\n      });\n    }\n\n    return false;\n  }\n\n  onContextMenu(): EventHandlerResult {\n    this.destroyColumnTooltip();\n    return false;\n  }\n\n  onLeave(): EventHandlerResult {\n    this.destroyColumnTooltip();\n    return false;\n  }\n}\n\nexport default IrisGridCellOverflowMouseHandler;\n"],"mappings":"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"}

package/dist/mousehandlers/IrisGridColumnSelectMouseHandler.js

@@ -1,139 +0,0 @@
-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); }
-/* eslint class-methods-use-this: "off" */
-import { GridMouseHandler } from '@deephaven/grid';
-/**
- * Handles interaction with tables when the Linker tool is active
- */
-class IrisGridColumnSelectMouseHandler extends GridMouseHandler {
-  constructor(irisGrid) {
-    super();
-    _defineProperty(this, "irisGrid", void 0);
-    this.irisGrid = irisGrid;
-    this.cursor = null;
-  }
-  isActive() {
-    var {
-      isSelectingColumn
-    } = this.irisGrid.props;
-    return isSelectingColumn;
-  }
-  isValidColumn(tableColumn) {
-    if (tableColumn == null) {
-      return false;
-    }
-    var {
-      columnSelectionValidator
-    } = this.irisGrid.props;
-    if (columnSelectionValidator != null) {
-      return columnSelectionValidator(tableColumn);
-    }
-    return true;
-  }
-  updateColumnSelectionStatus() {
-    var {
-      columnSelectionValidator
-    } = this.irisGrid.props;
-    if (columnSelectionValidator != null) {
-      columnSelectionValidator(null);
-    }
-  }
-  getTableColumn(columnIndex) {
-    if (columnIndex == null) {
-      return null;
-    }
-    var {
-      model
-    } = this.irisGrid.props;
-    var modelColumn = this.irisGrid.getModelColumn(columnIndex);
-    if (modelColumn == null) {
-      return null;
-    }
-    return model.columns[modelColumn];
-  }
-  onMove(gridPoint) {
-    if (!this.isActive()) {
-      return false;
-    }
-    var {
-      columnAllowedCursor,
-      columnNotAllowedCursor
-    } = this.irisGrid.props;
-    var {
-      column
-    } = gridPoint;
-    var tableColumn = this.getTableColumn(column);
-    if (this.isValidColumn(tableColumn)) {
-      this.cursor = columnAllowedCursor;
-      this.irisGrid.setState({
-        hoverSelectColumn: column
-      });
-    } else {
-      this.cursor = columnNotAllowedCursor;
-      this.irisGrid.setState({
-        hoverSelectColumn: null
-      });
-    }
-    return true;
-  }
-
-  // keeps linker cursor state during wheel event
-  onWheel(gridPoint) {
-    if (!this.isActive()) {
-      return false;
-    }
-    var {
-      columnAllowedCursor,
-      columnNotAllowedCursor
-    } = this.irisGrid.props;
-    var {
-      column
-    } = gridPoint;
-    var tableColumn = this.getTableColumn(column);
-    if (this.isValidColumn(tableColumn)) {
-      this.cursor = columnAllowedCursor;
-      this.irisGrid.setState({
-        hoverSelectColumn: column
-      });
-    } else {
-      this.cursor = columnNotAllowedCursor;
-      this.irisGrid.setState({
-        hoverSelectColumn: null
-      });
-    }
-
-    // don't block wheel event from scrolling
-    return {
-      preventDefault: false,
-      stopPropagation: false
-    };
-  }
-  onLeave() {
-    if (this.isActive()) {
-      this.irisGrid.setState({
-        hoverSelectColumn: null
-      });
-    }
-    this.updateColumnSelectionStatus();
-    return false;
-  }
-  onDown() {
-    return this.isActive();
-  }
-  onClick(gridPoint) {
-    if (!this.isActive()) {
-      return false;
-    }
-    var {
-      column
-    } = gridPoint;
-    var tableColumn = this.getTableColumn(column);
-    if (tableColumn != null && this.isValidColumn(tableColumn)) {
-      this.irisGrid.selectColumn(tableColumn);
-    }
-    return true;
-  }
-}
-export default IrisGridColumnSelectMouseHandler;
-//# sourceMappingURL=IrisGridColumnSelectMouseHandler.js.map

package/dist/mousehandlers/IrisGridColumnSelectMouseHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IrisGridColumnSelectMouseHandler.js","names":["GridMouseHandler","IrisGridColumnSelectMouseHandler","constructor","irisGrid","cursor","isActive","isSelectingColumn","props","isValidColumn","tableColumn","columnSelectionValidator","updateColumnSelectionStatus","getTableColumn","columnIndex","model","modelColumn","getModelColumn","columns","onMove","gridPoint","columnAllowedCursor","columnNotAllowedCursor","column","setState","hoverSelectColumn","onWheel","preventDefault","stopPropagation","onLeave","onDown","onClick","selectColumn"],"sources":["../../src/mousehandlers/IrisGridColumnSelectMouseHandler.ts"],"sourcesContent":["/* eslint class-methods-use-this: \"off\" */\nimport {\n  GridMouseHandler,\n  GridPoint,\n  EventHandlerResult,\n} from '@deephaven/grid';\nimport type { Column } from '@deephaven/jsapi-types';\nimport { IrisGrid } from '../IrisGrid';\n\n/**\n * Handles interaction with tables when the Linker tool is active\n */\nclass IrisGridColumnSelectMouseHandler extends GridMouseHandler {\n  constructor(irisGrid: IrisGrid) {\n    super();\n\n    this.irisGrid = irisGrid;\n    this.cursor = null;\n  }\n\n  private irisGrid: IrisGrid;\n\n  private isActive(): boolean {\n    const { isSelectingColumn } = this.irisGrid.props;\n    return isSelectingColumn;\n  }\n\n  private isValidColumn(tableColumn: Column | null): boolean {\n    if (tableColumn == null) {\n      return false;\n    }\n\n    const { columnSelectionValidator } = this.irisGrid.props;\n    if (columnSelectionValidator != null) {\n      return columnSelectionValidator(tableColumn);\n    }\n    return true;\n  }\n\n  private updateColumnSelectionStatus(): void {\n    const { columnSelectionValidator } = this.irisGrid.props;\n    if (columnSelectionValidator != null) {\n      columnSelectionValidator(null);\n    }\n  }\n\n  private getTableColumn(columnIndex: number | null): Column | null {\n    if (columnIndex == null) {\n      return null;\n    }\n\n    const { model } = this.irisGrid.props;\n    const modelColumn = this.irisGrid.getModelColumn(columnIndex);\n    if (modelColumn == null) {\n      return null;\n    }\n\n    return model.columns[modelColumn];\n  }\n\n  onMove(gridPoint: GridPoint): EventHandlerResult {\n    if (!this.isActive()) {\n      return false;\n    }\n\n    const { columnAllowedCursor, columnNotAllowedCursor } = this.irisGrid.props;\n    const { column } = gridPoint;\n    const tableColumn = this.getTableColumn(column);\n\n    if (this.isValidColumn(tableColumn)) {\n      this.cursor = columnAllowedCursor;\n      this.irisGrid.setState({ hoverSelectColumn: column });\n    } else {\n      this.cursor = columnNotAllowedCursor;\n      this.irisGrid.setState({ hoverSelectColumn: null });\n    }\n\n    return true;\n  }\n\n  // keeps linker cursor state during wheel event\n  onWheel(gridPoint: GridPoint): EventHandlerResult {\n    if (!this.isActive()) {\n      return false;\n    }\n\n    const { columnAllowedCursor, columnNotAllowedCursor } = this.irisGrid.props;\n    const { column } = gridPoint;\n    const tableColumn = this.getTableColumn(column);\n\n    if (this.isValidColumn(tableColumn)) {\n      this.cursor = columnAllowedCursor;\n      this.irisGrid.setState({ hoverSelectColumn: column });\n    } else {\n      this.cursor = columnNotAllowedCursor;\n      this.irisGrid.setState({ hoverSelectColumn: null });\n    }\n\n    // don't block wheel event from scrolling\n    return { preventDefault: false, stopPropagation: false };\n  }\n\n  onLeave(): EventHandlerResult {\n    if (this.isActive()) {\n      this.irisGrid.setState({ hoverSelectColumn: null });\n    }\n\n    this.updateColumnSelectionStatus();\n\n    return false;\n  }\n\n  onDown(): EventHandlerResult {\n    return this.isActive();\n  }\n\n  onClick(gridPoint: GridPoint): EventHandlerResult {\n    if (!this.isActive()) {\n      return false;\n    }\n\n    const { column } = gridPoint;\n    const tableColumn = this.getTableColumn(column);\n    if (tableColumn != null && this.isValidColumn(tableColumn)) {\n      this.irisGrid.selectColumn(tableColumn);\n    }\n\n    return true;\n  }\n}\n\nexport default IrisGridColumnSelectMouseHandler;\n"],"mappings":"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"}

package/dist/mousehandlers/IrisGridColumnTooltipMouseHandler.js

@@ -1,83 +0,0 @@
-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); }
-/* eslint class-methods-use-this: "off" */
-import { GridMouseHandler } from '@deephaven/grid';
-/**
- * Detects mouse hover over column headers and displays the appropriate tooltip
- */
-class IrisGridColumnTooltipMouseHandler extends GridMouseHandler {
-  constructor(irisGrid) {
-    super();
-    _defineProperty(this, "irisGrid", void 0);
-    this.irisGrid = irisGrid;
-  }
-  hideColumnTooltip() {
-    var {
-      tooltip
-    } = this.irisGrid;
-    if (tooltip) {
-      tooltip.stopTimer();
-      tooltip.hide();
-    }
-  }
-  onDown() {
-    this.hideColumnTooltip();
-    return false;
-  }
-  onContextMenu() {
-    this.hideColumnTooltip();
-    return false;
-  }
-  onWheel() {
-    this.hideColumnTooltip();
-    return false;
-  }
-  onLeave(gridPoint, grid, event) {
-    /**
-     * This should always be a react event
-     * React seems to be handling onMouseLeave incorrectly at times
-     * When moving to the padding between the column and popper, React sets
-     * event.relatedTarget to window, but event.nativeEvent.relatedTarget is the popper.
-     * It's possibly related to popper being rendered in a portal
-     */
-    var {
-      relatedTarget
-    } = event instanceof MouseEvent ? event : event.nativeEvent;
-    var {
-      tooltip
-    } = this.irisGrid;
-    if (!tooltip) {
-      return false;
-    }
-    var popper = tooltip.popper.current;
-    if (popper && relatedTarget instanceof Element && popper.element.contains(relatedTarget)) {
-      // Do not hide the popper if we moved the cursor from canvas to popper
-      return false;
-    }
-    this.hideColumnTooltip();
-    return false;
-  }
-  onMove(gridPoint) {
-    var {
-      column,
-      row,
-      columnHeaderDepth
-    } = gridPoint;
-    var {
-      shownColumnTooltip
-    } = this.irisGrid.state;
-    var newTooltip = null;
-    if (column !== null && row === null && columnHeaderDepth === 0) {
-      newTooltip = column;
-    }
-    if (newTooltip !== shownColumnTooltip) {
-      this.irisGrid.setState({
-        shownColumnTooltip: newTooltip
-      });
-    }
-    return false;
-  }
-}
-export default IrisGridColumnTooltipMouseHandler;
-//# sourceMappingURL=IrisGridColumnTooltipMouseHandler.js.map

package/dist/mousehandlers/IrisGridColumnTooltipMouseHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IrisGridColumnTooltipMouseHandler.js","names":["GridMouseHandler","IrisGridColumnTooltipMouseHandler","constructor","irisGrid","hideColumnTooltip","tooltip","stopTimer","hide","onDown","onContextMenu","onWheel","onLeave","gridPoint","grid","event","relatedTarget","MouseEvent","nativeEvent","popper","current","Element","element","contains","onMove","column","row","columnHeaderDepth","shownColumnTooltip","state","newTooltip","setState"],"sources":["../../src/mousehandlers/IrisGridColumnTooltipMouseHandler.ts"],"sourcesContent":["/* eslint class-methods-use-this: \"off\" */\nimport {\n  GridMouseHandler,\n  GridPoint,\n  EventHandlerResult,\n  Grid,\n  GridMouseEvent,\n} from '@deephaven/grid';\nimport type { IrisGrid } from '../IrisGrid';\n\n/**\n * Detects mouse hover over column headers and displays the appropriate tooltip\n */\nclass IrisGridColumnTooltipMouseHandler extends GridMouseHandler {\n  constructor(irisGrid: IrisGrid) {\n    super();\n\n    this.irisGrid = irisGrid;\n  }\n\n  private irisGrid: IrisGrid;\n\n  private hideColumnTooltip(): void {\n    const { tooltip } = this.irisGrid;\n    if (tooltip) {\n      tooltip.stopTimer();\n      tooltip.hide();\n    }\n  }\n\n  onDown(): EventHandlerResult {\n    this.hideColumnTooltip();\n    return false;\n  }\n\n  onContextMenu(): EventHandlerResult {\n    this.hideColumnTooltip();\n    return false;\n  }\n\n  onWheel(): EventHandlerResult {\n    this.hideColumnTooltip();\n    return false;\n  }\n\n  onLeave(\n    gridPoint: GridPoint,\n    grid: Grid,\n    event: GridMouseEvent\n  ): EventHandlerResult {\n    /**\n     * This should always be a react event\n     * React seems to be handling onMouseLeave incorrectly at times\n     * When moving to the padding between the column and popper, React sets\n     * event.relatedTarget to window, but event.nativeEvent.relatedTarget is the popper.\n     * It's possibly related to popper being rendered in a portal\n     */\n    const { relatedTarget } =\n      event instanceof MouseEvent ? event : event.nativeEvent;\n\n    const { tooltip } = this.irisGrid;\n    if (!tooltip) {\n      return false;\n    }\n\n    const popper = tooltip.popper.current;\n\n    if (\n      popper &&\n      relatedTarget instanceof Element &&\n      popper.element.contains(relatedTarget)\n    ) {\n      // Do not hide the popper if we moved the cursor from canvas to popper\n      return false;\n    }\n    this.hideColumnTooltip();\n    return false;\n  }\n\n  onMove(gridPoint: GridPoint): EventHandlerResult {\n    const { column, row, columnHeaderDepth } = gridPoint;\n    const { shownColumnTooltip } = this.irisGrid.state;\n    let newTooltip = null;\n    if (column !== null && row === null && columnHeaderDepth === 0) {\n      newTooltip = column;\n    }\n\n    if (newTooltip !== shownColumnTooltip) {\n      this.irisGrid.setState({ shownColumnTooltip: newTooltip });\n    }\n\n    return false;\n  }\n}\n\nexport default IrisGridColumnTooltipMouseHandler;\n"],"mappings":";;;AAAA;AACA,SACEA,gBAAgB,QAKX,iBAAiB;AAGxB;AACA;AACA;AACA,MAAMC,iCAAiC,SAASD,gBAAgB,CAAC;EAC/DE,WAAW,CAACC,QAAkB,EAAE;IAC9B,KAAK,EAAE;IAAC;IAER,IAAI,CAACA,QAAQ,GAAGA,QAAQ;EAC1B;EAIQC,iBAAiB,GAAS;IAChC,IAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACF,QAAQ;IACjC,IAAIE,OAAO,EAAE;MACXA,OAAO,CAACC,SAAS,EAAE;MACnBD,OAAO,CAACE,IAAI,EAAE;IAChB;EACF;EAEAC,MAAM,GAAuB;IAC3B,IAAI,CAACJ,iBAAiB,EAAE;IACxB,OAAO,KAAK;EACd;EAEAK,aAAa,GAAuB;IAClC,IAAI,CAACL,iBAAiB,EAAE;IACxB,OAAO,KAAK;EACd;EAEAM,OAAO,GAAuB;IAC5B,IAAI,CAACN,iBAAiB,EAAE;IACxB,OAAO,KAAK;EACd;EAEAO,OAAO,CACLC,SAAoB,EACpBC,IAAU,EACVC,KAAqB,EACD;IACpB;AACJ;AACA;AACA;AACA;AACA;AACA;IACI,IAAM;MAAEC;IAAc,CAAC,GACrBD,KAAK,YAAYE,UAAU,GAAGF,KAAK,GAAGA,KAAK,CAACG,WAAW;IAEzD,IAAM;MAAEZ;IAAQ,CAAC,GAAG,IAAI,CAACF,QAAQ;IACjC,IAAI,CAACE,OAAO,EAAE;MACZ,OAAO,KAAK;IACd;IAEA,IAAMa,MAAM,GAAGb,OAAO,CAACa,MAAM,CAACC,OAAO;IAErC,IACED,MAAM,IACNH,aAAa,YAAYK,OAAO,IAChCF,MAAM,CAACG,OAAO,CAACC,QAAQ,CAACP,aAAa,CAAC,EACtC;MACA;MACA,OAAO,KAAK;IACd;IACA,IAAI,CAACX,iBAAiB,EAAE;IACxB,OAAO,KAAK;EACd;EAEAmB,MAAM,CAACX,SAAoB,EAAsB;IAC/C,IAAM;MAAEY,MAAM;MAAEC,GAAG;MAAEC;IAAkB,CAAC,GAAGd,SAAS;IACpD,IAAM;MAAEe;IAAmB,CAAC,GAAG,IAAI,CAACxB,QAAQ,CAACyB,KAAK;IAClD,IAAIC,UAAU,GAAG,IAAI;IACrB,IAAIL,MAAM,KAAK,IAAI,IAAIC,GAAG,KAAK,IAAI,IAAIC,iBAAiB,KAAK,CAAC,EAAE;MAC9DG,UAAU,GAAGL,MAAM;IACrB;IAEA,IAAIK,UAAU,KAAKF,kBAAkB,EAAE;MACrC,IAAI,CAACxB,QAAQ,CAAC2B,QAAQ,CAAC;QAAEH,kBAAkB,EAAEE;MAAW,CAAC,CAAC;IAC5D;IAEA,OAAO,KAAK;EACd;AACF;AAEA,eAAe5B,iCAAiC"}

package/dist/mousehandlers/IrisGridContextMenuHandler.css

@@ -1,19 +0,0 @@
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.iris-grid-filter-menu-item-value {
-  user-select: none;
-  background: #2d2a2e;
-  border-radius: 4px 4px 0 0;
-  padding: 0.375rem 2rem;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.advanced-filter-button-container {
-  transition: 0.15s opacity;
-}
-
-.advanced-filter-button-container.hidden {
-  opacity: 0;
-}
-
-/*# sourceMappingURL=IrisGridContextMenuHandler.css.map */

package/dist/mousehandlers/IrisGridContextMenuHandler.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../src/mousehandlers/IrisGridContextMenuHandler.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACIA;EACE;EACA,YCKc;EDJd;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"IrisGridContextMenuHandler.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n$padding-x: 2rem;\n\n.iris-grid-filter-menu-item-value {\n  user-select: none;\n  background: $content-bg;\n  border-radius: $border-radius $border-radius 0 0;\n  padding: $input-btn-padding-y $padding-x;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.advanced-filter-button-container {\n  transition: $transition opacity;\n}\n\n.advanced-filter-button-container.hidden {\n  opacity: 0;\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n"]}