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

package/dist/sidebar/ChartBuilder.js

@@ -47,13 +47,9 @@ class ChartBuilder extends PureComponent {
   constructor(props) {
     super(props);
     bindAllMethods(this);
-    var {
-      model
-    } = props;
-    var {
-      columns,
-      dh
-    } = model;
+    var model = props.model;
+    var columns = model.columns,
+      dh = model.dh;
     var type = this.getTypes()[0];
     var xAxis = ChartBuilder.getDefaultXAxis(type, columns);
     var seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);
@@ -69,12 +65,8 @@ class ChartBuilder extends PureComponent {
     };
   }
   getTypes() {
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
+    var model = this.props.model;
+    var dh = model.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,
@@ -86,12 +78,8 @@ class ChartBuilder extends PureComponent {
    * Just replaces underscores with spaces and capitals the first letter of each word.
    */
   getTypeName(type) {
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
+    var model = this.props.model;
+    var dh = model.dh;
     switch (type) {
       case dh.plot.SeriesPlotStyle.LINE:
         return 'Line';
@@ -108,12 +96,8 @@ class ChartBuilder extends PureComponent {
     }
   }
   getTypeIcon(type) {
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
+    var model = this.props.model;
+    var dh = model.dh;
     switch (type) {
       case dh.plot.SeriesPlotStyle.LINE:
         return /*#__PURE__*/_jsx(LineIcon, {});
@@ -130,12 +114,8 @@ class ChartBuilder extends PureComponent {
     }
   }
   getXAxisLabel(type) {
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
+    var model = this.props.model;
+    var dh = model.dh;
     switch (type) {
       case dh.plot.SeriesPlotStyle.PIE:
         return 'Labels';
@@ -146,12 +126,8 @@ class ChartBuilder extends PureComponent {
     }
   }
   getSeriesLabel(type) {
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
+    var model = this.props.model;
+    var dh = model.dh;
     switch (type) {
       case dh.plot.SeriesPlotStyle.PIE:
         return 'Values';
@@ -161,16 +137,10 @@ class ChartBuilder extends PureComponent {
   }
   handleAddSeries() {
     this.setState(state => {
-      var {
-        seriesItems
-      } = state;
+      var seriesItems = state.seriesItems;
       var newSeriesItems = [...seriesItems];
-      var {
-        model
-      } = this.props;
-      var {
-        columns
-      } = model;
+      var model = this.props.model;
+      var columns = model.columns;
       newSeriesItems.push({
         id: nanoid(),
         value: columns[0].name
@@ -186,13 +156,9 @@ class ChartBuilder extends PureComponent {
     }, this.sendChange);
   }
   handleReset() {
-    var {
-      model
-    } = this.props;
-    var {
-      columns,
-      dh
-    } = model;
+    var model = this.props.model;
+    var columns = model.columns,
+      dh = model.dh;
     var type = this.getTypes()[0];
     var xAxis = ChartBuilder.getDefaultXAxis(type, columns);
     var seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);
@@ -207,9 +173,7 @@ class ChartBuilder extends PureComponent {
   handleSeriesChange(eventTargetValue, index) {
     var value = eventTargetValue;
     this.setState(state => {
-      var {
-        seriesItems
-      } = state;
+      var seriesItems = state.seriesItems;
       seriesItems = [...seriesItems];
       seriesItems[index].value = value;
       return {
@@ -219,9 +183,7 @@ class ChartBuilder extends PureComponent {
   }
   handleSeriesDeleteClick(index) {
     this.setState(state => {
-      var {
-        seriesItems
-      } = state;
+      var seriesItems = state.seriesItems;
       var newSeriesItems = [...seriesItems];
       newSeriesItems.splice(index, 1);
       return {
@@ -231,15 +193,12 @@ class ChartBuilder extends PureComponent {
   }
   handleSubmit(event) {
     event.preventDefault();
-    var {
-      onSubmit
-    } = this.props;
-    var {
-      type,
-      seriesItems,
-      xAxis,
-      isLinked
-    } = this.state;
+    var onSubmit = this.props.onSubmit;
+    var _this$state = this.state,
+      type = _this$state.type,
+      seriesItems = _this$state.seriesItems,
+      xAxis = _this$state.xAxis,
+      isLinked = _this$state.isLinked;
     var series = seriesItems.map(item => item.value);
     onSubmit({
       type,
@@ -252,21 +211,13 @@ class ChartBuilder extends PureComponent {
     var type = this.getTypes()[index];
     log.debug2('handleTypeSelect', type);
     this.setState(state => {
-      var {
-        model
-      } = this.props;
-      var {
-        dh
-      } = model;
+      var model = this.props.model;
+      var dh = model.dh;
       var maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);
-      var {
-        seriesItems
-      } = state;
+      var seriesItems = state.seriesItems;
       seriesItems = seriesItems.slice(0, maxSeriesCount);
       if (seriesItems.length === 0 && maxSeriesCount > 0) {
-        var {
-          columns
-        } = model;
+        var columns = model.columns;
         seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);
       }
       return {
@@ -283,15 +234,12 @@ class ChartBuilder extends PureComponent {
     }, this.sendChange);
   }
   sendChange() {
-    var {
-      onChange
-    } = this.props;
-    var {
-      isLinked,
-      type,
-      seriesItems,
-      xAxis
-    } = this.state;
+    var onChange = this.props.onChange;
+    var _this$state2 = this.state,
+      isLinked = _this$state2.isLinked,
+      type = _this$state2.type,
+      seriesItems = _this$state2.seriesItems,
+      xAxis = _this$state2.xAxis;
     var series = seriesItems.map(item => item.value);
     onChange({
       type,
@@ -301,19 +249,14 @@ class ChartBuilder extends PureComponent {
     });
   }
   render() {
-    var {
-      model
-    } = this.props;
-    var {
-      columns,
-      dh
-    } = model;
-    var {
-      seriesItems,
-      type,
-      xAxis,
-      isLinked
-    } = this.state;
+    var model = this.props.model;
+    var columns = model.columns,
+      dh = model.dh;
+    var _this$state3 = this.state,
+      seriesItems = _this$state3.seriesItems,
+      type = _this$state3.type,
+      xAxis = _this$state3.xAxis,
+      isLinked = _this$state3.isLinked;
     var maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);
     var xAxisLabel = this.getXAxisLabel(type);
     var seriesLabel = this.getSeriesLabel(type);

package/dist/sidebar/ChartBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilder.js","names":["React","PureComponent","classNames","FontAwesomeIcon","Button","RadioGroup","Radio","Select","vsLink","dhUnlink","dhTable","dhNewCircleLargeFilled","vsCircleLargeFilled","vsTrash","Log","bindAllMethods","nanoid","BarIcon","HistogramIcon","LineIcon","PieIcon","ScatterIcon","jsx","_jsx","jsxs","_jsxs","log","module","ChartBuilder","getMaxSeriesCount","dh","type","plot","SeriesPlotStyle","PIE","HISTOGRAM","makeSeriesItem","value","id","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","model","getTypes","xAxis","seriesItems","state","isLinked","LINE","BAR","SCATTER","getTypeName","getTypeIcon","getXAxisLabel","getSeriesLabel","handleAddSeries","setState","newSeriesItems","push","sendChange","handleLinkStateChange","handleReset","handleSeriesChange","eventTargetValue","index","handleSeriesDeleteClick","splice","handleSubmit","event","preventDefault","onSubmit","series","map","item","handleTypeClick","debug2","slice","handleXAxisChange","onChange","render","xAxisLabel","seriesLabel","isSeriesVisible","isAddSeriesVisible","className","children","chartType","key","active","onClick","column","seriesItem","i","concat","v","kind","icon","tooltip","mask","transform","orientation"],"sources":["../../src/sidebar/ChartBuilder.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, RadioGroup, Radio, Select } from '@deephaven/components';\nimport {\n  vsLink,\n  dhUnlink,\n  dhTable,\n  dhNewCircleLargeFilled,\n  vsCircleLargeFilled,\n  vsTrash,\n} from '@deephaven/icons';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { bindAllMethods } from '@deephaven/utils';\nimport { nanoid } from 'nanoid';\nimport {\n  BarIcon,\n  HistogramIcon,\n  LineIcon,\n  PieIcon,\n  ScatterIcon,\n} from './icons';\nimport './ChartBuilder.scss';\nimport type IrisGridModel from '../IrisGridModel';\n\nconst log = Log.module('ChartBuilder');\n\nexport type ChartBuilderSettings = {\n  type: DhType.plot.SeriesPlotStyle;\n  series: string[];\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: DhType.plot.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 getMaxSeriesCount(\n    dh: typeof DhType,\n    type: DhType.plot.SeriesPlotStyle\n  ): 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 makeSeriesItem(value: string): SeriesItem {\n    return { id: nanoid(), value };\n  }\n\n  static makeDefaultSeriesItems(\n    dh: typeof DhType,\n    type: DhType.plot.SeriesPlotStyle,\n    columns: readonly DhType.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: DhType.plot.SeriesPlotStyle,\n    columns: readonly DhType.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    bindAllMethods(this);\n\n    const { model } = props;\n    const { columns, dh } = model;\n\n    const type = this.getTypes()[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, 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  getTypes(): number[] {\n    const { model } = this.props;\n    const { dh } = model;\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  getTypeName(type: number): string | number {\n    const { model } = this.props;\n    const { dh } = model;\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  getTypeIcon(type: DhType.plot.SeriesPlotStyle): React.ReactElement | null {\n    const { model } = this.props;\n    const { dh } = model;\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  getXAxisLabel(type: DhType.plot.SeriesPlotStyle): string {\n    const { model } = this.props;\n    const { dh } = model;\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  getSeriesLabel(type: DhType.plot.SeriesPlotStyle): string {\n    const { model } = this.props;\n    const { dh } = model;\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Values';\n      default:\n        return 'Series';\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: nanoid(),\n        value: columns[0].name,\n      });\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleLinkStateChange(value: string): void {\n    this.setState({ isLinked: value === 'true' }, this.sendChange);\n  }\n\n  handleReset(): void {\n    const { model } = this.props;\n    const { columns, dh } = model;\n\n    const type = this.getTypes()[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);\n    const isLinked = true;\n\n    this.setState({ type, seriesItems, xAxis, isLinked }, this.sendChange);\n  }\n\n  handleSeriesChange(eventTargetValue: string, index: number): void {\n    const value = eventTargetValue;\n\n    this.setState(state => {\n      let { seriesItems } = state;\n      seriesItems = [...seriesItems];\n      seriesItems[index].value = value;\n\n      return { seriesItems };\n    }, this.sendChange);\n  }\n\n  handleSeriesDeleteClick(index: number): void {\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      newSeriesItems.splice(index, 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,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(index: number): void {\n    const type = this.getTypes()[index];\n\n    log.debug2('handleTypeSelect', type);\n\n    this.setState(state => {\n      const { model } = this.props;\n      const { dh } = model;\n      const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n      let { seriesItems } = state;\n      seriesItems = seriesItems.slice(0, maxSeriesCount);\n      if (seriesItems.length === 0 && maxSeriesCount > 0) {\n        const { columns } = model;\n        seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);\n      }\n\n      return { type, seriesItems };\n    }, this.sendChange);\n  }\n\n  handleXAxisChange(eventTargetValue: string): void {\n    const xAxis = eventTargetValue;\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, dh } = model;\n    const { seriesItems, type, xAxis, isLinked } = this.state;\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n    const xAxisLabel = this.getXAxisLabel(type);\n    const seriesLabel = this.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              {this.getTypes().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                      onClick={() => this.handleTypeClick(index)}\n                    >\n                      {this.getTypeIcon(chartType)}\n                      {this.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 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 select-series col\"\n                value={seriesItem.value}\n                onChange={v => this.handleSeriesChange(v, i)}\n                data-testid={`select-series-item-${i}`}\n              >\n                {columns.map(column => (\n                  <option key={column.name} value={column.name}>\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-testid={`delete-series-${i}`}\n                  onClick={() => {\n                    this.handleSeriesDeleteClick(i);\n                  }}\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              aria-label=\"Link state options\"\n              orientation=\"horizontal\"\n              onChange={this.handleLinkStateChange}\n              value={`${isLinked}`}\n            >\n              <Radio value=\"true\">Sync State</Radio>\n              <Radio value=\"false\">Freeze State</Radio>\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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","ignoreList":[]}
+{"version":3,"file":"ChartBuilder.js","names":["React","PureComponent","classNames","FontAwesomeIcon","Button","RadioGroup","Radio","Select","vsLink","dhUnlink","dhTable","dhNewCircleLargeFilled","vsCircleLargeFilled","vsTrash","Log","bindAllMethods","nanoid","BarIcon","HistogramIcon","LineIcon","PieIcon","ScatterIcon","jsx","_jsx","jsxs","_jsxs","log","module","ChartBuilder","getMaxSeriesCount","dh","type","plot","SeriesPlotStyle","PIE","HISTOGRAM","makeSeriesItem","value","id","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","model","getTypes","xAxis","seriesItems","state","isLinked","LINE","BAR","SCATTER","getTypeName","getTypeIcon","getXAxisLabel","getSeriesLabel","handleAddSeries","setState","newSeriesItems","push","sendChange","handleLinkStateChange","handleReset","handleSeriesChange","eventTargetValue","index","handleSeriesDeleteClick","splice","handleSubmit","event","preventDefault","onSubmit","_this$state","series","map","item","handleTypeClick","debug2","slice","handleXAxisChange","onChange","_this$state2","render","_this$state3","xAxisLabel","seriesLabel","isSeriesVisible","isAddSeriesVisible","className","children","chartType","key","active","onClick","column","seriesItem","i","concat","v","kind","icon","tooltip","mask","transform","orientation"],"sources":["../../src/sidebar/ChartBuilder.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, RadioGroup, Radio, Select } from '@deephaven/components';\nimport {\n  vsLink,\n  dhUnlink,\n  dhTable,\n  dhNewCircleLargeFilled,\n  vsCircleLargeFilled,\n  vsTrash,\n} from '@deephaven/icons';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { bindAllMethods } from '@deephaven/utils';\nimport { nanoid } from 'nanoid';\nimport {\n  BarIcon,\n  HistogramIcon,\n  LineIcon,\n  PieIcon,\n  ScatterIcon,\n} from './icons';\nimport './ChartBuilder.scss';\nimport type IrisGridModel from '../IrisGridModel';\n\nconst log = Log.module('ChartBuilder');\n\nexport type ChartBuilderSettings = {\n  type: DhType.plot.SeriesPlotStyle;\n  series: string[];\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: DhType.plot.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 getMaxSeriesCount(\n    dh: typeof DhType,\n    type: DhType.plot.SeriesPlotStyle\n  ): 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 makeSeriesItem(value: string): SeriesItem {\n    return { id: nanoid(), value };\n  }\n\n  static makeDefaultSeriesItems(\n    dh: typeof DhType,\n    type: DhType.plot.SeriesPlotStyle,\n    columns: readonly DhType.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: DhType.plot.SeriesPlotStyle,\n    columns: readonly DhType.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    bindAllMethods(this);\n\n    const { model } = props;\n    const { columns, dh } = model;\n\n    const type = this.getTypes()[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, 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  getTypes(): number[] {\n    const { model } = this.props;\n    const { dh } = model;\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  getTypeName(type: number): string | number {\n    const { model } = this.props;\n    const { dh } = model;\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  getTypeIcon(type: DhType.plot.SeriesPlotStyle): React.ReactElement | null {\n    const { model } = this.props;\n    const { dh } = model;\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  getXAxisLabel(type: DhType.plot.SeriesPlotStyle): string {\n    const { model } = this.props;\n    const { dh } = model;\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  getSeriesLabel(type: DhType.plot.SeriesPlotStyle): string {\n    const { model } = this.props;\n    const { dh } = model;\n    switch (type) {\n      case dh.plot.SeriesPlotStyle.PIE:\n        return 'Values';\n      default:\n        return 'Series';\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: nanoid(),\n        value: columns[0].name,\n      });\n\n      return { seriesItems: newSeriesItems };\n    }, this.sendChange);\n  }\n\n  handleLinkStateChange(value: string): void {\n    this.setState({ isLinked: value === 'true' }, this.sendChange);\n  }\n\n  handleReset(): void {\n    const { model } = this.props;\n    const { columns, dh } = model;\n\n    const type = this.getTypes()[0];\n    const xAxis = ChartBuilder.getDefaultXAxis(type, columns) as string;\n    const seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);\n    const isLinked = true;\n\n    this.setState({ type, seriesItems, xAxis, isLinked }, this.sendChange);\n  }\n\n  handleSeriesChange(eventTargetValue: string, index: number): void {\n    const value = eventTargetValue;\n\n    this.setState(state => {\n      let { seriesItems } = state;\n      seriesItems = [...seriesItems];\n      seriesItems[index].value = value;\n\n      return { seriesItems };\n    }, this.sendChange);\n  }\n\n  handleSeriesDeleteClick(index: number): void {\n    this.setState(state => {\n      const { seriesItems } = state;\n      const newSeriesItems = [...seriesItems];\n\n      newSeriesItems.splice(index, 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,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(index: number): void {\n    const type = this.getTypes()[index];\n\n    log.debug2('handleTypeSelect', type);\n\n    this.setState(state => {\n      const { model } = this.props;\n      const { dh } = model;\n      const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n      let { seriesItems } = state;\n      seriesItems = seriesItems.slice(0, maxSeriesCount);\n      if (seriesItems.length === 0 && maxSeriesCount > 0) {\n        const { columns } = model;\n        seriesItems = ChartBuilder.makeDefaultSeriesItems(dh, type, columns);\n      }\n\n      return { type, seriesItems };\n    }, this.sendChange);\n  }\n\n  handleXAxisChange(eventTargetValue: string): void {\n    const xAxis = eventTargetValue;\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, dh } = model;\n    const { seriesItems, type, xAxis, isLinked } = this.state;\n    const maxSeriesCount = ChartBuilder.getMaxSeriesCount(dh, type);\n    const xAxisLabel = this.getXAxisLabel(type);\n    const seriesLabel = this.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              {this.getTypes().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                      onClick={() => this.handleTypeClick(index)}\n                    >\n                      {this.getTypeIcon(chartType)}\n                      {this.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 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 select-series col\"\n                value={seriesItem.value}\n                onChange={v => this.handleSeriesChange(v, i)}\n                data-testid={`select-series-item-${i}`}\n              >\n                {columns.map(column => (\n                  <option key={column.name} value={column.name}>\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-testid={`delete-series-${i}`}\n                  onClick={() => {\n                    this.handleSeriesDeleteClick(i);\n                  }}\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              aria-label=\"Link state options\"\n              orientation=\"horizontal\"\n              onChange={this.handleLinkStateChange}\n              value={`${isLinked}`}\n            >\n              <Radio value=\"true\">Sync State</Radio>\n              <Radio value=\"false\">Freeze State</Radio>\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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","ignoreList":[]}

package/dist/sidebar/CustomColumnBuilder.js

@@ -53,9 +53,7 @@ class CustomColumnBuilder extends Component {
     this.successButtonTimer = null;
   }
   componentDidMount() {
-    var {
-      customColumns
-    } = this.props;
+    var customColumns = this.props.customColumns;
     this.parseCustomColumns(customColumns);
     this.startListening();
   }
@@ -71,17 +69,13 @@ class CustomColumnBuilder extends Component {
     });
   }
   startListening() {
-    var {
-      model
-    } = this.props;
+    var model = this.props.model;
     model.addEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleCustomColumnUpdated);
     model.addEventListener(IrisGridModel.EVENT.UPDATED, this.handleCustomColumnUpdated);
     model.addEventListener(IrisGridModel.EVENT.REQUEST_FAILED, this.handleRequestFailed);
   }
   stopListening() {
-    var {
-      model
-    } = this.props;
+    var model = this.props.model;
     model.removeEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleCustomColumnUpdated);
     model.removeEventListener(IrisGridModel.EVENT.UPDATED, this.handleCustomColumnUpdated);
     model.removeEventListener(IrisGridModel.EVENT.REQUEST_FAILED, this.handleRequestFailed);
@@ -106,9 +100,7 @@ class CustomColumnBuilder extends Component {
     }
   }
   handleAddColumnClick() {
-    var {
-      inputs
-    } = this.state;
+    var inputs = this.state.inputs;
     var newInputs = [...inputs];
     newInputs.push(CustomColumnBuilder.createCustomColumnInput());
     this.setState({
@@ -116,9 +108,7 @@ class CustomColumnBuilder extends Component {
     });
   }
   handleDeleteColumn(eventKey) {
-    var {
-      inputs
-    } = this.state;
+    var inputs = this.state.inputs;
     var customColumnIndex = this.getInputIndex(inputs, eventKey);
     var newInputs = [...inputs];
     newInputs.splice(customColumnIndex, 1);
@@ -130,9 +120,7 @@ class CustomColumnBuilder extends Component {
     });
   }
   handleInputChange(eventKey, type, value) {
-    var {
-      inputs
-    } = this.state;
+    var inputs = this.state.inputs;
     var customColumnIndex = this.getInputIndex(inputs, eventKey);
     var customColumnInput = this.getInput(inputs, eventKey);
     var newCustomInput = _objectSpread({}, customColumnInput);
@@ -144,9 +132,7 @@ class CustomColumnBuilder extends Component {
     });
   }
   handleCustomColumnUpdated() {
-    var {
-      isCustomColumnApplying
-    } = this.state;
+    var isCustomColumnApplying = this.state.isCustomColumnApplying;
     if (!isCustomColumnApplying) {
       return;
     }
@@ -161,9 +147,7 @@ class CustomColumnBuilder extends Component {
   }
   handleRequestFailed(event) {
     var customEvent = event;
-    var {
-      isCustomColumnApplying
-    } = this.state;
+    var isCustomColumnApplying = this.state.isCustomColumnApplying;
     if (!isCustomColumnApplying) {
       return;
     }
@@ -189,9 +173,7 @@ class CustomColumnBuilder extends Component {
     if (!result.destination) {
       return;
     }
-    var {
-      inputs
-    } = this.state;
+    var inputs = this.state.inputs;
     var sourceIndex = result.source.index;
     var destinationIndex = result.destination.index;
     var newInputs = [...inputs];
@@ -203,9 +185,7 @@ class CustomColumnBuilder extends Component {
     });
   }
   handleEditorTabNavigation(focusEditorIndex, shiftKey) {
-    var {
-      inputs
-    } = this.state;
+    var inputs = this.state.inputs;
     // focus on drag handle
     if (shiftKey) {
       var _this$container;
@@ -223,23 +203,19 @@ class CustomColumnBuilder extends Component {
     }
   }
   handleSaveClick() {
-    var {
-      onSave,
-      customColumns: originalCustomColumns
-    } = this.props;
-    var {
-      inputs,
-      isCustomColumnApplying
-    } = this.state;
+    var _this$props = this.props,
+      onSave = _this$props.onSave,
+      originalCustomColumns = _this$props.customColumns;
+    var _this$state = this.state,
+      inputs = _this$state.inputs,
+      isCustomColumnApplying = _this$state.isCustomColumnApplying;
     if (isCustomColumnApplying) {
       return;
     }
     var customColumns = [];
     inputs.forEach(input => {
-      var {
-        name,
-        formula
-      } = input;
+      var name = input.name,
+        formula = input.formula;
       if (name && formula) {
         customColumns.push("".concat(name, "=").concat(formula));
       }
@@ -253,9 +229,7 @@ class CustomColumnBuilder extends Component {
   }
   resetRequestFailed() {
     this.setState(_ref => {
-      var {
-        hasRequestFailed
-      } = _ref;
+      var hasRequestFailed = _ref.hasRequestFailed;
       if (hasRequestFailed) {
         return {
           hasRequestFailed: false
@@ -265,25 +239,20 @@ class CustomColumnBuilder extends Component {
     });
   }
   renderInputs() {
-    var {
-      inputs,
-      hasRequestFailed
-    } = this.state;
+    var _this$state2 = this.state,
+      inputs = _this$state2.inputs,
+      hasRequestFailed = _this$state2.hasRequestFailed;
     var nameCount = new Map();
     inputs.forEach(_ref2 => {
       var _nameCount$get;
-      var {
-        name
-      } = _ref2;
+      var name = _ref2.name;
       return nameCount.set(name, ((_nameCount$get = nameCount.get(name)) !== null && _nameCount$get !== void 0 ? _nameCount$get : 0) + 1);
     });
     return inputs.map((input, index) => {
       var _nameCount$get2;
-      var {
-        eventKey,
-        name,
-        formula
-      } = input;
+      var eventKey = input.eventKey,
+        name = input.name,
+        formula = input.formula;
       var isDuplicate = ((_nameCount$get2 = nameCount.get(name)) !== null && _nameCount$get2 !== void 0 ? _nameCount$get2 : 0) > 1;
       return /*#__PURE__*/_jsx(CustomColumnInput, {
         inputIndex: index,
@@ -299,27 +268,20 @@ class CustomColumnBuilder extends Component {
     });
   }
   renderSaveButton() {
-    var {
-      inputs,
-      isCustomColumnApplying,
-      isSuccessShowing
-    } = this.state;
+    var _this$state3 = this.state,
+      inputs = _this$state3.inputs,
+      isCustomColumnApplying = _this$state3.isCustomColumnApplying,
+      isSuccessShowing = _this$state3.isSuccessShowing;
     var saveText = inputs.length > 1 ? 'Save Columns' : 'Save Column';
     var areNamesValid = inputs.every(_ref3 => {
-      var {
-        name
-      } = _ref3;
+      var name = _ref3.name;
       return name === '' || DbNameValidator.isValidColumnName(name);
     });
     var filteredNames = inputs.filter(_ref4 => {
-      var {
-        name
-      } = _ref4;
+      var name = _ref4.name;
       return name !== '';
     }).map(_ref5 => {
-      var {
-        name
-      } = _ref5;
+      var name = _ref5.name;
       return name;
     });
     var areNamesUnique = new Set(filteredNames).size === filteredNames.length;
@@ -342,12 +304,8 @@ class CustomColumnBuilder extends Component {
     });
   }
   render() {
-    var {
-      onCancel
-    } = this.props;
-    var {
-      errorMessage
-    } = this.state;
+    var onCancel = this.props.onCancel;
+    var errorMessage = this.state.errorMessage;
     return /*#__PURE__*/_jsxs("div", {
       role: "presentation",
       className: "custom-column-builder-container",