@deephaven/iris-grid 0.11.2 → 0.11.3-beta.3

package/dist/IrisGridCellOverflowModal.css

@@ -0,0 +1,16 @@
+.cell-overflow-modal .modal-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.cell-overflow-modal .modal-title .overflow-modal-title {
+  margin: 0;
+  flex-grow: 1;
+}
+.cell-overflow-modal .modal-body {
+  max-height: 80vh;
+  flex-shrink: 1;
+}
+
+/*# sourceMappingURL=IrisGridCellOverflowModal.css.map */

package/dist/IrisGridCellOverflowModal.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/IrisGridCellOverflowModal.scss"],"names":[],"mappings":"AAGE;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA","file":"IrisGridCellOverflowModal.css"}

package/dist/IrisGridCellOverflowModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './IrisGridCellOverflowModal.scss';
+interface IrisGridCellOverflowModalProps {
+    text: string;
+    isOpen: boolean;
+    onClose: () => void;
+}
+export default function IrisGridCellOverflowModal({ text, isOpen, onClose, }: IrisGridCellOverflowModalProps): React.ReactNode;
+export {};
+//# sourceMappingURL=IrisGridCellOverflowModal.d.ts.map

package/dist/IrisGridCellOverflowModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrisGridCellOverflowModal.d.ts","sourceRoot":"","sources":["../src/IrisGridCellOverflowModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,kCAAkC,CAAC;AAE1C,UAAU,8BAA8B;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE,8BAA8B,GAAG,KAAK,CAAC,SAAS,CAiJlD"}

package/dist/IrisGridCellOverflowModal.js

