@deephaven/iris-grid 0.48.1-beta.0 → 0.48.1-beta.1

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","Log","shortid","BarIcon","HistogramIcon","LineIcon","PieIcon","ScatterIcon","log","module","ChartBuilder","getMaxSeriesCount","dh","type","plot","SeriesPlotStyle","PIE","HISTOGRAM","makeSeriesItem","value","id","generate","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","handleAddSeries","bind","handleLinkStateChange","handleReset","handleSeriesChange","handleSeriesDeleteClick","handleSubmit","handleTypeClick","handleXAxisChange","sendChange","model","getTypes","xAxis","seriesItems","state","isLinked","LINE","BAR","SCATTER","getTypeName","getTypeIcon","getXAxisLabel","getSeriesLabel","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 type {\n  Column,\n  dh as DhType,\n  SeriesPlotStyle,\n} from '@deephaven/jsapi-types';\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: 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: 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(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 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 { 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() {\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: SeriesPlotStyle): string | SeriesPlotStyle {\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: 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: 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: 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: 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, 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(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 =\n      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,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent =\n      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 = this.getTypes()[intIndex];\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(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, 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                      data-index={index}\n                      onClick={this.handleTypeClick}\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 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","getMaxSeriesCount","dh","type","plot","SeriesPlotStyle","PIE","HISTOGRAM","makeSeriesItem","value","id","generate","makeDefaultSeriesItems","columns","maxSeriesCount","length","name","getDefaultXAxis","constructor","props","handleAddSeries","bind","handleLinkStateChange","handleReset","handleSeriesChange","handleSeriesDeleteClick","handleSubmit","handleTypeClick","handleXAxisChange","sendChange","model","getTypes","xAxis","seriesItems","state","isLinked","LINE","BAR","SCATTER","getTypeName","getTypeIcon","getXAxisLabel","getSeriesLabel","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 type {\n  Column,\n  dh as DhType,\n  SeriesPlotStyle,\n} from '@deephaven/jsapi-types';\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: 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: 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(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 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 { 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(): SeriesPlotStyle[] {\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: SeriesPlotStyle): string | SeriesPlotStyle {\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: 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: 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: 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: 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, 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(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 =\n      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,\n      series,\n      xAxis,\n      isLinked,\n    });\n  }\n\n  handleTypeClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const changeEvent =\n      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 = this.getTypes()[intIndex];\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(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, 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                      data-index={index}\n                      onClick={this.handleTypeClick}\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 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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"}

package/dist/sidebar/CustomColumnInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = () => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\n  return (\n    <Draggable\n      draggableId={eventKey}\n      index={inputIndex}\n      disableInteractiveElementBlocking\n    >\n      {(provided, snapshot) => (\n        <div\n          className={classNames('draggable-container', {\n            dragging: snapshot.isDragging,\n          })}\n          ref={provided.innerRef}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...provided.draggableProps}\n        >\n          <div className=\"custom-column-input-container\">\n            <div className=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              placeholder=\"Column Formula\"\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,eAAe,QAAQ,kBAAkB;AAAC,OAC5CC,WAAW;AAAA;AAAA;AAmBlB,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,QAAQ,GAAG,MAAM;EACrB;AAAA,CACD;AAED,SAASC,iBAAiB,OAUc;EAAA,IAVb;IACzBC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,OAAO;IACPC,QAAQ,EAARA,SAAQ;IACRC,cAAc;IACdC,aAAa;IACbC,OAAO;IACPC;EACsB,CAAC;EACvB,IAAMC,WAAW,GAAGR,IAAI,KAAK,EAAE,IAAIV,eAAe,CAACmB,iBAAiB,CAACT,IAAI,CAAC;EAC1E,IAAMU,iCAAiC,GAAG1B,WAAW,CAClD2B,YAAqB,IAAK;IACzB,IAAIA,YAAY,KAAKC,SAAS,EAAE;MAC9BD,YAAY,CAACE,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;MAC5CV,SAAQ,CAACJ,QAAQ,EAAEP,UAAU,CAACI,OAAO,EAAEe,YAAY,CAAC;IACtD;EACF,CAAC,EACD,CAACR,SAAQ,EAAEJ,QAAQ,CAAC,CACrB;EAED,oBACE,KAAC,SAAS;IACR,WAAW,EAAEA,QAAS;IACtB,KAAK,EAAEE,UAAW;IAClB,iCAAiC;IAAA,UAEhC,CAACa,QAAQ,EAAEC,QAAQ,kBAClB;MACE,SAAS,EAAE9B,UAAU,CAAC,qBAAqB,EAAE;QAC3C+B,QAAQ,EAAED,QAAQ,CAACE;MACrB,CAAC,CAAE;MACH,GAAG,EAAEH,QAAQ,CAACI;MACd;IAAA,GACIJ,QAAQ,CAACK,cAAc;MAAA,wBAE3B;QAAK,SAAS,EAAC,+BAA+B;QAAA,wBAC5C;UAAK,SAAS,EAAC,MAAM;UAAA,wBACnB;YAAK,SAAS,EAAC,oCAAoC;YAAA,wBACjD;cACE,SAAS,EAAElC,UAAU,CAAC,kCAAkC,EAAE;gBACxD,YAAY,EAAEqB,OAAO,IAAI,CAACE,WAAW,IAAID;cAC3C,CAAC,CAAE;cACH,WAAW,EAAC,aAAa;cACzB,KAAK,EAAEP,IAAK;cACZ,QAAQ,EAAEoB,KAAK,IAAI;gBACjBjB,SAAQ,CAACJ,QAAQ,EAAEP,UAAU,CAACG,IAAI,EAAEyB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;cACzD;YAAE,EACF,eACF,KAAC,MAAM;cACL,IAAI,EAAC,OAAO;cACZ,SAAS,EAAC,WAAW;cACrB,OAAO,EAAE,MAAM;gBACblB,cAAc,CAACL,QAAQ,CAAC;cAC1B,CAAE;cACF,IAAI,EAAEX,OAAQ;cACd,OAAO,EAAC;YAAsB,EAC9B,eAEF,KAAC,MAAM;cACL,IAAI,EAAC,OAAO;cACZ,SAAS,EAAC,iBAAiB;cAC3B,OAAO,EAAES;cACT;YAAA,GACIiB,QAAQ,CAACS,eAAe;cAC5B,IAAI,EAAElC,SAAU;cAChB,OAAO,EAAC;YAAyB,GACjC;UAAA,EACE,EACL,CAAC,CAACmB,WAAW,IAAID,WAAW,kBAC3B;YAAG,SAAS,EAAC,iDAAiD;YAAA,UAC3D,CAACC,WAAW,GAAG,cAAc,GAAG;UAAgB,EAEpD;QAAA,EACG,eACN,KAAC,WAAW;UACV,cAAc,EAAE;YAAEgB,QAAQ,EAAE;UAAc,CAAE;UAC5C,WAAW,EAAEvB,UAAW;UACxB,WAAW,EAAC,gBAAgB;UAC5B,KAAK,EAAEC,OAAQ;UACf,gBAAgB,EAAEQ,iCAAkC;UACpD,KAAK,EAAEL,aAAc;UACrB,OAAO,EAAEC;QAAQ,EACjB;MAAA,EACE,eACN,cAAM;IAAA;EAET,EACS;AAEhB;AAEA,eAAeR,iBAAiB"}
+{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = (): void => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\n  return (\n    <Draggable\n      draggableId={eventKey}\n      index={inputIndex}\n      disableInteractiveElementBlocking\n    >\n      {(provided, snapshot) => (\n        <div\n          className={classNames('draggable-container', {\n            dragging: snapshot.isDragging,\n          })}\n          ref={provided.innerRef}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...provided.draggableProps}\n        >\n          <div className=\"custom-column-input-container\">\n            <div className=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              placeholder=\"Column Formula\"\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ColumnFormatEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFormatEditor.js","names":["React","useCallback","useEffect","useState","Log","ComboBox","getDefaultConditionConfigForType","getConditionConfig","getDefaultStyleConfig","FormatStyleType","ConditionEditor","StyleEditor","log","module","DEFAULT_CALLBACK","undefined","makeDefaultConfig","columns","type","name","column","config","style","ColumnFormatEditor","props","dh","onChange","selectedColumn","setColumn","find","c","conditionConfig","setConditionConfig","conditionValid","setConditionValid","selectedStyle","setStyle","handleColumnChange","value","newColumn","error","handleConditionChange","updatedConditionConfig","isValid","debug","handleStyleChange","updatedStyleConfig","updateColumnFormat","NO_FORMATTING","columnInputOptions","map","title"],"sources":["../../../src/sidebar/conditional-formatting/ColumnFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { ComboBox } from '@deephaven/components';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport {\n  BaseFormatConfig,\n  ChangeCallback,\n  getDefaultConditionConfigForType,\n  getConditionConfig,\n  getDefaultStyleConfig,\n  ModelColumn,\n  FormatStyleType,\n} from './ConditionalFormattingUtils';\nimport ConditionEditor from './ConditionEditor';\nimport StyleEditor from './StyleEditor';\n\nconst log = Log.module('ColumnFormatEditor');\n\nexport interface ColumnFormatEditorProps {\n  columns: ModelColumn[];\n  config?: BaseFormatConfig;\n  dh: DhType;\n  onChange?: ChangeCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction makeDefaultConfig(columns: ModelColumn[]): BaseFormatConfig {\n  const { type, name } = columns[0];\n  const column = { type, name };\n  const config = {\n    column,\n    style: getDefaultStyleConfig(),\n    ...getDefaultConditionConfigForType(type),\n  };\n  return config;\n}\n\nfunction ColumnFormatEditor(props: ColumnFormatEditorProps): JSX.Element {\n  const {\n    columns,\n    config = makeDefaultConfig(columns),\n    dh,\n    onChange = DEFAULT_CALLBACK,\n  } = props;\n\n  const [selectedColumn, setColumn] = useState(\n    columns.find(\n      c => c.name === config.column.name && c.type === config.column.type\n    ) ?? columns[0]\n  );\n  const [conditionConfig, setConditionConfig] = useState(\n    getConditionConfig(config)\n  );\n  const [conditionValid, setConditionValid] = useState(false);\n  const [selectedStyle, setStyle] = useState(config.style);\n\n  const handleColumnChange = useCallback(\n    value => {\n      const newColumn = columns.find(({ name }) => name === value);\n      if (newColumn !== undefined) {\n        setColumn(newColumn);\n        if (selectedColumn.type !== newColumn.type) {\n          setConditionConfig(getDefaultConditionConfigForType(newColumn.type));\n          setConditionValid(false);\n        }\n      } else {\n        log.error(`Column ${value} not found.`);\n      }\n    },\n    [columns, selectedColumn]\n  );\n\n  const handleConditionChange = useCallback(\n    (updatedConditionConfig, isValid) => {\n      log.debug('handleConditionChange', updatedConditionConfig, isValid);\n      setConditionConfig(updatedConditionConfig);\n      setConditionValid(isValid);\n    },\n    []\n  );\n\n  const handleStyleChange = useCallback(updatedStyleConfig => {\n    log.debug('handleStyleChange', updatedStyleConfig);\n    setStyle(updatedStyleConfig);\n  }, []);\n\n  useEffect(\n    function updateColumnFormat() {\n      let isValid = conditionValid;\n\n      if (selectedColumn === undefined) {\n        log.debug('Column is not selected, invalidating update.');\n        isValid = false;\n      }\n      if (\n        selectedStyle === undefined ||\n        selectedStyle.type === FormatStyleType.NO_FORMATTING\n      ) {\n        log.debug('Style is not selected, invalidating update.');\n        isValid = false;\n      }\n\n      const { type, name } = selectedColumn;\n      const column = { type, name };\n      onChange(\n        {\n          column,\n          style: selectedStyle,\n          ...conditionConfig,\n        },\n        isValid\n      );\n    },\n    [onChange, selectedColumn, selectedStyle, conditionConfig, conditionValid]\n  );\n\n  const columnInputOptions = columns.map(({ name }) => ({\n    title: name,\n    value: name,\n  }));\n\n  return (\n    <div className=\"conditional-rule-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\">Format Cell If</label>\n        <ComboBox\n          defaultValue={selectedColumn?.name}\n          options={columnInputOptions}\n          inputPlaceholder=\"Select a column\"\n          spellCheck={false}\n          onChange={handleColumnChange}\n          searchPlaceholder=\"Filter columns\"\n        />\n      </div>\n\n      {selectedColumn !== undefined && (\n        <>\n          <ConditionEditor\n            dh={dh}\n            column={selectedColumn}\n            config={conditionConfig}\n            onChange={handleConditionChange}\n          />\n          <StyleEditor config={selectedStyle} onChange={handleStyleChange} />\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default ColumnFormatEditor;\n"],"mappings":"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"}
+{"version":3,"file":"ColumnFormatEditor.js","names":["React","useCallback","useEffect","useState","Log","ComboBox","getDefaultConditionConfigForType","getConditionConfig","getDefaultStyleConfig","FormatStyleType","ConditionEditor","StyleEditor","log","module","DEFAULT_CALLBACK","undefined","makeDefaultConfig","columns","type","name","column","config","style","ColumnFormatEditor","props","dh","onChange","selectedColumn","setColumn","find","c","conditionConfig","setConditionConfig","conditionValid","setConditionValid","selectedStyle","setStyle","handleColumnChange","value","newColumn","error","handleConditionChange","updatedConditionConfig","isValid","debug","handleStyleChange","updatedStyleConfig","updateColumnFormat","NO_FORMATTING","columnInputOptions","map","title"],"sources":["../../../src/sidebar/conditional-formatting/ColumnFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { ComboBox } from '@deephaven/components';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport {\n  BaseFormatConfig,\n  ChangeCallback,\n  getDefaultConditionConfigForType,\n  getConditionConfig,\n  getDefaultStyleConfig,\n  ModelColumn,\n  FormatStyleType,\n} from './ConditionalFormattingUtils';\nimport ConditionEditor from './ConditionEditor';\nimport StyleEditor from './StyleEditor';\n\nconst log = Log.module('ColumnFormatEditor');\n\nexport interface ColumnFormatEditorProps {\n  columns: ModelColumn[];\n  config?: BaseFormatConfig;\n  dh: DhType;\n  onChange?: ChangeCallback;\n}\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nfunction makeDefaultConfig(columns: ModelColumn[]): BaseFormatConfig {\n  const { type, name } = columns[0];\n  const column = { type, name };\n  const config = {\n    column,\n    style: getDefaultStyleConfig(),\n    ...getDefaultConditionConfigForType(type),\n  };\n  return config;\n}\n\nfunction ColumnFormatEditor(props: ColumnFormatEditorProps): JSX.Element {\n  const {\n    columns,\n    config = makeDefaultConfig(columns),\n    dh,\n    onChange = DEFAULT_CALLBACK,\n  } = props;\n\n  const [selectedColumn, setColumn] = useState(\n    columns.find(\n      c => c.name === config.column.name && c.type === config.column.type\n    ) ?? columns[0]\n  );\n  const [conditionConfig, setConditionConfig] = useState(\n    getConditionConfig(config)\n  );\n  const [conditionValid, setConditionValid] = useState(false);\n  const [selectedStyle, setStyle] = useState(config.style);\n\n  const handleColumnChange = useCallback(\n    value => {\n      const newColumn = columns.find(({ name }) => name === value);\n      if (newColumn !== undefined) {\n        setColumn(newColumn);\n        if (selectedColumn.type !== newColumn.type) {\n          setConditionConfig(getDefaultConditionConfigForType(newColumn.type));\n          setConditionValid(false);\n        }\n      } else {\n        log.error(`Column ${value} not found.`);\n      }\n    },\n    [columns, selectedColumn]\n  );\n\n  const handleConditionChange = useCallback(\n    (updatedConditionConfig, isValid) => {\n      log.debug('handleConditionChange', updatedConditionConfig, isValid);\n      setConditionConfig(updatedConditionConfig);\n      setConditionValid(isValid);\n    },\n    []\n  );\n\n  const handleStyleChange = useCallback(updatedStyleConfig => {\n    log.debug('handleStyleChange', updatedStyleConfig);\n    setStyle(updatedStyleConfig);\n  }, []);\n\n  useEffect(\n    function updateColumnFormat() {\n      let isValid = conditionValid;\n\n      if (selectedColumn === undefined) {\n        log.debug('Column is not selected, invalidating update.');\n        isValid = false;\n      }\n      if (\n        selectedStyle === undefined ||\n        selectedStyle.type === FormatStyleType.NO_FORMATTING\n      ) {\n        log.debug('Style is not selected, invalidating update.');\n        isValid = false;\n      }\n\n      const { type, name } = selectedColumn;\n      const column = { type, name };\n      onChange(\n        {\n          column,\n          style: selectedStyle,\n          ...conditionConfig,\n        },\n        isValid\n      );\n    },\n    [onChange, selectedColumn, selectedStyle, conditionConfig, conditionValid]\n  );\n\n  const columnInputOptions = columns.map(({ name }) => ({\n    title: name,\n    value: name,\n  }));\n\n  return (\n    <div className=\"conditional-rule-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\">Format Cell If</label>\n        <ComboBox\n          defaultValue={selectedColumn?.name}\n          options={columnInputOptions}\n          inputPlaceholder=\"Select a column\"\n          spellCheck={false}\n          onChange={handleColumnChange}\n          searchPlaceholder=\"Filter columns\"\n        />\n      </div>\n\n      {selectedColumn !== undefined && (\n        <>\n          <ConditionEditor\n            dh={dh}\n            column={selectedColumn}\n            config={conditionConfig}\n            onChange={handleConditionChange}\n          />\n          <StyleEditor config={selectedStyle} onChange={handleStyleChange} />\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default ColumnFormatEditor;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionEditor.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
 import { StringCondition, DateCondition, getLabelForNumberCondition, getLabelForDateCondition, getLabelForStringCondition, NumberCondition, getDefaultConditionForType, getLabelForBooleanCondition, BooleanCondition, CharCondition, getLabelForCharCondition, isDateConditionValid, getDefaultValueForType } from "./ConditionalFormattingUtils.js";

package/dist/sidebar/conditional-formatting/ConditionEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.js","names":["React","useCallback","useEffect","useMemo","useState","TableUtils","Log","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","isDateConditionValid","getDefaultValueForType","log","module","DEFAULT_CALLBACK","undefined","numberConditionOptions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","map","option","stringConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","dateConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","booleanConditions","IS_TRUE","IS_FALSE","charConditions","isNumberConditionValid","condition","value","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","conditionValue","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","ConditionEditor","props","column","config","dh","onChange","selectedColumnType","type","prevColumnType","setPrevColumnType","setCondition","setValue","setStartValue","start","setEndValue","end","conditions","isNumberType","isCharType","isStringType","isDateType","isBooleanType","handleConditionChange","e","target","debug","changeCondition","isValid","conditionInputs"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  ModelColumn,\n  ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  getLabelForCharCondition,\n  isDateConditionValid,\n  getDefaultValueForType,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  dh: DhType;\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nconst numberConditionOptions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForNumberCondition(option)}\n  </option>\n));\n\nconst stringConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForStringCondition(option)}\n  </option>\n));\n\nconst dateConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForDateCondition(option)}\n  </option>\n));\n\nconst booleanConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForBooleanCondition(option)}\n  </option>\n));\n\nconst charConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForCharCondition(option)}\n  </option>\n));\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue != null &&\n    startValue !== '' &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue != null &&\n    endValue !== '' &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value !== undefined &&\n    value !== '' &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction getNumberInputs(\n  selectedCondition: NumberCondition,\n  handleValueChange: (e: unknown) => void,\n  handleStartValueChange: (e: unknown) => void,\n  handleEndValueChange: (e: unknown) => void,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  switch (selectedCondition) {\n    case NumberCondition.IS_EQUAL:\n    case NumberCondition.IS_NOT_EQUAL:\n    case NumberCondition.GREATER_THAN:\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n    case NumberCondition.LESS_THAN:\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return (\n        <input\n          type=\"number\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n    case NumberCondition.IS_BETWEEN:\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className=\"form-control d-flex mr-2\"\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className=\"form-control d-flex\"\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    case NumberCondition.IS_NULL:\n    case NumberCondition.IS_NOT_NULL:\n      return null;\n  }\n}\n\nfunction getStringInputs(\n  selectedCondition: StringCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case StringCondition.IS_NULL:\n    case StringCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case DateCondition.IS_NULL:\n    case DateCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs() {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case CharCondition.IS_NULL:\n    case CharCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction ConditionEditor(props: ConditionEditorProps): JSX.Element {\n  const { column, config, dh, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n  const [selectedCondition, setCondition] = useState(config.condition);\n  const [conditionValue, setValue] = useState(config.value);\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(getDefaultValueForType(selectedColumnType));\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  const conditions = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      return [];\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return numberConditionOptions;\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return charConditions;\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return stringConditions;\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return dateConditions;\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return booleanConditions;\n    }\n  }, [selectedColumnType]);\n\n  const handleConditionChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleConditionChange', value);\n    setCondition(value);\n  }, []);\n\n  const handleValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleValueChange', value);\n    setValue(value);\n  }, []);\n\n  const handleStartValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleStartValueChange', value);\n    setStartValue(value);\n  }, []);\n\n  const handleEndValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleEndValueChange', value);\n    setEndValue(value);\n  }, []);\n\n  useEffect(\n    function changeCondition() {\n      let isValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isValid = false;\n      } else if (\n        TableUtils.isNumberType(column.type) &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          conditionValue,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isValid = false;\n      } else if (\n        TableUtils.isDateType(column.type) &&\n        !isDateConditionValid(\n          dh,\n          selectedCondition as DateCondition,\n          conditionValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid date condition',\n          conditionValue\n        );\n        isValid = false;\n      }\n\n      onChange(\n        {\n          condition: selectedCondition,\n          value: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      dh,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return getBooleanInputs();\n    }\n  }, [\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <select\n        value={selectedCondition}\n        data-testid=\"condition-select\"\n        className=\"custom-select mb-2\"\n        onChange={handleConditionChange}\n      >\n        {conditions}\n      </select>\n      {conditionInputs}\n    </div>\n  );\n}\n\nexport default ConditionEditor;\n"],"mappings":"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"}
+{"version":3,"file":"ConditionEditor.js","names":["useCallback","useEffect","useMemo","useState","TableUtils","Log","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","isDateConditionValid","getDefaultValueForType","log","module","DEFAULT_CALLBACK","undefined","numberConditionOptions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","map","option","stringConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","dateConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","booleanConditions","IS_TRUE","IS_FALSE","charConditions","isNumberConditionValid","condition","value","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","conditionValue","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","ConditionEditor","props","column","config","dh","onChange","selectedColumnType","type","prevColumnType","setPrevColumnType","setCondition","setValue","setStartValue","start","setEndValue","end","conditions","isNumberType","isCharType","isStringType","isDateType","isBooleanType","handleConditionChange","e","target","debug","changeCondition","isValid","conditionInputs"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  ModelColumn,\n  ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  getLabelForCharCondition,\n  isDateConditionValid,\n  getDefaultValueForType,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  dh: DhType;\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst numberConditionOptions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForNumberCondition(option)}\n  </option>\n));\n\nconst stringConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForStringCondition(option)}\n  </option>\n));\n\nconst dateConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForDateCondition(option)}\n  </option>\n));\n\nconst booleanConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForBooleanCondition(option)}\n  </option>\n));\n\nconst charConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForCharCondition(option)}\n  </option>\n));\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n): boolean {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue != null &&\n    startValue !== '' &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue != null &&\n    endValue !== '' &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value !== undefined &&\n    value !== '' &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction getNumberInputs(\n  selectedCondition: NumberCondition,\n  handleValueChange: (e: unknown) => void,\n  handleStartValueChange: (e: unknown) => void,\n  handleEndValueChange: (e: unknown) => void,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case NumberCondition.IS_EQUAL:\n    case NumberCondition.IS_NOT_EQUAL:\n    case NumberCondition.GREATER_THAN:\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n    case NumberCondition.LESS_THAN:\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return (\n        <input\n          type=\"number\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n    case NumberCondition.IS_BETWEEN:\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className=\"form-control d-flex mr-2\"\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className=\"form-control d-flex\"\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    case NumberCondition.IS_NULL:\n    case NumberCondition.IS_NOT_NULL:\n      return null;\n  }\n}\n\nfunction getStringInputs(\n  selectedCondition: StringCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case StringCondition.IS_NULL:\n    case StringCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case DateCondition.IS_NULL:\n    case DateCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs(): null {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case CharCondition.IS_NULL:\n    case CharCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction ConditionEditor(props: ConditionEditorProps): JSX.Element {\n  const { column, config, dh, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n  const [selectedCondition, setCondition] = useState(config.condition);\n  const [conditionValue, setValue] = useState(config.value);\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(getDefaultValueForType(selectedColumnType));\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  const conditions = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      return [];\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return numberConditionOptions;\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return charConditions;\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return stringConditions;\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return dateConditions;\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return booleanConditions;\n    }\n  }, [selectedColumnType]);\n\n  const handleConditionChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleConditionChange', value);\n    setCondition(value);\n  }, []);\n\n  const handleValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleValueChange', value);\n    setValue(value);\n  }, []);\n\n  const handleStartValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleStartValueChange', value);\n    setStartValue(value);\n  }, []);\n\n  const handleEndValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleEndValueChange', value);\n    setEndValue(value);\n  }, []);\n\n  useEffect(\n    function changeCondition() {\n      let isValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isValid = false;\n      } else if (\n        TableUtils.isNumberType(column.type) &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          conditionValue,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isValid = false;\n      } else if (\n        TableUtils.isDateType(column.type) &&\n        !isDateConditionValid(\n          dh,\n          selectedCondition as DateCondition,\n          conditionValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid date condition',\n          conditionValue\n        );\n        isValid = false;\n      }\n\n      onChange(\n        {\n          condition: selectedCondition,\n          value: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      dh,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return getBooleanInputs();\n    }\n  }, [\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <select\n        value={selectedCondition}\n        data-testid=\"condition-select\"\n        className=\"custom-select mb-2\"\n        onChange={handleConditionChange}\n      >\n        {conditions}\n      </select>\n      {conditionInputs}\n    </div>\n  );\n}\n\nexport default ConditionEditor;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SAE/BC,eAAe,EACfC,aAAa,EACbC,0BAA0B,EAC1BC,wBAAwB,EACxBC,0BAA0B,EAC1BC,eAAe,EAGfC,0BAA0B,EAC1BC,2BAA2B,EAC3BC,gBAAgB,EAChBC,aAAa,EACbC,wBAAwB,EACxBC,oBAAoB,EACpBC,sBAAsB;AAAA;AAAA;AAGxB,IAAMC,GAAG,GAAGd,GAAG,CAACe,MAAM,CAAC,iBAAiB,CAAC;AASzC,IAAMC,gBAAgB,GAAG,MAAYC,SAAS;AAE9C,IAAMC,sBAAsB,GAAG,CAC7BZ,eAAe,CAACa,QAAQ,EACxBb,eAAe,CAACc,YAAY,EAC5Bd,eAAe,CAACe,UAAU,EAC1Bf,eAAe,CAACgB,YAAY,EAC5BhB,eAAe,CAACiB,qBAAqB,EACrCjB,eAAe,CAACkB,SAAS,EACzBlB,eAAe,CAACmB,kBAAkB,EAClCnB,eAAe,CAACoB,OAAO,EACvBpB,eAAe,CAACqB,WAAW,CAC5B,CAACC,GAAG,CAACC,MAAM,iBACV;EAAqB,KAAK,EAAEA,MAAO;EAAA,UAChC1B,0BAA0B,CAAC0B,MAAM;AAAC,GADxBA,MAAM,CAGpB,CAAC;AAEF,IAAMC,gBAAgB,GAAG,CACvB7B,eAAe,CAAC8B,UAAU,EAC1B9B,eAAe,CAAC+B,cAAc,EAC9B/B,eAAe,CAACgC,QAAQ,EACxBhC,eAAe,CAACiC,gBAAgB,EAChCjC,eAAe,CAACkC,WAAW,EAC3BlC,eAAe,CAACmC,SAAS,EACzBnC,eAAe,CAACyB,OAAO,EACvBzB,eAAe,CAAC0B,WAAW,CAC5B,CAACC,GAAG,CAACC,MAAM,iBACV;EAAqB,KAAK,EAAEA,MAAO;EAAA,UAChCxB,0BAA0B,CAACwB,MAAM;AAAC,GADxBA,MAAM,CAGpB,CAAC;AAEF,IAAMQ,cAAc,GAAG,CACrBnC,aAAa,CAAC6B,UAAU,EACxB7B,aAAa,CAAC8B,cAAc,EAC5B9B,aAAa,CAACoC,SAAS,EACvBpC,aAAa,CAACqC,kBAAkB,EAChCrC,aAAa,CAACsC,QAAQ,EACtBtC,aAAa,CAACuC,iBAAiB,EAC/BvC,aAAa,CAACwB,OAAO,EACrBxB,aAAa,CAACyB,WAAW,CAC1B,CAACC,GAAG,CAACC,MAAM,iBACV;EAAqB,KAAK,EAAEA,MAAO;EAAA,UAChCzB,wBAAwB,CAACyB,MAAM;AAAC,GADtBA,MAAM,CAGpB,CAAC;AAEF,IAAMa,iBAAiB,GAAG,CACxBjC,gBAAgB,CAACkC,OAAO,EACxBlC,gBAAgB,CAACmC,QAAQ,EACzBnC,gBAAgB,CAACiB,OAAO,EACxBjB,gBAAgB,CAACkB,WAAW,CAC7B,CAACC,GAAG,CAACC,MAAM,iBACV;EAAqB,KAAK,EAAEA,MAAO;EAAA,UAChCrB,2BAA2B,CAACqB,MAAM;AAAC,GADzBA,MAAM,CAGpB,CAAC;AAEF,IAAMgB,cAAc,GAAG,CACrBnC,aAAa,CAACS,QAAQ,EACtBT,aAAa,CAACU,YAAY,EAC1BV,aAAa,CAACgB,OAAO,EACrBhB,aAAa,CAACiB,WAAW,CAC1B,CAACC,GAAG,CAACC,MAAM,iBACV;EAAqB,KAAK,EAAEA,MAAO;EAAA,UAChClB,wBAAwB,CAACkB,MAAM;AAAC,GADtBA,MAAM,CAGpB,CAAC;AAEF,SAASiB,sBAAsB,CAC7BC,SAA0B,EAC1BC,KAAc,EACdC,UAAmB,EACnBC,QAAiB,EACR;EACT,IACEH,SAAS,KAAKzC,eAAe,CAACoB,OAAO,IACrCqB,SAAS,KAAKzC,eAAe,CAACqB,WAAW,EACzC;IACA,OAAO,IAAI;EACb;EACA,IACEoB,SAAS,KAAKzC,eAAe,CAACe,UAAU,IACxC4B,UAAU,IAAI,IAAI,IAClBA,UAAU,KAAK,EAAE,IACjB,CAACE,MAAM,CAACC,KAAK,CAACD,MAAM,CAACE,UAAU,CAACJ,UAAU,CAAC,CAAC,IAC5CC,QAAQ,IAAI,IAAI,IAChBA,QAAQ,KAAK,EAAE,IACf,CAACC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACE,UAAU,CAACH,QAAQ,CAAC,CAAC,EAC1C;IACA,OAAO,IAAI;EACb;EACA,IACEH,SAAS,KAAKzC,eAAe,CAACe,UAAU,IACxC2B,KAAK,KAAK/B,SAAS,IACnB+B,KAAK,KAAK,EAAE,IACZ,CAACG,MAAM,CAACC,KAAK,CAACD,MAAM,CAACE,UAAU,CAACL,KAAK,CAAC,CAAC,EACvC;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd;AAEA,SAASM,eAAe,CACtBC,iBAAkC,EAClCC,iBAAuC,EACvCC,sBAA4C,EAC5CC,oBAA0C,EAC1CC,cAAuB,EACvBV,UAAmB,EACnBC,QAAiB,EACG;EACpB,QAAQK,iBAAiB;IACvB,KAAKjD,eAAe,CAACa,QAAQ;IAC7B,KAAKb,eAAe,CAACc,YAAY;IACjC,KAAKd,eAAe,CAACgB,YAAY;IACjC,KAAKhB,eAAe,CAACiB,qBAAqB;IAC1C,KAAKjB,eAAe,CAACkB,SAAS;IAC9B,KAAKlB,eAAe,CAACmB,kBAAkB;MACrC,oBACE;QACE,IAAI,EAAC,QAAQ;QACb,SAAS,EAAC,cAAc;QACxB,WAAW,EAAC,aAAa;QACzB,KAAK,EAAEkC,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,EAAG;QAC5B,QAAQ,EAAEH;MAAkB,EAC5B;IAEN,KAAKlD,eAAe,CAACe,UAAU;MAC7B,oBACE;QAAK,SAAS,EAAC,iBAAiB;QAAA,wBAC9B;UACE,IAAI,EAAC,QAAQ;UACb,SAAS,EAAC,0BAA0B;UACpC,WAAW,EAAC,aAAa;UACzB,KAAK,EAAE4B,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAG;UACxB,QAAQ,EAAEQ;QAAuB,EACjC,eACF;UACE,IAAI,EAAC,QAAQ;UACb,SAAS,EAAC,qBAAqB;UAC/B,WAAW,EAAC,WAAW;UACvB,KAAK,EAAEP,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAG;UACtB,QAAQ,EAAEQ;QAAqB,EAC/B;MAAA,EACE;IAEV,KAAKpD,eAAe,CAACoB,OAAO;IAC5B,KAAKpB,eAAe,CAACqB,WAAW;MAC9B,OAAO,IAAI;EAAC;AAElB;AAEA,SAASiC,eAAe,CACtBL,iBAAkC,EAClCC,iBAAuC,EACvCG,cAAuB,EACH;EACpB,QAAQJ,iBAAiB;IACvB,KAAKtD,eAAe,CAACyB,OAAO;IAC5B,KAAKzB,eAAe,CAAC0B,WAAW;MAC9B,OAAO,IAAI;IACb;MACE,oBACE;QACE,IAAI,EAAC,MAAM;QACX,SAAS,EAAC,cAAc;QACxB,WAAW,EAAC,aAAa;QACzB,KAAK,EAAEgC,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,EAAG;QAC5B,QAAQ,EAAEH;MAAkB,EAC5B;EACF;AAER;AAEA,SAASK,aAAa,CACpBN,iBAAgC,EAChCC,iBAAuC,EACvCG,cAAuB,EACH;EACpB,QAAQJ,iBAAiB;IACvB,KAAKrD,aAAa,CAACwB,OAAO;IAC1B,KAAKxB,aAAa,CAACyB,WAAW;MAC5B,OAAO,IAAI;IACb;MACE,oBACE;QACE,IAAI,EAAC,MAAM;QACX,SAAS,EAAC,cAAc;QACxB,WAAW,EAAC,aAAa;QACzB,KAAK,EAAEgC,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,EAAG;QAC5B,QAAQ,EAAEH;MAAkB,EAC5B;EACF;AAER;AAEA,SAASM,gBAAgB,GAAS;EAChC,OAAO,IAAI;AACb;AAEA,SAASC,aAAa,CACpBR,iBAAgC,EAChCC,iBAAuC,EACvCG,cAAuB,EACH;EACpB,QAAQJ,iBAAiB;IACvB,KAAK7C,aAAa,CAACgB,OAAO;IAC1B,KAAKhB,aAAa,CAACiB,WAAW;MAC5B,OAAO,IAAI;IACb;MACE,oBACE;QACE,IAAI,EAAC,MAAM;QACX,SAAS,EAAC,cAAc;QACxB,SAAS,EAAE,CAAE;QACb,WAAW,EAAC,aAAa;QACzB,KAAK,EAAEgC,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,EAAG;QAC5B,QAAQ,EAAEH;MAAkB,EAC5B;EACF;AAER;AAEA,SAASQ,eAAe,CAACC,KAA2B,EAAe;EACjE,IAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC,EAAE;IAAEC,QAAQ,GAAGrD;EAAiB,CAAC,GAAGiD,KAAK;EACjE,IAAMK,kBAAkB,GAAGJ,MAAM,CAACK,IAAI;EACtC,IAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG3E,QAAQ,CAACwE,kBAAkB,CAAC;EACxE,IAAM,CAACf,iBAAiB,EAAEmB,YAAY,CAAC,GAAG5E,QAAQ,CAACqE,MAAM,CAACpB,SAAS,CAAC;EACpE,IAAM,CAACY,cAAc,EAAEgB,QAAQ,CAAC,GAAG7E,QAAQ,CAACqE,MAAM,CAACnB,KAAK,CAAC;EACzD,IAAM,CAACC,UAAU,EAAE2B,aAAa,CAAC,GAAG9E,QAAQ,CAACqE,MAAM,CAACU,KAAK,CAAC;EAC1D,IAAM,CAAC3B,QAAQ,EAAE4B,WAAW,CAAC,GAAGhF,QAAQ,CAACqE,MAAM,CAACY,GAAG,CAAC;EAEpD,IAAIT,kBAAkB,KAAKE,cAAc,EAAE;IACzC;IACAE,YAAY,CAACnE,0BAA0B,CAAC+D,kBAAkB,CAAC,CAAC;IAC5DK,QAAQ,CAAC9D,sBAAsB,CAACyD,kBAAkB,CAAC,CAAC;IACpDM,aAAa,CAAC3D,SAAS,CAAC;IACxB6D,WAAW,CAAC7D,SAAS,CAAC;IACtBwD,iBAAiB,CAACH,kBAAkB,CAAC;EACvC;EAEA,IAAMU,UAAU,GAAGnF,OAAO,CAAC,MAAM;IAC/B,IAAIyE,kBAAkB,KAAKrD,SAAS,EAAE;MACpC,OAAO,EAAE;IACX;IACA,IAAIlB,UAAU,CAACkF,YAAY,CAACX,kBAAkB,CAAC,EAAE;MAC/C,OAAOpD,sBAAsB;IAC/B;IACA,IAAInB,UAAU,CAACmF,UAAU,CAACZ,kBAAkB,CAAC,EAAE;MAC7C,OAAOzB,cAAc;IACvB;IACA,IAAI9C,UAAU,CAACoF,YAAY,CAACb,kBAAkB,CAAC,EAAE;MAC/C,OAAOxC,gBAAgB;IACzB;IACA,IAAI/B,UAAU,CAACqF,UAAU,CAACd,kBAAkB,CAAC,EAAE;MAC7C,OAAOjC,cAAc;IACvB;IACA,IAAItC,UAAU,CAACsF,aAAa,CAACf,kBAAkB,CAAC,EAAE;MAChD,OAAO5B,iBAAiB;IAC1B;EACF,CAAC,EAAE,CAAC4B,kBAAkB,CAAC,CAAC;EAExB,IAAMgB,qBAAqB,GAAG3F,WAAW,CAAC4F,CAAC,IAAI;IAC7C,IAAM;MAAEvC;IAAM,CAAC,GAAGuC,CAAC,CAACC,MAAM;IAC1B1E,GAAG,CAAC2E,KAAK,CAAC,uBAAuB,EAAEzC,KAAK,CAAC;IACzC0B,YAAY,CAAC1B,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMQ,iBAAiB,GAAG7D,WAAW,CAAC4F,CAAC,IAAI;IACzC,IAAM;MAAEvC;IAAM,CAAC,GAAGuC,CAAC,CAACC,MAAM;IAC1B1E,GAAG,CAAC2E,KAAK,CAAC,mBAAmB,EAAEzC,KAAK,CAAC;IACrC2B,QAAQ,CAAC3B,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,sBAAsB,GAAG9D,WAAW,CAAC4F,CAAC,IAAI;IAC9C,IAAM;MAAEvC;IAAM,CAAC,GAAGuC,CAAC,CAACC,MAAM;IAC1B1E,GAAG,CAAC2E,KAAK,CAAC,wBAAwB,EAAEzC,KAAK,CAAC;IAC1C4B,aAAa,CAAC5B,KAAK,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,oBAAoB,GAAG/D,WAAW,CAAC4F,CAAC,IAAI;IAC5C,IAAM;MAAEvC;IAAM,CAAC,GAAGuC,CAAC,CAACC,MAAM;IAC1B1E,GAAG,CAAC2E,KAAK,CAAC,sBAAsB,EAAEzC,KAAK,CAAC;IACxC8B,WAAW,CAAC9B,KAAK,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAENpD,SAAS,CACP,SAAS8F,eAAe,GAAG;IACzB,IAAIC,OAAO,GAAG,IAAI;IAElB,IAAIpC,iBAAiB,KAAKtC,SAAS,EAAE;MACnCH,GAAG,CAAC2E,KAAK,CACP,8DAA8D,CAC/D;MACDE,OAAO,GAAG,KAAK;IACjB,CAAC,MAAM,IACL5F,UAAU,CAACkF,YAAY,CAACf,MAAM,CAACK,IAAI,CAAC,IACpC,CAACzB,sBAAsB,CACrBS,iBAAiB,EACjBI,cAAc,EACdV,UAAU,EACVC,QAAQ,CACT,EACD;MACApC,GAAG,CAAC2E,KAAK,CACP,iDAAiD,EACjD9B,cAAc,CACf;MACDgC,OAAO,GAAG,KAAK;IACjB,CAAC,MAAM,IACL5F,UAAU,CAACqF,UAAU,CAAClB,MAAM,CAACK,IAAI,CAAC,IAClC,CAAC3D,oBAAoB,CACnBwD,EAAE,EACFb,iBAAiB,EACjBI,cAAc,CACf,EACD;MACA7C,GAAG,CAAC2E,KAAK,CACP,0DAA0D,EAC1D9B,cAAc,CACf;MACDgC,OAAO,GAAG,KAAK;IACjB;IAEAtB,QAAQ,CACN;MACEtB,SAAS,EAAEQ,iBAAiB;MAC5BP,KAAK,EAAEW,cAAc;MACrBkB,KAAK,EAAE5B,UAAU;MACjB8B,GAAG,EAAE7B;IACP,CAAC,EACDyC,OAAO,CACR;EACH,CAAC,EACD,CACEtB,QAAQ,EACRH,MAAM,CAACK,IAAI,EACXH,EAAE,EACFb,iBAAiB,EACjBI,cAAc,EACdV,UAAU,EACVC,QAAQ,CACT,CACF;EAED,IAAM0C,eAAe,GAAG/F,OAAO,CAAC,MAAM;IACpC,IAAIyE,kBAAkB,KAAKrD,SAAS,EAAE;MACpC;MACA,OAAO,IAAI;IACb;IACA,IAAIlB,UAAU,CAACkF,YAAY,CAACX,kBAAkB,CAAC,EAAE;MAC/C,OAAOhB,eAAe,CACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,sBAAsB,EACtBC,oBAAoB,EACpBC,cAAc,EACdV,UAAU,EACVC,QAAQ,CACT;IACH;IACA,IAAInD,UAAU,CAACmF,UAAU,CAACZ,kBAAkB,CAAC,EAAE;MAC7C,OAAOP,aAAa,CAClBR,iBAAiB,EACjBC,iBAAiB,EACjBG,cAAc,CACf;IACH;IACA,IAAI5D,UAAU,CAACoF,YAAY,CAACb,kBAAkB,CAAC,EAAE;MAC/C,OAAOV,eAAe,CACpBL,iBAAiB,EACjBC,iBAAiB,EACjBG,cAAc,CACf;IACH;IACA,IAAI5D,UAAU,CAACqF,UAAU,CAACd,kBAAkB,CAAC,EAAE;MAC7C,OAAOT,aAAa,CAClBN,iBAAiB,EACjBC,iBAAiB,EACjBG,cAAc,CACf;IACH;IACA,IAAI5D,UAAU,CAACsF,aAAa,CAACf,kBAAkB,CAAC,EAAE;MAChD,OAAOR,gBAAgB,EAAE;IAC3B;EACF,CAAC,EAAE,CACDQ,kBAAkB,EAClBf,iBAAiB,EACjBI,cAAc,EACdV,UAAU,EACVC,QAAQ,EACRM,iBAAiB,EACjBC,sBAAsB,EACtBC,oBAAoB,CACrB,CAAC;EAEF,oBACE;IAAK,SAAS,EAAC,uBAAuB;IAAA,wBACpC;MACE,KAAK,EAAEH,iBAAkB;MACzB,eAAY,kBAAkB;MAC9B,SAAS,EAAC,oBAAoB;MAC9B,QAAQ,EAAE+B,qBAAsB;MAAA,UAE/BN;IAAU,EACJ,EACRY,eAAe;EAAA,EACZ;AAEV;AAEA,eAAe5B,eAAe"}

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormatEditor.js","names":["React","useCallback","useState","classNames","Button","Log","FormatColumnWhereIcon","FormatRowWhereIcon","ColumnFormatEditor","RowFormatEditor","FormatterType","isSupportedColumn","log","module","DEFAULT_CALLBACK","undefined","getFormatterTypeIcon","option","CONDITIONAL","ROWS","getFormatterTypeLabel","formatterTypes","ConditionalFormatEditor","props","columns","originalColumns","dh","onSave","onUpdate","onCancel","rule","defaultRule","filter","selectedFormatter","setFormatter","type","setRule","isValid","setIsValid","handleCancel","handleSave","error","handleFormatterChange","value","debug","handleRuleChange","ruleConfig","isRuleValid","updatedRule","config","map","index","active"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@deephaven/components';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { FormatColumnWhereIcon, FormatRowWhereIcon } from '../icons';\nimport ColumnFormatEditor from './ColumnFormatEditor';\nimport RowFormatEditor from './RowFormatEditor';\nimport {\n  BaseFormatConfig,\n  FormatterType,\n  FormattingRule,\n  isSupportedColumn,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport './ConditionalFormatEditor.scss';\n\nconst log = Log.module('ConditionalFormatEditor');\n\nexport type SaveCallback = (rule: FormattingRule) => void;\n\nexport type UpdateCallback = (rule?: FormattingRule) => void;\n\nexport type CancelCallback = () => void;\n\nexport interface ConditionalFormatEditorProps {\n  dh: DhType;\n  columns: readonly ModelColumn[];\n  rule?: FormattingRule;\n  onCancel?: CancelCallback;\n  onSave?: SaveCallback;\n  onUpdate?: UpdateCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getFormatterTypeIcon(option: FormatterType): JSX.Element | undefined {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return <FormatColumnWhereIcon />;\n    case FormatterType.ROWS:\n      return <FormatRowWhereIcon />;\n  }\n}\n\nfunction getFormatterTypeLabel(option: FormatterType): string {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return 'Conditional';\n    case FormatterType.ROWS:\n      return 'Rows';\n  }\n}\n\nconst formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];\n\nfunction ConditionalFormatEditor(\n  props: ConditionalFormatEditorProps\n): JSX.Element {\n  const {\n    columns: originalColumns,\n    dh,\n    onSave = DEFAULT_CALLBACK,\n    onUpdate = DEFAULT_CALLBACK,\n    onCancel = DEFAULT_CALLBACK,\n    rule: defaultRule,\n  } = props;\n\n  const columns = originalColumns.filter(isSupportedColumn);\n\n  const [selectedFormatter, setFormatter] = useState(\n    defaultRule?.type ?? formatterTypes[0]\n  );\n  const [rule, setRule] = useState(defaultRule);\n  const [isValid, setIsValid] = useState(false);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleSave = useCallback(() => {\n    if (rule === undefined) {\n      log.error('Rule is not defined.');\n      return;\n    }\n    onSave(rule);\n  }, [onSave, rule]);\n\n  const handleFormatterChange = useCallback(value => {\n    log.debug('handleFormatterChange', value);\n    setFormatter(value);\n  }, []);\n\n  const handleRuleChange = useCallback(\n    (ruleConfig, isRuleValid: boolean) => {\n      log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);\n      const updatedRule = {\n        type: selectedFormatter,\n        config: ruleConfig as BaseFormatConfig,\n      };\n      setRule(updatedRule);\n      setIsValid(isRuleValid);\n      onUpdate(isRuleValid ? updatedRule : undefined);\n    },\n    [onUpdate, selectedFormatter]\n  );\n\n  return (\n    <div className=\"conditional-format-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\" htmlFor=\"formatter-select\">\n          Select Formatter\n        </label>\n\n        <div className=\"formatter-list\">\n          {formatterTypes.map((type, index) => (\n            <div key={type} className=\"formatter-type\">\n              <button\n                type=\"button\"\n                className={classNames('btn', 'btn-icon', 'btn-formatter-type', {\n                  active: type === selectedFormatter,\n                })}\n                data-index={index}\n                onClick={() => handleFormatterChange(type)}\n              >\n                {getFormatterTypeIcon(type)}\n                {getFormatterTypeLabel(type)}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n      {selectedFormatter === FormatterType.CONDITIONAL && (\n        <ColumnFormatEditor\n          columns={columns}\n          dh={dh}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      {selectedFormatter === FormatterType.ROWS && (\n        <RowFormatEditor\n          columns={columns}\n          config={rule?.config}\n          dh={dh}\n          onChange={handleRuleChange}\n        />\n      )}\n      <hr />\n      <div className=\"d-flex justify-content-end my-3\">\n        <Button kind=\"secondary\" onClick={handleCancel} className=\"mr-2\">\n          Cancel\n        </Button>\n        <Button\n          kind=\"primary\"\n          onClick={handleSave}\n          disabled={rule === undefined || !isValid}\n        >\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default ConditionalFormatEditor;\n"],"mappings":"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"}
+{"version":3,"file":"ConditionalFormatEditor.js","names":["React","useCallback","useState","classNames","Button","Log","FormatColumnWhereIcon","FormatRowWhereIcon","ColumnFormatEditor","RowFormatEditor","FormatterType","isSupportedColumn","log","module","DEFAULT_CALLBACK","undefined","getFormatterTypeIcon","option","CONDITIONAL","ROWS","getFormatterTypeLabel","formatterTypes","ConditionalFormatEditor","props","columns","originalColumns","dh","onSave","onUpdate","onCancel","rule","defaultRule","filter","selectedFormatter","setFormatter","type","setRule","isValid","setIsValid","handleCancel","handleSave","error","handleFormatterChange","value","debug","handleRuleChange","ruleConfig","isRuleValid","updatedRule","config","map","index","active"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@deephaven/components';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { FormatColumnWhereIcon, FormatRowWhereIcon } from '../icons';\nimport ColumnFormatEditor from './ColumnFormatEditor';\nimport RowFormatEditor from './RowFormatEditor';\nimport {\n  BaseFormatConfig,\n  FormatterType,\n  FormattingRule,\n  isSupportedColumn,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport './ConditionalFormatEditor.scss';\n\nconst log = Log.module('ConditionalFormatEditor');\n\nexport type SaveCallback = (rule: FormattingRule) => void;\n\nexport type UpdateCallback = (rule?: FormattingRule) => void;\n\nexport type CancelCallback = () => void;\n\nexport interface ConditionalFormatEditorProps {\n  dh: DhType;\n  columns: readonly ModelColumn[];\n  rule?: FormattingRule;\n  onCancel?: CancelCallback;\n  onSave?: SaveCallback;\n  onUpdate?: UpdateCallback;\n}\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nfunction getFormatterTypeIcon(option: FormatterType): JSX.Element | undefined {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return <FormatColumnWhereIcon />;\n    case FormatterType.ROWS:\n      return <FormatRowWhereIcon />;\n  }\n}\n\nfunction getFormatterTypeLabel(option: FormatterType): string {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return 'Conditional';\n    case FormatterType.ROWS:\n      return 'Rows';\n  }\n}\n\nconst formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];\n\nfunction ConditionalFormatEditor(\n  props: ConditionalFormatEditorProps\n): JSX.Element {\n  const {\n    columns: originalColumns,\n    dh,\n    onSave = DEFAULT_CALLBACK,\n    onUpdate = DEFAULT_CALLBACK,\n    onCancel = DEFAULT_CALLBACK,\n    rule: defaultRule,\n  } = props;\n\n  const columns = originalColumns.filter(isSupportedColumn);\n\n  const [selectedFormatter, setFormatter] = useState(\n    defaultRule?.type ?? formatterTypes[0]\n  );\n  const [rule, setRule] = useState(defaultRule);\n  const [isValid, setIsValid] = useState(false);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleSave = useCallback(() => {\n    if (rule === undefined) {\n      log.error('Rule is not defined.');\n      return;\n    }\n    onSave(rule);\n  }, [onSave, rule]);\n\n  const handleFormatterChange = useCallback(value => {\n    log.debug('handleFormatterChange', value);\n    setFormatter(value);\n  }, []);\n\n  const handleRuleChange = useCallback(\n    (ruleConfig, isRuleValid: boolean) => {\n      log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);\n      const updatedRule = {\n        type: selectedFormatter,\n        config: ruleConfig as BaseFormatConfig,\n      };\n      setRule(updatedRule);\n      setIsValid(isRuleValid);\n      onUpdate(isRuleValid ? updatedRule : undefined);\n    },\n    [onUpdate, selectedFormatter]\n  );\n\n  return (\n    <div className=\"conditional-format-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\" htmlFor=\"formatter-select\">\n          Select Formatter\n        </label>\n\n        <div className=\"formatter-list\">\n          {formatterTypes.map((type, index) => (\n            <div key={type} className=\"formatter-type\">\n              <button\n                type=\"button\"\n                className={classNames('btn', 'btn-icon', 'btn-formatter-type', {\n                  active: type === selectedFormatter,\n                })}\n                data-index={index}\n                onClick={() => handleFormatterChange(type)}\n              >\n                {getFormatterTypeIcon(type)}\n                {getFormatterTypeLabel(type)}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n      {selectedFormatter === FormatterType.CONDITIONAL && (\n        <ColumnFormatEditor\n          columns={columns}\n          dh={dh}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      {selectedFormatter === FormatterType.ROWS && (\n        <RowFormatEditor\n          columns={columns}\n          config={rule?.config}\n          dh={dh}\n          onChange={handleRuleChange}\n        />\n      )}\n      <hr />\n      <div className=\"d-flex justify-content-end my-3\">\n        <Button kind=\"secondary\" onClick={handleCancel} className=\"mr-2\">\n          Cancel\n        </Button>\n        <Button\n          kind=\"primary\"\n          onClick={handleSave}\n          disabled={rule === undefined || !isValid}\n        >\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default ConditionalFormatEditor;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormattingMenu.js","names":["React","useCallback","DragDropContext","Draggable","Droppable","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsGripper","vsTrash","Button","DragUtils","Tooltip","TableUtils","Log","FormatterType","getBackgroundForStyleConfig","getColorForStyleConfig","getShortLabelForConditionType","NumberCondition","StringCondition","DateCondition","log","module","DEFAULT_CALLBACK","undefined","getRuleValue","config","column","type","isNumberType","condition","IS_NULL","IS_NOT_NULL","value","isCharType","isStringType","isDateType","isBooleanType","Error","getRuleTitle","IS_BETWEEN","start","name","end","ConditionalFormattingMenu","props","rules","onChange","onCreate","onSelect","handleRuleClick","e","rule","index","stopPropagation","debug","handleDeleteClick","updatedRules","splice","handleDragHandlerClick","handleDragEnd","result","stopDragging","destination","sourceIndex","source","destinationIndex","sourceInput","startDragging","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","length","map","isDragging","draggableProps","backgroundColor","style","color","ROWS","dragHandleProps","placeholder"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhNewCircleLargeFilled, vsGripper, vsTrash } from '@deephaven/icons';\nimport { Button, DragUtils, Tooltip } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport './ConditionalFormattingMenu.scss';\nimport {\n  BaseFormatConfig,\n  FormattingRule,\n  FormatterType,\n  getBackgroundForStyleConfig,\n  getColorForStyleConfig,\n  getShortLabelForConditionType,\n  NumberCondition,\n  StringCondition,\n  DateCondition,\n} from './ConditionalFormattingUtils';\nimport { ColumnName } from '../../CommonTypes';\n\nconst log = Log.module('ConditionalFormattingMenu');\n\nexport type ChangeCallback = (rules: readonly FormattingRule[]) => void;\n\nexport type SelectCallback = (index: number) => void;\n\nexport type CreateCallback = () => void;\n\nexport type ConditionalFormattingMenuProps = {\n  rules: readonly FormattingRule[];\n  selectedColumn?: ColumnName;\n  onChange?: ChangeCallback;\n  onCreate?: CreateCallback;\n  onSelect?: SelectCallback;\n};\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getRuleValue(config: BaseFormatConfig): string {\n  const {\n    column: { type },\n  } = config;\n  if (TableUtils.isNumberType(type)) {\n    return config.condition === NumberCondition.IS_NULL ||\n      config.condition === NumberCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isCharType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isStringType(type)) {\n    return config.condition === StringCondition.IS_NULL ||\n      config.condition === StringCondition.IS_NOT_NULL\n      ? ''\n      : `\"${config.value}\"`;\n  }\n  if (TableUtils.isDateType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isBooleanType(type)) {\n    return '';\n  }\n  throw new Error(`Invalid column type ${type} in getRuleValue`);\n}\n\nfunction getRuleTitle(config: BaseFormatConfig): string {\n  if (\n    TableUtils.isNumberType(config.column.type) &&\n    config.condition === NumberCondition.IS_BETWEEN\n  ) {\n    return `${config.start} < ${config.column.name} < ${config.end}`;\n  }\n  return `${config.column.name} ${getShortLabelForConditionType(\n    (config as BaseFormatConfig).column.type,\n    (config as BaseFormatConfig).condition\n  )} \n    ${getRuleValue(config as BaseFormatConfig)}`;\n}\n\nfunction ConditionalFormattingMenu(\n  props: ConditionalFormattingMenuProps\n): JSX.Element {\n  const {\n    rules = [],\n    onChange = DEFAULT_CALLBACK,\n    onCreate = DEFAULT_CALLBACK,\n    onSelect = DEFAULT_CALLBACK,\n  } = props;\n\n  const handleRuleClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Rule clicked', rule, index);\n      onSelect(index);\n    },\n    [onSelect]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Delete button clicked', rule, index);\n      const updatedRules = [...rules];\n      updatedRules.splice(index, 1);\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  const handleDragHandlerClick = useCallback(e => {\n    e.stopPropagation();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (result: DropResult) => {\n      DragUtils.stopDragging();\n\n      // if dropped outside the list\n      if (result.destination == null) {\n        return;\n      }\n      const sourceIndex = result.source.index;\n      const destinationIndex = result.destination.index;\n      const updatedRules = [...rules];\n      const sourceInput = rules[sourceIndex];\n\n      updatedRules.splice(sourceIndex, 1);\n      updatedRules.splice(destinationIndex, 0, sourceInput);\n\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  // Display list of rules\n  return (\n    <div className=\"conditional-formatting-rules\">\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={handleDragEnd}\n      >\n        <Droppable droppableId=\"droppable-custom-columns\">\n          {(provided, snapshot) => (\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('droppable-container', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n            >\n              {rules.length === 0 && (\n                <div className=\"text-muted pl-2\">No formats defined</div>\n              )}\n              {rules.map((rule, index) => (\n                <Draggable\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`${index}-${rule.type}`}\n                  draggableId={`${index}-${rule.type}`}\n                  index={index}\n                  disableInteractiveElementBlocking\n                >\n                  {\n                    // eslint-disable-next-line @typescript-eslint/no-shadow\n                    (provided, snapshot) => (\n                      <div\n                        role=\"menuitem\"\n                        tabIndex={0}\n                        onClick={e => handleRuleClick(e, rule, index)}\n                        className={classNames('draggable-container', {\n                          dragging: snapshot.isDragging,\n                        })}\n                        ref={provided.innerRef}\n                        // eslint-disable-next-line react/jsx-props-no-spreading\n                        {...provided.draggableProps}\n                      >\n                        <div className=\"conditional-formatting-list-item\">\n                          <div className=\"formatting-item\">\n                            <div className=\"rule-icon\">\n                              <span\n                                className=\"rule-icon-bg\"\n                                style={{\n                                  backgroundColor: getBackgroundForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                  color: getColorForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                }}\n                              >\n                                {rule.type === FormatterType.ROWS\n                                  ? 'row'\n                                  : 'col'}\n                              </span>\n                            </div>\n                            <div className=\"rule-title\">\n                              {getRuleTitle(rule.config as BaseFormatConfig)}\n                            </div>\n                            <Button\n                              kind=\"ghost\"\n                              className=\"ml-1 px-2\"\n                              onClick={e => handleDeleteClick(e, rule, index)}\n                              icon={vsTrash}\n                              tooltip=\"Delete rule\"\n                            />\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                              onClick={handleDragHandlerClick}\n                              // eslint-disable-next-line react/jsx-props-no-spreading\n                              {...provided.dragHandleProps}\n                            >\n                              <Tooltip>Drag to re-order</Tooltip>\n                              <FontAwesomeIcon icon={vsGripper} />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    )\n                  }\n                </Draggable>\n              ))}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      <hr />\n      <Button kind=\"ghost\" onClick={onCreate} icon={dhNewCircleLargeFilled}>\n        Add New Rule\n      </Button>\n    </div>\n  );\n}\n\nexport default ConditionalFormattingMenu;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SACEC,eAAe,EACfC,SAAS,EACTC,SAAS,QAEJ,qBAAqB;AAC5B,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,sBAAsB,EAAEC,SAAS,EAAEC,OAAO,QAAQ,kBAAkB;AAC7E,SAASC,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,uBAAuB;AAClE,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,GAAG,MAAM,gBAAgB;AAAC;AAAA,SAK/BC,aAAa,EACbC,2BAA2B,EAC3BC,sBAAsB,EACtBC,6BAA6B,EAC7BC,eAAe,EACfC,eAAe,EACfC,aAAa;AAAA;AAAA;AAIf,IAAMC,GAAG,GAAGR,GAAG,CAACS,MAAM,CAAC,2BAA2B,CAAC;AAgBnD,IAAMC,gBAAgB,GAAG,MAAMC,SAAS;AAExC,SAASC,YAAY,CAACC,MAAwB,EAAU;EACtD,IAAM;IACJC,MAAM,EAAE;MAAEC;IAAK;EACjB,CAAC,GAAGF,MAAM;EACV,IAAId,UAAU,CAACiB,YAAY,CAACD,IAAI,CAAC,EAAE;IACjC,OAAOF,MAAM,CAACI,SAAS,KAAKZ,eAAe,CAACa,OAAO,IACjDL,MAAM,CAACI,SAAS,KAAKZ,eAAe,CAACc,WAAW,GAC9C,EAAE,aACCN,MAAM,CAACO,KAAK,CAAE;EACvB;EACA,IAAIrB,UAAU,CAACsB,UAAU,CAACN,IAAI,CAAC,EAAE;IAC/B,OAAOF,MAAM,CAACI,SAAS,KAAKV,aAAa,CAACW,OAAO,IAC/CL,MAAM,CAACI,SAAS,KAAKV,aAAa,CAACY,WAAW,GAC5C,EAAE,aACCN,MAAM,CAACO,KAAK,CAAE;EACvB;EACA,IAAIrB,UAAU,CAACuB,YAAY,CAACP,IAAI,CAAC,EAAE;IACjC,OAAOF,MAAM,CAACI,SAAS,KAAKX,eAAe,CAACY,OAAO,IACjDL,MAAM,CAACI,SAAS,KAAKX,eAAe,CAACa,WAAW,GAC9C,EAAE,eACEN,MAAM,CAACO,KAAK,OAAG;EACzB;EACA,IAAIrB,UAAU,CAACwB,UAAU,CAACR,IAAI,CAAC,EAAE;IAC/B,OAAOF,MAAM,CAACI,SAAS,KAAKV,aAAa,CAACW,OAAO,IAC/CL,MAAM,CAACI,SAAS,KAAKV,aAAa,CAACY,WAAW,GAC5C,EAAE,aACCN,MAAM,CAACO,KAAK,CAAE;EACvB;EACA,IAAIrB,UAAU,CAACyB,aAAa,CAACT,IAAI,CAAC,EAAE;IAClC,OAAO,EAAE;EACX;EACA,MAAM,IAAIU,KAAK,+BAAwBV,IAAI,sBAAmB;AAChE;AAEA,SAASW,YAAY,CAACb,MAAwB,EAAU;EACtD,IACEd,UAAU,CAACiB,YAAY,CAACH,MAAM,CAACC,MAAM,CAACC,IAAI,CAAC,IAC3CF,MAAM,CAACI,SAAS,KAAKZ,eAAe,CAACsB,UAAU,EAC/C;IACA,iBAAUd,MAAM,CAACe,KAAK,gBAAMf,MAAM,CAACC,MAAM,CAACe,IAAI,gBAAMhB,MAAM,CAACiB,GAAG;EAChE;EACA,iBAAUjB,MAAM,CAACC,MAAM,CAACe,IAAI,cAAIzB,6BAA6B,CAC1DS,MAAM,CAAsBC,MAAM,CAACC,IAAI,EACvCF,MAAM,CAAsBI,SAAS,CACvC,oBACGL,YAAY,CAACC,MAAM,CAAqB;AAC9C;AAEA,SAASkB,yBAAyB,CAChCC,KAAqC,EACxB;EACb,IAAM;IACJC,KAAK,GAAG,EAAE;IACVC,QAAQ,GAAGxB,gBAAgB;IAC3ByB,QAAQ,GAAGzB,gBAAgB;IAC3B0B,QAAQ,GAAG1B;EACb,CAAC,GAAGsB,KAAK;EAET,IAAMK,eAAe,GAAGlD,WAAW,CACjC,CAACmD,CAAC,EAAEC,IAAI,EAAEC,KAAK,KAAK;IAClBF,CAAC,CAACG,eAAe,EAAE;IACnBjC,GAAG,CAACkC,KAAK,CAAC,cAAc,EAAEH,IAAI,EAAEC,KAAK,CAAC;IACtCJ,QAAQ,CAACI,KAAK,CAAC;EACjB,CAAC,EACD,CAACJ,QAAQ,CAAC,CACX;EAED,IAAMO,iBAAiB,GAAGxD,WAAW,CACnC,CAACmD,CAAC,EAAEC,IAAI,EAAEC,KAAK,KAAK;IAClBF,CAAC,CAACG,eAAe,EAAE;IACnBjC,GAAG,CAACkC,KAAK,CAAC,uBAAuB,EAAEH,IAAI,EAAEC,KAAK,CAAC;IAC/C,IAAMI,YAAY,GAAG,CAAC,GAAGX,KAAK,CAAC;IAC/BW,YAAY,CAACC,MAAM,CAACL,KAAK,EAAE,CAAC,CAAC;IAC7BN,QAAQ,CAACU,YAAY,CAAC;EACxB,CAAC,EACD,CAACV,QAAQ,EAAED,KAAK,CAAC,CAClB;EAED,IAAMa,sBAAsB,GAAG3D,WAAW,CAACmD,CAAC,IAAI;IAC9CA,CAAC,CAACG,eAAe,EAAE;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMM,aAAa,GAAG5D,WAAW,CAC9B6D,MAAkB,IAAK;IACtBnD,SAAS,CAACoD,YAAY,EAAE;;IAExB;IACA,IAAID,MAAM,CAACE,WAAW,IAAI,IAAI,EAAE;MAC9B;IACF;IACA,IAAMC,WAAW,GAAGH,MAAM,CAACI,MAAM,CAACZ,KAAK;IACvC,IAAMa,gBAAgB,GAAGL,MAAM,CAACE,WAAW,CAACV,KAAK;IACjD,IAAMI,YAAY,GAAG,CAAC,GAAGX,KAAK,CAAC;IAC/B,IAAMqB,WAAW,GAAGrB,KAAK,CAACkB,WAAW,CAAC;IAEtCP,YAAY,CAACC,MAAM,CAACM,WAAW,EAAE,CAAC,CAAC;IACnCP,YAAY,CAACC,MAAM,CAACQ,gBAAgB,EAAE,CAAC,EAAEC,WAAW,CAAC;IAErDpB,QAAQ,CAACU,YAAY,CAAC;EACxB,CAAC,EACD,CAACV,QAAQ,EAAED,KAAK,CAAC,CAClB;;EAED;EACA,oBACE;IAAK,SAAS,EAAC,8BAA8B;IAAA,wBAC3C,KAAC,eAAe;MACd,WAAW,EAAEpC,SAAS,CAAC0D,aAAc;MACrC,SAAS,EAAER,aAAc;MAAA,uBAEzB,KAAC,SAAS;QAAC,WAAW,EAAC,0BAA0B;QAAA,UAC9C,CAACS,QAAQ,EAAEC,QAAQ,kBAClB;UACE,GAAG,EAAED,QAAQ,CAACE;UACd;QAAA,GACIF,QAAQ,CAACG,cAAc;UAC3B,SAAS,EAAEpE,UAAU,CAAC,qBAAqB,EAAE;YAC3CqE,QAAQ,EAAEH,QAAQ,CAACI;UACrB,CAAC,CAAE;UAAA,WAEF5B,KAAK,CAAC6B,MAAM,KAAK,CAAC,iBACjB;YAAK,SAAS,EAAC,iBAAiB;YAAA,UAAC;UAAkB,EACpD,EACA7B,KAAK,CAAC8B,GAAG,CAAC,CAACxB,IAAI,EAAEC,KAAK,kBACrB,KAAC;UACC;UAAA;YAEA,WAAW,YAAKA,KAAK,cAAID,IAAI,CAACxB,IAAI,CAAG;YACrC,KAAK,EAAEyB,KAAM;YACb,iCAAiC;YAAA;YAG/B;YACA,CAACgB,QAAQ,EAAEC,QAAQ,kBACjB;cACE,IAAI,EAAC,UAAU;cACf,QAAQ,EAAE,CAAE;cACZ,OAAO,EAAEnB,CAAC,IAAID,eAAe,CAACC,CAAC,EAAEC,IAAI,EAAEC,KAAK,CAAE;cAC9C,SAAS,EAAEjD,UAAU,CAAC,qBAAqB,EAAE;gBAC3CqE,QAAQ,EAAEH,QAAQ,CAACO;cACrB,CAAC,CAAE;cACH,GAAG,EAAER,QAAQ,CAACE;cACd;YAAA,GACIF,QAAQ,CAACS,cAAc;cAAA,uBAE3B;gBAAK,SAAS,EAAC,kCAAkC;gBAAA,uBAC/C;kBAAK,SAAS,EAAC,iBAAiB;kBAAA,wBAC9B;oBAAK,SAAS,EAAC,WAAW;oBAAA,uBACxB;sBACE,SAAS,EAAC,cAAc;sBACxB,KAAK,EAAE;wBACLC,eAAe,EAAEhE,2BAA2B,CACzCqC,IAAI,CAAC1B,MAAM,CAAsBsD,KAAK,CACxC;wBACDC,KAAK,EAAEjE,sBAAsB,CAC1BoC,IAAI,CAAC1B,MAAM,CAAsBsD,KAAK;sBAE3C,CAAE;sBAAA,UAED5B,IAAI,CAACxB,IAAI,KAAKd,aAAa,CAACoE,IAAI,GAC7B,KAAK,GACL;oBAAK;kBACJ,EACH,eACN;oBAAK,SAAS,EAAC,YAAY;oBAAA,UACxB3C,YAAY,CAACa,IAAI,CAAC1B,MAAM;kBAAqB,EAC1C,eACN,KAAC,MAAM;oBACL,IAAI,EAAC,OAAO;oBACZ,SAAS,EAAC,WAAW;oBACrB,OAAO,EAAEyB,CAAC,IAAIK,iBAAiB,CAACL,CAAC,EAAEC,IAAI,EAAEC,KAAK,CAAE;oBAChD,IAAI,EAAE7C,OAAQ;oBACd,OAAO,EAAC;kBAAa,EACrB,eACF;oBACE,IAAI,EAAC,QAAQ;oBACb,SAAS,EAAC,iDAAiD;oBAC3D,OAAO,EAAEmD;oBACT;kBAAA,GACIU,QAAQ,CAACc,eAAe;oBAAA,wBAE5B,KAAC,OAAO;sBAAA,UAAC;oBAAgB,EAAU,eACnC,KAAC,eAAe;sBAAC,IAAI,EAAE5E;oBAAU,EAAG;kBAAA,GAC7B;gBAAA;cACL;YACF;UAET,aA7DK8C,KAAK,cAAID,IAAI,CAACxB,IAAI,EAgE7B,CAAC,EACDyC,QAAQ,CAACe,WAAW;QAAA;MAExB;IACS,EACI,eAClB,cAAM,eACN,KAAC,MAAM;MAAC,IAAI,EAAC,OAAO;MAAC,OAAO,EAAEpC,QAAS;MAAC,IAAI,EAAE1C,sBAAuB;MAAA,UAAC;IAEtE,EAAS;EAAA,EACL;AAEV;AAEA,eAAesC,yBAAyB"}
+{"version":3,"file":"ConditionalFormattingMenu.js","names":["React","useCallback","DragDropContext","Draggable","Droppable","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsGripper","vsTrash","Button","DragUtils","Tooltip","TableUtils","Log","FormatterType","getBackgroundForStyleConfig","getColorForStyleConfig","getShortLabelForConditionType","NumberCondition","StringCondition","DateCondition","log","module","DEFAULT_CALLBACK","undefined","getRuleValue","config","column","type","isNumberType","condition","IS_NULL","IS_NOT_NULL","value","isCharType","isStringType","isDateType","isBooleanType","Error","getRuleTitle","IS_BETWEEN","start","name","end","ConditionalFormattingMenu","props","rules","onChange","onCreate","onSelect","handleRuleClick","e","rule","index","stopPropagation","debug","handleDeleteClick","updatedRules","splice","handleDragHandlerClick","handleDragEnd","result","stopDragging","destination","sourceIndex","source","destinationIndex","sourceInput","startDragging","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","length","map","isDragging","draggableProps","backgroundColor","style","color","ROWS","dragHandleProps","placeholder"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhNewCircleLargeFilled, vsGripper, vsTrash } from '@deephaven/icons';\nimport { Button, DragUtils, Tooltip } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport './ConditionalFormattingMenu.scss';\nimport {\n  BaseFormatConfig,\n  FormattingRule,\n  FormatterType,\n  getBackgroundForStyleConfig,\n  getColorForStyleConfig,\n  getShortLabelForConditionType,\n  NumberCondition,\n  StringCondition,\n  DateCondition,\n} from './ConditionalFormattingUtils';\nimport { ColumnName } from '../../CommonTypes';\n\nconst log = Log.module('ConditionalFormattingMenu');\n\nexport type ChangeCallback = (rules: readonly FormattingRule[]) => void;\n\nexport type SelectCallback = (index: number) => void;\n\nexport type CreateCallback = () => void;\n\nexport type ConditionalFormattingMenuProps = {\n  rules: readonly FormattingRule[];\n  selectedColumn?: ColumnName;\n  onChange?: ChangeCallback;\n  onCreate?: CreateCallback;\n  onSelect?: SelectCallback;\n};\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nfunction getRuleValue(config: BaseFormatConfig): string {\n  const {\n    column: { type },\n  } = config;\n  if (TableUtils.isNumberType(type)) {\n    return config.condition === NumberCondition.IS_NULL ||\n      config.condition === NumberCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isCharType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isStringType(type)) {\n    return config.condition === StringCondition.IS_NULL ||\n      config.condition === StringCondition.IS_NOT_NULL\n      ? ''\n      : `\"${config.value}\"`;\n  }\n  if (TableUtils.isDateType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isBooleanType(type)) {\n    return '';\n  }\n  throw new Error(`Invalid column type ${type} in getRuleValue`);\n}\n\nfunction getRuleTitle(config: BaseFormatConfig): string {\n  if (\n    TableUtils.isNumberType(config.column.type) &&\n    config.condition === NumberCondition.IS_BETWEEN\n  ) {\n    return `${config.start} < ${config.column.name} < ${config.end}`;\n  }\n  return `${config.column.name} ${getShortLabelForConditionType(\n    (config as BaseFormatConfig).column.type,\n    (config as BaseFormatConfig).condition\n  )} \n    ${getRuleValue(config as BaseFormatConfig)}`;\n}\n\nfunction ConditionalFormattingMenu(\n  props: ConditionalFormattingMenuProps\n): JSX.Element {\n  const {\n    rules = [],\n    onChange = DEFAULT_CALLBACK,\n    onCreate = DEFAULT_CALLBACK,\n    onSelect = DEFAULT_CALLBACK,\n  } = props;\n\n  const handleRuleClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Rule clicked', rule, index);\n      onSelect(index);\n    },\n    [onSelect]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Delete button clicked', rule, index);\n      const updatedRules = [...rules];\n      updatedRules.splice(index, 1);\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  const handleDragHandlerClick = useCallback(e => {\n    e.stopPropagation();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (result: DropResult) => {\n      DragUtils.stopDragging();\n\n      // if dropped outside the list\n      if (result.destination == null) {\n        return;\n      }\n      const sourceIndex = result.source.index;\n      const destinationIndex = result.destination.index;\n      const updatedRules = [...rules];\n      const sourceInput = rules[sourceIndex];\n\n      updatedRules.splice(sourceIndex, 1);\n      updatedRules.splice(destinationIndex, 0, sourceInput);\n\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  // Display list of rules\n  return (\n    <div className=\"conditional-formatting-rules\">\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={handleDragEnd}\n      >\n        <Droppable droppableId=\"droppable-custom-columns\">\n          {(provided, snapshot) => (\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('droppable-container', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n            >\n              {rules.length === 0 && (\n                <div className=\"text-muted pl-2\">No formats defined</div>\n              )}\n              {rules.map((rule, index) => (\n                <Draggable\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`${index}-${rule.type}`}\n                  draggableId={`${index}-${rule.type}`}\n                  index={index}\n                  disableInteractiveElementBlocking\n                >\n                  {\n                    // eslint-disable-next-line @typescript-eslint/no-shadow\n                    (provided, snapshot) => (\n                      <div\n                        role=\"menuitem\"\n                        tabIndex={0}\n                        onClick={e => handleRuleClick(e, rule, index)}\n                        className={classNames('draggable-container', {\n                          dragging: snapshot.isDragging,\n                        })}\n                        ref={provided.innerRef}\n                        // eslint-disable-next-line react/jsx-props-no-spreading\n                        {...provided.draggableProps}\n                      >\n                        <div className=\"conditional-formatting-list-item\">\n                          <div className=\"formatting-item\">\n                            <div className=\"rule-icon\">\n                              <span\n                                className=\"rule-icon-bg\"\n                                style={{\n                                  backgroundColor: getBackgroundForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                  color: getColorForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                }}\n                              >\n                                {rule.type === FormatterType.ROWS\n                                  ? 'row'\n                                  : 'col'}\n                              </span>\n                            </div>\n                            <div className=\"rule-title\">\n                              {getRuleTitle(rule.config as BaseFormatConfig)}\n                            </div>\n                            <Button\n                              kind=\"ghost\"\n                              className=\"ml-1 px-2\"\n                              onClick={e => handleDeleteClick(e, rule, index)}\n                              icon={vsTrash}\n                              tooltip=\"Delete rule\"\n                            />\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                              onClick={handleDragHandlerClick}\n                              // eslint-disable-next-line react/jsx-props-no-spreading\n                              {...provided.dragHandleProps}\n                            >\n                              <Tooltip>Drag to re-order</Tooltip>\n                              <FontAwesomeIcon icon={vsGripper} />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    )\n                  }\n                </Draggable>\n              ))}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      <hr />\n      <Button kind=\"ghost\" onClick={onCreate} icon={dhNewCircleLargeFilled}>\n        Add New Rule\n      </Button>\n    </div>\n  );\n}\n\nexport default ConditionalFormattingMenu;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormattingUtils.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConditionalFormattingUtils.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingUtils.ts"],"names":[],"mappings":"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"}