@deephaven/grid 1.22.1 → 1.22.2-alpha-pivot-builder.0

package/dist/CellInputField.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { EMPTY_FUNCTION } from '@deephaven/utils';
@@ -20,31 +26,46 @@ var directionForKey = key => {
   }
 };
 export function CellInputField(_ref) {
-  var {
-    selectionRange,
-    className = '',
-    disabled = false,
-    value: propsValue = '',
-    isQuickEdit: propsIsQuickEdit = true,
-    onChange = EMPTY_FUNCTION,
-    onCancel = EMPTY_FUNCTION,
-    onDone = EMPTY_FUNCTION,
-    onContextMenu = EMPTY_FUNCTION,
-    style
-  } = _ref;
+  var selectionRange = _ref.selectionRange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$value = _ref.value,
+    propsValue = _ref$value === void 0 ? '' : _ref$value,
+    _ref$isQuickEdit = _ref.isQuickEdit,
+    propsIsQuickEdit = _ref$isQuickEdit === void 0 ? true : _ref$isQuickEdit,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? EMPTY_FUNCTION : _ref$onChange,
+    _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? EMPTY_FUNCTION : _ref$onCancel,
+    _ref$onDone = _ref.onDone,
+    onDone = _ref$onDone === void 0 ? EMPTY_FUNCTION : _ref$onDone,
+    _ref$onContextMenu = _ref.onContextMenu,
+    onContextMenu = _ref$onContextMenu === void 0 ? EMPTY_FUNCTION : _ref$onContextMenu,
+    style = _ref.style;
   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);