@@ -0,0 +1,167 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Editor } from '@deephaven/console';
+import { Modal, ModalBody, ModalHeader } from 'reactstrap';
+import { Button } from '@deephaven/components';
+import { vsJson, vsListOrdered } from '@deephaven/icons';
+import "./IrisGridCellOverflowModal.css";
+export default function IrisGridCellOverflowModal(_ref) {
+  var {
+    text,
+    isOpen,
+    onClose
+  } = _ref;
+  var [isOpened, setIsOpened] = useState(false);
+  var [height, setHeight] = useState(0);
+  var [showLineNumbers, setShowLineNumbers] = useState(false);
+  var [isFormatted, setIsFormatted] = useState(false);
+  var [canFormat, setCanFormat] = useState(false);
+  var editorRef = useRef(); // Update format button on open
+
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+
+    try {
+      JSON.parse(text);
+      setCanFormat(true);
+    } catch (_unused) {
+      setCanFormat(false);
+    }
+
+    setIsFormatted(false);
+  }, [isOpen, text]); // Re-layout editor on height change
+
+  useEffect(() => {
+    if (editorRef.current) {
+      editorRef.current.layout();
+    }
+  }, [height]); // Update editor options on line number toggle
+
+  useEffect(() => {
+    if (editorRef.current) {
+      editorRef.current.updateOptions({
+        lineNumbers: showLineNumbers ? 'on' : 'off'
+      });
+    }
+  }, [showLineNumbers]);
+
+  function toggleLineNumbers() {
+    setShowLineNumbers(!showLineNumbers);
+  }
+
+  function formatAsJSON() {
+    var _editorRef$current;
+
+    var model = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getModel();
+
+    if (!canFormat || !model) {
+      return;
+    }
+
+    if (!isFormatted) {
+      model.setValue(JSON.stringify(JSON.parse(text), undefined, 2));
+      setIsFormatted(true);
+    } else {
+      model.setValue(text);
+      setIsFormatted(false);
+    }
+
+    autoSetLineNumbers();
+  }
+
+  function autoSetLineNumbers() {
+    var _editor$getModel$getL, _editor$getModel;
+
+    var editor = editorRef.current;
+
+    if (!editor) {
+      return;
+    }
+
+    setShowLineNumbers(((_editor$getModel$getL = (_editor$getModel = editor.getModel()) === null || _editor$getModel === void 0 ? void 0 : _editor$getModel.getLineCount()) !== null && _editor$getModel$getL !== void 0 ? _editor$getModel$getL : 0) > 1);
+  }
+
+  function handleToggle() {
+    if (isOpened) {
+      editorRef.current = undefined;
+      onClose();
+    }
+  }
+
+  function onEditorInitialized(editor) {
+    editorRef.current = editor;
+    editor.onDidContentSizeChange(_ref2 => {
+      var {
+        contentHeight
+      } = _ref2;
+      return setHeight(contentHeight);
+    });
+    autoSetLineNumbers();
+  }
+
+  if (!isOpen && !isOpened) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: isOpen,
+    centered: true,
+    keyboard: true,
+    toggle: handleToggle,
+    onOpened: () => setIsOpened(true),
+    onClosed: () => {
+      setIsOpened(false);
+      setHeight(0);
+    },
+    size: "xl",
+    className: "theme-bg-dark cell-overflow-modal"
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    tag: "div",
+    toggle: onClose
+  }, /*#__PURE__*/React.createElement("h5", {
+    className: "overflow-modal-title"
+  }, "Cell Contents"), /*#__PURE__*/React.createElement(Button, {
+    kind: "inline",
+    active: showLineNumbers,
+    icon: vsListOrdered,
+    tooltip: "Toggle line numbers",
+    onClick: toggleLineNumbers
+  }), canFormat && /*#__PURE__*/React.createElement(Button, {
+    kind: "inline",
+    icon: vsJson,
+    active: isFormatted,
+    tooltip: "Format as JSON",
+    onClick: formatAsJSON
+  })), /*#__PURE__*/React.createElement(ModalBody, {
+    style: {
+      height
+    }
+  }, /*#__PURE__*/React.createElement(Editor, {
+    onEditorInitialized: onEditorInitialized,
+    settings: {
+      value: text,
+      readOnly: true,
+      wordWrap: 'on',
+      // Loading json language w/o the monaco workers causes UI freezes and monaco errors. TS colorizes the same
+      language: canFormat ? 'typescript' : 'plaintext',
+      folding: canFormat,
+      padding: {
+        bottom: 16
+      },
+      lineNumbers: showLineNumbers ? 'on' : 'off',
+      overviewRulerLanes: 0,
+      renderLineHighlight: 'none',
+
+      /*
+        The entire string may be 1 giant line
+        Monaco by default seeds find w/ that line
+        On very long strings this hangs the browser, so never seed the search
+      */
+      find: {
+        seedSearchStringFromSelection: 'never'
+      }
+    }
+  })));
+}
+//# sourceMappingURL=IrisGridCellOverflowModal.js.map

