@deephaven/chart 0.53.1-beta.2 → 0.53.1-beta.4

package/dist/Chart.d.ts

@@ -73,6 +73,7 @@ export declare class Chart extends Component<ChartProps, ChartState> {
     ranges?: unknown;
     isSubscribed: boolean;
     isLoadedFired: boolean;
+    resizeObserver: ResizeObserver;
     getCachedConfig: (downsamplingError: unknown, isDownsampleFinished: boolean, isDownsampleInProgress: boolean, isDownsamplingDisabled: boolean, data: Partial<Data>[]) => Partial<PlotlyConfig>;
     getPlotRect(): DOMRect | null;
     initData(): void;
@@ -87,6 +88,7 @@ export declare class Chart extends Component<ChartProps, ChartState> {
     handleRelayout(changes: {
         hiddenlabels?: string[];
     }): void;
+    handleResize(): void;
     handleRestyle([changes, seriesIndexes]: readonly [
         Record<string, unknown>,
         number[]

package/dist/Chart.d.ts.map

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

package/dist/Chart.js

@@ -9,7 +9,7 @@ import memoize from 'memoize-one';
 import { vsLoading, dhGraphLineDown, dhWarningFilled } from '@deephaven/icons';
 import { Formatter, FormatterUtils, DateUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import createPlotlyComponent from 'react-plotly.js/factory.js';
+import createPlotlyComponent from "./plotly/createPlotlyComponent.js";
 import Plotly from "./plotly/Plotly.js";
 import ChartModel from "./ChartModel.js";
 import ChartUtils from "./ChartUtils.js";
@@ -60,6 +60,7 @@ export class Chart extends Component {
     _defineProperty(this, "ranges", void 0);
     _defineProperty(this, "isSubscribed", void 0);
     _defineProperty(this, "isLoadedFired", void 0);
+    _defineProperty(this, "resizeObserver", void 0);
     _defineProperty(this, "getCachedConfig", memoize((downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled, data) => {
       var customButtons = [];
       var hasDownsampleError = Boolean(downsamplingError);
@@ -116,6 +117,7 @@ export class Chart extends Component {
     this.handleModelEvent = this.handleModelEvent.bind(this);
     this.handlePlotUpdate = this.handlePlotUpdate.bind(this);
     this.handleRelayout = this.handleRelayout.bind(this);
+    this.handleResize = this.handleResize.bind(this);
     this.handleRestyle = this.handleRestyle.bind(this);
     this.PlotComponent = createPlotlyComponent(props.Plotly);
     this.plot = /*#__PURE__*/React.createRef();
@@ -127,6 +129,7 @@ export class Chart extends Component {
     this.isSubscribed = false;
     this.isLoadedFired = false;
     this.currentSeries = 0;
+    this.resizeObserver = new window.ResizeObserver(this.handleResize);
     this.state = {
       data: null,
       downsamplingError: null,
@@ -152,6 +155,9 @@ export class Chart extends Component {
     if (isActive) {
       this.subscribe(model);
     }
+    if (this.plotWrapper.current != null) {
+      this.resizeObserver.observe(this.plotWrapper.current);
+    }
   }
   componentDidUpdate(prevProps) {
     var {
@@ -166,6 +172,7 @@ export class Chart extends Component {
     }
     if (isActive !== prevProps.isActive) {
       if (isActive) {
+        this.updateDimensions();
         this.subscribe(model);
       } else {
         this.unsubscribe(model);
@@ -177,7 +184,11 @@ export class Chart extends Component {
       model
     } = this.props;
     this.unsubscribe(model);
+    this.resizeObserver.disconnect();
   }
+
+  // Listen for resizing of the element and update the canvas appropriately
+
   getPlotRect() {
     var _this$plotWrapper$cur, _this$plotWrapper$cur2;
     return (_this$plotWrapper$cur = (_this$plotWrapper$cur2 = this.plotWrapper.current) === null || _this$plotWrapper$cur2 === void 0 ? void 0 : _this$plotWrapper$cur2.getBoundingClientRect()) !== null && _this$plotWrapper$cur !== void 0 ? _this$plotWrapper$cur : null;
@@ -365,6 +376,9 @@ export class Chart extends Component {
     }
     this.updateModelDimensions();
   }
+  handleResize() {
+    this.updateDimensions();
+  }
   handleRestyle(_ref4) {
     var [changes, seriesIndexes] = _ref4;
     log.debug('handleRestyle', changes, seriesIndexes);

package/dist/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","createPlotlyComponent","Plotly","ChartModel","ChartUtils","jsx","_jsx","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","concat","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","_defineProperty","downsamplingError","isDownsampleFinished","data","customButtons","hasDownsampleError","Boolean","push","name","title","click","attr","handleDownsampleClick","has2D","some","_ref","type","includes","has3D","_ref2","buttons2D","buttons3D","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","PlotComponent","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","state","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","model","subscribe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","getPlotRect","_this$plotWrapper$cur","_this$plotWrapper$cur2","current","getBoundingClientRect","setState","getData","_objectSpread","getLayout","rect","height","debug2","_ref3","setDownsamplingDisabled","event","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","_detail$message","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","_ref4","seriesIndexes","Object","keys","reduce","acc","_ref5","visible","force","arguments","length","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","dh","setFormatter","PlotlyProp","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","className","ref","children","onAfterPlot","error","onRelayout","onRestyle","useResizeHandler","style","timeZone","defaultDateTimeFormat","FULL_DATE_FORMAT","showTimeZone","showTSeparator"],"sources":["../src/Chart.tsx"],"sourcesContent":["import React, { Component, ReactElement, RefObject } from 'react';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport {\n  vsLoading,\n  dhGraphLineDown,\n  dhWarningFilled,\n  IconDefinition,\n} from '@deephaven/icons';\nimport {\n  Formatter,\n  FormatterUtils,\n  DateUtils,\n  DateTimeColumnFormatterOptions,\n  DecimalColumnFormatterOptions,\n  IntegerColumnFormatterOptions,\n  FormattingRule,\n  ColumnFormatSettings,\n  DateTimeFormatSettings,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  Config as PlotlyConfig,\n  Layout,\n  Icon,\n  Data,\n  PlotData,\n  ModeBarButtonAny,\n} from 'plotly.js';\nimport type { PlotParams } from 'react-plotly.js';\nimport createPlotlyComponent from 'react-plotly.js/factory.js';\nimport Plotly from './plotly/Plotly';\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = ColumnFormatSettings &\n  DateTimeFormatSettings & {\n    decimalFormatOptions?: DecimalColumnFormatterOptions;\n    integerFormatOptions?: IntegerColumnFormatterOptions;\n  };\n\ninterface ChartProps {\n  model: ChartModel;\n  settings: FormatterSettings;\n  isActive: boolean;\n  Plotly: typeof Plotly;\n  onDisconnect: () => void;\n  onReconnect: () => void;\n  onUpdate: (obj: { isLoading: boolean }) => void;\n  onError: (error: Error) => void;\n  onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;\n}\n\ninterface ChartState {\n  data: Partial<Data>[] | null;\n  downsamplingError: unknown;\n  isDownsampleFinished: boolean;\n  isDownsampleInProgress: boolean;\n  isDownsamplingDisabled: boolean;\n  layout: Partial<Layout>;\n  revision: number;\n}\n\nexport class Chart extends Component<ChartProps, ChartState> {\n  static defaultProps = {\n    isActive: true,\n    settings: {\n      timeZone: 'America/New_York',\n      defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,\n      showTimeZone: false,\n      showTSeparator: true,\n      formatter: [],\n    },\n    Plotly,\n    onDisconnect: (): void => undefined,\n    onReconnect: (): void => undefined,\n    onUpdate: (): void => undefined,\n    onError: (): void => undefined,\n    onSettingsChanged: (): void => undefined,\n  };\n\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param faIcon The icon to convert\n   */\n  static convertIcon(faIcon: IconDefinition): Icon {\n    const [width, , , , path] = faIcon.icon;\n    // By default the icons are flipped upside down, so we need to add our own transform\n    // https://github.com/plotly/plotly.js/issues/1335\n    const stringPath = `${path}`;\n    return {\n      width,\n      path: stringPath,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string {\n    if (isDownsampleInProgress) {\n      return 'Downsampling in progress...';\n    }\n\n    return isDownsamplingDisabled\n      ? 'Downsampling disabled, click to enable'\n      : 'Downsampling enabled, click to disable';\n  }\n\n  static downsampleButtonAttr(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string | undefined {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props: ChartProps) {\n    super(props);\n\n    this.handleAfterPlot = this.handleAfterPlot.bind(this);\n    this.handleDownsampleClick = this.handleDownsampleClick.bind(this);\n    this.handleModelEvent = this.handleModelEvent.bind(this);\n    this.handlePlotUpdate = this.handlePlotUpdate.bind(this);\n    this.handleRelayout = this.handleRelayout.bind(this);\n    this.handleRestyle = this.handleRestyle.bind(this);\n\n    this.PlotComponent = createPlotlyComponent(props.Plotly);\n    this.plot = React.createRef();\n    this.plotWrapper = React.createRef();\n    this.columnFormats = [];\n    this.dateTimeFormatterOptions = {};\n    this.decimalFormatOptions = {};\n    this.integerFormatOptions = {};\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\n    this.currentSeries = 0;\n\n    this.state = {\n      data: null,\n      downsamplingError: null,\n      isDownsampleFinished: false,\n      isDownsampleInProgress: false,\n      isDownsamplingDisabled: false,\n      layout: {\n        datarevision: 0,\n      },\n      revision: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    // Need to make sure the model dimensions are up to date before initializing the data\n    this.updateDimensions();\n    this.updateModelDimensions();\n\n    this.initData();\n    this.initFormatter();\n\n    const { isActive, model } = this.props;\n    if (isActive) {\n      this.subscribe(model);\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, model, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (model !== prevProps.model) {\n      this.unsubscribe(prevProps.model);\n      this.subscribe(model);\n    }\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe(model);\n      } else {\n        this.unsubscribe(model);\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { model } = this.props;\n    this.unsubscribe(model);\n  }\n\n  currentSeries: number;\n\n  PlotComponent: React.ComponentType<PlotParams>;\n\n  plot: RefObject<typeof this.PlotComponent>;\n\n  plotWrapper: RefObject<HTMLDivElement>;\n\n  columnFormats?: FormattingRule[];\n\n  dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;\n\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n\n  integerFormatOptions: IntegerColumnFormatterOptions;\n\n  rect?: DOMRect;\n\n  ranges?: unknown;\n\n  isSubscribed: boolean;\n\n  isLoadedFired: boolean;\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError: unknown,\n      isDownsampleFinished: boolean,\n      isDownsampleInProgress: boolean,\n      isDownsamplingDisabled: boolean,\n      data: Partial<Data>[]\n    ): Partial<PlotlyConfig> => {\n      const customButtons: ModeBarButtonAny[] = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          title: 'Downsampling failed',\n          click: () => undefined,\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        hasDownsampleError\n      ) {\n        const name = Chart.downsampleButtonTitle(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n        const attr = Chart.downsampleButtonAttr(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n\n        const icon = isDownsampleInProgress ? vsLoading : dhGraphLineDown;\n        customButtons.push({\n          name,\n          title: 'Downsampling status',\n          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\n\n      const has2D = data.some(\n        ({ type }) => type != null && !type.includes('3d')\n      );\n      const has3D = data.some(\n        ({ type }) => type != null && type.includes('3d')\n      );\n\n      const buttons2D = [\n        'zoomIn2d',\n        'zoomOut2d',\n        'autoScale2d',\n        'resetScale2d',\n      ] as const;\n      const buttons3D = [\n        'orbitRotation',\n        'tableRotation',\n        'resetCameraDefault3d',\n      ] as const;\n\n      return {\n        displaylogo: false,\n\n        // Display the mode bar if there's an error or downsampling so user can see progress\n        // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249\n        displayModeBar:\n          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n          isDownsampleInProgress || hasDownsampleError\n            ? true\n            : ('hover' as const),\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'], // These work the same for both 2d and 3d\n          [...(has2D ? buttons2D : []), ...(has3D ? buttons3D : [])],\n        ],\n      };\n    }\n  );\n\n  getPlotRect(): DOMRect | null {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData(): void {\n    const { model } = this.props;\n    const { layout } = this.state;\n    this.setState({\n      data: model.getData(),\n      layout: {\n        ...layout,\n        ...model.getLayout(),\n      },\n    });\n  }\n\n  subscribe(model: ChartModel): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {\n      log.debug2('Delaying subscription until model dimensions are set');\n      return;\n    }\n    model.subscribe(this.handleModelEvent);\n    this.isSubscribed = true;\n  }\n\n  unsubscribe(model: ChartModel): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    model.unsubscribe(this.handleModelEvent);\n    this.isSubscribed = false;\n  }\n\n  handleAfterPlot(): void {\n    if (this.plot.current != null) {\n      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly\n    }\n  }\n\n  handleDownsampleClick(): void {\n    this.setState(\n      ({ isDownsamplingDisabled }) => ({\n        downsamplingError: null,\n        isDownsampleInProgress: false,\n        isDownsampleFinished: false,\n        isDownsamplingDisabled: !isDownsamplingDisabled,\n      }),\n      () => {\n        const { model } = this.props;\n        const { isDownsamplingDisabled } = this.state;\n        model.setDownsamplingDisabled(isDownsamplingDisabled);\n      }\n    );\n  }\n\n  handleModelEvent(event: CustomEvent): void {\n    const { type, detail } = event;\n    log.debug2('Received data update', type, detail);\n\n    switch (type) {\n      case ChartModel.EVENT_UPDATED: {\n        this.currentSeries += 1;\n        this.setState(state => {\n          const { layout, revision } = state;\n          if (typeof layout.datarevision === 'number') {\n            layout.datarevision += 1;\n          }\n          return {\n            data: detail,\n            layout,\n            revision: revision + 1,\n          };\n        });\n\n        const { onUpdate } = this.props;\n        onUpdate({ isLoading: !this.isLoadedFired });\n        break;\n      }\n      case ChartModel.EVENT_LOADFINISHED: {\n        const { onUpdate } = this.props;\n        this.isLoadedFired = true;\n        onUpdate({ isLoading: false });\n        break;\n      }\n      case ChartModel.EVENT_DISCONNECT: {\n        const { onDisconnect } = this.props;\n        onDisconnect();\n        break;\n      }\n      case ChartModel.EVENT_RECONNECT: {\n        const { onReconnect } = this.props;\n        onReconnect();\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLESTARTED: {\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: true,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLEFINISHED: {\n        this.setState({\n          isDownsampleFinished: true,\n          isDownsampleInProgress: false,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLENEEDED:\n      case ChartModel.EVENT_DOWNSAMPLEFAILED: {\n        const downsamplingError = detail.message ?? detail;\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: false,\n          isDownsamplingDisabled: false,\n          downsamplingError,\n        });\n\n        const { onError } = this.props;\n        onError(new Error(downsamplingError));\n        break;\n      }\n      default:\n        log.debug('Unknown event type', type, event);\n    }\n  }\n\n  handlePlotUpdate(figure: Readonly<{ layout: Partial<Layout> }>): void {\n    // User could have modified zoom/pan here, update the model dimensions\n    // We don't need to update the datarevision, as we don't have any data changes\n    // until an update comes back from the server anyway\n    const { layout } = figure;\n    const ranges = ChartUtils.getLayoutRanges(layout);\n\n    const isRangesChanged = !deepEqual(ranges, this.ranges);\n\n    if (isRangesChanged) {\n      this.ranges = ranges;\n\n      this.updateModelDimensions(true);\n    }\n  }\n\n  handleRelayout(changes: { hiddenlabels?: string[] }): void {\n    log.debug('handleRelayout', changes);\n    if (changes.hiddenlabels != null) {\n      const { onSettingsChanged } = this.props;\n      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes\n      // Series visibility for other types of charts is handled in handleRestyle\n      const hiddenSeries = [...changes.hiddenlabels];\n      onSettingsChanged({ hiddenSeries });\n    }\n\n    this.updateModelDimensions();\n  }\n\n  handleRestyle([changes, seriesIndexes]: readonly [\n    Record<string, unknown>,\n    number[],\n  ]): void {\n    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      if (data != null) {\n        const hiddenSeries = (data as Partial<PlotData>[]).reduce(\n          (acc: string[], { name, visible }) =>\n            name != null && visible === 'legendonly' ? [...acc, name] : acc,\n          []\n        );\n        onSettingsChanged({ hiddenSeries });\n      }\n    }\n  }\n\n  /**\n   * Update the models dimensions and ranges.\n   * Note that this will update it all whether the plot size changes OR the range\n   * the user is looking at has changed (eg. panning/zooming).\n   * Could update each independently, but doing them at the same time keeps the\n   * ChartModel API a bit cleaner.\n   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false): void {\n    const rect = this.getPlotRect();\n    if (!rect) {\n      log.warn('Unable to get plotting rect');\n      return;\n    }\n\n    const isRectChanged =\n      !this.rect ||\n      this.rect.width !== rect.width ||\n      this.rect.height !== rect.height;\n\n    if (isRectChanged || force) {\n      this.rect = rect;\n\n      const { isActive, model } = this.props;\n      model.setDimensions(rect);\n      // We may need to resubscribe if dimensions were too small before\n      if (isActive) {\n        this.subscribe(model);\n      }\n    }\n  }\n\n  initFormatter(): void {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n  }\n\n  updateFormatterSettings(settings: FormatterSettings): void {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions =\n      FormatterUtils.getDateTimeFormatterOptions(settings);\n    const { decimalFormatOptions = {}, integerFormatOptions = {} } = settings;\n\n    if (\n      !deepEqual(this.columnFormats, columnFormats) ||\n      !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) ||\n      !deepEqual(this.decimalFormatOptions, decimalFormatOptions) ||\n      !deepEqual(this.integerFormatOptions, integerFormatOptions)\n    ) {\n      this.columnFormats = FormatterUtils.getColumnFormats(settings);\n      this.dateTimeFormatterOptions = dateTimeFormatterOptions;\n      this.decimalFormatOptions = decimalFormatOptions;\n      this.integerFormatOptions = integerFormatOptions;\n      this.updateFormatter();\n    }\n  }\n\n  updateFormatter(): void {\n    const { model } = this.props;\n    const formatter = new Formatter(\n      model.dh,\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\n    const { Plotly: PlotlyProp } = this.props;\n    if (\n      this.plot.current != null &&\n      rect != null &&\n      rect.width > 0 &&\n      rect.height > 0\n    ) {\n      // Call relayout to resize avoiding the debouncing plotly does\n      // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552\n      PlotlyProp.relayout(\n        (this.plot.current as unknown as { el: HTMLElement }).el,\n        {\n          autosize: true,\n        }\n      ).catch((e: unknown) => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { PlotComponent } = this;\n    const {\n      data,\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      layout,\n      revision,\n    } = this.state;\n    const config = this.getCachedConfig(\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      data ?? []\n    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <PlotComponent\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            ref={this.plot}\n            data={data}\n            layout={layout}\n            revision={revision}\n            config={config}\n            onAfterPlot={this.handleAfterPlot}\n            onError={log.error}\n            onRelayout={this.handleRelayout}\n            onUpdate={this.handlePlotUpdate}\n            onRestyle={this.handleRestyle}\n            useResizeHandler\n            style={{ height: '100%', width: '100%' }}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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"}
+{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","createPlotlyComponent","Plotly","ChartModel","ChartUtils","jsx","_jsx","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","concat","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","_defineProperty","downsamplingError","isDownsampleFinished","data","customButtons","hasDownsampleError","Boolean","push","name","title","click","attr","handleDownsampleClick","has2D","some","_ref","type","includes","has3D","_ref2","buttons2D","buttons3D","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleResize","handleRestyle","PlotComponent","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","resizeObserver","window","ResizeObserver","state","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","model","subscribe","current","observe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","disconnect","getPlotRect","_this$plotWrapper$cur","_this$plotWrapper$cur2","getBoundingClientRect","setState","getData","_objectSpread","getLayout","rect","height","debug2","_ref3","setDownsamplingDisabled","event","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","_detail$message","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","_ref4","seriesIndexes","Object","keys","reduce","acc","_ref5","visible","force","arguments","length","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","dh","setFormatter","PlotlyProp","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","className","ref","children","onAfterPlot","error","onRelayout","onRestyle","useResizeHandler","style","timeZone","defaultDateTimeFormat","FULL_DATE_FORMAT","showTimeZone","showTSeparator"],"sources":["../src/Chart.tsx"],"sourcesContent":["import React, { Component, ReactElement, RefObject } from 'react';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport {\n  vsLoading,\n  dhGraphLineDown,\n  dhWarningFilled,\n  IconDefinition,\n} from '@deephaven/icons';\nimport {\n  Formatter,\n  FormatterUtils,\n  DateUtils,\n  DateTimeColumnFormatterOptions,\n  DecimalColumnFormatterOptions,\n  IntegerColumnFormatterOptions,\n  FormattingRule,\n  ColumnFormatSettings,\n  DateTimeFormatSettings,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  Config as PlotlyConfig,\n  Layout,\n  Icon,\n  Data,\n  PlotData,\n  ModeBarButtonAny,\n} from 'plotly.js';\nimport type { PlotParams } from 'react-plotly.js';\nimport createPlotlyComponent from './plotly/createPlotlyComponent';\nimport Plotly from './plotly/Plotly';\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = ColumnFormatSettings &\n  DateTimeFormatSettings & {\n    decimalFormatOptions?: DecimalColumnFormatterOptions;\n    integerFormatOptions?: IntegerColumnFormatterOptions;\n  };\n\ninterface ChartProps {\n  model: ChartModel;\n  settings: FormatterSettings;\n  isActive: boolean;\n  Plotly: typeof Plotly;\n  onDisconnect: () => void;\n  onReconnect: () => void;\n  onUpdate: (obj: { isLoading: boolean }) => void;\n  onError: (error: Error) => void;\n  onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;\n}\n\ninterface ChartState {\n  data: Partial<Data>[] | null;\n  downsamplingError: unknown;\n  isDownsampleFinished: boolean;\n  isDownsampleInProgress: boolean;\n  isDownsamplingDisabled: boolean;\n  layout: Partial<Layout>;\n  revision: number;\n}\n\nexport class Chart extends Component<ChartProps, ChartState> {\n  static defaultProps = {\n    isActive: true,\n    settings: {\n      timeZone: 'America/New_York',\n      defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,\n      showTimeZone: false,\n      showTSeparator: true,\n      formatter: [],\n    },\n    Plotly,\n    onDisconnect: (): void => undefined,\n    onReconnect: (): void => undefined,\n    onUpdate: (): void => undefined,\n    onError: (): void => undefined,\n    onSettingsChanged: (): void => undefined,\n  };\n\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param faIcon The icon to convert\n   */\n  static convertIcon(faIcon: IconDefinition): Icon {\n    const [width, , , , path] = faIcon.icon;\n    // By default the icons are flipped upside down, so we need to add our own transform\n    // https://github.com/plotly/plotly.js/issues/1335\n    const stringPath = `${path}`;\n    return {\n      width,\n      path: stringPath,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string {\n    if (isDownsampleInProgress) {\n      return 'Downsampling in progress...';\n    }\n\n    return isDownsamplingDisabled\n      ? 'Downsampling disabled, click to enable'\n      : 'Downsampling enabled, click to disable';\n  }\n\n  static downsampleButtonAttr(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string | undefined {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props: ChartProps) {\n    super(props);\n\n    this.handleAfterPlot = this.handleAfterPlot.bind(this);\n    this.handleDownsampleClick = this.handleDownsampleClick.bind(this);\n    this.handleModelEvent = this.handleModelEvent.bind(this);\n    this.handlePlotUpdate = this.handlePlotUpdate.bind(this);\n    this.handleRelayout = this.handleRelayout.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.handleRestyle = this.handleRestyle.bind(this);\n\n    this.PlotComponent = createPlotlyComponent(props.Plotly);\n    this.plot = React.createRef();\n    this.plotWrapper = React.createRef();\n    this.columnFormats = [];\n    this.dateTimeFormatterOptions = {};\n    this.decimalFormatOptions = {};\n    this.integerFormatOptions = {};\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\n    this.currentSeries = 0;\n    this.resizeObserver = new window.ResizeObserver(this.handleResize);\n\n    this.state = {\n      data: null,\n      downsamplingError: null,\n      isDownsampleFinished: false,\n      isDownsampleInProgress: false,\n      isDownsamplingDisabled: false,\n      layout: {\n        datarevision: 0,\n      },\n      revision: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    // Need to make sure the model dimensions are up to date before initializing the data\n    this.updateDimensions();\n    this.updateModelDimensions();\n\n    this.initData();\n    this.initFormatter();\n\n    const { isActive, model } = this.props;\n    if (isActive) {\n      this.subscribe(model);\n    }\n    if (this.plotWrapper.current != null) {\n      this.resizeObserver.observe(this.plotWrapper.current);\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, model, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (model !== prevProps.model) {\n      this.unsubscribe(prevProps.model);\n      this.subscribe(model);\n    }\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.updateDimensions();\n        this.subscribe(model);\n      } else {\n        this.unsubscribe(model);\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { model } = this.props;\n    this.unsubscribe(model);\n\n    this.resizeObserver.disconnect();\n  }\n\n  currentSeries: number;\n\n  PlotComponent: React.ComponentType<PlotParams>;\n\n  plot: RefObject<typeof this.PlotComponent>;\n\n  plotWrapper: RefObject<HTMLDivElement>;\n\n  columnFormats?: FormattingRule[];\n\n  dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;\n\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n\n  integerFormatOptions: IntegerColumnFormatterOptions;\n\n  rect?: DOMRect;\n\n  ranges?: unknown;\n\n  isSubscribed: boolean;\n\n  isLoadedFired: boolean;\n\n  // Listen for resizing of the element and update the canvas appropriately\n  resizeObserver: ResizeObserver;\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError: unknown,\n      isDownsampleFinished: boolean,\n      isDownsampleInProgress: boolean,\n      isDownsamplingDisabled: boolean,\n      data: Partial<Data>[]\n    ): Partial<PlotlyConfig> => {\n      const customButtons: ModeBarButtonAny[] = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          title: 'Downsampling failed',\n          click: () => undefined,\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        hasDownsampleError\n      ) {\n        const name = Chart.downsampleButtonTitle(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n        const attr = Chart.downsampleButtonAttr(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n\n        const icon = isDownsampleInProgress ? vsLoading : dhGraphLineDown;\n        customButtons.push({\n          name,\n          title: 'Downsampling status',\n          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\n\n      const has2D = data.some(\n        ({ type }) => type != null && !type.includes('3d')\n      );\n      const has3D = data.some(\n        ({ type }) => type != null && type.includes('3d')\n      );\n\n      const buttons2D = [\n        'zoomIn2d',\n        'zoomOut2d',\n        'autoScale2d',\n        'resetScale2d',\n      ] as const;\n      const buttons3D = [\n        'orbitRotation',\n        'tableRotation',\n        'resetCameraDefault3d',\n      ] as const;\n\n      return {\n        displaylogo: false,\n\n        // Display the mode bar if there's an error or downsampling so user can see progress\n        // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249\n        displayModeBar:\n          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n          isDownsampleInProgress || hasDownsampleError\n            ? true\n            : ('hover' as const),\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'], // These work the same for both 2d and 3d\n          [...(has2D ? buttons2D : []), ...(has3D ? buttons3D : [])],\n        ],\n      };\n    }\n  );\n\n  getPlotRect(): DOMRect | null {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData(): void {\n    const { model } = this.props;\n    const { layout } = this.state;\n    this.setState({\n      data: model.getData(),\n      layout: {\n        ...layout,\n        ...model.getLayout(),\n      },\n    });\n  }\n\n  subscribe(model: ChartModel): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {\n      log.debug2('Delaying subscription until model dimensions are set');\n      return;\n    }\n    model.subscribe(this.handleModelEvent);\n    this.isSubscribed = true;\n  }\n\n  unsubscribe(model: ChartModel): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    model.unsubscribe(this.handleModelEvent);\n    this.isSubscribed = false;\n  }\n\n  handleAfterPlot(): void {\n    if (this.plot.current != null) {\n      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly\n    }\n  }\n\n  handleDownsampleClick(): void {\n    this.setState(\n      ({ isDownsamplingDisabled }) => ({\n        downsamplingError: null,\n        isDownsampleInProgress: false,\n        isDownsampleFinished: false,\n        isDownsamplingDisabled: !isDownsamplingDisabled,\n      }),\n      () => {\n        const { model } = this.props;\n        const { isDownsamplingDisabled } = this.state;\n        model.setDownsamplingDisabled(isDownsamplingDisabled);\n      }\n    );\n  }\n\n  handleModelEvent(event: CustomEvent): void {\n    const { type, detail } = event;\n    log.debug2('Received data update', type, detail);\n\n    switch (type) {\n      case ChartModel.EVENT_UPDATED: {\n        this.currentSeries += 1;\n        this.setState(state => {\n          const { layout, revision } = state;\n          if (typeof layout.datarevision === 'number') {\n            layout.datarevision += 1;\n          }\n          return {\n            data: detail,\n            layout,\n            revision: revision + 1,\n          };\n        });\n\n        const { onUpdate } = this.props;\n        onUpdate({ isLoading: !this.isLoadedFired });\n        break;\n      }\n      case ChartModel.EVENT_LOADFINISHED: {\n        const { onUpdate } = this.props;\n        this.isLoadedFired = true;\n        onUpdate({ isLoading: false });\n        break;\n      }\n      case ChartModel.EVENT_DISCONNECT: {\n        const { onDisconnect } = this.props;\n        onDisconnect();\n        break;\n      }\n      case ChartModel.EVENT_RECONNECT: {\n        const { onReconnect } = this.props;\n        onReconnect();\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLESTARTED: {\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: true,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLEFINISHED: {\n        this.setState({\n          isDownsampleFinished: true,\n          isDownsampleInProgress: false,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLENEEDED:\n      case ChartModel.EVENT_DOWNSAMPLEFAILED: {\n        const downsamplingError = detail.message ?? detail;\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: false,\n          isDownsamplingDisabled: false,\n          downsamplingError,\n        });\n\n        const { onError } = this.props;\n        onError(new Error(downsamplingError));\n        break;\n      }\n      default:\n        log.debug('Unknown event type', type, event);\n    }\n  }\n\n  handlePlotUpdate(figure: Readonly<{ layout: Partial<Layout> }>): void {\n    // User could have modified zoom/pan here, update the model dimensions\n    // We don't need to update the datarevision, as we don't have any data changes\n    // until an update comes back from the server anyway\n    const { layout } = figure;\n    const ranges = ChartUtils.getLayoutRanges(layout);\n\n    const isRangesChanged = !deepEqual(ranges, this.ranges);\n\n    if (isRangesChanged) {\n      this.ranges = ranges;\n\n      this.updateModelDimensions(true);\n    }\n  }\n\n  handleRelayout(changes: { hiddenlabels?: string[] }): void {\n    log.debug('handleRelayout', changes);\n    if (changes.hiddenlabels != null) {\n      const { onSettingsChanged } = this.props;\n      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes\n      // Series visibility for other types of charts is handled in handleRestyle\n      const hiddenSeries = [...changes.hiddenlabels];\n      onSettingsChanged({ hiddenSeries });\n    }\n\n    this.updateModelDimensions();\n  }\n\n  handleResize(): void {\n    this.updateDimensions();\n  }\n\n  handleRestyle([changes, seriesIndexes]: readonly [\n    Record<string, unknown>,\n    number[],\n  ]): void {\n    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      if (data != null) {\n        const hiddenSeries = (data as Partial<PlotData>[]).reduce(\n          (acc: string[], { name, visible }) =>\n            name != null && visible === 'legendonly' ? [...acc, name] : acc,\n          []\n        );\n        onSettingsChanged({ hiddenSeries });\n      }\n    }\n  }\n\n  /**\n   * Update the models dimensions and ranges.\n   * Note that this will update it all whether the plot size changes OR the range\n   * the user is looking at has changed (eg. panning/zooming).\n   * Could update each independently, but doing them at the same time keeps the\n   * ChartModel API a bit cleaner.\n   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false): void {\n    const rect = this.getPlotRect();\n    if (!rect) {\n      log.warn('Unable to get plotting rect');\n      return;\n    }\n\n    const isRectChanged =\n      !this.rect ||\n      this.rect.width !== rect.width ||\n      this.rect.height !== rect.height;\n\n    if (isRectChanged || force) {\n      this.rect = rect;\n\n      const { isActive, model } = this.props;\n      model.setDimensions(rect);\n      // We may need to resubscribe if dimensions were too small before\n      if (isActive) {\n        this.subscribe(model);\n      }\n    }\n  }\n\n  initFormatter(): void {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n  }\n\n  updateFormatterSettings(settings: FormatterSettings): void {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions =\n      FormatterUtils.getDateTimeFormatterOptions(settings);\n    const { decimalFormatOptions = {}, integerFormatOptions = {} } = settings;\n\n    if (\n      !deepEqual(this.columnFormats, columnFormats) ||\n      !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) ||\n      !deepEqual(this.decimalFormatOptions, decimalFormatOptions) ||\n      !deepEqual(this.integerFormatOptions, integerFormatOptions)\n    ) {\n      this.columnFormats = FormatterUtils.getColumnFormats(settings);\n      this.dateTimeFormatterOptions = dateTimeFormatterOptions;\n      this.decimalFormatOptions = decimalFormatOptions;\n      this.integerFormatOptions = integerFormatOptions;\n      this.updateFormatter();\n    }\n  }\n\n  updateFormatter(): void {\n    const { model } = this.props;\n    const formatter = new Formatter(\n      model.dh,\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\n    const { Plotly: PlotlyProp } = this.props;\n    if (\n      this.plot.current != null &&\n      rect != null &&\n      rect.width > 0 &&\n      rect.height > 0\n    ) {\n      // Call relayout to resize avoiding the debouncing plotly does\n      // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552\n      PlotlyProp.relayout(\n        (this.plot.current as unknown as { el: HTMLElement }).el,\n        {\n          autosize: true,\n        }\n      ).catch((e: unknown) => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { PlotComponent } = this;\n    const {\n      data,\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      layout,\n      revision,\n    } = this.state;\n    const config = this.getCachedConfig(\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      data ?? []\n    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <PlotComponent\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            ref={this.plot}\n            data={data}\n            layout={layout}\n            revision={revision}\n            config={config}\n            onAfterPlot={this.handleAfterPlot}\n            onError={log.error}\n            onRelayout={this.handleRelayout}\n            onUpdate={this.handlePlotUpdate}\n            onRestyle={this.handleRestyle}\n            useResizeHandler\n            style={{ height: '100%', width: '100%' }}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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"}

package/dist/ChartModelFactory.d.ts

@@ -1,5 +1,6 @@
 import type { dh as DhType, Figure, Table } from '@deephaven/jsapi-types';
 import { ChartModelSettings } from './ChartUtils';
+import { ChartTheme } from './ChartTheme';
 import ChartModel from './ChartModel';
 declare class ChartModelFactory {
     /**
@@ -13,29 +14,12 @@ declare class ChartModelFactory {
      * @param settings.xAxis The column name to use for the x-axis
      * @param [settings.hiddenSeries] Array of hidden series names
      * @param table The table to build the model for
-     * @param theme The theme for the figure. Defaults to ChartTheme
+     * @param theme The theme for the figure
      * @returns The ChartModel Promise representing the figure
      * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
      * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
      */
-    static makeModelFromSettings(dh: DhType, settings: ChartModelSettings, table: Table, theme?: Readonly<{
-        paper_bgcolor: string;
-        plot_bgcolor: string;
-        title_color: string;
-        colorway: string;
-        gridcolor: string;
-        linecolor: string;
-        zerolinecolor: string;
-        activecolor: string;
-        rangebgcolor: string;
-        area_color: string;
-        trend_color: string;
-        line_color: string;
-        error_band_line_color: string;
-        error_band_fill_color: string;
-        ohlc_increasing: string;
-        ohlc_decreasing: string;
-    }>): Promise<ChartModel>;
+    static makeModelFromSettings(dh: DhType, settings: ChartModelSettings, table: Table, theme: ChartTheme): Promise<ChartModel>;
     /**
      * Creates a model from the settings provided.
      * Tries to create a Figure in the API with it.
@@ -61,29 +45,12 @@ declare class ChartModelFactory {
      * @param settings.xAxis The column name to use for the x-axis
      * @param [settings.hiddenSeries] Array of hidden series names
      * @param figure The figure to build the model for
-     * @param theme The theme for the figure. Defaults to ChartTheme
+     * @param theme The theme for the figure
      * @returns The FigureChartModel representing the figure
      * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
      * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
      */
-    static makeModel(dh: DhType, settings: ChartModelSettings | undefined, figure: Figure, theme?: Readonly<{
-        paper_bgcolor: string;
-        plot_bgcolor: string;
-        title_color: string;
-        colorway: string;
-        gridcolor: string;
-        linecolor: string;
-        zerolinecolor: string;
-        activecolor: string;
-        rangebgcolor: string;
-        area_color: string;
-        trend_color: string;
-        line_color: string;
-        error_band_line_color: string;
-        error_band_fill_color: string;
-        ohlc_increasing: string;
-        ohlc_decreasing: string;
-    }>): Promise<ChartModel>;
+    static makeModel(dh: DhType, settings: ChartModelSettings | undefined, figure: Figure, theme: ChartTheme): Promise<ChartModel>;
 }
 export default ChartModelFactory;
 //# sourceMappingURL=ChartModelFactory.d.ts.map

package/dist/ChartModelFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartModelFactory.d.ts","sourceRoot":"","sources":["../src/ChartModelFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAmB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,cAAM,iBAAiB;IACrB;;;;;;;;;;;;;;;OAeG;WACU,qBAAqB,CAChC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,KAAK,EACZ,KAAK;;;;;;;;;;;;;;;;;MAAa,GACjB,OAAO,CAAC,UAAU,CAAC;IAStB;;;;;;;;;;;;OAYG;WACU,sBAAsB,CACjC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,MAAM,CAAC;IAelB;;;;;;;;;;;;;;;OAeG;WACU,SAAS,CACpB,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,GAAG,SAAS,EACxC,MAAM,EAAE,MAAM,EACd,KAAK;;;;;;;;;;;;;;;;;MAAa,GACjB,OAAO,CAAC,UAAU,CAAC;CAGvB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ChartModelFactory.d.ts","sourceRoot":"","sources":["../src/ChartModelFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAmB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,cAAM,iBAAiB;IACrB;;;;;;;;;;;;;;;OAeG;WACU,qBAAqB,CAChC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,GAChB,OAAO,CAAC,UAAU,CAAC;IAStB;;;;;;;;;;;;OAYG;WACU,sBAAsB,CACjC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,MAAM,CAAC;IAelB;;;;;;;;;;;;;;;OAeG;WACU,SAAS,CACpB,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,kBAAkB,GAAG,SAAS,EACxC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,GAChB,OAAO,CAAC,UAAU,CAAC;CAGvB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/ChartModelFactory.js

@@ -2,7 +2,6 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import ChartUtils from "./ChartUtils.js";
 import FigureChartModel from "./FigureChartModel.js";
-import ChartTheme from "./ChartTheme.js";
 class ChartModelFactory {
   /**
    * Creates a model from the settings provided.
@@ -15,17 +14,15 @@ class ChartModelFactory {
    * @param settings.xAxis The column name to use for the x-axis
    * @param [settings.hiddenSeries] Array of hidden series names
    * @param table The table to build the model for
-   * @param theme The theme for the figure. Defaults to ChartTheme
+   * @param theme The theme for the figure
    * @returns The ChartModel Promise representing the figure
    * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
    * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
    */
-  static makeModelFromSettings(dh, settings, table) {
-    var _arguments = arguments;
+  static makeModelFromSettings(dh, settings, table, theme) {
     return _asyncToGenerator(function* () {
-      var theme = _arguments.length > 3 && _arguments[3] !== undefined ? _arguments[3] : ChartTheme;
       var figure = yield ChartModelFactory.makeFigureFromSettings(dh, settings, table);
-      return new FigureChartModel(dh, figure, settings, theme);
+      return new FigureChartModel(dh, figure, theme, settings);
     })();
   }
 
@@ -67,16 +64,14 @@ class ChartModelFactory {
    * @param settings.xAxis The column name to use for the x-axis
    * @param [settings.hiddenSeries] Array of hidden series names
    * @param figure The figure to build the model for
-   * @param theme The theme for the figure. Defaults to ChartTheme
+   * @param theme The theme for the figure
    * @returns The FigureChartModel representing the figure
    * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
    * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
    */
-  static makeModel(dh, settings, figure) {
-    var _arguments2 = arguments;
+  static makeModel(dh, settings, figure, theme) {
     return _asyncToGenerator(function* () {
-      var theme = _arguments2.length > 3 && _arguments2[3] !== undefined ? _arguments2[3] : ChartTheme;
-      return new FigureChartModel(dh, figure, settings, theme);
+      return new FigureChartModel(dh, figure, theme, settings);
     })();
   }
 }

package/dist/ChartModelFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartModelFactory.js","names":["ChartUtils","FigureChartModel","ChartTheme","ChartModelFactory","makeModelFromSettings","dh","settings","table","_arguments","arguments","_asyncToGenerator","theme","length","undefined","figure","makeFigureFromSettings","tableCopy","copy","applyCustomColumns","customColumns","applyFilter","filter","applySort","sort","plot","Figure","create","makeFigureSettings","makeModel","_arguments2"],"sources":["../src/ChartModelFactory.ts"],"sourcesContent":["import type { dh as DhType, Figure, Table } from '@deephaven/jsapi-types';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport FigureChartModel from './FigureChartModel';\nimport ChartTheme from './ChartTheme';\nimport ChartModel from './ChartModel';\n\nclass ChartModelFactory {\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @param theme The theme for the figure. Defaults to ChartTheme\n   * @returns The ChartModel Promise representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModelFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table,\n    theme = ChartTheme\n  ): Promise<ChartModel> {\n    const figure = await ChartModelFactory.makeFigureFromSettings(\n      dh,\n      settings,\n      table\n    );\n    return new FigureChartModel(dh, figure, settings, theme);\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @returns The Figure created with the settings provided\n   */\n  static async makeFigureFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table\n  ): Promise<Figure> {\n    // Copy the table first and then re-apply the filters from the original table\n    // When we add table linking we'll want to listen to the original table and update\n    // the copied table with any changes that occur.\n    // The table gets owned by the Figure that gets created, which closes the table\n    const tableCopy = await table.copy();\n    tableCopy.applyCustomColumns(table.customColumns);\n    tableCopy.applyFilter(table.filter);\n    tableCopy.applySort(table.sort);\n\n    return dh.plot.Figure.create(\n      new ChartUtils(dh).makeFigureSettings(settings, tableCopy)\n    );\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param figure The figure to build the model for\n   * @param theme The theme for the figure. Defaults to ChartTheme\n   * @returns The FigureChartModel representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModel(\n    dh: DhType,\n    settings: ChartModelSettings | undefined,\n    figure: Figure,\n    theme = ChartTheme\n  ): Promise<ChartModel> {\n    return new FigureChartModel(dh, figure, settings, theme);\n  }\n}\n\nexport default ChartModelFactory;\n"],"mappings":";;OACOA,UAAU;AAAA,OACVC,gBAAgB;AAAA,OAChBC,UAAU;AAGjB,MAAMC,iBAAiB,CAAC;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaC,qBAAqBA,CAChCC,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EAES;IAAA,IAAAC,UAAA,GAAAC,SAAA;IAAA,OAAAC,iBAAA;MAAA,IADrBC,KAAK,GAAAH,UAAA,CAAAI,MAAA,QAAAJ,UAAA,QAAAK,SAAA,GAAAL,UAAA,MAAGN,UAAU;MAElB,IAAMY,MAAM,SAASX,iBAAiB,CAACY,sBAAsB,CAC3DV,EAAE,EACFC,QAAQ,EACRC,KACF,CAAC;MACD,OAAO,IAAIN,gBAAgB,CAACI,EAAE,EAAES,MAAM,EAAER,QAAQ,EAAEK,KAAK,CAAC;IAAC;EAC3D;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaI,sBAAsBA,CACjCV,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EACK;IAAA,OAAAG,iBAAA;MACjB;MACA;MACA;MACA;MACA,IAAMM,SAAS,SAAST,KAAK,CAACU,IAAI,CAAC,CAAC;MACpCD,SAAS,CAACE,kBAAkB,CAACX,KAAK,CAACY,aAAa,CAAC;MACjDH,SAAS,CAACI,WAAW,CAACb,KAAK,CAACc,MAAM,CAAC;MACnCL,SAAS,CAACM,SAAS,CAACf,KAAK,CAACgB,IAAI,CAAC;MAE/B,OAAOlB,EAAE,CAACmB,IAAI,CAACC,MAAM,CAACC,MAAM,CAC1B,IAAI1B,UAAU,CAACK,EAAE,CAAC,CAACsB,kBAAkB,CAACrB,QAAQ,EAAEU,SAAS,CAC3D,CAAC;IAAC;EACJ;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaY,SAASA,CACpBvB,EAAU,EACVC,QAAwC,EACxCQ,MAAc,EAEO;IAAA,IAAAe,WAAA,GAAApB,SAAA;IAAA,OAAAC,iBAAA;MAAA,IADrBC,KAAK,GAAAkB,WAAA,CAAAjB,MAAA,QAAAiB,WAAA,QAAAhB,SAAA,GAAAgB,WAAA,MAAG3B,UAAU;MAElB,OAAO,IAAID,gBAAgB,CAACI,EAAE,EAAES,MAAM,EAAER,QAAQ,EAAEK,KAAK,CAAC;IAAC;EAC3D;AACF;AAEA,eAAeR,iBAAiB"}
+{"version":3,"file":"ChartModelFactory.js","names":["ChartUtils","FigureChartModel","ChartModelFactory","makeModelFromSettings","dh","settings","table","theme","_asyncToGenerator","figure","makeFigureFromSettings","tableCopy","copy","applyCustomColumns","customColumns","applyFilter","filter","applySort","sort","plot","Figure","create","makeFigureSettings","makeModel"],"sources":["../src/ChartModelFactory.ts"],"sourcesContent":["import type { dh as DhType, Figure, Table } from '@deephaven/jsapi-types';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport FigureChartModel from './FigureChartModel';\nimport { ChartTheme } from './ChartTheme';\nimport ChartModel from './ChartModel';\n\nclass ChartModelFactory {\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @param theme The theme for the figure\n   * @returns The ChartModel Promise representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModelFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table,\n    theme: ChartTheme\n  ): Promise<ChartModel> {\n    const figure = await ChartModelFactory.makeFigureFromSettings(\n      dh,\n      settings,\n      table\n    );\n    return new FigureChartModel(dh, figure, theme, settings);\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @returns The Figure created with the settings provided\n   */\n  static async makeFigureFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table\n  ): Promise<Figure> {\n    // Copy the table first and then re-apply the filters from the original table\n    // When we add table linking we'll want to listen to the original table and update\n    // the copied table with any changes that occur.\n    // The table gets owned by the Figure that gets created, which closes the table\n    const tableCopy = await table.copy();\n    tableCopy.applyCustomColumns(table.customColumns);\n    tableCopy.applyFilter(table.filter);\n    tableCopy.applySort(table.sort);\n\n    return dh.plot.Figure.create(\n      new ChartUtils(dh).makeFigureSettings(settings, tableCopy)\n    );\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param figure The figure to build the model for\n   * @param theme The theme for the figure\n   * @returns The FigureChartModel representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModel(\n    dh: DhType,\n    settings: ChartModelSettings | undefined,\n    figure: Figure,\n    theme: ChartTheme\n  ): Promise<ChartModel> {\n    return new FigureChartModel(dh, figure, theme, settings);\n  }\n}\n\nexport default ChartModelFactory;\n"],"mappings":";;OACOA,UAAU;AAAA,OACVC,gBAAgB;AAIvB,MAAMC,iBAAiB,CAAC;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaC,qBAAqBA,CAChCC,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EACZC,KAAiB,EACI;IAAA,OAAAC,iBAAA;MACrB,IAAMC,MAAM,SAASP,iBAAiB,CAACQ,sBAAsB,CAC3DN,EAAE,EACFC,QAAQ,EACRC,KACF,CAAC;MACD,OAAO,IAAIL,gBAAgB,CAACG,EAAE,EAAEK,MAAM,EAAEF,KAAK,EAAEF,QAAQ,CAAC;IAAC;EAC3D;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaK,sBAAsBA,CACjCN,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EACK;IAAA,OAAAE,iBAAA;MACjB;MACA;MACA;MACA;MACA,IAAMG,SAAS,SAASL,KAAK,CAACM,IAAI,CAAC,CAAC;MACpCD,SAAS,CAACE,kBAAkB,CAACP,KAAK,CAACQ,aAAa,CAAC;MACjDH,SAAS,CAACI,WAAW,CAACT,KAAK,CAACU,MAAM,CAAC;MACnCL,SAAS,CAACM,SAAS,CAACX,KAAK,CAACY,IAAI,CAAC;MAE/B,OAAOd,EAAE,CAACe,IAAI,CAACC,MAAM,CAACC,MAAM,CAC1B,IAAIrB,UAAU,CAACI,EAAE,CAAC,CAACkB,kBAAkB,CAACjB,QAAQ,EAAEM,SAAS,CAC3D,CAAC;IAAC;EACJ;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaY,SAASA,CACpBnB,EAAU,EACVC,QAAwC,EACxCI,MAAc,EACdF,KAAiB,EACI;IAAA,OAAAC,iBAAA;MACrB,OAAO,IAAIP,gBAAgB,CAACG,EAAE,EAAEK,MAAM,EAAEF,KAAK,EAAEF,QAAQ,CAAC;IAAC;EAC3D;AACF;AAEA,eAAeH,iBAAiB"}

package/dist/ChartTheme.d.ts

@@ -1,4 +1,4 @@
-declare const _default: Readonly<{
+export interface ChartTheme {
     paper_bgcolor: string;
     plot_bgcolor: string;
     title_color: string;
@@ -15,6 +15,7 @@ declare const _default: Readonly<{
     error_band_fill_color: string;
     ohlc_increasing: string;
     ohlc_decreasing: string;
-}>;
-export default _default;
+}
+export declare function defaultChartTheme(): Readonly<ChartTheme>;
+export default defaultChartTheme;
 //# sourceMappingURL=ChartTheme.d.ts.map

package/dist/ChartTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTheme.d.ts","sourceRoot":"","sources":["../src/ChartTheme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,wBAiBG"}
+{"version":3,"file":"ChartTheme.d.ts","sourceRoot":"","sources":["../src/ChartTheme.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,iBAAiB,IAAI,QAAQ,CAAC,UAAU,CAAC,CAmCxD;AAED,eAAe,iBAAiB,CAAC"}

package/dist/ChartTheme.js

@@ -1,20 +1,39 @@
-import ChartTheme from "./ChartTheme.module.css";
-export default Object.freeze({
-  paper_bgcolor: ChartTheme['paper-bgcolor'],
-  plot_bgcolor: ChartTheme['plot-bgcolor'],
-  title_color: ChartTheme['title-color'],
-  colorway: ChartTheme.colorway,
-  gridcolor: ChartTheme.gridcolor,
-  linecolor: ChartTheme.linecolor,
-  zerolinecolor: ChartTheme.zerolinecolor,
-  activecolor: ChartTheme.activecolor,
-  rangebgcolor: ChartTheme.rangebgcolor,
-  area_color: ChartTheme['area-color'],
-  trend_color: ChartTheme['trend-color'],
-  line_color: ChartTheme['line-color'],
-  error_band_line_color: ChartTheme['error-band-line-color'],
-  error_band_fill_color: ChartTheme['error-band-fill-color'],
-  ohlc_increasing: ChartTheme['ohlc-increasing'],
-  ohlc_decreasing: ChartTheme['ohlc-decreasing']
-});
+import { getExpressionRanges, resolveCssVariablesInRecord } from '@deephaven/components';
+import Log from '@deephaven/log';
+import { ColorUtils } from '@deephaven/utils';
+import chartThemeRaw from "./ChartTheme.module.css";
+var log = Log.module('ChartTheme');
+export function defaultChartTheme() {
+  var _chartTheme$colorway;
+  var chartTheme = resolveCssVariablesInRecord(chartThemeRaw);
+
+  // The color normalization in `resolveCssVariablesInRecord` won't work for
+  // colorway since it is an array of colors. We need to explicitly normalize
+  // each color expression
+  chartTheme.colorway = getExpressionRanges((_chartTheme$colorway = chartTheme.colorway) !== null && _chartTheme$colorway !== void 0 ? _chartTheme$colorway : '').map(_ref => {
+    var [start, end] = _ref;
+    return ColorUtils.normalizeCssColor(chartTheme.colorway.substring(start, end + 1));
+  }).join(' ');
+  log.debug2('Chart theme:', chartThemeRaw);
+  log.debug2('Chart theme derived:', chartTheme);
+  return Object.freeze({
+    paper_bgcolor: chartTheme['paper-bgcolor'],
+    plot_bgcolor: chartTheme['plot-bgcolor'],
+    title_color: chartTheme['title-color'],
+    colorway: chartTheme.colorway,
+    gridcolor: chartTheme.gridcolor,
+    linecolor: chartTheme.linecolor,
+    zerolinecolor: chartTheme.zerolinecolor,
+    activecolor: chartTheme.activecolor,
+    rangebgcolor: chartTheme.rangebgcolor,
+    area_color: chartTheme['area-color'],
+    trend_color: chartTheme['trend-color'],
+    line_color: chartTheme['line-color'],
+    error_band_line_color: chartTheme['error-band-line-color'],
+    error_band_fill_color: chartTheme['error-band-fill-color'],
+    ohlc_increasing: chartTheme['ohlc-increasing'],
+    ohlc_decreasing: chartTheme['ohlc-decreasing']
+  });
+}
+export default defaultChartTheme;
 //# sourceMappingURL=ChartTheme.js.map

package/dist/ChartTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTheme.js","names":["ChartTheme","Object","freeze","paper_bgcolor","plot_bgcolor","title_color","colorway","gridcolor","linecolor","zerolinecolor","activecolor","rangebgcolor","area_color","trend_color","line_color","error_band_line_color","error_band_fill_color","ohlc_increasing","ohlc_decreasing"],"sources":["../src/ChartTheme.ts"],"sourcesContent":["import ChartTheme from './ChartTheme.module.scss';\n\nexport default Object.freeze({\n  paper_bgcolor: ChartTheme['paper-bgcolor'],\n  plot_bgcolor: ChartTheme['plot-bgcolor'],\n  title_color: ChartTheme['title-color'],\n  colorway: ChartTheme.colorway,\n  gridcolor: ChartTheme.gridcolor,\n  linecolor: ChartTheme.linecolor,\n  zerolinecolor: ChartTheme.zerolinecolor,\n  activecolor: ChartTheme.activecolor,\n  rangebgcolor: ChartTheme.rangebgcolor,\n  area_color: ChartTheme['area-color'],\n  trend_color: ChartTheme['trend-color'],\n  line_color: ChartTheme['line-color'],\n  error_band_line_color: ChartTheme['error-band-line-color'],\n  error_band_fill_color: ChartTheme['error-band-fill-color'],\n  ohlc_increasing: ChartTheme['ohlc-increasing'],\n  ohlc_decreasing: ChartTheme['ohlc-decreasing'],\n});\n"],"mappings":"OAAOA,UAAU;AAEjB,eAAeC,MAAM,CAACC,MAAM,CAAC;EAC3BC,aAAa,EAAEH,UAAU,CAAC,eAAe,CAAC;EAC1CI,YAAY,EAAEJ,UAAU,CAAC,cAAc,CAAC;EACxCK,WAAW,EAAEL,UAAU,CAAC,aAAa,CAAC;EACtCM,QAAQ,EAAEN,UAAU,CAACM,QAAQ;EAC7BC,SAAS,EAAEP,UAAU,CAACO,SAAS;EAC/BC,SAAS,EAAER,UAAU,CAACQ,SAAS;EAC/BC,aAAa,EAAET,UAAU,CAACS,aAAa;EACvCC,WAAW,EAAEV,UAAU,CAACU,WAAW;EACnCC,YAAY,EAAEX,UAAU,CAACW,YAAY;EACrCC,UAAU,EAAEZ,UAAU,CAAC,YAAY,CAAC;EACpCa,WAAW,EAAEb,UAAU,CAAC,aAAa,CAAC;EACtCc,UAAU,EAAEd,UAAU,CAAC,YAAY,CAAC;EACpCe,qBAAqB,EAAEf,UAAU,CAAC,uBAAuB,CAAC;EAC1DgB,qBAAqB,EAAEhB,UAAU,CAAC,uBAAuB,CAAC;EAC1DiB,eAAe,EAAEjB,UAAU,CAAC,iBAAiB,CAAC;EAC9CkB,eAAe,EAAElB,UAAU,CAAC,iBAAiB;AAC/C,CAAC,CAAC"}
+{"version":3,"file":"ChartTheme.js","names":["getExpressionRanges","resolveCssVariablesInRecord","Log","ColorUtils","chartThemeRaw","log","module","defaultChartTheme","_chartTheme$colorway","chartTheme","colorway","map","_ref","start","end","normalizeCssColor","substring","join","debug2","Object","freeze","paper_bgcolor","plot_bgcolor","title_color","gridcolor","linecolor","zerolinecolor","activecolor","rangebgcolor","area_color","trend_color","line_color","error_band_line_color","error_band_fill_color","ohlc_increasing","ohlc_decreasing"],"sources":["../src/ChartTheme.ts"],"sourcesContent":["import {\n  getExpressionRanges,\n  resolveCssVariablesInRecord,\n} from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { ColorUtils } from '@deephaven/utils';\nimport chartThemeRaw from './ChartTheme.module.scss';\n\nconst log = Log.module('ChartTheme');\n\nexport interface ChartTheme {\n  paper_bgcolor: string;\n  plot_bgcolor: string;\n  title_color: string;\n  colorway: string;\n  gridcolor: string;\n  linecolor: string;\n  zerolinecolor: string;\n  activecolor: string;\n  rangebgcolor: string;\n  area_color: string;\n  trend_color: string;\n  line_color: string;\n  error_band_line_color: string;\n  error_band_fill_color: string;\n  ohlc_increasing: string;\n  ohlc_decreasing: string;\n}\n\nexport function defaultChartTheme(): Readonly<ChartTheme> {\n  const chartTheme = resolveCssVariablesInRecord(chartThemeRaw);\n\n  // The color normalization in `resolveCssVariablesInRecord` won't work for\n  // colorway since it is an array of colors. We need to explicitly normalize\n  // each color expression\n  chartTheme.colorway = getExpressionRanges(chartTheme.colorway ?? '')\n    .map(([start, end]) =>\n      ColorUtils.normalizeCssColor(\n        chartTheme.colorway.substring(start, end + 1)\n      )\n    )\n    .join(' ');\n\n  log.debug2('Chart theme:', chartThemeRaw);\n  log.debug2('Chart theme derived:', chartTheme);\n\n  return Object.freeze({\n    paper_bgcolor: chartTheme['paper-bgcolor'],\n    plot_bgcolor: chartTheme['plot-bgcolor'],\n    title_color: chartTheme['title-color'],\n    colorway: chartTheme.colorway,\n    gridcolor: chartTheme.gridcolor,\n    linecolor: chartTheme.linecolor,\n    zerolinecolor: chartTheme.zerolinecolor,\n    activecolor: chartTheme.activecolor,\n    rangebgcolor: chartTheme.rangebgcolor,\n    area_color: chartTheme['area-color'],\n    trend_color: chartTheme['trend-color'],\n    line_color: chartTheme['line-color'],\n    error_band_line_color: chartTheme['error-band-line-color'],\n    error_band_fill_color: chartTheme['error-band-fill-color'],\n    ohlc_increasing: chartTheme['ohlc-increasing'],\n    ohlc_decreasing: chartTheme['ohlc-decreasing'],\n  });\n}\n\nexport default defaultChartTheme;\n"],"mappings":"AAAA,SACEA,mBAAmB,EACnBC,2BAA2B,QACtB,uBAAuB;AAC9B,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,UAAU,QAAQ,kBAAkB;AAAC,OACvCC,aAAa;AAEpB,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,YAAY,CAAC;AAqBpC,OAAO,SAASC,iBAAiBA,CAAA,EAAyB;EAAA,IAAAC,oBAAA;EACxD,IAAMC,UAAU,GAAGR,2BAA2B,CAACG,aAAa,CAAC;;EAE7D;EACA;EACA;EACAK,UAAU,CAACC,QAAQ,GAAGV,mBAAmB,EAAAQ,oBAAA,GAACC,UAAU,CAACC,QAAQ,cAAAF,oBAAA,cAAAA,oBAAA,GAAI,EAAE,CAAC,CACjEG,GAAG,CAACC,IAAA;IAAA,IAAC,CAACC,KAAK,EAAEC,GAAG,CAAC,GAAAF,IAAA;IAAA,OAChBT,UAAU,CAACY,iBAAiB,CAC1BN,UAAU,CAACC,QAAQ,CAACM,SAAS,CAACH,KAAK,EAAEC,GAAG,GAAG,CAAC,CAC9C,CAAC;EAAA,CACH,CAAC,CACAG,IAAI,CAAC,GAAG,CAAC;EAEZZ,GAAG,CAACa,MAAM,CAAC,cAAc,EAAEd,aAAa,CAAC;EACzCC,GAAG,CAACa,MAAM,CAAC,sBAAsB,EAAET,UAAU,CAAC;EAE9C,OAAOU,MAAM,CAACC,MAAM,CAAC;IACnBC,aAAa,EAAEZ,UAAU,CAAC,eAAe,CAAC;IAC1Ca,YAAY,EAAEb,UAAU,CAAC,cAAc,CAAC;IACxCc,WAAW,EAAEd,UAAU,CAAC,aAAa,CAAC;IACtCC,QAAQ,EAAED,UAAU,CAACC,QAAQ;IAC7Bc,SAAS,EAAEf,UAAU,CAACe,SAAS;IAC/BC,SAAS,EAAEhB,UAAU,CAACgB,SAAS;IAC/BC,aAAa,EAAEjB,UAAU,CAACiB,aAAa;IACvCC,WAAW,EAAElB,UAAU,CAACkB,WAAW;IACnCC,YAAY,EAAEnB,UAAU,CAACmB,YAAY;IACrCC,UAAU,EAAEpB,UAAU,CAAC,YAAY,CAAC;IACpCqB,WAAW,EAAErB,UAAU,CAAC,aAAa,CAAC;IACtCsB,UAAU,EAAEtB,UAAU,CAAC,YAAY,CAAC;IACpCuB,qBAAqB,EAAEvB,UAAU,CAAC,uBAAuB,CAAC;IAC1DwB,qBAAqB,EAAExB,UAAU,CAAC,uBAAuB,CAAC;IAC1DyB,eAAe,EAAEzB,UAAU,CAAC,iBAAiB,CAAC;IAC9C0B,eAAe,EAAE1B,UAAU,CAAC,iBAAiB;EAC/C,CAAC,CAAC;AACJ;AAEA,eAAeF,iBAAiB"}

package/dist/ChartTheme.module.css

@@ -1,22 +1,22 @@
 /* stylelint-disable */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
 :export {
-  paper-bgcolor: #2d2a2e;
-  plot-bgcolor: #322f33;
-  title-color: #f0f0ee;
-  colorway: #76d9e4 #9edc6f #fcd65b #aa9af4 #f37e3f #f95d84 #f0f0ee;
-  gridcolor: #403e41;
-  linecolor: #5b5a5c;
-  zerolinecolor: #c0bfbf;
-  activecolor: #4878ea;
-  rangebgcolor: rgba(91, 90, 92, 0.7);
-  area-color: #76d9e4;
-  trend-color: #d5f0c1;
-  line-color: #9edc6f;
-  error-band-line-color: white;
-  error-band-fill-color: rgba(213, 240, 193, 0.1);
-  ohlc-increasing: #9edc6f;
-  ohlc-decreasing: #f95d84;
+  paper-bgcolor: var(--dh-color-chart-bg);
+  plot-bgcolor: var(--dh-color-chart-plot-bg);
+  title-color: var(--dh-color-chart-title);
+  colorway: var(--dh-color-chart-colorway);
+  gridcolor: var(--dh-color-chart-grid);
+  linecolor: var(--dh-color-chart-axis-line);
+  zerolinecolor: var(--dh-color-chart-axis-line-zero);
+  activecolor: var(--dh-color-chart-active);
+  rangebgcolor: var(--dh-color-chart-range-bg);
+  area-color: var(--dh-color-chart-area);
+  trend-color: var(--dh-color-chart-trend);
+  line-color: var(--dh-color-chart-line-deprecated);
+  error-band-line-color: var(--dh-color-chart-error-band-line);
+  error-band-fill-color: var(--dh-color-chart-error-band-fill);
+  ohlc-increasing: var(--dh-color-chart-ohlc-increase);
+  ohlc-decreasing: var(--dh-color-chart-ohlc-decrease);
 }
 
 /*# sourceMappingURL=ChartTheme.module.css.map */