+  var _useState = useState(propsValue),
+    _useState2 = _slicedToArray(_useState, 1),
+    initialValue = _useState2[0];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isChanged = _useState4[0],
+    setIsChanged = _useState4[1];
+  var _useState5 = useState(propsIsQuickEdit),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isQuickEdit = _useState6[0],
+    setIsQuickEdit = _useState6[1];
+  var _useState7 = useState(propsValue),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
 
   // Init field selection
   useEffect(function selectInputField() {
-    var {
-      current: field
-    } = inputField;
+    var field = inputField.current;
     if (field == null) {
       return;
     }
@@ -59,9 +80,7 @@ export function CellInputField(_ref) {
     onChange(newValue);
   }, [onChange]);
   var handleChange = useCallback(event => {
-    var {
-      value: newValue
-    } = event.target;
+    var newValue = event.target.value;
     setValue(newValue);
     setIsChanged(true);
     sendUpdate(newValue);

package/dist/CellInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellInputField.js","names":["React","useCallback","useEffect","useRef","useState","classNames","EMPTY_FUNCTION","SELECTION_DIRECTION","GridUtils","jsx","_jsx","directionForKey","key","DOWN","UP","LEFT","RIGHT","undefined","CellInputField","_ref","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","arguments","handleBlur","handleKeyDown","stopPropagation","preventDefault","isModifierKeyDown","altKey","concat","shiftKey","handleContextMenu","ref","onBlur","onKeyDown","onClick","autoComplete","autoCorrect","autoCapitalize","spellCheck"],"sources":["../src/CellInputField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\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,\n  className = '',\n  disabled = false,\n  value: propsValue = '',\n  isQuickEdit: propsIsQuickEdit = true,\n  onChange = EMPTY_FUNCTION,\n  onCancel = EMPTY_FUNCTION,\n  onDone = EMPTY_FUNCTION,\n  onContextMenu = EMPTY_FUNCTION,\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\nexport default CellInputField;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SACzCC,mBAAmB;AAAA,OACrBC,SAAS;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAsBhB,IAAMC,eAAe,GAAIC,GAAW,IAAsC;EACxE,QAAQA,GAAG;IACT,KAAK,WAAW;MACd,OAAOL,mBAAmB,CAACM,IAAI;IACjC,KAAK,SAAS;MACZ,OAAON,mBAAmB,CAACO,EAAE;IAC/B,KAAK,WAAW;MACd,OAAOP,mBAAmB,CAACQ,IAAI;IACjC,KAAK,YAAY;MACf,OAAOR,mBAAmB,CAACS,KAAK;IAClC;MACE,OAAOC,SAAS;EACpB;AACF,CAAC;AAED,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAWO;EAAA,IAXN;IAC7BC,cAAc;IACdC,SAAS,GAAG,EAAE;IACdC,QAAQ,GAAG,KAAK;IAChBC,KAAK,EAAEC,UAAU,GAAG,EAAE;IACtBC,WAAW,EAAEC,gBAAgB,GAAG,IAAI;IACpCC,QAAQ,GAAGrB,cAAc;IACzBsB,QAAQ,GAAGtB,cAAc;IACzBuB,MAAM,GAAGvB,cAAc;IACvBwB,aAAa,GAAGxB,cAAc;IAC9ByB;EACmB,CAAC,GAAAZ,IAAA;EACpB,IAAMa,UAAU,GAAG7B,MAAM,CAAsB,IAAI,CAAC;EACpD;EACA,IAAM8B,WAAW,GAAG9B,MAAM,CAAU,KAAK,CAAC;EAC1C,IAAM,CAAC+B,YAAY,CAAC,GAAG9B,QAAQ,CAACoB,UAAU,CAAC;EAC3C,IAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGhC,QAAQ,CAAC,KAAK,CAAC;EACjD,IAAM,CAACqB,WAAW,EAAEY,cAAc,CAAC,GAAGjC,QAAQ,CAACsB,gBAAgB,CAAC;EAChE,IAAM,CAACH,KAAK,EAAEe,QAAQ,CAAC,GAAGlC,QAAQ,CAACoB,UAAU,CAAC;;EAE9C;EACAtB,SAAS,CACP,SAASqC,gBAAgBA,CAAA,EAAG;IAC1B,IAAM;MAAEC,OAAO,EAAEC;IAAM,CAAC,GAAGT,UAAU;IACrC,IAAIS,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEAA,KAAK,CAACC,KAAK,CAAC,CAAC;IACb,IAAItB,cAAc,EAAE;MAClBqB,KAAK,CAACE,iBAAiB,CAACvB,cAAc,CAAC,CAAC,CAAC,EAAEA,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,MAAM;MACLqB,KAAK,CAACE,iBAAiB,CAACF,KAAK,CAAClB,KAAK,CAACqB,MAAM,EAAEH,KAAK,CAAClB,KAAK,CAACqB,MAAM,CAAC;IACjE;EACF,CAAC,EACD,CAACxB,cAAc,CACjB,CAAC;EAED,IAAMyB,UAAU,GAAG5C,WAAW,CAC3B6C,QAAgB,IAAK;IACpBnB,QAAQ,CAACmB,QAAQ,CAAC;EACpB,CAAC,EACD,CAACnB,QAAQ,CACX,CAAC;EAED,IAAMoB,YAAY,GAAG9C,WAAW,CAC7B+C,KAA6C,IAAK;IACjD,IAAM;MAAEzB,KAAK,EAAEuB;IAAS,CAAC,GAAGE,KAAK,CAACC,MAAM;IACxCX,QAAQ,CAACQ,QAAQ,CAAC;IAClBV,YAAY,CAAC,IAAI,CAAC;IAClBS,UAAU,CAACC,QAAQ,CAAC;EACtB,CAAC,EACD,CAACD,UAAU,EAAEP,QAAQ,EAAEF,YAAY,CACrC,CAAC;EAED,IAAMc,YAAY,GAAGjD,WAAW,CAAC,MAAM;IACrCgC,WAAW,CAACO,OAAO,GAAG,IAAI;IAC1B,IAAIL,SAAS,EAAE;MACbU,UAAU,CAACX,YAAY,CAAC;IAC1B;IAEAE,YAAY,CAAC,KAAK,CAAC;IACnBR,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACM,YAAY,EAAEC,SAAS,EAAEP,QAAQ,EAAEiB,UAAU,CAAC,CAAC;EAEnD,IAAMM,WAAW,GAAGlD,WAAW,CAAC,MAAM;IACpCoC,cAAc,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,IAAMe,YAAY,GAAGnD,WAAW,CAC9B,UAACoD,SAAsC,EAAwB;IAAA,IAAtBC,SAAS,GAAAC,SAAA,CAAAX,MAAA,QAAAW,SAAA,QAAAtC,SAAA,GAAAsC,SAAA,MAAG,KAAK;IACxD1B,MAAM,CAACN,KAAK,EAAE;MAAE8B,SAAS;MAAEC;IAAU,CAAC,CAAC;EACzC,CAAC,EACD,CAACzB,MAAM,EAAEN,KAAK,CAChB,CAAC;EAED,IAAMiC,UAAU,GAAGvD,WAAW,CAAC,MAAM;IACnC,IAAIgC,WAAW,CAACO,OAAO,EAAE;MACvB;IACF;IAEAY,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,CAACnB,WAAW,EAAEmB,YAAY,CAAC,CAAC;EAE/B,IAAMK,aAAa,GAAGxD,WAAW,CAC9B+C,KAA+C,IAAK;IACnDA,KAAK,CAACU,eAAe,CAAC,CAAC;IAEvB,QAAQV,KAAK,CAACpC,GAAG;MACf,KAAK,QAAQ;QACXoC,KAAK,CAACW,cAAc,CAAC,CAAC;QACtBT,YAAY,CAAC,CAAC;QACd;MACF,KAAK,OAAO;QACVF,KAAK,CAACW,cAAc,CAAC,CAAC;QACtB,IAAInD,SAAS,CAACoD,iBAAiB,CAACZ,KAAK,CAAC,EAAE;UACtCI,YAAY,CAACnC,SAAS,EAAE,IAAI,CAAC;QAC/B,CAAC,MAAM,IAAI+B,KAAK,CAACa,MAAM,EAAE;UACvB,IAAMf,QAAQ,MAAAgB,MAAA,CAAMvC,KAAK,OAAI;UAC7Be,QAAQ,CAACQ,QAAQ,CAAC;UAClBV,YAAY,CAAC,IAAI,CAAC;UAClBS,UAAU,CAACC,QAAQ,CAAC;QACtB,CAAC,MAAM;UACLM,YAAY,CACVJ,KAAK,CAACe,QAAQ,GAAGxD,mBAAmB,CAACO,EAAE,GAAGP,mBAAmB,CAACM,IAChE,CAAC;QACH;QACA;MACF,KAAK,KAAK;QACRmC,KAAK,CAACW,cAAc,CAAC,CAAC;QACtBP,YAAY,CACVJ,KAAK,CAACe,QAAQ,GACVxD,mBAAmB,CAACQ,IAAI,GACxBR,mBAAmB,CAACS,KAC1B,CAAC;QACD;MACF,KAAK,WAAW;MAChB,KAAK,SAAS;MACd,KAAK,WAAW;MAChB,KAAK,YAAY;QACf,IAAIS,WAAW,EAAE;UACfuB,KAAK,CAACW,cAAc,CAAC,CAAC;UACtBP,YAAY,CAACzC,eAAe,CAACqC,KAAK,CAACpC,GAAG,CAAC,CAAC;QAC1C;QACA;MACF;QACE;IACJ;EACF,CAAC,EACD,CACEsC,YAAY,EACZE,YAAY,EACZ3B,WAAW,EACXa,QAAQ,EACRF,YAAY,EACZS,UAAU,EACVtB,KAAK,CAET,CAAC;EAED,IAAMyC,iBAAiB,GAAG/D,WAAW,CAClC+C,KAAwD,IAAK;IAC5DlB,aAAa,CAACkB,KAAK,CAAC;EACtB,CAAC,EACD,CAAClB,aAAa,CAChB,CAAC;EAED,oBACEpB,IAAA;IACEuD,GAAG,EAAEjC,UAAW;IAChBX,SAAS,EAAEhB,UAAU,CAAC,uBAAuB,EAAEgB,SAAS,CAAE;IAC1DE,KAAK,EAAEA,KAAM;IACb2C,MAAM,EAAEV,UAAW;IACnB7B,QAAQ,EAAEoB,YAAa;IACvBoB,SAAS,EAAEV,aAAc;IACzB3B,aAAa,EAAEkC,iBAAkB;IACjCI,OAAO,EAAEjB,WAAY;IACrBkB,YAAY,EAAC,KAAK;IAClBC,WAAW,EAAC,KAAK;IACjBC,cAAc,EAAC,KAAK;IACpBC,UAAU,EAAC,OAAO;IAClBlD,QAAQ,EAAEA,QAAS;IACnBS,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEA,eAAeb,cAAc","ignoreList":[]}
+{"version":3,"file":"CellInputField.js","names":["React","useCallback","useEffect","useRef","useState","classNames","EMPTY_FUNCTION","SELECTION_DIRECTION","GridUtils","jsx","_jsx","directionForKey","key","DOWN","UP","LEFT","RIGHT","undefined","CellInputField","_ref","selectionRange","_ref$className","className","_ref$disabled","disabled","_ref$value","value","propsValue","_ref$isQuickEdit","isQuickEdit","propsIsQuickEdit","_ref$onChange","onChange","_ref$onCancel","onCancel","_ref$onDone","onDone","_ref$onContextMenu","onContextMenu","style","inputField","isCancelled","_useState","_useState2","_slicedToArray","initialValue","_useState3","_useState4","isChanged","setIsChanged","_useState5","_useState6","setIsQuickEdit","_useState7","_useState8","setValue","selectInputField","field","current","focus","setSelectionRange","length","sendUpdate","newValue","handleChange","event","target","handleCancel","handleClick","handleCommit","direction","fillRange","arguments","handleBlur","handleKeyDown","stopPropagation","preventDefault","isModifierKeyDown","altKey","concat","shiftKey","handleContextMenu","ref","onBlur","onKeyDown","onClick","autoComplete","autoCorrect","autoCapitalize","spellCheck"],"sources":["../src/CellInputField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\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,\n  className = '',\n  disabled = false,\n  value: propsValue = '',\n  isQuickEdit: propsIsQuickEdit = true,\n  onChange = EMPTY_FUNCTION,\n  onCancel = EMPTY_FUNCTION,\n  onDone = EMPTY_FUNCTION,\n  onContextMenu = EMPTY_FUNCTION,\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\nexport default CellInputField;\n"],"mappings":"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","ignoreList":[]}

package/dist/CellRenderer.js

@@ -13,27 +13,21 @@ class CellRenderer {
     }));
   }
   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 metrics = state.metrics,