package/dist/IrisGridCellOverflowModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/IrisGridCellOverflowModal.tsx"],"names":["React","useEffect","useRef","useState","Editor","Modal","ModalBody","ModalHeader","Button","vsJson","vsListOrdered","IrisGridCellOverflowModal","text","isOpen","onClose","isOpened","setIsOpened","height","setHeight","showLineNumbers","setShowLineNumbers","isFormatted","setIsFormatted","canFormat","setCanFormat","editorRef","JSON","parse","current","layout","updateOptions","lineNumbers","toggleLineNumbers","formatAsJSON","model","getModel","setValue","stringify","undefined","autoSetLineNumbers","editor","getLineCount","handleToggle","onEditorInitialized","onDidContentSizeChange","contentHeight","value","readOnly","wordWrap","language","folding","padding","bottom","overviewRulerLanes","renderLineHighlight","find","seedSearchStringFromSelection"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Editor } from '@deephaven/console';\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap';\nimport * as monaco from 'monaco-editor';\nimport { Button } from '@deephaven/components';\nimport { vsJson, vsListOrdered } from '@deephaven/icons';\nimport './IrisGridCellOverflowModal.scss';\n\ninterface IrisGridCellOverflowModalProps {\n  text: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport default function IrisGridCellOverflowModal({\n  text,\n  isOpen,\n  onClose,\n}: IrisGridCellOverflowModalProps): React.ReactNode {\n  const [isOpened, setIsOpened] = useState(false);\n  const [height, setHeight] = useState(0);\n  const [showLineNumbers, setShowLineNumbers] = useState(false);\n  const [isFormatted, setIsFormatted] = useState(false);\n  const [canFormat, setCanFormat] = useState(false);\n  const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n\n  // Update format button on open\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    try {\n      JSON.parse(text);\n      setCanFormat(true);\n    } catch {\n      setCanFormat(false);\n    }\n    setIsFormatted(false);\n  }, [isOpen, text]);\n\n  // Re-layout editor on height change\n  useEffect(() => {\n    if (editorRef.current) {\n      editorRef.current.layout();\n    }\n  }, [height]);\n\n  // Update editor options on line number toggle\n  useEffect(() => {\n    if (editorRef.current) {\n      editorRef.current.updateOptions({\n        lineNumbers: showLineNumbers ? 'on' : 'off',\n      });\n    }\n  }, [showLineNumbers]);\n\n  function toggleLineNumbers() {\n    setShowLineNumbers(!showLineNumbers);\n  }\n\n  function formatAsJSON() {\n    const model = editorRef.current?.getModel();\n    if (!canFormat || !model) {\n      return;\n    }\n\n    if (!isFormatted) {\n      model.setValue(JSON.stringify(JSON.parse(text), undefined, 2));\n      setIsFormatted(true);\n    } else {\n      model.setValue(text);\n      setIsFormatted(false);\n    }\n    autoSetLineNumbers();\n  }\n\n  function autoSetLineNumbers() {\n    const editor = editorRef.current;\n    if (!editor) {\n      return;\n    }\n\n    setShowLineNumbers((editor.getModel()?.getLineCount() ?? 0) > 1);\n  }\n\n  function handleToggle() {\n    if (isOpened) {\n      editorRef.current = undefined;\n      onClose();\n    }\n  }\n\n  function onEditorInitialized(editor: monaco.editor.IStandaloneCodeEditor) {\n    editorRef.current = editor;\n    editor.onDidContentSizeChange(({ contentHeight }) =>\n      setHeight(contentHeight)\n    );\n    autoSetLineNumbers();\n  }\n\n  if (!isOpen && !isOpened) {\n    return null;\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      centered\n      keyboard\n      toggle={handleToggle}\n      onOpened={() => setIsOpened(true)}\n      onClosed={() => {\n        setIsOpened(false);\n        setHeight(0);\n      }}\n      size=\"xl\"\n      className=\"theme-bg-dark cell-overflow-modal\"\n    >\n      <ModalHeader tag=\"div\" toggle={onClose}>\n        <h5 className=\"overflow-modal-title\">Cell Contents</h5>\n        <Button\n          kind=\"inline\"\n          active={showLineNumbers}\n          icon={vsListOrdered}\n          tooltip=\"Toggle line numbers\"\n          onClick={toggleLineNumbers}\n        />\n        {canFormat && (\n          <Button\n            kind=\"inline\"\n            icon={vsJson}\n            active={isFormatted}\n            tooltip=\"Format as JSON\"\n            onClick={formatAsJSON}\n          />\n        )}\n      </ModalHeader>\n      <ModalBody style={{ height }}>\n        <Editor\n          onEditorInitialized={onEditorInitialized}\n          settings={{\n            value: text,\n            readOnly: true,\n            wordWrap: 'on',\n            // Loading json language w/o the monaco workers causes UI freezes and monaco errors. TS colorizes the same\n            language: canFormat ? 'typescript' : 'plaintext',\n            folding: canFormat,\n            padding: { bottom: 16 },\n            lineNumbers: showLineNumbers ? 'on' : 'off',\n            overviewRulerLanes: 0,\n            renderLineHighlight: 'none',\n            /*\n              The entire string may be 1 giant line\n              Monaco by default seeds find w/ that line\n              On very long strings this hangs the browser, so never seed the search\n            */\n            find: { seedSearchStringFromSelection: 'never' },\n          }}\n        />\n      </ModalBody>\n    </Modal>\n  );\n}\n"],"file":"IrisGridCellOverflowModal.js"}

