@deephaven/iris-grid 0.35.1-sideEffects.3 → 0.35.1-test-envoy.18

package/dist/sidebar/ChartBuilder.js

@@ -6,7 +6,6 @@ import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, RadioGroup, RadioItem } from '@deephaven/components';
 import { vsLink, dhUnlink, dhTable, dhNewCircleLargeFilled, vsCircleLargeFilled, vsTrash } from '@deephaven/icons';
-import dh from '@deephaven/jsapi-shim';
 import Log from '@deephaven/log';
 import shortid from 'shortid';
 import { BarIcon, HistogramIcon, LineIcon, PieIcon, ScatterIcon } from "./icons/index.js";
@@ -16,11 +15,18 @@ var log = Log.module('ChartBuilder');
  * Form for configuring all the settings when creating a console.
  */
 class ChartBuilder extends PureComponent {
+  static getTypes(dh) {
+    return [dh.plot.SeriesPlotStyle.LINE, dh.plot.SeriesPlotStyle.BAR, dh.plot.SeriesPlotStyle.SCATTER, dh.plot.SeriesPlotStyle.PIE
+    // IDS-6808: Disable Histogram in Chart Builder until we pipe histogram creation through the API
+    // dh.plot.SeriesPlotStyle.HISTOGRAM,
+    ];
+  }
+
   /**
    * Converts the provided chart type into a readable type.
    * Just replaces underscores with spaces and capitals the first letter of each word.
    */
-  static getTypeName(type) {
+  static getTypeName(dh, type) {
     switch (type) {
       case dh.plot.SeriesPlotStyle.LINE:
         return 'Line';
@@ -36,7 +42,7 @@ class ChartBuilder extends PureComponent {
         return type;
     }
   }
-  static getTypeIcon(type) {
+  static getTypeIcon(dh, type) {
     switch (type) {
       case dh.plot.SeriesPlotStyle.LINE:
         return /*#__PURE__*/React.createElement(LineIcon, null);
@@ -52,7 +58,7 @@ class ChartBuilder extends PureComponent {
         return null;
     }
   }
-  static getMaxSeriesCount(type) {
+  static getMaxSeriesCount(dh, type) {
     switch (type) {
       case dh.plot.SeriesPlotStyle.PIE:
         return 1;
@@ -62,7 +68,7 @@ class ChartBuilder extends PureComponent {
         return 100;
     }
   }
-  static getXAxisLabel(type) {
+  static getXAxisLabel(dh, type) {
     switch (type) {
       case dh.plot.SeriesPlotStyle.PIE:
         return 'Labels';
@@ -72,7 +78,7 @@ class ChartBuilder extends PureComponent {
         return 'X-Axis';
     }
   }
-  static getSeriesLabel(type) {
+  static getSeriesLabel(dh, type) {
     switch (type) {
       case dh.plot.SeriesPlotStyle.PIE:
         return 'Values';
@@ -86,8 +92,8 @@ class ChartBuilder extends PureComponent {
       value
     };
   }
-  static makeDefaultSeriesItems(type, columns) {
-    var maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);
+  static makeDefaultSeriesItems(dh, type, columns) {
+    var maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);
     if (maxSeriesCount === 0 || columns == null || columns.length === 0) {
       return [];
     }
@@ -102,6 +108,7 @@ class ChartBuilder extends PureComponent {
   }
   constructor(props) {
     super(props);
+    _defineProperty(this, "dh", void 0);
     this.handleAddSeries = this.handleAddSeries.bind(this);
     this.handleLinkStateChange = this.handleLinkStateChange.bind(this);
     this.handleReset = this.handleReset.bind(this);
@@ -112,14 +119,16 @@ class ChartBuilder extends PureComponent {
     this.handleXAxisChange = this.handleXAxisChange.bind(this);
     this.sendChange = this.sendChange.bind(this);
     var {
+      dh,
       model
     } = props;
     var {
       columns
     } = model;
-    var type = ChartBuilder.types[0];
+    var type = ChartBuilder.getTypes(dh)[0];
     var xAxis = ChartBuilder.getDefaultXAxis(type, columns);
-    var seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);
+    var seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);
+    this.dh = dh;
     this.state = {
       /** The selected chart type */
       type,
@@ -164,9 +173,9 @@ class ChartBuilder extends PureComponent {
     var {
       columns
     } = model;
-    var type = ChartBuilder.types[0];
+    var type = ChartBuilder.getTypes(dh)[0];
     var xAxis = ChartBuilder.getDefaultXAxis(type, columns);
-    var seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);
+    var seriesItems = ChartBuilder.makeDefaultSeriesItems(this.dh, type, columns);
     var isLinked = true;
     this.setState({
       type,
@@ -230,10 +239,10 @@ class ChartBuilder extends PureComponent {
     var changeEvent = event;
     var index = changeEvent.target.getAttribute('data-index');
     var intIndex = parseInt(index, 10);
-    var type = ChartBuilder.types[intIndex];
+    var type = ChartBuilder.getTypes(dh)[intIndex];
     log.debug2('handleTypeSelect', type);
     this.setState(state => {
-      var maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);
+      var maxSeriesCount = ChartBuilder.getMaxSeriesCount(this.dh, type);
       var {
         seriesItems
       } = state;
@@ -245,7 +254,7 @@ class ChartBuilder extends PureComponent {
         var {
           columns
         } = model;
-        seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);
+        seriesItems = ChartBuilder.makeDefaultSeriesItems(this.dh, type, columns);
       }
       return {
         type,
@@ -280,7 +289,8 @@ class ChartBuilder extends PureComponent {
   }
   render() {
     var {
-      model
+      model,
+      dh
     } = this.props;
     var {
       columns
@@ -291,9 +301,9 @@ class ChartBuilder extends PureComponent {
       xAxis,
       isLinked
     } = this.state;
-    var maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);
-    var xAxisLabel = ChartBuilder.getXAxisLabel(type);
-    var seriesLabel = ChartBuilder.getSeriesLabel(type);
+    var maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);
+    var xAxisLabel = ChartBuilder.getXAxisLabel(dh, type);
+    var seriesLabel = ChartBuilder.getSeriesLabel(dh, type);
     var isSeriesVisible = seriesItems.length > 0;
     var isAddSeriesVisible = seriesItems.length < maxSeriesCount;
     return /*#__PURE__*/React.createElement("div", {
@@ -304,7 +314,7 @@ class ChartBuilder extends PureComponent {
       className: "form-row"
     }, /*#__PURE__*/React.createElement("label", null, "Select Chart Type"), /*#__PURE__*/React.createElement("div", {
       className: "form-row"
-    }, ChartBuilder.types.map((chartType, index) => {
+    }, ChartBuilder.getTypes(dh).map((chartType, index) => {
       var key = chartType;
       return /*#__PURE__*/React.createElement("div", {
         key: key,
@@ -316,7 +326,7 @@ class ChartBuilder extends PureComponent {
         }),
         "data-index": index,
         onClick: this.handleTypeClick
-      }, ChartBuilder.getTypeIcon(chartType), ChartBuilder.getTypeName(chartType)));
+      }, ChartBuilder.getTypeIcon(this.dh, chartType), ChartBuilder.getTypeName(this.dh, chartType)));
     }))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
       className: "form-row form-inline"
     }, /*#__PURE__*/React.createElement("label", {
@@ -400,10 +410,5 @@ class ChartBuilder extends PureComponent {
     }, "Create"))));
   }
 }
-_defineProperty(ChartBuilder, "types", [dh.plot.SeriesPlotStyle.LINE, dh.plot.SeriesPlotStyle.BAR, dh.plot.SeriesPlotStyle.SCATTER, dh.plot.SeriesPlotStyle.PIE
-// IDS-6808: Disable Histogram in Chart Builder until we pipe histogram creation through the API
-// dh.plot.SeriesPlotStyle.HISTOGRAM,
-]);
-
 export default ChartBuilder;
 //# sourceMappingURL=ChartBuilder.js.map

package/dist/sidebar/ChartBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilder.js","names":["React","PureComponent","classNames","FontAwesomeIcon","Button","RadioGroup","RadioItem","vsLink","dhUnlink","dhTable","dhNewCircleLargeFilled","vsCircleLargeFilled","vsTrash","dh","Log","shortid","BarIcon","HistogramIcon","LineIcon","PieIcon","ScatterIcon","log","module","ChartBuilder","getTypeName","type","plot","SeriesPlotStyle","LINE","BAR","SCATTER","PIE","HISTOGRAM","getTypeIcon","getMaxSeriesCount","getXAxisLabel","getSeriesLabel","makeSeriesItem","value","id","generate","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","handleAddSeries","bind","handleLinkStateChange","handleReset","handleSeriesChange","handleSeriesDeleteClick","handleSubmit","handleTypeClick","handleXAxisChange","sendChange","model","types","xAxis","seriesItems","state","isLinked","setState","newSeriesItems","push","event","target","index","getAttribute","intIndex","parseInt","changeEvent","splice","preventDefault","onSubmit","series","map","item","debug2","slice","onChange","render","xAxisLabel","seriesLabel","isSeriesVisible","isAddSeriesVisible","chartType","key","active","column","seriesItem","i"],"sources":["../../src/sidebar/ChartBuilder.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, RadioGroup, RadioItem } from '@deephaven/components';\nimport {\n  vsLink,\n  dhUnlink,\n  dhTable,\n  dhNewCircleLargeFilled,\n  vsCircleLargeFilled,\n  vsTrash,\n} from '@deephaven/icons';\nimport dh, { Column, SeriesPlotStyle } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport shortid from 'shortid';\nimport {\n  BarIcon,\n  HistogramIcon,\n  LineIcon,\n  PieIcon,\n  ScatterIcon,\n} from './icons';\nimport './ChartBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\n\nconst log = Log.module('ChartBuilder');\n\nexport type ChartBuilderSettings = {\n  type: SeriesPlotStyle;\n  series: unknown;\n  xAxis: string;\n  isLinked: boolean;\n};\nexport type SeriesItem = {\n  id: string;\n  value: string;\n};\n\ninterface ChartBuilderProps {\n  model: IrisGridModel;\n  onSubmit: (obj: ChartBuilderSettings) => void;\n  onChange: (obj: ChartBuilderSettings) => void;\n}\ninterface ChartBuilderState {\n  /** The selected chart type */\n  type: SeriesPlotStyle;\n\n  /** Array of column names of the series to display */\n  seriesItems: readonly SeriesItem[];\n\n  /** The column name to use as the x-axis */\n  xAxis: string;\n\n  /** Whether the newly created chart should be linked with the table (update when filters update) */\n  isLinked: boolean;\n}\n/**\n * Form for configuring all the settings when creating a console.\n */\nclass ChartBuilder extends PureComponent<ChartBuilderProps, ChartBuilderState> {\n  static types = [\n    dh.plot.SeriesPlotStyle.LINE,\n    dh.plot.SeriesPlotStyle.BAR,\n    dh.plot.SeriesPlotStyle.SCATTER,\n    dh.plot.SeriesPlotStyle.PIE,\n    // IDS-6808: Disable Histogram in Chart Builder until we pipe histogram creation through the API\n    // dh.plot.SeriesPlotStyle.HISTOGRAM,\n  ];\n\n  /**\n   * Converts the provided chart type into a readable type.\n   * Just replaces underscores with spaces and capitals the first letter of each word.\n   */\n  static getTypeName(type: SeriesPlotStyle): string | SeriesPlotStyle {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.LINE:\n        return 'Line';\n      case dh.plot.SeriesPlotStyle.BAR:\n        return 'Bar';\n      case dh.plot.SeriesPlotStyle.SCATTER:\n        return 'Scatter';\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Pie';\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 'Histogram';\n      default:\n        return type;\n    }\n  }\n\n  static getTypeIcon(type: SeriesPlotStyle): React.ReactElement | null {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.LINE:\n        return <LineIcon />;\n      case dh.plot.SeriesPlotStyle.BAR:\n        return <BarIcon />;\n      case dh.plot.SeriesPlotStyle.SCATTER:\n        return <ScatterIcon />;\n      case dh.plot.SeriesPlotStyle.PIE:\n        return <PieIcon />;\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return <HistogramIcon />;\n      default:\n        return null;\n    }\n  }\n\n  static getMaxSeriesCount(type: SeriesPlotStyle): number {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 1;\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 0;\n      default:\n        return 100;\n    }\n  }\n\n  static getXAxisLabel(type: SeriesPlotStyle): string {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Labels';\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 'Data';\n      default:\n        return 'X-Axis';\n    }\n  }\n\n  static getSeriesLabel(type: SeriesPlotStyle): string {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Values';\n      default:\n        return 'Series';\n    }\n  }\n\n  static makeSeriesItem(value: string): SeriesItem {\n    return { id: shortid.generate(), value };\n  }\n\n  static makeDefaultSeriesItems(\n    type: SeriesPlotStyle,\n    columns: readonly Column[]\n  ): SeriesItem[] {\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);\n    if (maxSeriesCount === 0 || columns == null || columns.length === 0) {\n      return [];\n    }\n\n    const value = columns.length > 1 ? columns[1].name : columns[0].name;\n    return [ChartBuilder.makeSeriesItem(value)];\n  }\n\n  static getDefaultXAxis(\n    type: SeriesPlotStyle,\n    columns: readonly Column[]\n  ): string | null {\n    if (columns != null && columns.length > 0) {\n      return columns[0].name;\n    }\n\n    return null;\n  }\n\n  constructor(props: ChartBuilderProps) {\n    super(props);\n\n    this.handleAddSeries = this.handleAddSeries.bind(this);\n    this.handleLinkStateChange = this.handleLinkStateChange.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleSeriesChange = this.handleSeriesChange.bind(this);\n    this.handleSeriesDeleteClick = this.handleSeriesDeleteClick.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleTypeClick = this.handleTypeClick.bind(this);\n    this.handleXAxisChange = this.handleXAxisChange.bind(this);\n    this.sendChange = this.sendChange.bind(this);\n\n    const { model } = props;\n    const { columns } = model;\n\n    const type = ChartBuilder.types[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);\n\n    this.state = {\n      /** The selected chart type */\n      type,\n\n      /** Array of column names of the series to display */\n      seriesItems,\n\n      /** The column name to use as the x-axis */\n      xAxis,\n\n      /** Whether the newly created chart should be linked with the table (update when filters update) */\n      isLinked: true,\n    };\n  }\n\n  handleAddSeries(): void {\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      const { model } = this.props;\n      const { columns } = model;\n      newSeriesItems.push({\n        id: shortid.generate(),\n        value: columns[0].name,\n      });\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleLinkStateChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ isLinked: event.target.value === 'true' }, this.sendChange);\n  }\n\n  handleReset(): void {\n    const { model } = this.props;\n    const { columns } = model;\n\n    const type = ChartBuilder.types[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);\n    const isLinked = true;\n\n    this.setState({ type, seriesItems, xAxis, isLinked }, this.sendChange);\n  }\n\n  handleSeriesChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const { value } = event.target;\n    const index = event.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    this.setState(state => {\n      let { seriesItems } = state;\n\n      seriesItems = [...seriesItems];\n      seriesItems[intIndex].value = value;\n\n      return { seriesItems };\n    }, this.sendChange);\n  }\n\n  handleSeriesDeleteClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent = (event as unknown) as React.ChangeEvent<HTMLButtonElement>;\n    const index = changeEvent.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      newSeriesItems.splice(intIndex, 1);\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLFormElement>): void {\n    event.preventDefault();\n\n    const { onSubmit } = this.props;\n    const { type, seriesItems, xAxis, isLinked } = this.state;\n    const series = seriesItems.map(item => item.value);\n    onSubmit({\n      type: (`${type}` as unknown) as SeriesPlotStyle,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent = (event as unknown) as React.ChangeEvent<HTMLButtonElement>;\n    const index = changeEvent.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    const type = ChartBuilder.types[intIndex];\n\n    log.debug2('handleTypeSelect', type);\n\n    this.setState(state => {\n      const maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);\n      let { seriesItems } = state;\n      seriesItems = seriesItems.slice(0, maxSeriesCount);\n      if (seriesItems.length === 0 && maxSeriesCount > 0) {\n        const { model } = this.props;\n        const { columns } = model;\n        seriesItems = ChartBuilder.makeDefaultSeriesItems(type, columns);\n      }\n\n      return { type, seriesItems };\n    }, this.sendChange);\n  }\n\n  handleXAxisChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const xAxis = event.target.value;\n    log.debug2('x-axis change', xAxis);\n\n    this.setState({ xAxis }, this.sendChange);\n  }\n\n  sendChange(): void {\n    const { onChange } = this.props;\n    const { isLinked, type, seriesItems, xAxis } = this.state;\n    const series = seriesItems.map(item => item.value);\n\n    onChange({ type, series, xAxis, isLinked });\n  }\n\n  render(): JSX.Element {\n    const { model } = this.props;\n    const { columns } = model;\n    const { seriesItems, type, xAxis, isLinked } = this.state;\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(type);\n    const xAxisLabel = ChartBuilder.getXAxisLabel(type);\n    const seriesLabel = ChartBuilder.getSeriesLabel(type);\n    const isSeriesVisible = seriesItems.length > 0;\n    const isAddSeriesVisible = seriesItems.length < maxSeriesCount;\n\n    return (\n      <div className=\"chart-builder\">\n        <form onSubmit={this.handleSubmit}>\n          <div className=\"form-row\">\n            <label>Select Chart Type</label>\n            <div className=\"form-row\">\n              {ChartBuilder.types.map((chartType, index) => {\n                const key = (chartType as unknown) as React.Key;\n                return (\n                  <div key={key} className=\"col col-chart-type\">\n                    <button\n                      type=\"button\"\n                      className={classNames(\n                        'btn',\n                        'btn-icon',\n                        'btn-chart-type',\n                        {\n                          active: chartType === type,\n                        }\n                      )}\n                      data-index={index}\n                      onClick={this.handleTypeClick}\n                    >\n                      {ChartBuilder.getTypeIcon(chartType)}\n                      {ChartBuilder.getTypeName(chartType)}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n          <hr />\n          <div className=\"form-row form-inline\">\n            <label className=\"col-2 label-left\">{xAxisLabel}</label>\n            <select\n              className=\"form-control custom-select select-x-axis col\"\n              value={xAxis}\n              onChange={this.handleXAxisChange}\n            >\n              {columns.map(column => (\n                <option key={column.name} value={column.name}>\n                  {column.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          {isSeriesVisible && <hr />}\n          {seriesItems.map((seriesItem, i) => (\n            <div\n              className=\"form-row form-inline form-series-item\"\n              key={seriesItem.id}\n              data-testid={`form-series-item-${i}`}\n            >\n              <label className=\"col-2 label-left\">\n                {i === 0 ? seriesLabel : ''}\n              </label>\n              <select\n                className=\"form-control custom-select select-series col\"\n                value={seriesItem.value}\n                onChange={this.handleSeriesChange}\n                data-testid={`select-series-item-${i}`}\n                data-index={i}\n              >\n                {columns.map(column => (\n                  <option key={column.name} value={column.name} data-index={i}>\n                    {column.name}\n                  </option>\n                ))}\n              </select>\n              {seriesItems.length > 1 && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-delete-series ml-2 px-2\"\n                  data-index={i}\n                  data-testid={`delete-series-${i}`}\n                  onClick={this.handleSeriesDeleteClick}\n                  icon={vsTrash}\n                  tooltip=\"Delete\"\n                />\n              )}\n            </div>\n          ))}\n          {isAddSeriesVisible && (\n            <div className=\"form-row\">\n              <div className=\"col-2\" />\n              <Button\n                kind=\"ghost\"\n                className=\"btn-add-series mt-1\"\n                onClick={this.handleAddSeries}\n                icon={dhNewCircleLargeFilled}\n              >\n                Add Series\n              </Button>\n            </div>\n          )}\n          <div className=\"form-row chart-builder-link\">\n            <label className=\"col-2 label-right\">\n              <div className=\"fa-md fa-layers\">\n                <FontAwesomeIcon\n                  mask={dhTable}\n                  icon={vsCircleLargeFilled}\n                  transform=\"right-5 down-5\"\n                />\n                <FontAwesomeIcon\n                  icon={isLinked ? vsLink : dhUnlink}\n                  transform=\"grow-2 right-8 down-6\"\n                />\n              </div>\n            </label>\n            <RadioGroup\n              onChange={this.handleLinkStateChange}\n              value={`${isLinked}`}\n            >\n              <RadioItem value=\"true\">Sync State</RadioItem>\n              <RadioItem value=\"false\">Freeze State</RadioItem>\n            </RadioGroup>\n          </div>\n          <div className=\"form-row\">\n            <div className=\"col-2 label-right\" />\n            <div className=\"col chart-builder-link-info\">\n              {isLinked\n                ? 'Charts with synced state will update to match any filters or user modifications applied to the parent table.'\n                : 'Freeze State disconnects the chart state from the parent table. New filters or user modifications on the parent table will not be applied.'}\n            </div>\n          </div>\n          <div\n            className={classNames('form-row', 'justify-content-end', 'my-3')}\n          >\n            <Button\n              kind=\"secondary\"\n              className=\"btn-reset\"\n              onClick={this.handleReset}\n            >\n              Reset\n            </Button>\n            <Button kind=\"primary\" type=\"submit\" className=\"btn-submit\">\n              Create\n            </Button>\n          </div>\n        </form>\n      </div>\n    );\n  }\n}\n\nexport default ChartBuilder;\n"],"mappings":"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"}
+{"version":3,"file":"ChartBuilder.js","names":["React","PureComponent","classNames","FontAwesomeIcon","Button","RadioGroup","RadioItem","vsLink","dhUnlink","dhTable","dhNewCircleLargeFilled","vsCircleLargeFilled","vsTrash","Log","shortid","BarIcon","HistogramIcon","LineIcon","PieIcon","ScatterIcon","log","module","ChartBuilder","getTypes","dh","plot","SeriesPlotStyle","LINE","BAR","SCATTER","PIE","getTypeName","type","HISTOGRAM","getTypeIcon","getMaxSeriesCount","getXAxisLabel","getSeriesLabel","makeSeriesItem","value","id","generate","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","handleAddSeries","bind","handleLinkStateChange","handleReset","handleSeriesChange","handleSeriesDeleteClick","handleSubmit","handleTypeClick","handleXAxisChange","sendChange","model","xAxis","seriesItems","state","isLinked","setState","newSeriesItems","push","event","target","index","getAttribute","intIndex","parseInt","changeEvent","splice","preventDefault","onSubmit","series","map","item","debug2","slice","onChange","render","xAxisLabel","seriesLabel","isSeriesVisible","isAddSeriesVisible","chartType","key","active","column","seriesItem","i"],"sources":["../../src/sidebar/ChartBuilder.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, RadioGroup, RadioItem } from '@deephaven/components';\nimport {\n  vsLink,\n  dhUnlink,\n  dhTable,\n  dhNewCircleLargeFilled,\n  vsCircleLargeFilled,\n  vsTrash,\n} from '@deephaven/icons';\nimport { Column, dhType, SeriesPlotStyle } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport shortid from 'shortid';\nimport {\n  BarIcon,\n  HistogramIcon,\n  LineIcon,\n  PieIcon,\n  ScatterIcon,\n} from './icons';\nimport './ChartBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\n\nconst log = Log.module('ChartBuilder');\n\nexport type ChartBuilderSettings = {\n  type: SeriesPlotStyle;\n  series: unknown;\n  xAxis: string;\n  isLinked: boolean;\n};\nexport type SeriesItem = {\n  id: string;\n  value: string;\n};\n\ninterface ChartBuilderProps {\n  dh: dhType;\n  model: IrisGridModel;\n  onSubmit: (obj: ChartBuilderSettings) => void;\n  onChange: (obj: ChartBuilderSettings) => void;\n}\ninterface ChartBuilderState {\n  /** The selected chart type */\n  type: SeriesPlotStyle;\n\n  /** Array of column names of the series to display */\n  seriesItems: readonly SeriesItem[];\n\n  /** The column name to use as the x-axis */\n  xAxis: string;\n\n  /** Whether the newly created chart should be linked with the table (update when filters update) */\n  isLinked: boolean;\n}\n/**\n * Form for configuring all the settings when creating a console.\n */\nclass ChartBuilder extends PureComponent<ChartBuilderProps, ChartBuilderState> {\n  static getTypes(dh: dhType) {\n    return [\n      dh.plot.SeriesPlotStyle.LINE,\n      dh.plot.SeriesPlotStyle.BAR,\n      dh.plot.SeriesPlotStyle.SCATTER,\n      dh.plot.SeriesPlotStyle.PIE,\n      // IDS-6808: Disable Histogram in Chart Builder until we pipe histogram creation through the API\n      // dh.plot.SeriesPlotStyle.HISTOGRAM,\n    ];\n  }\n\n  /**\n   * Converts the provided chart type into a readable type.\n   * Just replaces underscores with spaces and capitals the first letter of each word.\n   */\n  static getTypeName(\n    dh: dhType,\n    type: SeriesPlotStyle\n  ): string | SeriesPlotStyle {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.LINE:\n        return 'Line';\n      case dh.plot.SeriesPlotStyle.BAR:\n        return 'Bar';\n      case dh.plot.SeriesPlotStyle.SCATTER:\n        return 'Scatter';\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Pie';\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 'Histogram';\n      default:\n        return type;\n    }\n  }\n\n  static getTypeIcon(\n    dh: dhType,\n    type: SeriesPlotStyle\n  ): React.ReactElement | null {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.LINE:\n        return <LineIcon />;\n      case dh.plot.SeriesPlotStyle.BAR:\n        return <BarIcon />;\n      case dh.plot.SeriesPlotStyle.SCATTER:\n        return <ScatterIcon />;\n      case dh.plot.SeriesPlotStyle.PIE:\n        return <PieIcon />;\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return <HistogramIcon />;\n      default:\n        return null;\n    }\n  }\n\n  static getMaxSeriesCount(dh: dhType, type: SeriesPlotStyle): number {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 1;\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 0;\n      default:\n        return 100;\n    }\n  }\n\n  static getXAxisLabel(dh: dhType, type: SeriesPlotStyle): string {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Labels';\n      case dh.plot.SeriesPlotStyle.HISTOGRAM:\n        return 'Data';\n      default:\n        return 'X-Axis';\n    }\n  }\n\n  static getSeriesLabel(dh: dhType, type: SeriesPlotStyle): string {\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Values';\n      default:\n        return 'Series';\n    }\n  }\n\n  static makeSeriesItem(value: string): SeriesItem {\n    return { id: shortid.generate(), value };\n  }\n\n  static makeDefaultSeriesItems(\n    dh: dhType,\n    type: SeriesPlotStyle,\n    columns: readonly Column[]\n  ): SeriesItem[] {\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n    if (maxSeriesCount === 0 || columns == null || columns.length === 0) {\n      return [];\n    }\n\n    const value = columns.length > 1 ? columns[1].name : columns[0].name;\n    return [ChartBuilder.makeSeriesItem(value)];\n  }\n\n  static getDefaultXAxis(\n    type: SeriesPlotStyle,\n    columns: readonly Column[]\n  ): string | null {\n    if (columns != null && columns.length > 0) {\n      return columns[0].name;\n    }\n\n    return null;\n  }\n\n  constructor(props: ChartBuilderProps) {\n    super(props);\n\n    this.handleAddSeries = this.handleAddSeries.bind(this);\n    this.handleLinkStateChange = this.handleLinkStateChange.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleSeriesChange = this.handleSeriesChange.bind(this);\n    this.handleSeriesDeleteClick = this.handleSeriesDeleteClick.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleTypeClick = this.handleTypeClick.bind(this);\n    this.handleXAxisChange = this.handleXAxisChange.bind(this);\n    this.sendChange = this.sendChange.bind(this);\n\n    const { dh, model } = props;\n    const { columns } = model;\n\n    const type = ChartBuilder.getTypes(dh)[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);\n\n    this.dh = dh;\n\n    this.state = {\n      /** The selected chart type */\n      type,\n\n      /** Array of column names of the series to display */\n      seriesItems,\n\n      /** The column name to use as the x-axis */\n      xAxis,\n\n      /** Whether the newly created chart should be linked with the table (update when filters update) */\n      isLinked: true,\n    };\n  }\n\n  private dh: dhType;\n\n  handleAddSeries(): void {\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      const { model } = this.props;\n      const { columns } = model;\n      newSeriesItems.push({\n        id: shortid.generate(),\n        value: columns[0].name,\n      });\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleLinkStateChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ isLinked: event.target.value === 'true' }, this.sendChange);\n  }\n\n  handleReset(): void {\n    const { model } = this.props;\n    const { columns } = model;\n\n    const type = ChartBuilder.getTypes(dh)[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(\n      this.dh,\n      type,\n      columns\n    );\n    const isLinked = true;\n\n    this.setState({ type, seriesItems, xAxis, isLinked }, this.sendChange);\n  }\n\n  handleSeriesChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const { value } = event.target;\n    const index = event.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    this.setState(state => {\n      let { seriesItems } = state;\n\n      seriesItems = [...seriesItems];\n      seriesItems[intIndex].value = value;\n\n      return { seriesItems };\n    }, this.sendChange);\n  }\n\n  handleSeriesDeleteClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent = (event as unknown) as React.ChangeEvent<HTMLButtonElement>;\n    const index = changeEvent.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      newSeriesItems.splice(intIndex, 1);\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLFormElement>): void {\n    event.preventDefault();\n\n    const { onSubmit } = this.props;\n    const { type, seriesItems, xAxis, isLinked } = this.state;\n    const series = seriesItems.map(item => item.value);\n    onSubmit({\n      type: (`${type}` as unknown) as SeriesPlotStyle,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent = (event as unknown) as React.ChangeEvent<HTMLButtonElement>;\n    const index = changeEvent.target.getAttribute('data-index') as string;\n    const intIndex = parseInt(index, 10);\n\n    const type = ChartBuilder.getTypes(dh)[intIndex];\n\n    log.debug2('handleTypeSelect', type);\n\n    this.setState(state => {\n      const maxSeriesCount = ChartBuilder.getMaxSeriesCount(this.dh, type);\n      let { seriesItems } = state;\n      seriesItems = seriesItems.slice(0, maxSeriesCount);\n      if (seriesItems.length === 0 && maxSeriesCount > 0) {\n        const { model } = this.props;\n        const { columns } = model;\n        seriesItems = ChartBuilder.makeDefaultSeriesItems(\n          this.dh,\n          type,\n          columns\n        );\n      }\n\n      return { type, seriesItems };\n    }, this.sendChange);\n  }\n\n  handleXAxisChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const xAxis = event.target.value;\n    log.debug2('x-axis change', xAxis);\n\n    this.setState({ xAxis }, this.sendChange);\n  }\n\n  sendChange(): void {\n    const { onChange } = this.props;\n    const { isLinked, type, seriesItems, xAxis } = this.state;\n    const series = seriesItems.map(item => item.value);\n\n    onChange({ type, series, xAxis, isLinked });\n  }\n\n  render(): JSX.Element {\n    const { model, dh } = this.props;\n    const { columns } = model;\n    const { seriesItems, type, xAxis, isLinked } = this.state;\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n    const xAxisLabel = ChartBuilder.getXAxisLabel(dh, type);\n    const seriesLabel = ChartBuilder.getSeriesLabel(dh, type);\n    const isSeriesVisible = seriesItems.length > 0;\n    const isAddSeriesVisible = seriesItems.length < maxSeriesCount;\n\n    return (\n      <div className=\"chart-builder\">\n        <form onSubmit={this.handleSubmit}>\n          <div className=\"form-row\">\n            <label>Select Chart Type</label>\n            <div className=\"form-row\">\n              {ChartBuilder.getTypes(dh).map((chartType, index) => {\n                const key = (chartType as unknown) as React.Key;\n                return (\n                  <div key={key} className=\"col col-chart-type\">\n                    <button\n                      type=\"button\"\n                      className={classNames(\n                        'btn',\n                        'btn-icon',\n                        'btn-chart-type',\n                        {\n                          active: chartType === type,\n                        }\n                      )}\n                      data-index={index}\n                      onClick={this.handleTypeClick}\n                    >\n                      {ChartBuilder.getTypeIcon(this.dh, chartType)}\n                      {ChartBuilder.getTypeName(this.dh, chartType)}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n          <hr />\n          <div className=\"form-row form-inline\">\n            <label className=\"col-2 label-left\">{xAxisLabel}</label>\n            <select\n              className=\"form-control custom-select select-x-axis col\"\n              value={xAxis}\n              onChange={this.handleXAxisChange}\n            >\n              {columns.map(column => (\n                <option key={column.name} value={column.name}>\n                  {column.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          {isSeriesVisible && <hr />}\n          {seriesItems.map((seriesItem, i) => (\n            <div\n              className=\"form-row form-inline form-series-item\"\n              key={seriesItem.id}\n              data-testid={`form-series-item-${i}`}\n            >\n              <label className=\"col-2 label-left\">\n                {i === 0 ? seriesLabel : ''}\n              </label>\n              <select\n                className=\"form-control custom-select select-series col\"\n                value={seriesItem.value}\n                onChange={this.handleSeriesChange}\n                data-testid={`select-series-item-${i}`}\n                data-index={i}\n              >\n                {columns.map(column => (\n                  <option key={column.name} value={column.name} data-index={i}>\n                    {column.name}\n                  </option>\n                ))}\n              </select>\n              {seriesItems.length > 1 && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-delete-series ml-2 px-2\"\n                  data-index={i}\n                  data-testid={`delete-series-${i}`}\n                  onClick={this.handleSeriesDeleteClick}\n                  icon={vsTrash}\n                  tooltip=\"Delete\"\n                />\n              )}\n            </div>\n          ))}\n          {isAddSeriesVisible && (\n            <div className=\"form-row\">\n              <div className=\"col-2\" />\n              <Button\n                kind=\"ghost\"\n                className=\"btn-add-series mt-1\"\n                onClick={this.handleAddSeries}\n                icon={dhNewCircleLargeFilled}\n              >\n                Add Series\n              </Button>\n            </div>\n          )}\n          <div className=\"form-row chart-builder-link\">\n            <label className=\"col-2 label-right\">\n              <div className=\"fa-md fa-layers\">\n                <FontAwesomeIcon\n                  mask={dhTable}\n                  icon={vsCircleLargeFilled}\n                  transform=\"right-5 down-5\"\n                />\n                <FontAwesomeIcon\n                  icon={isLinked ? vsLink : dhUnlink}\n                  transform=\"grow-2 right-8 down-6\"\n                />\n              </div>\n            </label>\n            <RadioGroup\n              onChange={this.handleLinkStateChange}\n              value={`${isLinked}`}\n            >\n              <RadioItem value=\"true\">Sync State</RadioItem>\n              <RadioItem value=\"false\">Freeze State</RadioItem>\n            </RadioGroup>\n          </div>\n          <div className=\"form-row\">\n            <div className=\"col-2 label-right\" />\n            <div className=\"col chart-builder-link-info\">\n              {isLinked\n                ? 'Charts with synced state will update to match any filters or user modifications applied to the parent table.'\n                : 'Freeze State disconnects the chart state from the parent table. New filters or user modifications on the parent table will not be applied.'}\n            </div>\n          </div>\n          <div\n            className={classNames('form-row', 'justify-content-end', 'my-3')}\n          >\n            <Button\n              kind=\"secondary\"\n              className=\"btn-reset\"\n              onClick={this.handleReset}\n            >\n              Reset\n            </Button>\n            <Button kind=\"primary\" type=\"submit\" className=\"btn-submit\">\n              Create\n            </Button>\n          </div>\n        </form>\n      </div>\n    );\n  }\n}\n\nexport default ChartBuilder;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,EAAEC,UAAU,EAAEC,SAAS,QAAQ,uBAAuB;AACrE,SACEC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,OAAO,QACF,kBAAkB;AAEzB,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,OAAO,MAAM,SAAS;AAAC,SAE5BC,OAAO,EACPC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,WAAW;AAAA;AAKb,IAAMC,GAAG,GAAGP,GAAG,CAACQ,MAAM,CAAC,cAAc,CAAC;AAgCtC;AACA;AACA;AACA,MAAMC,YAAY,SAASrB,aAAa,CAAuC;EAC7E,OAAOsB,QAAQ,CAACC,EAAU,EAAE;IAC1B,OAAO,CACLA,EAAE,CAACC,IAAI,CAACC,eAAe,CAACC,IAAI,EAC5BH,EAAE,CAACC,IAAI,CAACC,eAAe,CAACE,GAAG,EAC3BJ,EAAE,CAACC,IAAI,CAACC,eAAe,CAACG,OAAO,EAC/BL,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI;IACxB;IACA;IAAA,CACD;EACH;;EAEA;AACF;AACA;AACA;EACE,OAAOC,WAAW,CAChBP,EAAU,EACVQ,IAAqB,EACK;IAC1B,QAAQA,IAAI;MACV,KAAKR,EAAE,CAACC,IAAI,CAACC,eAAe,CAACC,IAAI;QAC/B,OAAO,MAAM;MACf,KAAKH,EAAE,CAACC,IAAI,CAACC,eAAe,CAACE,GAAG;QAC9B,OAAO,KAAK;MACd,KAAKJ,EAAE,CAACC,IAAI,CAACC,eAAe,CAACG,OAAO;QAClC,OAAO,SAAS;MAClB,KAAKL,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI,GAAG;QAC9B,OAAO,KAAK;MACd,KAAKN,EAAE,CAACC,IAAI,CAACC,eAAe,CAACO,SAAS;QACpC,OAAO,WAAW;MACpB;QACE,OAAOD,IAAI;IAAC;EAElB;EAEA,OAAOE,WAAW,CAChBV,EAAU,EACVQ,IAAqB,EACM;IAC3B,QAAQA,IAAI;MACV,KAAKR,EAAE,CAACC,IAAI,CAACC,eAAe,CAACC,IAAI;QAC/B,oBAAO,oBAAC,QAAQ,OAAG;MACrB,KAAKH,EAAE,CAACC,IAAI,CAACC,eAAe,CAACE,GAAG;QAC9B,oBAAO,oBAAC,OAAO,OAAG;MACpB,KAAKJ,EAAE,CAACC,IAAI,CAACC,eAAe,CAACG,OAAO;QAClC,oBAAO,oBAAC,WAAW,OAAG;MACxB,KAAKL,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI,GAAG;QAC9B,oBAAO,oBAAC,OAAO,OAAG;MACpB,KAAKN,EAAE,CAACC,IAAI,CAACC,eAAe,CAACO,SAAS;QACpC,oBAAO,oBAAC,aAAa,OAAG;MAC1B;QACE,OAAO,IAAI;IAAC;EAElB;EAEA,OAAOE,iBAAiB,CAACX,EAAU,EAAEQ,IAAqB,EAAU;IAClE,QAAQA,IAAI;MACV,KAAKR,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI,GAAG;QAC9B,OAAO,CAAC;MACV,KAAKN,EAAE,CAACC,IAAI,CAACC,eAAe,CAACO,SAAS;QACpC,OAAO,CAAC;MACV;QACE,OAAO,GAAG;IAAC;EAEjB;EAEA,OAAOG,aAAa,CAACZ,EAAU,EAAEQ,IAAqB,EAAU;IAC9D,QAAQA,IAAI;MACV,KAAKR,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI,GAAG;QAC9B,OAAO,QAAQ;MACjB,KAAKN,EAAE,CAACC,IAAI,CAACC,eAAe,CAACO,SAAS;QACpC,OAAO,MAAM;MACf;QACE,OAAO,QAAQ;IAAC;EAEtB;EAEA,OAAOI,cAAc,CAACb,EAAU,EAAEQ,IAAqB,EAAU;IAC/D,QAAQA,IAAI;MACV,KAAKR,EAAE,CAACC,IAAI,CAACC,eAAe,CAACI,GAAG;QAC9B,OAAO,QAAQ;MACjB;QACE,OAAO,QAAQ;IAAC;EAEtB;EAEA,OAAOQ,cAAc,CAACC,KAAa,EAAc;IAC/C,OAAO;MAAEC,EAAE,EAAE1B,OAAO,CAAC2B,QAAQ,EAAE;MAAEF;IAAM,CAAC;EAC1C;EAEA,OAAOG,sBAAsB,CAC3BlB,EAAU,EACVQ,IAAqB,EACrBW,OAA0B,EACZ;IACd,IAAMC,cAAc,GAAGtB,YAAY,CAACa,iBAAiB,CAACX,EAAE,EAAEQ,IAAI,CAAC;IAC/D,IAAIY,cAAc,KAAK,CAAC,IAAID,OAAO,IAAI,IAAI,IAAIA,OAAO,CAACE,MAAM,KAAK,CAAC,EAAE;MACnE,OAAO,EAAE;IACX;IAEA,IAAMN,KAAK,GAAGI,OAAO,CAACE,MAAM,GAAG,CAAC,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACG,IAAI,GAAGH,OAAO,CAAC,CAAC,CAAC,CAACG,IAAI;IACpE,OAAO,CAACxB,YAAY,CAACgB,cAAc,CAACC,KAAK,CAAC,CAAC;EAC7C;EAEA,OAAOQ,eAAe,CACpBf,IAAqB,EACrBW,OAA0B,EACX;IACf,IAAIA,OAAO,IAAI,IAAI,IAAIA,OAAO,CAACE,MAAM,GAAG,CAAC,EAAE;MACzC,OAAOF,OAAO,CAAC,CAAC,CAAC,CAACG,IAAI;IACxB;IAEA,OAAO,IAAI;EACb;EAEAE,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;IAAC;IAEb,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACD,IAAI,CAAC,IAAI,CAAC;IAClE,IAAI,CAACE,WAAW,GAAG,IAAI,CAACA,WAAW,CAACF,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACG,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACH,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACI,uBAAuB,GAAG,IAAI,CAACA,uBAAuB,CAACJ,IAAI,CAAC,IAAI,CAAC;IACtE,IAAI,CAACK,YAAY,GAAG,IAAI,CAACA,YAAY,CAACL,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACM,eAAe,GAAG,IAAI,CAACA,eAAe,CAACN,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACO,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACP,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACQ,UAAU,GAAG,IAAI,CAACA,UAAU,CAACR,IAAI,CAAC,IAAI,CAAC;IAE5C,IAAM;MAAE3B,EAAE;MAAEoC;IAAM,CAAC,GAAGX,KAAK;IAC3B,IAAM;MAAEN;IAAQ,CAAC,GAAGiB,KAAK;IAEzB,IAAM5B,IAAI,GAAGV,YAAY,CAACC,QAAQ,CAACC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzC,IAAMqC,KAAK,GAAGvC,YAAY,CAACyB,eAAe,CAACf,IAAI,EAAEW,OAAO,CAAW;IACnE,IAAMmB,WAAW,GAAGxC,YAAY,CAACoB,sBAAsB,CAAClB,EAAE,EAAEQ,IAAI,EAAEW,OAAO,CAAC;IAE1E,IAAI,CAACnB,EAAE,GAAGA,EAAE;IAEZ,IAAI,CAACuC,KAAK,GAAG;MACX;MACA/B,IAAI;MAEJ;MACA8B,WAAW;MAEX;MACAD,KAAK;MAEL;MACAG,QAAQ,EAAE;IACZ,CAAC;EACH;EAIAd,eAAe,GAAS;IACtB,IAAI,CAACe,QAAQ,CAACF,KAAK,IAAI;MACrB,IAAM;QAAED;MAAY,CAAC,GAAGC,KAAK;MAC7B,IAAMG,cAAc,GAAG,CAAC,GAAGJ,WAAW,CAAC;MAEvC,IAAM;QAAEF;MAAM,CAAC,GAAG,IAAI,CAACX,KAAK;MAC5B,IAAM;QAAEN;MAAQ,CAAC,GAAGiB,KAAK;MACzBM,cAAc,CAACC,IAAI,CAAC;QAClB3B,EAAE,EAAE1B,OAAO,CAAC2B,QAAQ,EAAE;QACtBF,KAAK,EAAEI,OAAO,CAAC,CAAC,CAAC,CAACG;MACpB,CAAC,CAAC;MAEF,OAAO;QAAEgB,WAAW,EAAEI;MAAe,CAAC;IACxC,CAAC,EAAE,IAAI,CAACP,UAAU,CAAC;EACrB;EAEAP,qBAAqB,CAACgB,KAA0C,EAAQ;IACtE,IAAI,CAACH,QAAQ,CAAC;MAAED,QAAQ,EAAEI,KAAK,CAACC,MAAM,CAAC9B,KAAK,KAAK;IAAO,CAAC,EAAE,IAAI,CAACoB,UAAU,CAAC;EAC7E;EAEAN,WAAW,GAAS;IAClB,IAAM;MAAEO;IAAM,CAAC,GAAG,IAAI,CAACX,KAAK;IAC5B,IAAM;MAAEN;IAAQ,CAAC,GAAGiB,KAAK;IAEzB,IAAM5B,IAAI,GAAGV,YAAY,CAACC,QAAQ,CAACC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzC,IAAMqC,KAAK,GAAGvC,YAAY,CAACyB,eAAe,CAACf,IAAI,EAAEW,OAAO,CAAW;IACnE,IAAMmB,WAAW,GAAGxC,YAAY,CAACoB,sBAAsB,CACrD,IAAI,CAAClB,EAAE,EACPQ,IAAI,EACJW,OAAO,CACR;IACD,IAAMqB,QAAQ,GAAG,IAAI;IAErB,IAAI,CAACC,QAAQ,CAAC;MAAEjC,IAAI;MAAE8B,WAAW;MAAED,KAAK;MAAEG;IAAS,CAAC,EAAE,IAAI,CAACL,UAAU,CAAC;EACxE;EAEAL,kBAAkB,CAACc,KAA2C,EAAQ;IACpE,IAAM;MAAE7B;IAAM,CAAC,GAAG6B,KAAK,CAACC,MAAM;IAC9B,IAAMC,KAAK,GAAGF,KAAK,CAACC,MAAM,CAACE,YAAY,CAAC,YAAY,CAAW;IAC/D,IAAMC,QAAQ,GAAGC,QAAQ,CAACH,KAAK,EAAE,EAAE,CAAC;IAEpC,IAAI,CAACL,QAAQ,CAACF,KAAK,IAAI;MACrB,IAAI;QAAED;MAAY,CAAC,GAAGC,KAAK;MAE3BD,WAAW,GAAG,CAAC,GAAGA,WAAW,CAAC;MAC9BA,WAAW,CAACU,QAAQ,CAAC,CAACjC,KAAK,GAAGA,KAAK;MAEnC,OAAO;QAAEuB;MAAY,CAAC;IACxB,CAAC,EAAE,IAAI,CAACH,UAAU,CAAC;EACrB;EAEAJ,uBAAuB,CAACa,KAA0C,EAAQ;IACxE,IAAMM,WAAW,GAAIN,KAAyD;IAC9E,IAAME,KAAK,GAAGI,WAAW,CAACL,MAAM,CAACE,YAAY,CAAC,YAAY,CAAW;IACrE,IAAMC,QAAQ,GAAGC,QAAQ,CAACH,KAAK,EAAE,EAAE,CAAC;IAEpC,IAAI,CAACL,QAAQ,CAACF,KAAK,IAAI;MACrB,IAAM;QAAED;MAAY,CAAC,GAAGC,KAAK;MAC7B,IAAMG,cAAc,GAAG,CAAC,GAAGJ,WAAW,CAAC;MAEvCI,cAAc,CAACS,MAAM,CAACH,QAAQ,EAAE,CAAC,CAAC;MAElC,OAAO;QAAEV,WAAW,EAAEI;MAAe,CAAC;IACxC,CAAC,EAAE,IAAI,CAACP,UAAU,CAAC;EACrB;EAEAH,YAAY,CAACY,KAAuC,EAAQ;IAC1DA,KAAK,CAACQ,cAAc,EAAE;IAEtB,IAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAC/B,IAAM;MAAEjB,IAAI;MAAE8B,WAAW;MAAED,KAAK;MAAEG;IAAS,CAAC,GAAG,IAAI,CAACD,KAAK;IACzD,IAAMe,MAAM,GAAGhB,WAAW,CAACiB,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACzC,KAAK,CAAC;IAClDsC,QAAQ,CAAC;MACP7C,IAAI,YAAMA,IAAI,CAAiC;MAC/C8C,MAAM;MACNjB,KAAK;MACLG;IACF,CAAC,CAAC;EACJ;EAEAP,eAAe,CAACW,KAA0C,EAAQ;IAChE,IAAMM,WAAW,GAAIN,KAAyD;IAC9E,IAAME,KAAK,GAAGI,WAAW,CAACL,MAAM,CAACE,YAAY,CAAC,YAAY,CAAW;IACrE,IAAMC,QAAQ,GAAGC,QAAQ,CAACH,KAAK,EAAE,EAAE,CAAC;IAEpC,IAAMtC,IAAI,GAAGV,YAAY,CAACC,QAAQ,CAACC,EAAE,CAAC,CAACgD,QAAQ,CAAC;IAEhDpD,GAAG,CAAC6D,MAAM,CAAC,kBAAkB,EAAEjD,IAAI,CAAC;IAEpC,IAAI,CAACiC,QAAQ,CAACF,KAAK,IAAI;MACrB,IAAMnB,cAAc,GAAGtB,YAAY,CAACa,iBAAiB,CAAC,IAAI,CAACX,EAAE,EAAEQ,IAAI,CAAC;MACpE,IAAI;QAAE8B;MAAY,CAAC,GAAGC,KAAK;MAC3BD,WAAW,GAAGA,WAAW,CAACoB,KAAK,CAAC,CAAC,EAAEtC,cAAc,CAAC;MAClD,IAAIkB,WAAW,CAACjB,MAAM,KAAK,CAAC,IAAID,cAAc,GAAG,CAAC,EAAE;QAClD,IAAM;UAAEgB;QAAM,CAAC,GAAG,IAAI,CAACX,KAAK;QAC5B,IAAM;UAAEN;QAAQ,CAAC,GAAGiB,KAAK;QACzBE,WAAW,GAAGxC,YAAY,CAACoB,sBAAsB,CAC/C,IAAI,CAAClB,EAAE,EACPQ,IAAI,EACJW,OAAO,CACR;MACH;MAEA,OAAO;QAAEX,IAAI;QAAE8B;MAAY,CAAC;IAC9B,CAAC,EAAE,IAAI,CAACH,UAAU,CAAC;EACrB;EAEAD,iBAAiB,CAACU,KAA2C,EAAQ;IACnE,IAAMP,KAAK,GAAGO,KAAK,CAACC,MAAM,CAAC9B,KAAK;IAChCnB,GAAG,CAAC6D,MAAM,CAAC,eAAe,EAAEpB,KAAK,CAAC;IAElC,IAAI,CAACI,QAAQ,CAAC;MAAEJ;IAAM,CAAC,EAAE,IAAI,CAACF,UAAU,CAAC;EAC3C;EAEAA,UAAU,GAAS;IACjB,IAAM;MAAEwB;IAAS,CAAC,GAAG,IAAI,CAAClC,KAAK;IAC/B,IAAM;MAAEe,QAAQ;MAAEhC,IAAI;MAAE8B,WAAW;MAAED;IAAM,CAAC,GAAG,IAAI,CAACE,KAAK;IACzD,IAAMe,MAAM,GAAGhB,WAAW,CAACiB,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACzC,KAAK,CAAC;IAElD4C,QAAQ,CAAC;MAAEnD,IAAI;MAAE8C,MAAM;MAAEjB,KAAK;MAAEG;IAAS,CAAC,CAAC;EAC7C;EAEAoB,MAAM,GAAgB;IACpB,IAAM;MAAExB,KAAK;MAAEpC;IAAG,CAAC,GAAG,IAAI,CAACyB,KAAK;IAChC,IAAM;MAAEN;IAAQ,CAAC,GAAGiB,KAAK;IACzB,IAAM;MAAEE,WAAW;MAAE9B,IAAI;MAAE6B,KAAK;MAAEG;IAAS,CAAC,GAAG,IAAI,CAACD,KAAK;IACzD,IAAMnB,cAAc,GAAGtB,YAAY,CAACa,iBAAiB,CAACX,EAAE,EAAEQ,IAAI,CAAC;IAC/D,IAAMqD,UAAU,GAAG/D,YAAY,CAACc,aAAa,CAACZ,EAAE,EAAEQ,IAAI,CAAC;IACvD,IAAMsD,WAAW,GAAGhE,YAAY,CAACe,cAAc,CAACb,EAAE,EAAEQ,IAAI,CAAC;IACzD,IAAMuD,eAAe,GAAGzB,WAAW,CAACjB,MAAM,GAAG,CAAC;IAC9C,IAAM2C,kBAAkB,GAAG1B,WAAW,CAACjB,MAAM,GAAGD,cAAc;IAE9D,oBACE;MAAK,SAAS,EAAC;IAAe,gBAC5B;MAAM,QAAQ,EAAE,IAAI,CAACY;IAAa,gBAChC;MAAK,SAAS,EAAC;IAAU,gBACvB,mCAAO,mBAAiB,CAAQ,eAChC;MAAK,SAAS,EAAC;IAAU,GACtBlC,YAAY,CAACC,QAAQ,CAACC,EAAE,CAAC,CAACuD,GAAG,CAAC,CAACU,SAAS,EAAEnB,KAAK,KAAK;MACnD,IAAMoB,GAAG,GAAID,SAAkC;MAC/C,oBACE;QAAK,GAAG,EAAEC,GAAI;QAAC,SAAS,EAAC;MAAoB,gBAC3C;QACE,IAAI,EAAC,QAAQ;QACb,SAAS,EAAExF,UAAU,CACnB,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB;UACEyF,MAAM,EAAEF,SAAS,KAAKzD;QACxB,CAAC,CACD;QACF,cAAYsC,KAAM;QAClB,OAAO,EAAE,IAAI,CAACb;MAAgB,GAE7BnC,YAAY,CAACY,WAAW,CAAC,IAAI,CAACV,EAAE,EAAEiE,SAAS,CAAC,EAC5CnE,YAAY,CAACS,WAAW,CAAC,IAAI,CAACP,EAAE,EAAEiE,SAAS,CAAC,CACtC,CACL;IAEV,CAAC,CAAC,CACE,CACF,eACN,+BAAM,eACN;MAAK,SAAS,EAAC;IAAsB,gBACnC;MAAO,SAAS,EAAC;IAAkB,GAAEJ,UAAU,CAAS,eACxD;MACE,SAAS,EAAC,8CAA8C;MACxD,KAAK,EAAExB,KAAM;MACb,QAAQ,EAAE,IAAI,CAACH;IAAkB,GAEhCf,OAAO,CAACoC,GAAG,CAACa,MAAM,iBACjB;MAAQ,GAAG,EAAEA,MAAM,CAAC9C,IAAK;MAAC,KAAK,EAAE8C,MAAM,CAAC9C;IAAK,GAC1C8C,MAAM,CAAC9C,IAAI,CAEf,CAAC,CACK,CACL,EACLyC,eAAe,iBAAI,+BAAM,EACzBzB,WAAW,CAACiB,GAAG,CAAC,CAACc,UAAU,EAAEC,CAAC,kBAC7B;MACE,SAAS,EAAC,uCAAuC;MACjD,GAAG,EAAED,UAAU,CAACrD,EAAG;MACnB,0CAAiCsD,CAAC;IAAG,gBAErC;MAAO,SAAS,EAAC;IAAkB,GAChCA,CAAC,KAAK,CAAC,GAAGR,WAAW,GAAG,EAAE,CACrB,eACR;MACE,SAAS,EAAC,8CAA8C;MACxD,KAAK,EAAEO,UAAU,CAACtD,KAAM;MACxB,QAAQ,EAAE,IAAI,CAACe,kBAAmB;MAClC,4CAAmCwC,CAAC,CAAG;MACvC,cAAYA;IAAE,GAEbnD,OAAO,CAACoC,GAAG,CAACa,MAAM,iBACjB;MAAQ,GAAG,EAAEA,MAAM,CAAC9C,IAAK;MAAC,KAAK,EAAE8C,MAAM,CAAC9C,IAAK;MAAC,cAAYgD;IAAE,GACzDF,MAAM,CAAC9C,IAAI,CAEf,CAAC,CACK,EACRgB,WAAW,CAACjB,MAAM,GAAG,CAAC,iBACrB,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,6BAA6B;MACvC,cAAYiD,CAAE;MACd,uCAA8BA,CAAC,CAAG;MAClC,OAAO,EAAE,IAAI,CAACvC,uBAAwB;MACtC,IAAI,EAAE3C,OAAQ;MACd,OAAO,EAAC;IAAQ,EAEnB,CAEJ,CAAC,EACD4E,kBAAkB,iBACjB;MAAK,SAAS,EAAC;IAAU,gBACvB;MAAK,SAAS,EAAC;IAAO,EAAG,eACzB,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,qBAAqB;MAC/B,OAAO,EAAE,IAAI,CAACtC,eAAgB;MAC9B,IAAI,EAAExC;IAAuB,GAC9B,YAED,CAAS,CAEZ,eACD;MAAK,SAAS,EAAC;IAA6B,gBAC1C;MAAO,SAAS,EAAC;IAAmB,gBAClC;MAAK,SAAS,EAAC;IAAiB,gBAC9B,oBAAC,eAAe;MACd,IAAI,EAAED,OAAQ;MACd,IAAI,EAAEE,mBAAoB;MAC1B,SAAS,EAAC;IAAgB,EAC1B,eACF,oBAAC,eAAe;MACd,IAAI,EAAEqD,QAAQ,GAAGzD,MAAM,GAAGC,QAAS;MACnC,SAAS,EAAC;IAAuB,EACjC,CACE,CACA,eACR,oBAAC,UAAU;MACT,QAAQ,EAAE,IAAI,CAAC4C,qBAAsB;MACrC,KAAK,YAAKY,QAAQ;IAAG,gBAErB,oBAAC,SAAS;MAAC,KAAK,EAAC;IAAM,GAAC,YAAU,CAAY,eAC9C,oBAAC,SAAS;MAAC,KAAK,EAAC;IAAO,GAAC,cAAY,CAAY,CACtC,CACT,eACN;MAAK,SAAS,EAAC;IAAU,gBACvB;MAAK,SAAS,EAAC;IAAmB,EAAG,eACrC;MAAK,SAAS,EAAC;IAA6B,GACzCA,QAAQ,GACL,8GAA8G,GAC9G,4IAA4I,CAC5I,CACF,eACN;MACE,SAAS,EAAE9D,UAAU,CAAC,UAAU,EAAE,qBAAqB,EAAE,MAAM;IAAE,gBAEjE,oBAAC,MAAM;MACL,IAAI,EAAC,WAAW;MAChB,SAAS,EAAC,WAAW;MACrB,OAAO,EAAE,IAAI,CAACmD;IAAY,GAC3B,OAED,CAAS,eACT,oBAAC,MAAM;MAAC,IAAI,EAAC,SAAS;MAAC,IAAI,EAAC,QAAQ;MAAC,SAAS,EAAC;IAAY,GAAC,QAE5D,CAAS,CACL,CACD,CACH;EAEV;AACF;AAEA,eAAe/B,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/iris-grid",
-  "version": "0.35.1-sideEffects.3+9dd055ba",
+  "version": "0.35.1-test-envoy.18+6e346a00",
   "description": "Deephaven Iris Grid",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -23,17 +23,17 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/console": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/filters": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/grid": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/icons": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/jsapi-shim": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/jsapi-utils": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/log": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/react-hooks": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/storage": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/utils": "^0.35.1-sideEffects.3+9dd055ba",
+    "@deephaven/components": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/console": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/filters": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/grid": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/icons": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/jsapi-shim": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/jsapi-utils": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/log": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/react-hooks": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/storage": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/utils": "^0.35.1-test-envoy.18+6e346a00",
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/sortable": "^7.0.0",
     "@dnd-kit/utilities": "^3.2.0",
@@ -56,8 +56,8 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.35.1-sideEffects.3+9dd055ba",
-    "@deephaven/tsconfig": "^0.35.1-sideEffects.3+9dd055ba"
+    "@deephaven/mocks": "^0.35.1-test-envoy.18+6e346a00",
+    "@deephaven/tsconfig": "^0.35.1-test-envoy.18+6e346a00"
   },
   "files": [
     "dist"
@@ -68,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9dd055bad4a66ef05ce953a1df0fa6ef5ccb0ea8"
+  "gitHead": "6e346a00a90210a7f7dfa97a06c1bd998b70b68b"
 }