+      model = state.model,
+      mouseX = state.mouseX,
+      mouseY = state.mouseY,
+      theme = state.theme;
+    var firstColumn = metrics.firstColumn,
+      gridX = metrics.gridX,
+      gridY = metrics.gridY,
+      allColumnXs = metrics.allColumnXs,
+      allColumnWidths = metrics.allColumnWidths,
+      allRowYs = metrics.allRowYs,
+      allRowHeights = metrics.allRowHeights,
+      visibleRowTreeBoxes = metrics.visibleRowTreeBoxes;
+    var treeMarkerColor = theme.treeMarkerColor,
+      treeMarkerHoverColor = theme.treeMarkerHoverColor;
     var columnX = getOrThrow(allColumnXs, firstColumn);
     var columnWidth = getOrThrow(allColumnWidths, firstColumn);
     var rowY = getOrThrow(allRowYs, row);
@@ -46,12 +40,10 @@ class CellRenderer {
     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 x1 = treeBox.x1,
+      y1 = treeBox.y1,
+      x2 = treeBox.x2,
+      y2 = treeBox.y2;
     var markerText = isExpanded ? '⊟' : '⊞';
     var textX = columnX + (x1 + x2) * 0.5 + 0.5;
     var textY = rowY + (y1 + y2) * 0.5 + 0.5;

package/dist/CellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellRenderer.js","names":["getOrThrow","isExpandableGridModel","GridRenderer","memoizeClear","CellRenderer","constructor","_defineProperty","context","text","width","fontWidthLower","fontWidthUpper","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 {\n  type VisibleIndex,\n  type Coordinate,\n  type BoxCoordinates,\n} from './GridMetrics';\nimport GridRenderer from './GridRenderer';\nimport { type GridRenderState } from './GridRendererTypes';\nimport { type 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      fontWidthLower?: number,\n      fontWidthUpper?: number,\n      truncationChar?: string\n    ): string =>\n      GridRenderer.truncateToWidth(\n        context,\n        text,\n        width,\n        fontWidthLower,\n        fontWidthUpper,\n        truncationChar\n      ),\n    { max: 10000 }\n  );\n}\n\nexport default CellRenderer;\n"],"mappings":";;;AAAA;AACA,SAASA,UAAU,QAAQ,kBAAkB;AAAC,SACrCC,qBAAqB;AAAA,OAMvBC,YAAY;AAAA,OAGZC,YAAY;AAInB,MAAeC,YAAY,CAAC;EAAAC,YAAA;IAAAC,eAAA,mCAyECH,YAAY,CACrC,CACEI,OAAiC,EACjCC,IAAY,EACZC,KAAa,EACbC,cAAuB,EACvBC,cAAuB,EACvBC,cAAuB,KAEvBV,YAAY,CAACW,eAAe,CAC1BN,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,cAAc,EACdC,cAAc,EACdC,cACF,CAAC,EACH;MAAEE,GAAG,EAAE;IAAM,CACf,CAAC;EAAA;EAnFDC,qBAAqBA,CACnBR,OAAiC,EACjCS,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,GAAGjC,UAAU,CAAC0B,WAAW,EAAEH,WAAW,CAAC;IACpD,IAAMW,WAAW,GAAGlC,UAAU,CAAC2B,eAAe,EAAEJ,WAAW,CAAC;IAC5D,IAAMY,IAAI,GAAGnC,UAAU,CAAC4B,QAAQ,EAAEX,GAAG,CAAC;IACtC,IAAMmB,SAAS,GAAGpC,UAAU,CAAC6B,aAAa,EAAEZ,GAAG,CAAC;IAChD,IAAI,CAAChB,qBAAqB,CAACkB,KAAK,CAAC,IAAI,CAACA,KAAK,CAACkB,eAAe,CAACpB,GAAG,CAAC,EAAE;MAChE;IACF;IAEA,IAAMqB,OAAO,GAAGtC,UAAU,CAAC8B,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,CACjBjC,OAAO,EACPS,KAAK,EACLiB,OAAO,EACPE,IAAI,EACJG,OAAO,EACPC,KAAK,EACLpB,KAAK,CAACsB,aAAa,CAACxB,GAAG,CACzB,CAAC;EACH;EAEAuB,cAAcA,CACZjC,OAAiC,EACjCS,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;IAC1CvC,OAAO,CAAC2C,SAAS,GAAGX,KAAK;IACzBhC,OAAO,CAAC4C,SAAS,GAAG,QAAQ;IAC5B5C,OAAO,CAAC6C,QAAQ,CAACL,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;EAC5C;AAqBF;AAEA,eAAe7C,YAAY","ignoreList":[]}
+{"version":3,"file":"CellRenderer.js","names":["getOrThrow","isExpandableGridModel","GridRenderer","memoizeClear","CellRenderer","constructor","_defineProperty","context","text","width","fontWidthLower","fontWidthUpper","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 {\n  type VisibleIndex,\n  type Coordinate,\n  type BoxCoordinates,\n} from './GridMetrics';\nimport GridRenderer from './GridRenderer';\nimport { type GridRenderState } from './GridRendererTypes';\nimport { type 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      fontWidthLower?: number,\n      fontWidthUpper?: number,\n      truncationChar?: string\n    ): string =>\n      GridRenderer.truncateToWidth(\n        context,\n        text,\n        width,\n        fontWidthLower,\n        fontWidthUpper,\n        truncationChar\n      ),\n    { max: 10000 }\n  );\n}\n\nexport default CellRenderer;\n"],"mappings":"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","ignoreList":[]}