package/dist/IrisGridRenderer.d.ts

@@ -8,7 +8,7 @@ declare class IrisGridRenderer extends GridRenderer {
     icons: {} | undefined;
     setIcon(name: any, faIcon: any): void;
     getIcon(name: any): any;
-    getSortIcon(sort: any): Path2D | null;
+    getSortIcon(sort: any): any;
     drawGroupedColumnLine(context: any, state: any): void;
     drawPendingRowLine(context: any, state: any): void;
     drawScrim(state: any): void;
@@ -18,6 +18,24 @@ declare class IrisGridRenderer extends GridRenderer {
     drawExpandedFilterHeader(context: any, state: any, column: any, columnX: any, columnWidth: any): void;
     drawCollapsedFilterHeaders(context: any, state: any): void;
     drawCollapsedFilterHeader(context: any, state: any, column: any, columnX: any, columnWidth: any): void;
+    shouldRenderOverflowButton(state: any): boolean;
+    getCellOverflowButtonPosition({ mouseX, mouseY, metrics, theme }: {
+        mouseX: any;
+        mouseY: any;
+        metrics: any;
+        theme: any;
+    }): {
+        left: null;
+        top: null;
+        width: null;
+        height: null;
+    } | {
+        left: number;
+        top: any;
+        width: number;
+        height: number | null;
+    };
+    drawCellOverflowButton(state: any): void;
 }
 import { GridRenderer } from "packages/grid/src/GridRenderer";
 //# sourceMappingURL=IrisGridRenderer.d.ts.map

package/dist/IrisGridRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IrisGridRenderer.d.ts","sourceRoot":"","sources":["../src/IrisGridRenderer.js"],"names":[],"mappings":";AAqBA;;KAEK;AACL;IACE,qEAMC;IAQD,kBAOC;IANC,sBAAe;IAQjB,sCAEC;IAED,wBAEC;IAED,sCAWC;IAmCD,sDA0BC;IAED,mDAyBC;IAwBD,4BA8BC;IAgDD,8FAwBC;IAiDD,kDAWC;IAED,0DAsEC;IAED,sGAuFC;IAED,2DAiCC;IAED,uGAwCC;CA2GF"}
+{"version":3,"file":"IrisGridRenderer.d.ts","sourceRoot":"","sources":["../src/IrisGridRenderer.js"],"names":[],"mappings":";AAuBA;;KAEK;AACL;IACE,qEAMC;IAQD,kBAQC;IAPC,sBAAe;IAUjB,sCASC;IAED,wBAEC;IAED,4BAWC;IAoCD,sDA0BC;IAED,mDAyBC;IAwBD,4BA8BC;IAgDD,8FAwBC;IAgDD,kDAWC;IAED,0DAsEC;IAED,sGAuFC;IAED,2DAiCC;IAED,uGAwCC;IAqID,gDA4CC;IAED;;;;;;;;;;;;;;;MAyBC;IAED,yCAqCC;CACF"}

package/dist/IrisGridRenderer.js

@@ -3,16 +3,17 @@
 /* eslint class-methods-use-this: "off" */
 
 /* eslint no-param-reassign: "off" */
-import { dhSortDown, dhSortUp, vsTriangleDown, vsTriangleRight } from '@deephaven/icons';
+import { dhSortDown, dhSortUp, vsTriangleDown, vsTriangleRight, vsLinkExternal } from '@deephaven/icons';
 import { GridRenderer, GridUtils } from '@deephaven/grid';
 import TableUtils from "./TableUtils.js";
 var ICON_NAMES = Object.freeze({
   SORT_UP: 'sortUp',
   SORT_DOWN: 'sortDown',
   CARET_DOWN: 'caretDown',
-  CARET_RIGHT: 'caretRight'
+  CARET_RIGHT: 'caretRight',
+  CELL_OVERFLOW: 'cellOverflow'
 });
-var ICON_SCALE = 0.03;
+var ICON_SIZE = 16;
 /**
  * Handles rendering some of the Iris specific features, such as sorting icons, sort bar display
  * */
@@ -35,10 +36,19 @@ class IrisGridRenderer extends GridRenderer {
     this.setIcon(ICON_NAMES.SORT_DOWN, dhSortDown);
     this.setIcon(ICON_NAMES.CARET_DOWN, vsTriangleDown);
     this.setIcon(ICON_NAMES.CARET_RIGHT, vsTriangleRight);
-  }
+    this.setIcon(ICON_NAMES.CELL_OVERFLOW, vsLinkExternal);
+  } // Scales the icon to be square and match the global ICON_SIZE
+
 
   setIcon(name, faIcon) {
-    this.icons[name] = new Path2D(faIcon.icon[4]);
+    var icon = new Path2D(faIcon.icon[4]);
+    var scaledIcon = new Path2D();
+    var scaleMatrix = {
+      a: ICON_SIZE / faIcon.icon[0],
+      d: ICON_SIZE / faIcon.icon[1]
+    };
+    scaledIcon.addPath(icon, scaleMatrix);
+    this.icons[name] = scaledIcon;
   }
 
   getIcon(name) {
@@ -51,11 +61,11 @@ class IrisGridRenderer extends GridRenderer {
     }
 
     if (sort.direction === TableUtils.sortDirection.ascending) {
-      return new Path2D(this.getIcon(ICON_NAMES.SORT_UP));
+      return this.getIcon(ICON_NAMES.SORT_UP);
     }
 
     if (sort.direction === TableUtils.sortDirection.descending) {
-      return new Path2D(this.getIcon(ICON_NAMES.SORT_DOWN));
+      return this.getIcon(ICON_NAMES.SORT_DOWN);
     }
 
     return null;
@@ -63,6 +73,7 @@ class IrisGridRenderer extends GridRenderer {
 
   drawCanvas(state) {
     super.drawCanvas(state);
+    this.drawCellOverflowButton(state);
     this.drawScrim(state);
   }
 
@@ -340,7 +351,6 @@ class IrisGridRenderer extends GridRenderer {
     context.fillRect(gradientX, 0, gradientWidth, columnHeaderHeight);
     context.fillStyle = theme.headerSortBarColor;
     context.translate(x, y);
-    context.scale(ICON_SCALE, ICON_SCALE);
     context.fill(icon);
     context.restore();
   }
@@ -639,7 +649,6 @@ class IrisGridRenderer extends GridRenderer {
     context.fillStyle = color;
     context.textAlign = 'center';
     context.translate(iconX, iconY);
-    context.scale(ICON_SCALE, ICON_SCALE);
     context.fill(markerIcon);
     context.restore();
   }
@@ -735,6 +744,160 @@ class IrisGridRenderer extends GridRenderer {
     }
 
     context.translate(-gridX, -gridY);
+  } // This will shrink the size the text may take when the overflow button is rendered
+  // The text will truncate to a smaller width and won't overlap the button
+
+
+  getTextRenderMetrics(context, state, column, row) {
+    var textMetrics = super.getTextRenderMetrics(context, state, column, row);
+    var {
+      mouseX,
+      mouseY,
+      metrics
+    } = state;
+
+    if (mouseX == null || mouseY == null) {
+      return textMetrics;
+    }
+
+    var {
+      column: mouseColumn,
+      row: mouseRow
+    } = GridUtils.getGridPointFromXY(mouseX, mouseY, metrics);
+
+    if (column === mouseColumn && row === mouseRow) {
+      var {
+        left
+      } = this.getCellOverflowButtonPosition(state);
+
+      if (this.shouldRenderOverflowButton(state)) {
+        textMetrics.width = left - textMetrics.x;
+      }
+    }
+
+    return textMetrics;
+  }
+
+  shouldRenderOverflowButton(state) {
+    var _model$textForCell, _metrics$fontWidths$g;
+
+    var {
+      context,
+      mouseX,
+      mouseY,
+      metrics,
+      model,
+      theme
+    } = state;
+
+    if (mouseX == null || mouseY == null) {
+      return false;
+    }
+
+    var {
+      row,
+      column,
+      modelRow,
+      modelColumn
+    } = GridUtils.getCellInfoFromXY(mouseX, mouseY, metrics);
+
+    if (row == null || column == null || modelRow == null || modelColumn == null || !TableUtils.isStringType(model.columns[modelColumn].type)) {
+      return false;
+    }
+
+    var text = (_model$textForCell = model.textForCell(modelColumn, modelRow)) !== null && _model$textForCell !== void 0 ? _model$textForCell : '';
+    var {
+      width: textWidth
+    } = super.getTextRenderMetrics(context, state, column, row);
+    var fontWidth = (_metrics$fontWidths$g = metrics.fontWidths.get(theme.font)) !== null && _metrics$fontWidths$g !== void 0 ? _metrics$fontWidths$g : IrisGridRenderer.DEFAULT_FONT_WIDTH;
+    context.save();
+    context.font = theme.font;
+    var truncatedText = this.getCachedTruncatedString(context, text, textWidth, fontWidth);
+    context.restore();
+    return text !== '' && truncatedText !== text;
+  }
+
+  getCellOverflowButtonPosition(_ref) {
+    var {
+      mouseX,
+      mouseY,
+      metrics,
+      theme
+    } = _ref;
+    var NULL_POSITION = {
+      left: null,
+      top: null,
+      width: null,
+      height: null
+    };
+
+    if (mouseX == null || mouseY == null) {
+      return NULL_POSITION;
+    }
+
+    var {
+      rowHeight,
+      columnWidth,
+      left,
+      top
+    } = GridUtils.getCellInfoFromXY(mouseX, mouseY, metrics);
+    var {
+      width: gridWidth,
+      verticalBarWidth
+    } = metrics;
+    var {
+      cellHorizontalPadding
+    } = theme;
+    var width = ICON_SIZE + 2 * cellHorizontalPadding;
+    var height = rowHeight; // Right edge of column or of visible grid, whichever is smaller
+
+    var right = Math.min(metrics.gridX + left + columnWidth, gridWidth - verticalBarWidth);
+    var buttonLeft = right - width;
+    var buttonTop = metrics.gridY + top;
+    return {
+      left: buttonLeft,
+      top: buttonTop,
+      width,
+      height
+    };
+  }
+
+  drawCellOverflowButton(state) {
+    var {
+      context,
+      mouseX,
+      mouseY,
+      theme
+    } = state;
+    if (mouseX == null || mouseY == null) return;
+
+    if (!this.shouldRenderOverflowButton(state)) {
+      return;
+    }
+
+    var {
+      left: buttonLeft,
+      top: buttonTop,
+      width: buttonWidth,
+      height: buttonHeight
+    } = this.getCellOverflowButtonPosition(state);
+    var {
+      cellHorizontalPadding,
+      overflowButtonColor,
+      overflowButtonHoverColor
+    } = theme;
+    context.save();
+
+    if (mouseX >= buttonLeft && mouseX <= buttonLeft + buttonWidth && mouseY >= buttonTop && mouseY <= buttonTop + buttonHeight) {
+      context.fillStyle = overflowButtonHoverColor;
+    } else {
+      context.fillStyle = overflowButtonColor;
+    }
+
+    var icon = this.getIcon(ICON_NAMES.CELL_OVERFLOW);
+    context.translate(buttonLeft + cellHorizontalPadding, buttonTop + 2);
+    context.fill(icon);
+    context.restore();
   }
 
 }