feat: datetime tooltip to show full value

packages/grid/src/mouse-handlers/GridTokenMouseHandler.ts

@@ -13,6 +13,7 @@ import GridUtils, {
 } from '../GridUtils';
 import { isTokenBoxCellRenderer } from '../TokenBoxCellRenderer';
 
+// Handler also helps with other tooltips
 class GridTokenMouseHandler extends GridMouseHandler {
   timeoutId?: ReturnType<typeof setTimeout>;
 
@@ -21,7 +22,7 @@ class GridTokenMouseHandler extends GridMouseHandler {
   private isDown = false;
 
   // Stores the current hovered token box if it exists with translated coordinates
-  private currentLinkBox?: TokenBox;
+  protected currentLinkBox?: TokenBox;
 
   private static HOLD_LENGTH = 1000;
 
@@ -86,7 +87,7 @@ class GridTokenMouseHandler extends GridMouseHandler {
    * @param grid The grid
    * @returns False
    */
-  private setCursor(gridPoint: GridPoint, grid: Grid): EventHandlerResult {
+  protected setCursor(gridPoint: GridPoint, grid: Grid): EventHandlerResult {
     if (this.isHoveringLink(gridPoint, grid)) {
       this.cursor = 'pointer';
     } else {

packages/iris-grid/src/IrisGrid.tsx

@@ -446,8 +446,8 @@ export interface IrisGridState {
   overflowButtonTooltipProps: CSSProperties | null;
   expandCellTooltipProps: CSSProperties | null;
   expandTooltipDisplayValue: string;
-  linkHoverTooltipProps: CSSProperties | null;
-  linkHoverDisplayValue: string;
+  hoverTooltipProps: CSSProperties | null;
+  hoverDisplayValue: ReactNode;
 
   gotoRow: string;
   gotoRowError: string;
@@ -874,8 +874,8 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
       overflowButtonTooltipProps: null,
       expandCellTooltipProps: null,
       expandTooltipDisplayValue: 'expand',
-      linkHoverTooltipProps: null,
-      linkHoverDisplayValue: '',
+      hoverTooltipProps: null,
+      hoverDisplayValue: '',
       isGotoShown: false,
       gotoRow: '',
       gotoRowError: '',
@@ -3976,37 +3976,31 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
     }
   );
 
-  getLinkHoverTooltip = memoize(
-    (linkHoverTooltipProps: CSSProperties): ReactNode => {
-      if (linkHoverTooltipProps == null) {
-        return null;
-      }
+  getHoverTooltip = memoize((hoverTooltipProps: CSSProperties): ReactNode => {
+    if (hoverTooltipProps == null) {
+      return null;
+    }
 
-      const { linkHoverDisplayValue } = this.state;
+    const { hoverDisplayValue } = this.state;
 
-      const wrapperStyle: CSSProperties = {
-        position: 'absolute',
-        ...linkHoverTooltipProps,
-        pointerEvents: 'none',
-      };
+    const wrapperStyle: CSSProperties = {
+      position: 'absolute',
+      ...hoverTooltipProps,
+      pointerEvents: 'none',
+    };
 
-      const popperOptions: PopperOptions = {
-        placement: 'bottom',
-      };
+    const popperOptions: PopperOptions = {
+      placement: 'bottom',
+    };
 
-      return (
-        <div style={wrapperStyle}>
-          <Tooltip options={popperOptions} ref={this.handleTooltipRef}>
-            <div className="link-hover-tooltip">
-              {linkHoverDisplayValue} - Click once to follow.
-              <br />
-              Click and hold to select this cell.
-            </div>
-          </Tooltip>
-        </div>
-      );
-    }
-  );
+    return (
+      <div style={wrapperStyle}>
+        <Tooltip options={popperOptions} ref={this.handleTooltipRef}>
+          <div className="link-hover-tooltip">{hoverDisplayValue}</div>
+        </Tooltip>
+      </div>
+    );
+  });
 
   handleGotoRowSelectedRowNumberSubmit(): void {
     const { gotoRow: rowNumber } = this.state;
@@ -4282,7 +4276,7 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
       overflowText,
       overflowButtonTooltipProps,
       expandCellTooltipProps,
-      linkHoverTooltipProps,
+      hoverTooltipProps,
       isGotoShown,
       gotoRow,
       gotoRowError,
@@ -4902,8 +4896,7 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
               this.getOverflowButtonTooltip(overflowButtonTooltipProps)}
             {expandCellTooltipProps &&
               this.getExpandCellTooltip(expandCellTooltipProps)}
-            {linkHoverTooltipProps &&
-              this.getLinkHoverTooltip(linkHoverTooltipProps)}
+            {hoverTooltipProps && this.getHoverTooltip(hoverTooltipProps)}
           </Grid>
           <GotoRow
             ref={this.gotoRowRef}

packages/iris-grid/src/IrisGridModel.ts

@@ -7,6 +7,7 @@ import {
   type GridCell,
   GridModel,
   type GridRange,
+  type GridRangeIndex,
   type GridThemeType,
   type ModelIndex,
   type MoveOperation,
@@ -601,6 +602,10 @@ abstract class IrisGridModel<
   ): DataBarOptions {
     throw new Error('Method not implemented.');
   }
+
+  tooltipForCell(column: GridRangeIndex, row: GridRangeIndex): string | null {
+    return null;
+  }
 }
 
 export default IrisGridModel;

packages/iris-grid/src/IrisGridTableModelTemplate.ts

@@ -7,6 +7,7 @@ import {
   type EditableGridModel,
   type EditOperation,
   GridRange,
+  type GridRangeIndex,
   GridUtils,
   memoizeClear,
   type ModelIndex,
@@ -21,7 +22,12 @@ import {
   PromiseUtils,
   assertNotNull,
 } from '@deephaven/utils';
-import { TableUtils, Formatter, FormatterUtils } from '@deephaven/jsapi-utils';
+import {
+  TableUtils,
+  Formatter,
+  FormatterUtils,
+  DateUtils,
+} from '@deephaven/jsapi-utils';
 import IrisGridModel, { type DisplayColumn } from './IrisGridModel';
 import AggregationOperation from './sidebar/aggregations/AggregationOperation';
 import IrisGridUtils from './IrisGridUtils';
@@ -682,6 +688,19 @@ class IrisGridTableModelTemplate<
     return null;
   }
 
+  tooltipForCell(column: GridRangeIndex, row: GridRangeIndex): string | null {
+    if (column === null || row === null) return null;
+    if (TableUtils.isDateType(this.columns[column].type)) {
+      return this.displayString(
+        this.valueForCell(column, row),
+        this.columns[column].type,
+        this.columns[column].name,
+        { formatString: DateUtils.FULL_DATE_FORMAT }
+      );
+    }
+    return null;
+  }
+
   getColumnHeaderGroup(
     modelIndex: ModelIndex,
     depth: number