@deephaven/grid 0.43.0 → 0.44.1-beta.0

package/dist/CellInputField.css

@@ -0,0 +1,23 @@
+.grid-cell-input-field {
+  color: #e5e5e5;
+  background: #393939;
+  border: none;
+  width: 100%;
+  height: 100%;
+  padding: 2px 5px 3px 5px;
+  border-radius: 2px;
+  resize: none;
+}
+.grid-cell-input-field:focus {
+  outline: none;
+  border: none;
+  box-shadow: 0 0 0 2px blue;
+}
+.grid-cell-input-field.error {
+  color: red;
+}
+.grid-cell-input-field.error:focus {
+  box-shadow: 0 0 0 2px red;
+}
+
+/*# sourceMappingURL=CellInputField.css.map */

package/dist/CellInputField.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/CellInputField.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE","file":"CellInputField.css","sourcesContent":[".grid-cell-input-field {\n  color: #e5e5e5;\n  background: #393939;\n  border: none;\n  width: 100%;\n  height: 100%;\n  padding: 2px 5px 3px 5px;\n  border-radius: 2px;\n  resize: none;\n\n  &:focus {\n    outline: none;\n    border: none;\n    box-shadow: 0 0 0 2px blue;\n  }\n\n  &.error {\n    color: red;\n    &:focus {\n      box-shadow: 0 0 0 2px red;\n    }\n  }\n}\n"]}

package/dist/CellInputField.js

@@ -0,0 +1,174 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { SELECTION_DIRECTION } from "./GridRange.js";
+import GridUtils from "./GridUtils.js";
+import "./CellInputField.css";
+var directionForKey = key => {
+  switch (key) {
+    case 'ArrowDown':
+      return SELECTION_DIRECTION.DOWN;
+    case 'ArrowUp':
+      return SELECTION_DIRECTION.UP;
+    case 'ArrowLeft':
+      return SELECTION_DIRECTION.LEFT;
+    case 'ArrowRight':
+      return SELECTION_DIRECTION.RIGHT;
+    default:
+      return undefined;
+  }
+};
+export function CellInputField(_ref) {
+  var {
+    selectionRange = undefined,
+    className = '',
+    disabled = false,
+    value: propsValue = '',
+    isQuickEdit: propsIsQuickEdit = true,
+    onChange = () => undefined,
+    onCancel = () => undefined,
+    onDone = () => undefined,
+    onContextMenu = () => undefined,
+    style = {}
+  } = _ref;
+  var inputField = useRef(null);
+  // Use a ref for `isCancelled` as we need to know when it's cancelled after it's called by the event handlers as well
+  var isCancelled = useRef(false);
+  var [initialValue] = useState(propsValue);
+  var [isChanged, setIsChanged] = useState(false);
+  var [isQuickEdit, setIsQuickEdit] = useState(propsIsQuickEdit);
+  var [value, setValue] = useState(propsValue);
+
+  // Init field selection
+  useEffect(function selectInputField() {
+    var {
+      current: field
+    } = inputField;
+    if (field == null) {
+      return;
+    }
+    field.focus();
+    if (selectionRange) {
+      field.setSelectionRange(selectionRange[0], selectionRange[1]);
+    } else {
+      field.setSelectionRange(field.value.length, field.value.length);
+    }
+  }, [selectionRange]);
+  var sendUpdate = useCallback(newValue => {
+    onChange(newValue);
+  }, [onChange]);
+  var handleChange = useCallback(event => {
+    var {
+      value: newValue
+    } = event.target;
+    setValue(newValue);
+    setIsChanged(true);
+    sendUpdate(newValue);
+  }, [sendUpdate, setValue, setIsChanged]);
+  var handleCancel = useCallback(() => {
+    isCancelled.current = true;
+    if (isChanged) {
+      sendUpdate(initialValue);
+    }
+    setIsChanged(false);
+    onCancel();
+  }, [initialValue, isChanged, onCancel, sendUpdate]);
+  var handleClick = useCallback(() => {
+    setIsQuickEdit(false);
+  }, [setIsQuickEdit]);
+  var handleCommit = useCallback(function (direction) {
+    var fillRange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    onDone(value, {
+      direction,
+      fillRange
+    });
+  }, [onDone, value]);
+  var handleBlur = useCallback(() => {
+    if (isCancelled.current) {
+      return;
+    }
+    handleCommit(null);
+  }, [isCancelled, handleCommit]);
+  var handleKeyDown = useCallback(event => {
+    event.stopPropagation();
+    switch (event.key) {
+      case 'Escape':
+        event.preventDefault();
+        handleCancel();
+        break;
+      case 'Enter':
+        event.preventDefault();
+        if (GridUtils.isModifierKeyDown(event)) {
+          handleCommit(undefined, true);
+        } else if (event.altKey) {
+          var newValue = "".concat(value, "\n");
+          setValue(newValue);
+          setIsChanged(true);
+          sendUpdate(newValue);
+        } else {
+          handleCommit(event.shiftKey ? SELECTION_DIRECTION.UP : SELECTION_DIRECTION.DOWN);
+        }
+        break;
+      case 'Tab':
+        event.preventDefault();
+        handleCommit(event.shiftKey ? SELECTION_DIRECTION.LEFT : SELECTION_DIRECTION.RIGHT);
+        break;
+      case 'ArrowDown':
+      case 'ArrowUp':
+      case 'ArrowLeft':
+      case 'ArrowRight':
+        if (isQuickEdit) {
+          event.preventDefault();
+          handleCommit(directionForKey(event.key));
+        }
+        break;
+      default:
+        break;
+    }
+  }, [handleCancel, handleCommit, isQuickEdit, setValue, setIsChanged, sendUpdate, value]);
+  var handleContextMenu = useCallback(event => {
+    onContextMenu(event);
+  }, [onContextMenu]);
+  return /*#__PURE__*/React.createElement("textarea", {
+    ref: inputField,
+    className: classNames('grid-cell-input-field', className),
+    value: value,
+    onBlur: handleBlur,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    onContextMenu: handleContextMenu,
+    onClick: handleClick,
+    autoComplete: "off",
+    autoCorrect: "off",
+    autoCapitalize: "off",
+    spellCheck: "false",
+    disabled: disabled,
+    style: style
+  });
+}
+CellInputField.propTypes = {
+  selectionRange: PropTypes.arrayOf(PropTypes.number),
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  isQuickEdit: PropTypes.bool,
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  onCancel: PropTypes.func,
+  onDone: PropTypes.func,
+  onContextMenu: PropTypes.func,
+  style: PropTypes.shape({})
+};
+CellInputField.defaultProps = {
+  selectionRange: null,
+  className: '',
+  disabled: false,
+  value: '',
+  isQuickEdit: true,
+  onChange: () => undefined,
+  onCancel: () => undefined,
+  onDone: () => undefined,
+  onContextMenu: () => undefined,
+  style: {}
+};
+export default CellInputField;
+//# sourceMappingURL=CellInputField.js.map

package/dist/CellInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellInputField.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","classNames","SELECTION_DIRECTION","GridUtils","directionForKey","key","DOWN","UP","LEFT","RIGHT","undefined","CellInputField","selectionRange","className","disabled","value","propsValue","isQuickEdit","propsIsQuickEdit","onChange","onCancel","onDone","onContextMenu","style","inputField","isCancelled","initialValue","isChanged","setIsChanged","setIsQuickEdit","setValue","selectInputField","current","field","focus","setSelectionRange","length","sendUpdate","newValue","handleChange","event","target","handleCancel","handleClick","handleCommit","direction","fillRange","handleBlur","handleKeyDown","stopPropagation","preventDefault","isModifierKeyDown","altKey","shiftKey","handleContextMenu","propTypes","arrayOf","number","string","bool","func","shape","defaultProps"],"sources":["../src/CellInputField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { SELECTION_DIRECTION } from './GridRange';\nimport GridUtils from './GridUtils';\nimport './CellInputField.scss';\n\nexport type CellInputFieldProps = {\n  selectionRange?: number[];\n  className?: string;\n  disabled?: boolean;\n  isQuickEdit?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onCancel?: () => void;\n  onDone?: (\n    value: string,\n    options: {\n      direction?: SELECTION_DIRECTION | null;\n      fillRange?: boolean;\n    }\n  ) => void;\n  onContextMenu?: React.MouseEventHandler<HTMLTextAreaElement>;\n  style?: React.CSSProperties;\n};\n\nconst directionForKey = (key: string): SELECTION_DIRECTION | undefined => {\n  switch (key) {\n    case 'ArrowDown':\n      return SELECTION_DIRECTION.DOWN;\n    case 'ArrowUp':\n      return SELECTION_DIRECTION.UP;\n    case 'ArrowLeft':\n      return SELECTION_DIRECTION.LEFT;\n    case 'ArrowRight':\n      return SELECTION_DIRECTION.RIGHT;\n    default:\n      return undefined;\n  }\n};\n\nexport function CellInputField({\n  selectionRange = undefined,\n  className = '',\n  disabled = false,\n  value: propsValue = '',\n  isQuickEdit: propsIsQuickEdit = true,\n  onChange = () => undefined,\n  onCancel = () => undefined,\n  onDone = () => undefined,\n  onContextMenu = () => undefined,\n  style = {},\n}: CellInputFieldProps): JSX.Element {\n  const inputField = useRef<HTMLTextAreaElement>(null);\n  // Use a ref for `isCancelled` as we need to know when it's cancelled after it's called by the event handlers as well\n  const isCancelled = useRef<boolean>(false);\n  const [initialValue] = useState(propsValue);\n  const [isChanged, setIsChanged] = useState(false);\n  const [isQuickEdit, setIsQuickEdit] = useState(propsIsQuickEdit);\n  const [value, setValue] = useState(propsValue);\n\n  // Init field selection\n  useEffect(\n    function selectInputField() {\n      const { current: field } = inputField;\n      if (field == null) {\n        return;\n      }\n\n      field.focus();\n      if (selectionRange) {\n        field.setSelectionRange(selectionRange[0], selectionRange[1]);\n      } else {\n        field.setSelectionRange(field.value.length, field.value.length);\n      }\n    },\n    [selectionRange]\n  );\n\n  const sendUpdate = useCallback(\n    (newValue: string) => {\n      onChange(newValue);\n    },\n    [onChange]\n  );\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const { value: newValue } = event.target;\n      setValue(newValue);\n      setIsChanged(true);\n      sendUpdate(newValue);\n    },\n    [sendUpdate, setValue, setIsChanged]\n  );\n\n  const handleCancel = useCallback(() => {\n    isCancelled.current = true;\n    if (isChanged) {\n      sendUpdate(initialValue);\n    }\n\n    setIsChanged(false);\n    onCancel();\n  }, [initialValue, isChanged, onCancel, sendUpdate]);\n\n  const handleClick = useCallback(() => {\n    setIsQuickEdit(false);\n  }, [setIsQuickEdit]);\n\n  const handleCommit = useCallback(\n    (direction?: SELECTION_DIRECTION | null, fillRange = false) => {\n      onDone(value, { direction, fillRange });\n    },\n    [onDone, value]\n  );\n\n  const handleBlur = useCallback(() => {\n    if (isCancelled.current) {\n      return;\n    }\n\n    handleCommit(null);\n  }, [isCancelled, handleCommit]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      event.stopPropagation();\n\n      switch (event.key) {\n        case 'Escape':\n          event.preventDefault();\n          handleCancel();\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (GridUtils.isModifierKeyDown(event)) {\n            handleCommit(undefined, true);\n          } else if (event.altKey) {\n            const newValue = `${value}\\n`;\n            setValue(newValue);\n            setIsChanged(true);\n            sendUpdate(newValue);\n          } else {\n            handleCommit(\n              event.shiftKey ? SELECTION_DIRECTION.UP : SELECTION_DIRECTION.DOWN\n            );\n          }\n          break;\n        case 'Tab':\n          event.preventDefault();\n          handleCommit(\n            event.shiftKey\n              ? SELECTION_DIRECTION.LEFT\n              : SELECTION_DIRECTION.RIGHT\n          );\n          break;\n        case 'ArrowDown':\n        case 'ArrowUp':\n        case 'ArrowLeft':\n        case 'ArrowRight':\n          if (isQuickEdit) {\n            event.preventDefault();\n            handleCommit(directionForKey(event.key));\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [\n      handleCancel,\n      handleCommit,\n      isQuickEdit,\n      setValue,\n      setIsChanged,\n      sendUpdate,\n      value,\n    ]\n  );\n\n  const handleContextMenu = useCallback(\n    (event: React.MouseEvent<HTMLTextAreaElement, MouseEvent>) => {\n      onContextMenu(event);\n    },\n    [onContextMenu]\n  );\n\n  return (\n    <textarea\n      ref={inputField}\n      className={classNames('grid-cell-input-field', className)}\n      value={value}\n      onBlur={handleBlur}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onContextMenu={handleContextMenu}\n      onClick={handleClick}\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck=\"false\"\n      disabled={disabled}\n      style={style}\n    />\n  );\n}\n\nCellInputField.propTypes = {\n  selectionRange: PropTypes.arrayOf(PropTypes.number),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  isQuickEdit: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onDone: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  style: PropTypes.shape({}),\n};\n\nCellInputField.defaultProps = {\n  selectionRange: null,\n  className: '',\n  disabled: false,\n  value: '',\n  isQuickEdit: true,\n  onChange: () => undefined,\n  onCancel: () => undefined,\n  onDone: () => undefined,\n  onContextMenu: () => undefined,\n  style: {},\n};\n\nexport default CellInputField;\n"],"mappings":"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"}

package/dist/CellRenderer.js

@@ -0,0 +1,64 @@
+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-disable class-methods-use-this */
+import { getOrThrow } from '@deephaven/utils';
+import { isExpandableGridModel } from "./ExpandableGridModel.js";
+import GridRenderer from "./GridRenderer.js";
+import memoizeClear from "./memoizeClear.js";
+class CellRenderer {
+  constructor() {
+    _defineProperty(this, "getCachedTruncatedString", memoizeClear((context, text, width, fontWidth, truncationChar) => GridRenderer.truncateToWidth(context, text, width, fontWidth, truncationChar), {
+      max: 10000
+    }));
+  }
+  drawCellRowTreeMarker(context, state, row) {
+    var {
+      metrics,
+      model,
+      mouseX,
+      mouseY,
+      theme
+    } = state;
+    var {
+      firstColumn,
+      gridX,
+      gridY,
+      allColumnXs,
+      allColumnWidths,
+      allRowYs,
+      allRowHeights,
+      visibleRowTreeBoxes
+    } = metrics;
+    var {
+      treeMarkerColor,
+      treeMarkerHoverColor
+    } = theme;
+    var columnX = getOrThrow(allColumnXs, firstColumn);
+    var columnWidth = getOrThrow(allColumnWidths, firstColumn);
+    var rowY = getOrThrow(allRowYs, row);
+    var rowHeight = getOrThrow(allRowHeights, row);
+    if (!isExpandableGridModel(model) || !model.isRowExpandable(row)) {
+      return;
+    }
+    var treeBox = getOrThrow(visibleRowTreeBoxes, row);
+    var color = mouseX != null && mouseY != null && mouseX >= gridX + columnX && mouseX <= gridX + columnX + columnWidth && mouseY >= gridY + rowY && mouseY <= gridY + rowY + rowHeight ? treeMarkerHoverColor : treeMarkerColor;
+    this.drawTreeMarker(context, state, columnX, rowY, treeBox, color, model.isRowExpanded(row));
+  }
+  drawTreeMarker(context, state, columnX, rowY, treeBox, color, isExpanded) {
+    var {
+      x1,
+      y1,
+      x2,
+      y2
+    } = treeBox;
+    var markerText = isExpanded ? '⊟' : '⊞';
+    var textX = columnX + (x1 + x2) * 0.5 + 0.5;
+    var textY = rowY + (y1 + y2) * 0.5 + 0.5;
+    context.fillStyle = color;
+    context.textAlign = 'center';
+    context.fillText(markerText, textX, textY);
+  }
+}
+export default CellRenderer;
+//# sourceMappingURL=CellRenderer.js.map

package/dist/CellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellRenderer.js","names":["getOrThrow","isExpandableGridModel","GridRenderer","memoizeClear","CellRenderer","context","text","width","fontWidth","truncationChar","truncateToWidth","max","drawCellRowTreeMarker","state","row","metrics","model","mouseX","mouseY","theme","firstColumn","gridX","gridY","allColumnXs","allColumnWidths","allRowYs","allRowHeights","visibleRowTreeBoxes","treeMarkerColor","treeMarkerHoverColor","columnX","columnWidth","rowY","rowHeight","isRowExpandable","treeBox","color","drawTreeMarker","isRowExpanded","isExpanded","x1","y1","x2","y2","markerText","textX","textY","fillStyle","textAlign","fillText"],"sources":["../src/CellRenderer.ts"],"sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { getOrThrow } from '@deephaven/utils';\nimport { isExpandableGridModel } from './ExpandableGridModel';\nimport { VisibleIndex, Coordinate, BoxCoordinates } from './GridMetrics';\nimport GridRenderer from './GridRenderer';\nimport { GridRenderState } from './GridRendererTypes';\nimport { GridColor } from './GridTheme';\nimport memoizeClear from './memoizeClear';\n\nexport type CellRenderType = 'text' | 'dataBar';\n\nabstract class CellRenderer {\n  abstract drawCellContent(\n    context: CanvasRenderingContext2D,\n    state: GridRenderState,\n    column: VisibleIndex,\n    row: VisibleIndex\n  ): void;\n\n  drawCellRowTreeMarker(\n    context: CanvasRenderingContext2D,\n    state: GridRenderState,\n    row: VisibleIndex\n  ): void {\n    const { metrics, model, mouseX, mouseY, theme } = state;\n    const {\n      firstColumn,\n      gridX,\n      gridY,\n      allColumnXs,\n      allColumnWidths,\n      allRowYs,\n      allRowHeights,\n      visibleRowTreeBoxes,\n    } = metrics;\n    const { treeMarkerColor, treeMarkerHoverColor } = theme;\n    const columnX = getOrThrow(allColumnXs, firstColumn);\n    const columnWidth = getOrThrow(allColumnWidths, firstColumn);\n    const rowY = getOrThrow(allRowYs, row);\n    const rowHeight = getOrThrow(allRowHeights, row);\n    if (!isExpandableGridModel(model) || !model.isRowExpandable(row)) {\n      return;\n    }\n\n    const treeBox = getOrThrow(visibleRowTreeBoxes, row);\n    const color =\n      mouseX != null &&\n      mouseY != null &&\n      mouseX >= gridX + columnX &&\n      mouseX <= gridX + columnX + columnWidth &&\n      mouseY >= gridY + rowY &&\n      mouseY <= gridY + rowY + rowHeight\n        ? treeMarkerHoverColor\n        : treeMarkerColor;\n\n    this.drawTreeMarker(\n      context,\n      state,\n      columnX,\n      rowY,\n      treeBox,\n      color,\n      model.isRowExpanded(row)\n    );\n  }\n\n  drawTreeMarker(\n    context: CanvasRenderingContext2D,\n    state: GridRenderState,\n    columnX: Coordinate,\n    rowY: Coordinate,\n    treeBox: BoxCoordinates,\n    color: GridColor,\n    isExpanded: boolean\n  ): void {\n    const { x1, y1, x2, y2 } = treeBox;\n    const markerText = isExpanded ? '⊟' : '⊞';\n    const textX = columnX + (x1 + x2) * 0.5 + 0.5;\n    const textY = rowY + (y1 + y2) * 0.5 + 0.5;\n    context.fillStyle = color;\n    context.textAlign = 'center';\n    context.fillText(markerText, textX, textY);\n  }\n\n  getCachedTruncatedString = memoizeClear(\n    (\n      context: CanvasRenderingContext2D,\n      text: string,\n      width: number,\n      fontWidth: number,\n      truncationChar?: string\n    ): string =>\n      GridRenderer.truncateToWidth(\n        context,\n        text,\n        width,\n        fontWidth,\n        truncationChar\n      ),\n    { max: 10000 }\n  );\n}\n\nexport default CellRenderer;\n"],"mappings":";;;AAAA;AACA,SAASA,UAAU,QAAQ,kBAAkB;AAAC,SACrCC,qBAAqB;AAAA,OAEvBC,YAAY;AAAA,OAGZC,YAAY;AAInB,MAAeC,YAAY,CAAC;EAAA;IAAA,kDAyECD,YAAY,CACrC,CACEE,OAAiC,EACjCC,IAAY,EACZC,KAAa,EACbC,SAAiB,EACjBC,cAAuB,KAEvBP,YAAY,CAACQ,eAAe,CAC1BL,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,cAAc,CACf,EACH;MAAEE,GAAG,EAAE;IAAM,CAAC,CACf;EAAA;EAjFDC,qBAAqB,CACnBP,OAAiC,EACjCQ,KAAsB,EACtBC,GAAiB,EACX;IACN,IAAM;MAAEC,OAAO;MAAEC,KAAK;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAGN,KAAK;IACvD,IAAM;MACJO,WAAW;MACXC,KAAK;MACLC,KAAK;MACLC,WAAW;MACXC,eAAe;MACfC,QAAQ;MACRC,aAAa;MACbC;IACF,CAAC,GAAGZ,OAAO;IACX,IAAM;MAAEa,eAAe;MAAEC;IAAqB,CAAC,GAAGV,KAAK;IACvD,IAAMW,OAAO,GAAG9B,UAAU,CAACuB,WAAW,EAAEH,WAAW,CAAC;IACpD,IAAMW,WAAW,GAAG/B,UAAU,CAACwB,eAAe,EAAEJ,WAAW,CAAC;IAC5D,IAAMY,IAAI,GAAGhC,UAAU,CAACyB,QAAQ,EAAEX,GAAG,CAAC;IACtC,IAAMmB,SAAS,GAAGjC,UAAU,CAAC0B,aAAa,EAAEZ,GAAG,CAAC;IAChD,IAAI,CAACb,qBAAqB,CAACe,KAAK,CAAC,IAAI,CAACA,KAAK,CAACkB,eAAe,CAACpB,GAAG,CAAC,EAAE;MAChE;IACF;IAEA,IAAMqB,OAAO,GAAGnC,UAAU,CAAC2B,mBAAmB,EAAEb,GAAG,CAAC;IACpD,IAAMsB,KAAK,GACTnB,MAAM,IAAI,IAAI,IACdC,MAAM,IAAI,IAAI,IACdD,MAAM,IAAII,KAAK,GAAGS,OAAO,IACzBb,MAAM,IAAII,KAAK,GAAGS,OAAO,GAAGC,WAAW,IACvCb,MAAM,IAAII,KAAK,GAAGU,IAAI,IACtBd,MAAM,IAAII,KAAK,GAAGU,IAAI,GAAGC,SAAS,GAC9BJ,oBAAoB,GACpBD,eAAe;IAErB,IAAI,CAACS,cAAc,CACjBhC,OAAO,EACPQ,KAAK,EACLiB,OAAO,EACPE,IAAI,EACJG,OAAO,EACPC,KAAK,EACLpB,KAAK,CAACsB,aAAa,CAACxB,GAAG,CAAC,CACzB;EACH;EAEAuB,cAAc,CACZhC,OAAiC,EACjCQ,KAAsB,EACtBiB,OAAmB,EACnBE,IAAgB,EAChBG,OAAuB,EACvBC,KAAgB,EAChBG,UAAmB,EACb;IACN,IAAM;MAAEC,EAAE;MAAEC,EAAE;MAAEC,EAAE;MAAEC;IAAG,CAAC,GAAGR,OAAO;IAClC,IAAMS,UAAU,GAAGL,UAAU,GAAG,GAAG,GAAG,GAAG;IACzC,IAAMM,KAAK,GAAGf,OAAO,GAAG,CAACU,EAAE,GAAGE,EAAE,IAAI,GAAG,GAAG,GAAG;IAC7C,IAAMI,KAAK,GAAGd,IAAI,GAAG,CAACS,EAAE,GAAGE,EAAE,IAAI,GAAG,GAAG,GAAG;IAC1CtC,OAAO,CAAC0C,SAAS,GAAGX,KAAK;IACzB/B,OAAO,CAAC2C,SAAS,GAAG,QAAQ;IAC5B3C,OAAO,CAAC4C,QAAQ,CAACL,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;EAC5C;AAmBF;AAEA,eAAe1C,YAAY"}

package/dist/ColumnHeaderGroup.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnHeaderGroup.js.map

package/dist/ColumnHeaderGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeaderGroup.js","names":[],"sources":["../src/ColumnHeaderGroup.ts"],"sourcesContent":["import { MoveOperation } from './GridMetrics';\nimport { BoundedAxisRange } from './GridAxisRange';\n\nexport interface IColumnHeaderGroup {\n  name: string;\n  depth: number;\n  color?: string;\n  getVisibleRange(movedColumns: readonly MoveOperation[]): BoundedAxisRange;\n}\n"],"mappings":""}