package/dist/DataBarCellRenderer.js

@@ -32,23 +32,19 @@ class DataBarCellRenderer extends CellRenderer {
     }));
   }
   drawCellContent(context, state, column, row) {
-    var {
-      metrics,
-      model,
-      theme
-    } = state;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme;
     if (!isDataBarGridModel(model)) {
       return;
     }
-    var {
-      modelColumns,
-      modelRows,
-      allRowHeights,
-      allRowYs,
-      firstColumn,
-      fontWidthsLower,
-      fontWidthsUpper
-    } = metrics;
+    var modelColumns = metrics.modelColumns,
+      modelRows = metrics.modelRows,
+      allRowHeights = metrics.allRowHeights,
+      allRowYs = metrics.allRowYs,
+      firstColumn = metrics.firstColumn,
+      fontWidthsLower = metrics.fontWidthsLower,
+      fontWidthsUpper = metrics.fontWidthsUpper;
     var isFirstColumn = column === firstColumn;
     var rowHeight = getOrThrow(allRowHeights, row);
     var modelRow = getOrThrow(modelRows, row);
@@ -56,41 +52,38 @@ class DataBarCellRenderer extends CellRenderer {
     var rowY = getOrThrow(allRowYs, row);
     var textAlign = model.textAlignForCell(modelColumn, modelRow);
     var text = model.textForCell(modelColumn, modelRow);
-    var {
-      x: textX,
-      y: textY,
-      width: textWidth
-    } = GridUtils.getTextRenderMetrics(state, column, row);
+    var _GridUtils$getTextRen = GridUtils.getTextRenderMetrics(state, column, row),
+      textX = _GridUtils$getTextRen.x,
+      textY = _GridUtils$getTextRen.y,
+      textWidth = _GridUtils$getTextRen.width;
     var fontWidthLower = fontWidthsLower.get(context.font);
     var fontWidthUpper = fontWidthsUpper.get(context.font);
     var truncationChar = model.truncationCharForCell(modelColumn, modelRow);
     var truncatedText = this.getCachedTruncatedString(context, text, textWidth, fontWidthLower, fontWidthUpper, truncationChar);
-    var {
-      columnMin,
-      columnMax,
-      axis,
-      color: dataBarColor,
-      textColor,
-      valuePlacement,
-      opacity,
-      markers,
-      direction,
-      value
-    } = model.dataBarOptionsForCell(modelColumn, modelRow, theme);
+    var _model$dataBarOptions = model.dataBarOptionsForCell(modelColumn, modelRow, theme),
+      columnMin = _model$dataBarOptions.columnMin,
+      columnMax = _model$dataBarOptions.columnMax,
+      axis = _model$dataBarOptions.axis,
+      dataBarColor = _model$dataBarOptions.color,
+      textColor = _model$dataBarOptions.textColor,
+      valuePlacement = _model$dataBarOptions.valuePlacement,
+      opacity = _model$dataBarOptions.opacity,
+      markers = _model$dataBarOptions.markers,
+      direction = _model$dataBarOptions.direction,
+      value = _model$dataBarOptions.value;
     var hasGradient = Array.isArray(dataBarColor) && dataBarColor.length > 1;
     if (columnMin == null || columnMax == null) {
       return;
     }
-    var {
-      maxWidth,
-      x: dataBarX,
-      y: dataBarY,
-      zeroPosition,
-      leftmostPosition,
-      markerXs,
-      totalValueRange,
-      dataBarWidth
-    } = this.getDataBarRenderMetrics(context, state, column, row);
+    var _this$getDataBarRende = this.getDataBarRenderMetrics(context, state, column, row),
+      maxWidth = _this$getDataBarRende.maxWidth,
+      dataBarX = _this$getDataBarRende.x,
+      dataBarY = _this$getDataBarRende.y,
+      zeroPosition = _this$getDataBarRende.zeroPosition,
+      leftmostPosition = _this$getDataBarRende.leftmostPosition,
+      markerXs = _this$getDataBarRende.markerXs,
+      totalValueRange = _this$getDataBarRende.totalValueRange,
+      dataBarWidth = _this$getDataBarRende.dataBarWidth;
     context.save();
     context.textAlign = textAlign;
     context.fillStyle = textColor;
@@ -187,28 +180,22 @@ class DataBarCellRenderer extends CellRenderer {
     }
   }
   getDataBarRenderMetrics(context, state, column, row) {
-    var {
-      metrics,
-      model,
-      theme
-    } = state;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme;
     if (!isDataBarGridModel(model)) {
       throw new Error('Grid model is not a data bar grid model');
     }
-    var {
-      firstColumn,
-      allColumnXs,
-      allColumnWidths,
-      allRowYs,
-      modelColumns,
-      modelRows,
-      visibleRows
-    } = metrics;
-    var {
-      cellHorizontalPadding,
-      treeDepthIndent,
-      treeHorizontalPadding
-    } = theme;
+    var firstColumn = metrics.firstColumn,
+      allColumnXs = metrics.allColumnXs,
+      allColumnWidths = metrics.allColumnWidths,
+      allRowYs = metrics.allRowYs,
+      modelColumns = metrics.modelColumns,
+      modelRows = metrics.modelRows,
+      visibleRows = metrics.visibleRows;
+    var cellHorizontalPadding = theme.cellHorizontalPadding,
+      treeDepthIndent = theme.treeDepthIndent,
+      treeHorizontalPadding = theme.treeHorizontalPadding;
     var modelColumn = getOrThrow(modelColumns, column);
     var modelRow = getOrThrow(modelRows, row);
     var x = getOrThrow(allColumnXs, column);
@@ -220,15 +207,14 @@ class DataBarCellRenderer extends CellRenderer {
       treeIndent = treeDepthIndent * (model.depthForRow(row) + 1) + treeHorizontalPadding;
     }
     var textAlign = model.textAlignForCell(modelColumn, modelRow);
-    var {
-      columnMin,
-      columnMax,
-      axis,
-      valuePlacement,
-      markers,
-      direction,
-      value
-    } = model.dataBarOptionsForCell(modelColumn, modelRow, theme);
+    var _model$dataBarOptions2 = model.dataBarOptionsForCell(modelColumn, modelRow, theme),
+      columnMin = _model$dataBarOptions2.columnMin,
+      columnMax = _model$dataBarOptions2.columnMax,
+      axis = _model$dataBarOptions2.axis,
+      valuePlacement = _model$dataBarOptions2.valuePlacement,
+      markers = _model$dataBarOptions2.markers,
+      direction = _model$dataBarOptions2.direction,
+      value = _model$dataBarOptions2.value;
     var longestValueWidth = this.getCachedWidestValueForColumn(context, visibleRows, modelRows, model, modelColumn);
     var leftPadding = 2;
     var rightPadding = valuePlacement === 'beside' && textAlign === 'right' ? 2 : 1;
@@ -267,9 +253,7 @@ class DataBarCellRenderer extends CellRenderer {
     var zeroPosition = columnMin >= 0 ? 0 : Math.abs(columnMin) / totalValueRange * maxWidth;
     var dataBarX = value >= 0 ? zeroPosition : zeroPosition - Math.abs(value) / totalValueRange * maxWidth;
     var markerXs = markers.map(marker => {
-      var {
-        value: markerValue
-      } = marker;
+      var markerValue = marker.value;
       var offset = Math.abs(markerValue) / totalValueRange * maxWidth;
       return markerValue >= 0 ? zeroPosition + offset : zeroPosition - offset;
     });
@@ -281,9 +265,7 @@ class DataBarCellRenderer extends CellRenderer {
       zeroPosition = columnMin >= 0 ? columnWidth : columnWidth - Math.abs(columnMin) / totalValueRange * maxWidth;
       dataBarX = value >= 0 ? zeroPosition - value / totalValueRange * maxWidth : zeroPosition;
       markerXs = markers.map(marker => {
-        var {
-          value: markerValue
-        } = marker;
+        var markerValue = marker.value;
         return markerValue >= 0 ? zeroPosition - Math.abs(markerValue) / totalValueRange * maxWidth : zeroPosition + Math.abs(markerValue) / totalValueRange * maxWidth;
       });
     }
@@ -293,18 +275,14 @@ class DataBarCellRenderer extends CellRenderer {
         // Middle, LTR
         dataBarX = value >= 0 ? zeroPosition : zeroPosition - Math.abs(value) / columnLongest * (maxWidth / 2);
         markerXs = markers.map(marker => {
-          var {
-            value: markerValue
-          } = marker;
+          var markerValue = marker.value;
           return markerValue >= 0 ? zeroPosition + Math.abs(markerValue) / columnLongest * (maxWidth / 2) : zeroPosition - Math.abs(markerValue) / columnLongest * (maxWidth / 2);
         });
       } else if (direction === 'RTL') {
         // Middle, RTL
         dataBarX = value <= 0 ? zeroPosition : zeroPosition - Math.abs(value) / columnLongest * (maxWidth / 2);
         markerXs = markers.map(marker => {
-          var {
-            value: markerValue
-          } = marker;
+          var markerValue = marker.value;
           return markerValue <= 0 ? zeroPosition + Math.abs(markerValue) / columnLongest * (maxWidth / 2) : zeroPosition - Math.abs(markerValue) / columnLongest * (maxWidth / 2);
         });
       }
@@ -314,9 +292,7 @@ class DataBarCellRenderer extends CellRenderer {
         zeroPosition = 0;
         dataBarX = zeroPosition;
         markerXs = markers.map(marker => {
-          var {
-            value: markerValue
-          } = marker;
+          var markerValue = marker.value;
           return zeroPosition + Math.abs(markerValue) / columnLongest * maxWidth;
         });
       } else if (direction === 'RTL') {
@@ -324,9 +300,7 @@ class DataBarCellRenderer extends CellRenderer {
         zeroPosition = columnWidth;
         dataBarX = zeroPosition - Math.abs(value) / columnLongest * maxWidth;
         markerXs = markers.map(marker => {
-          var {
-            value: markerValue
-          } = marker;
+          var markerValue = marker.value;
           return zeroPosition - Math.abs(markerValue) / columnLongest * maxWidth;
         });
       }