@deephaven/chart 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/Chart.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component } from 'react';
 import deepEqual from 'deep-equal';
 import memoize from 'memoize-one';
@@ -22,9 +19,9 @@ export class Chart extends Component {
    * @param faIcon The icon to convert
    */
   static convertIcon(faIcon) {
-    var [width,,,, path] = faIcon.icon; // By default the icons are flipped upside down, so we need to add our own transform
+    var [width,,,, path] = faIcon.icon;
+    // By default the icons are flipped upside down, so we need to add our own transform
     // https://github.com/plotly/plotly.js/issues/1335
-
     var stringPath = "".concat(path);
     return {
       width,
@@ -34,52 +31,34 @@ export class Chart extends Component {
       transform: "matrix(1, 0, 0, 1, 0, 0)"
     };
   }
-
   static downsampleButtonTitle(isDownsampleInProgress, isDownsamplingDisabled) {
     if (isDownsampleInProgress) {
       return 'Downsampling in progress...';
     }
-
     return isDownsamplingDisabled ? 'Downsampling disabled, click to enable' : 'Downsampling enabled, click to disable';
   }
-
   static downsampleButtonAttr(isDownsampleInProgress, isDownsamplingDisabled) {
     if (isDownsampleInProgress) {
       return 'animation-spin';
     }
-
     return isDownsamplingDisabled ? undefined : 'fill-active';
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "currentSeries", void 0);
-
     _defineProperty(this, "plot", void 0);
-
     _defineProperty(this, "plotWrapper", void 0);
-
     _defineProperty(this, "columnFormats", void 0);
-
     _defineProperty(this, "dateTimeFormatterOptions", void 0);
-
     _defineProperty(this, "decimalFormatOptions", void 0);
-
     _defineProperty(this, "integerFormatOptions", void 0);
-
     _defineProperty(this, "rect", void 0);
-
     _defineProperty(this, "ranges", void 0);
-
     _defineProperty(this, "isSubscribed", void 0);
-
     _defineProperty(this, "isLoadedFired", void 0);
-
     _defineProperty(this, "getCachedConfig", memoize((downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled) => {
       var customButtons = [];
       var hasDownsampleError = Boolean(downsamplingError);
-
       if (hasDownsampleError) {
         customButtons.push({
           name: "Downsampling failed: ".concat(downsamplingError),
@@ -88,7 +67,6 @@ export class Chart extends Component {
           attr: 'fill-warning'
         });
       }
-
       if (isDownsampleFinished || isDownsampleInProgress || isDownsamplingDisabled || hasDownsampleError) {
         var name = Chart.downsampleButtonTitle(isDownsampleInProgress, isDownsamplingDisabled);
         var attr = Chart.downsampleButtonAttr(isDownsampleInProgress, isDownsamplingDisabled);
@@ -100,18 +78,17 @@ export class Chart extends Component {
           attr
         });
       }
-
       return {
         displaylogo: false,
         // Display the mode bar if there's an error or downsampling so user can see progress
         // 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
-        displayModeBar: // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        displayModeBar:
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         isDownsampleInProgress || hasDownsampleError ? true : 'hover',
         // Each array gets grouped together in the mode bar
         modeBarButtons: [customButtons, ['toImage'], ['zoom2d', 'pan2d'], ['zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d']]
       };
     }));
-
     this.handleAfterPlot = this.handleAfterPlot.bind(this);
     this.handleDownsampleClick = this.handleDownsampleClick.bind(this);
     this.handleModelEvent = this.handleModelEvent.bind(this);
@@ -139,7 +116,6 @@ export class Chart extends Component {
       revision: 0
     };
   }
-
   componentDidMount() {
     // Need to make sure the model dimensions are up to date before initializing the data
     this.updateDimensions();
@@ -149,19 +125,16 @@ export class Chart extends Component {
     var {
       isActive
     } = this.props;
-
     if (isActive) {
       this.subscribe();
     }
   }
-
   componentDidUpdate(prevProps) {
     var {
       isActive,
       settings
     } = this.props;
     this.updateFormatterSettings(settings);
-
     if (isActive !== prevProps.isActive) {
       if (isActive) {
         this.subscribe();
@@ -170,17 +143,13 @@ export class Chart extends Component {
       }
     }
   }
-
   componentWillUnmount() {
     this.unsubscribe();
   }
-
   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;
   }
-
   initData() {
     var {
       model
@@ -193,42 +162,35 @@ export class Chart extends Component {
       layout: _objectSpread(_objectSpread({}, layout), model.getLayout())
     });
   }
-
   subscribe() {
     if (this.isSubscribed) {
       return;
     }
-
     var {
       model
     } = this.props;
-
     if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {
       log.debug2('Delaying subscription until model dimensions are set');
       return;
     }
-
     model.subscribe(this.handleModelEvent);
     this.isSubscribed = true;
   }
-
   unsubscribe() {
     if (!this.isSubscribed) {
       return;
     }
-
     var {
       model
     } = this.props;
     model.unsubscribe(this.handleModelEvent);
     this.isSubscribed = false;
   }
-
   handleAfterPlot() {
-    if (this.plot.current != null) {// TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly
+    if (this.plot.current != null) {
+      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly
     }
   }
-
   handleDownsampleClick() {
     this.setState(_ref => {
       var {
@@ -250,14 +212,12 @@ export class Chart extends Component {
       model.setDownsamplingDisabled(isDownsamplingDisabled);
     });
   }
-
   handleModelEvent(event) {
     var {
       type,
       detail
     } = event;
     log.debug2('Received data update', type, detail);
-
     switch (type) {
       case ChartModel.EVENT_UPDATED:
         {
@@ -267,11 +227,9 @@ export class Chart extends Component {
               layout,
               revision
             } = state;
-
             if (typeof layout.datarevision === 'number') {
               layout.datarevision += 1;
             }
-
             return {
               data: detail,
               layout,
@@ -286,21 +244,17 @@ export class Chart extends Component {
           });
           break;
         }
-
       case ChartModel.EVENT_LOADFINISHED:
         {
           var {
             onUpdate: _onUpdate
           } = this.props;
           this.isLoadedFired = true;
-
           _onUpdate({
             isLoading: false
           });
-
           break;
         }
-
       case ChartModel.EVENT_DISCONNECT:
         {
           var {
@@ -309,7 +263,6 @@ export class Chart extends Component {
           onDisconnect();
           break;
         }
-
       case ChartModel.EVENT_RECONNECT:
         {
           var {
@@ -318,7 +271,6 @@ export class Chart extends Component {
           onReconnect();
           break;
         }
-
       case ChartModel.EVENT_DOWNSAMPLESTARTED:
         {
           this.setState({
@@ -328,7 +280,6 @@ export class Chart extends Component {
           });
           break;
         }
-
       case ChartModel.EVENT_DOWNSAMPLEFINISHED:
         {
           this.setState({
@@ -338,12 +289,10 @@ export class Chart extends Component {
           });
           break;
         }
-
       case ChartModel.EVENT_DOWNSAMPLENEEDED:
       case ChartModel.EVENT_DOWNSAMPLEFAILED:
         {
           var _detail$message;
-
           var downsamplingError = (_detail$message = detail.message) !== null && _detail$message !== void 0 ? _detail$message : detail;
           this.setState({
             isDownsampleFinished: false,
@@ -357,12 +306,10 @@ export class Chart extends Component {
           onError(new Error(downsamplingError));
           break;
         }
-
       default:
         log.debug('Unknown event type', type, event);
     }
   }
-
   handlePlotUpdate(figure) {
     // User could have modified zoom/pan here, update the model dimensions
     // We don't need to update the datarevision, as we don't have any data changes
@@ -372,35 +319,29 @@ export class Chart extends Component {
     } = figure;
     var ranges = ChartUtils.getLayoutRanges(layout);
     var isRangesChanged = !deepEqual(ranges, this.ranges);
-
     if (isRangesChanged) {
       this.ranges = ranges;
       this.updateModelDimensions(true);
     }
   }
-
   handleRelayout(changes) {
     log.debug('handleRelayout', changes);
-
     if (changes.hiddenlabels != null) {
       var {
         onSettingsChanged
-      } = this.props; // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes
+      } = this.props;
+      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes
       // Series visibility for other types of charts is handled in handleRestyle
-
       var hiddenSeries = [...changes.hiddenlabels];
       onSettingsChanged({
         hiddenSeries
       });
     }
-
     this.updateModelDimensions();
   }
-
   handleRestyle(_ref2) {
     var [changes, seriesIndexes] = _ref2;
     log.debug('handleRestyle', changes, seriesIndexes);
-
     if (Object.keys(changes).includes('visible')) {
       var {
         data
@@ -408,7 +349,6 @@ export class Chart extends Component {
       var {
         onSettingsChanged
       } = this.props;
-
       if (data != null) {
         var hiddenSeries = data.reduce((acc, _ref3) => {
           var {
@@ -423,6 +363,7 @@ export class Chart extends Component {
       }
     }
   }
+
   /**
    * Update the models dimensions and ranges.
    * Note that this will update it all whether the plot size changes OR the range
@@ -431,40 +372,33 @@ export class Chart extends Component {
    * ChartModel API a bit cleaner.
    * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)
    */
-
-
   updateModelDimensions() {
     var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var rect = this.getPlotRect();
-
     if (!rect) {
       log.warn('Unable to get plotting rect');
       return;
     }
-
     var isRectChanged = !this.rect || this.rect.width !== rect.width || this.rect.height !== rect.height;
-
     if (isRectChanged || force) {
       this.rect = rect;
       var {
         isActive,
         model
       } = this.props;
-      model.setDimensions(rect); // We may need to resubscribe if dimensions were too small before
-
+      model.setDimensions(rect);
+      // We may need to resubscribe if dimensions were too small before
       if (isActive) {
         this.subscribe();
       }
     }
   }
-
   initFormatter() {
     var {
       settings
     } = this.props;
     this.updateFormatterSettings(settings);
   }
-
   updateFormatterSettings(settings) {
     var columnFormats = FormatterUtils.getColumnFormats(settings);
     var dateTimeFormatterOptions = FormatterUtils.getDateTimeFormatterOptions(settings);
@@ -472,7 +406,6 @@ export class Chart extends Component {
       decimalFormatOptions = {},
       integerFormatOptions = {}
     } = settings;
-
     if (!deepEqual(this.columnFormats, columnFormats) || !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) || !deepEqual(this.decimalFormatOptions, decimalFormatOptions) || !deepEqual(this.integerFormatOptions, integerFormatOptions)) {
       this.columnFormats = FormatterUtils.getColumnFormats(settings);
       this.dateTimeFormatterOptions = dateTimeFormatterOptions;
@@ -481,7 +414,6 @@ export class Chart extends Component {
       this.updateFormatter();
     }
   }
-
   updateFormatter() {
     var formatter = new Formatter(this.columnFormats, this.dateTimeFormatterOptions, this.decimalFormatOptions, this.integerFormatOptions);
     var {
@@ -489,10 +421,8 @@ export class Chart extends Component {
     } = this.props;
     model.setFormatter(formatter);
   }
-
   updateDimensions() {
     var rect = this.getPlotRect();
-
     if (this.plot.current != null && rect != null && rect.width > 0 && rect.height > 0) {
       // Call relayout to resize avoiding the debouncing plotly does
       // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552
@@ -503,7 +433,6 @@ export class Chart extends Component {
       });
     }
   }
-
   render() {
     var {
       data,
@@ -537,9 +466,7 @@ export class Chart extends Component {
       }
     }));
   }
-
 }
-
 _defineProperty(Chart, "defaultProps", {
   isActive: true,
   settings: {
@@ -555,6 +482,5 @@ _defineProperty(Chart, "defaultProps", {
   onError: () => undefined,
   onSettingsChanged: () => undefined
 });
-
 export default Chart;
 //# sourceMappingURL=Chart.js.map

package/dist/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","Plotly","Plot","ChartModel","ChartUtils","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","downsamplingError","isDownsampleFinished","customButtons","hasDownsampleError","Boolean","push","name","click","attr","handleDownsampleClick","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","state","data","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","subscribe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","getPlotRect","current","getBoundingClientRect","model","setState","getData","getLayout","rect","height","debug2","setDownsamplingDisabled","event","type","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","seriesIndexes","Object","keys","includes","reduce","acc","visible","force","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","setFormatter","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","error","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 { Layout, Icon, PlotData } from 'plotly.js';\nimport Plotly from './plotly/Plotly';\nimport Plot from './plotly/Plot';\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  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<PlotData>[] | 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    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.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 } = this.props;\n    if (isActive) {\n      this.subscribe();\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe();\n      } else {\n        this.unsubscribe();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribe();\n  }\n\n  currentSeries: number;\n\n  plot: RefObject<typeof Plot>;\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    ) => {\n      const customButtons = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\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          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\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 ? true : 'hover',\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'],\n          ['zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d'],\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(): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\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(): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\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: { layout: 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]: [\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.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();\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 = FormatterUtils.getDateTimeFormatterOptions(\n      settings\n    );\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 formatter = new Formatter(\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n\n    const { model } = this.props;\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\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      Plotly.relayout(this.plot.current.el, { autosize: true }).catch(\n        (e: unknown) => {\n          log.debug('Unable to resize, promise rejected', e);\n        }\n      );\n    }\n  }\n\n  render(): ReactElement {\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    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <Plot\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","Plotly","Plot","ChartModel","ChartUtils","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","downsamplingError","isDownsampleFinished","customButtons","hasDownsampleError","Boolean","push","name","click","attr","handleDownsampleClick","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","state","data","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","subscribe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","getPlotRect","current","getBoundingClientRect","model","setState","getData","getLayout","rect","height","debug2","setDownsamplingDisabled","event","type","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","seriesIndexes","Object","keys","includes","reduce","acc","visible","force","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","setFormatter","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","error","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 { Layout, Icon, PlotData } from 'plotly.js';\nimport Plotly from './plotly/Plotly';\nimport Plot from './plotly/Plot';\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  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<PlotData>[] | 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    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.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 } = this.props;\n    if (isActive) {\n      this.subscribe();\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe();\n      } else {\n        this.unsubscribe();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribe();\n  }\n\n  currentSeries: number;\n\n  plot: RefObject<typeof Plot>;\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    ) => {\n      const customButtons = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\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          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\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 ? true : 'hover',\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'],\n          ['zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d'],\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(): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\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(): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\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: { layout: 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]: [\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.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();\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 = FormatterUtils.getDateTimeFormatterOptions(\n      settings\n    );\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 formatter = new Formatter(\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n\n    const { model } = this.props;\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\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      Plotly.relayout(this.plot.current.el, { autosize: true }).catch(\n        (e: unknown) => {\n          log.debug('Unable to resize, promise rejected', e);\n        }\n      );\n    }\n  }\n\n  render(): ReactElement {\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    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <Plot\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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"}