@deephaven/chart 0.15.5-vite.12 → 0.15.6-vite.19

package/dist/Chart.d.ts

@@ -1,32 +1,69 @@
-export class Chart extends React.Component<any, any, any> {
+import { Component, ReactElement, RefObject } from 'react';
+import { IconDefinition } from '@deephaven/icons';
+import { DateTimeColumnFormatterOptions, DecimalColumnFormatterOptions, IntegerColumnFormatterOptions, FormattingRule } from '@deephaven/jsapi-utils';
+import { WorkspaceSettings } from '@deephaven/redux';
+import { Layout, Icon, PlotData } from 'plotly.js';
+import Plot from './plotly/Plot';
+import ChartModel from './ChartModel';
+import { ChartModelSettings } from './ChartUtils';
+import './Chart.scss';
+interface ChartProps {
+    model: ChartModel;
+    settings: Partial<WorkspaceSettings>;
+    isActive: boolean;
+    onDisconnect: () => void;
+    onReconnect: () => void;
+    onUpdate: (obj: {
+        isLoading: boolean;
+    }) => void;
+    onError: (error: Error) => void;
+    onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;
+}
+interface ChartState {
+    data: Partial<PlotData>[] | null;
+    downsamplingError: unknown;
+    isDownsampleFinished: boolean;
+    isDownsampleInProgress: boolean;
+    isDownsamplingDisabled: boolean;
+    layout: Partial<Layout>;
+    revision: number;
+}
+export declare class Chart extends Component<ChartProps, ChartState> {
+    static defaultProps: {
+        isActive: boolean;
+        settings: {
+            timeZone: string;
+            defaultDateTimeFormat: string;
+            showTimeZone: boolean;
+            showTSeparator: boolean;
+            formatter: never[];
+        };
+        onDisconnect: () => void;
+        onReconnect: () => void;
+        onUpdate: () => void;
+        onError: () => void;
+        onSettingsChanged: () => void;
+    };
     /**
      * Convert a font awesome icon definition to a plotly icon definition
-     * @param {FontAwesome.IconDefinition} faIcon The icon to convert
+     * @param faIcon The icon to convert
      */
-    static convertIcon(faIcon: FontAwesome.IconDefinition): {
-        width: any;
-        path: any;
-        ascent: any;
-        descent: number;
-        transform: string;
-    };
-    static downsampleButtonTitle(isDownsampleInProgress: any, isDownsamplingDisabled: any): "Downsampling in progress..." | "Downsampling disabled, click to enable" | "Downsampling enabled, click to disable";
-    static downsampleButtonAttr(isDownsampleInProgress: any, isDownsamplingDisabled: any): "animation-spin" | "fill-active" | undefined;
-    constructor(props: any);
-    handleAfterPlot(): void;
-    handleDownsampleClick(): void;
-    handleModelEvent(event: any): void;
-    handlePlotUpdate(figure: any): void;
-    handleRelayout(changes: any): void;
-    handleRestyle([changes, seriesIndexes]: [any, any]): void;
-    plot: React.RefObject<any>;
-    plotWrapper: React.RefObject<any>;
-    columnFormats: any[];
-    dateTimeFormatterOptions: {};
-    decimalFormatOptions: {};
-    integerFormatOptions: {};
-    rect: any;
-    ranges: object | null;
+    static convertIcon(faIcon: IconDefinition): Icon;
+    static downsampleButtonTitle(isDownsampleInProgress: boolean, isDownsamplingDisabled: boolean): string;
+    static downsampleButtonAttr(isDownsampleInProgress: boolean, isDownsamplingDisabled: boolean): string | undefined;
+    constructor(props: ChartProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ChartProps): void;
+    componentWillUnmount(): void;
+    currentSeries: number;
+    plot: RefObject<typeof Plot>;
+    plotWrapper: RefObject<HTMLDivElement>;
+    columnFormats?: FormattingRule[];
+    dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;
+    decimalFormatOptions: DecimalColumnFormatterOptions;
+    integerFormatOptions: IntegerColumnFormatterOptions;
+    rect?: DOMRect;
+    ranges?: unknown;
     isSubscribed: boolean;
     isLoadedFired: boolean;
     getCachedConfig: (this: any, downsamplingError: any, isDownsampleFinished: any, isDownsampleInProgress: any, isDownsamplingDisabled: any) => {
@@ -34,83 +71,45 @@ export class Chart extends React.Component<any, any, any> {
         displayModeBar: string | boolean;
         modeBarButtons: (string[] | {
             name: string;
-            icon: {
-                width: any;
-                path: any;
-                ascent: any;
-                descent: number;
-                transform: string;
-            };
+            icon: Icon;
             click: () => void;
             attr: string | undefined;
         }[])[];
     };
-    getPlotRect(): any;
+    getPlotRect(): DOMRect | null;
     initData(): void;
     subscribe(): void;
     unsubscribe(): void;
+    handleAfterPlot(): void;
+    handleDownsampleClick(): void;
+    handleModelEvent(event: CustomEvent): void;
+    handlePlotUpdate(figure: {
+        layout: Layout;
+    }): void;
+    handleRelayout(changes: {
+        hiddenlabels?: string[];
+    }): void;
+    handleRestyle([changes, seriesIndexes]: [
+        Record<string, unknown>,
+        number[]
+    ]): void;
     /**
      * Update the models dimensions and ranges.
      * Note that this will update it all whether the plot size changes OR the range
      * the user is looking at has changed (eg. panning/zooming).
      * Could update each independently, but doing them at the same time keeps the
      * ChartModel API a bit cleaner.
-     * @param {boolean} force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)
+     * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)
      */
     updateModelDimensions(force?: boolean): void;
     initFormatter(): void;
-    updateFormatterSettings(settings: any): void;
+    updateFormatterSettings(settings: Partial<WorkspaceSettings> & {
+        decimalFormatOptions: DecimalColumnFormatterOptions;
+        integerFormatOptions: IntegerColumnFormatterOptions;
+    }): void;
     updateFormatter(): void;
     updateDimensions(): void;
-}
-export namespace Chart {
-    namespace propTypes {
-        const model: PropTypes.Validator<ChartModel>;
-        const settings: PropTypes.Requireable<PropTypes.InferProps<{
-            timeZone: PropTypes.Validator<string>;
-            defaultDateTimeFormat: PropTypes.Validator<string>;
-            showTimeZone: PropTypes.Validator<boolean>;
-            showTSeparator: PropTypes.Validator<boolean>;
-            formatter: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-            decimalFormatOptions: PropTypes.Requireable<PropTypes.InferProps<{
-                defaultFormatString: PropTypes.Requireable<string>;
-            }>>;
-            integerFormatOptions: PropTypes.Requireable<PropTypes.InferProps<{
-                defaultFormatString: PropTypes.Requireable<string>;
-            }>>;
-        }>>;
-        const isActive: PropTypes.Requireable<boolean>;
-        const onDisconnect: PropTypes.Requireable<(...args: any[]) => any>;
-        const onReconnect: PropTypes.Requireable<(...args: any[]) => any>;
-        const onUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-        const onError: PropTypes.Requireable<(...args: any[]) => any>;
-        const onSettingsChanged: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const isActive_1: boolean;
-        export { isActive_1 as isActive };
-        export namespace settings_1 {
-            const timeZone: string;
-            const defaultDateTimeFormat: string;
-            const showTimeZone: boolean;
-            const showTSeparator: boolean;
-            const formatter: never[];
-        }
-        export { settings_1 as settings };
-        export function onDisconnect_1(): void;
-        export { onDisconnect_1 as onDisconnect };
-        export function onReconnect_1(): void;
-        export { onReconnect_1 as onReconnect };
-        export function onUpdate_1(): void;
-        export { onUpdate_1 as onUpdate };
-        export function onError_1(): void;
-        export { onError_1 as onError };
-        export function onSettingsChanged_1(): void;
-        export { onSettingsChanged_1 as onSettingsChanged };
-    }
+    render(): ReactElement;
 }
 export default Chart;
-import React from "react";
-import ChartModel from "./ChartModel";
-import PropTypes from "prop-types";
 //# sourceMappingURL=Chart.d.ts.map

package/dist/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.jsx"],"names":[],"mappings":"AAgBA;IACE;;;OAGG;IACH;;;;;;MAWC;IAED,4MAQC;IAED,oIAMC;IAED,wBAgCC;IAqID,wBAIC;IAED,8BAcC;IAED,mCAsEC;IAED,oCAcC;IAED,mCAWC;IAED,0DAYC;IAlSC,2BAA6B;IAC7B,kCAAoC;IACpC,qBAAuB;IACvB,6BAAkC;IAClC,yBAA8B;IAC9B,yBAA8B;IAC9B,UAAgB;IAChB,sBAAkB;IAClB,sBAAyB;IACzB,uBAA0B;IA8C5B;;;;;;;;;;;;;;;MA0DE;IAEF,mBAEC;IAED,iBAUC;IAED,kBAYC;IAED,oBAQC;IA2ID;;;;;;;OAOG;IACH,8BAFW,OAAO,QAwBjB;IAED,sBAGC;IAED,6CAmBC;IAED,wBAUC;IAED,yBAcC;CAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAmCe,uCAAQ;;QACT,sCAAQ;;QACX,mCAAQ;;QACT,kCAAQ;;QACE,4CAAQ"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAIL,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAIL,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,cAAc,EACf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEnD,OAAO,IAAI,MAAM,eAAe,CAAC;AAEjC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAmB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,cAAc,CAAC;AAStB,UAAU,UAAU;IAClB,KAAK,EAAE,UAAU,CAAC;IAElB,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC;IACjC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAC1D,MAAM,CAAC,YAAY;;;;;;;;;4BASC,IAAI;2BACL,IAAI;wBACP,IAAI;uBACL,IAAI;iCACM,IAAI;MAC3B;IAEF;;;OAGG;IACH,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAchD,MAAM,CAAC,qBAAqB,CAC1B,sBAAsB,EAAE,OAAO,EAC/B,sBAAsB,EAAE,OAAO,GAC9B,MAAM;IAUT,MAAM,CAAC,oBAAoB,CACzB,sBAAsB,EAAE,OAAO,EAC/B,sBAAsB,EAAE,OAAO,GAC9B,MAAM,GAAG,SAAS;gBAQT,KAAK,EAAE,UAAU;IAiC7B,iBAAiB,IAAI,IAAI;IAczB,kBAAkB,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI;IAa/C,oBAAoB,IAAI,IAAI;IAI5B,aAAa,EAAE,MAAM,CAAC;IAEtB,IAAI,EAAE,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;IAE7B,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAEvC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IAEjC,wBAAwB,CAAC,EAAE,8BAA8B,CAAC;IAE1D,oBAAoB,EAAE,6BAA6B,CAAC;IAEpD,oBAAoB,EAAE,6BAA6B,CAAC;IAEpD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,YAAY,EAAE,OAAO,CAAC;IAEtB,aAAa,EAAE,OAAO,CAAC;IAEvB,eAAe;;;;;;yBA0GU,IAAI;;;MAhD3B;IAEF,WAAW,IAAI,OAAO,GAAG,IAAI;IAI7B,QAAQ,IAAI,IAAI;IAYhB,SAAS,IAAI,IAAI;IAcjB,WAAW,IAAI,IAAI;IAUnB,eAAe,IAAI,IAAI;IAMvB,qBAAqB,IAAI,IAAI;IAgB7B,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA0E1C,gBAAgB,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAgBlD,cAAc,CAAC,OAAO,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI;IAa1D,aAAa,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE;QACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;QACvB,MAAM,EAAE;KACT,GAAG,IAAI;IAgBR;;;;;;;OAOG;IACH,qBAAqB,CAAC,KAAK,UAAQ,GAAG,IAAI;IAwB1C,aAAa,IAAI,IAAI;IAKrB,uBAAuB,CACrB,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG;QACrC,oBAAoB,EAAE,6BAA6B,CAAC;QACpD,oBAAoB,EAAE,6BAA6B,CAAC;KACrD,GACA,IAAI;IAqBP,eAAe,IAAI,IAAI;IAYvB,gBAAgB,IAAI,IAAI;IAkBxB,MAAM,IAAI,YAAY;CAsCvB;AAED,eAAe,KAAK,CAAC"}

package/dist/Chart.js

@@ -5,7 +5,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 PropTypes from 'prop-types';
 import deepEqual from 'deep-equal';
 import memoize from 'memoize-one';
 import { vsLoading, dhGraphLineDown, dhWarningFilled } from '@deephaven/icons';
@@ -20,15 +19,16 @@ var log = Log.module('Chart');
 export class Chart extends Component {
   /**
    * Convert a font awesome icon definition to a plotly icon definition
-   * @param {FontAwesome.IconDefinition} faIcon The icon to convert
+   * @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
     // https://github.com/plotly/plotly.js/issues/1335
 
+    var stringPath = "".concat(path);
     return {
       width,
-      path,
+      path: stringPath,
       ascent: width,
       descent: 0,
       transform: "matrix(1, 0, 0, 1, 0, 0)"
@@ -54,13 +54,35 @@ export class Chart extends Component {
   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 = [];
 
       if (downsamplingError) {
         customButtons.push({
           name: "Downsampling failed: ".concat(downsamplingError),
-          click: () => {},
+          click: () => undefined,
           icon: Chart.convertIcon(dhWarningFilled),
           attr: 'fill-warning'
         });
@@ -100,10 +122,9 @@ export class Chart extends Component {
     this.dateTimeFormatterOptions = {};
     this.decimalFormatOptions = {};
     this.integerFormatOptions = {};
-    this.rect = null;
-    this.ranges = null;
     this.isSubscribed = false;
     this.isLoadedFired = false;
+    this.currentSeries = 0;
     this.state = {
       data: null,
       downsamplingError: null,
@@ -244,7 +265,11 @@ export class Chart extends Component {
               layout,
               revision
             } = state;
-            layout.datarevision += 1;
+
+            if (typeof layout.datarevision === 'number') {
+              layout.datarevision += 1;
+            }
+
             return {
               data: detail,
               layout,
@@ -353,7 +378,7 @@ export class Chart extends Component {
   handleRelayout(changes) {
     log.debug('handleRelayout', changes);
 
-    if (Object.keys(changes).includes('hiddenlabels')) {
+    if (changes.hiddenlabels != null) {
       var {
         onSettingsChanged
       } = this.props; // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes
@@ -379,16 +404,19 @@ export class Chart extends Component {
       var {
         onSettingsChanged
       } = this.props;
-      var hiddenSeries = data.reduce((acc, _ref3) => {
-        var {
-          name,
-          visible
-        } = _ref3;
-        return visible === 'legendonly' ? [...acc, name] : acc;
-      }, []);
-      onSettingsChanged({
-        hiddenSeries
-      });
+
+      if (data != null) {
+        var hiddenSeries = data.reduce((acc, _ref3) => {
+          var {
+            name,
+            visible
+          } = _ref3;
+          return name != null && visible === 'legendonly' ? [...acc, name] : acc;
+        }, []);
+        onSettingsChanged({
+          hiddenSeries
+        });
+      }
     }
   }
   /**
@@ -397,7 +425,7 @@ export class Chart extends Component {
    * the user is looking at has changed (eg. panning/zooming).
    * Could update each independently, but doing them at the same time keeps the
    * ChartModel API a bit cleaner.
-   * @param {boolean} force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)
+   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)
    */
 
 
@@ -507,30 +535,8 @@ export class Chart extends Component {
   }
 
 }
-Chart.propTypes = {
-  model: PropTypes.instanceOf(ChartModel).isRequired,
-  // These settings come from the redux store
-  settings: PropTypes.shape({
-    timeZone: PropTypes.string.isRequired,
-    defaultDateTimeFormat: PropTypes.string.isRequired,
-    showTimeZone: PropTypes.bool.isRequired,
-    showTSeparator: PropTypes.bool.isRequired,
-    formatter: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-    decimalFormatOptions: PropTypes.shape({
-      defaultFormatString: PropTypes.string
-    }),
-    integerFormatOptions: PropTypes.shape({
-      defaultFormatString: PropTypes.string
-    })
-  }),
-  isActive: PropTypes.bool,
-  onDisconnect: PropTypes.func,
-  onReconnect: PropTypes.func,
-  onUpdate: PropTypes.func,
-  onError: PropTypes.func,
-  onSettingsChanged: PropTypes.func
-};
-Chart.defaultProps = {
+
+_defineProperty(Chart, "defaultProps", {
   isActive: true,
   settings: {
     timeZone: 'America/New_York',
@@ -539,11 +545,12 @@ Chart.defaultProps = {
     showTSeparator: true,
     formatter: []
   },
-  onDisconnect: () => {},
-  onReconnect: () => {},
-  onUpdate: () => {},
-  onError: () => {},
-  onSettingsChanged: () => {}
-};
+  onDisconnect: () => undefined,
+  onReconnect: () => undefined,
+  onUpdate: () => undefined,
+  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","PropTypes","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","Plotly","Plot","ChartModel","ChartUtils","log","module","Chart","convertIcon","faIcon","width","path","icon","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","downsamplingError","isDownsampleFinished","customButtons","push","name","click","attr","handleDownsampleClick","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","rect","ranges","isSubscribed","isLoadedFired","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","height","debug2","setDownsamplingDisabled","event","type","detail","EVENT_UPDATED","currentSeries","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","message","onError","Error","debug","figure","getLayoutRanges","isRangesChanged","changes","Object","keys","includes","onSettingsChanged","hiddenSeries","hiddenlabels","seriesIndexes","reduce","acc","visible","force","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","setFormatter","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","error","propTypes","instanceOf","isRequired","shape","timeZone","string","defaultDateTimeFormat","showTimeZone","bool","showTSeparator","arrayOf","defaultFormatString","func","defaultProps","FULL_DATE_FORMAT"],"sources":["../src/Chart.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport { vsLoading, dhGraphLineDown, dhWarningFilled } from '@deephaven/icons';\nimport { Formatter, FormatterUtils, DateUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport Plotly from './plotly/Plotly';\nimport Plot from './plotly/Plot';\n\nimport ChartModel from './ChartModel';\nimport ChartUtils from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\nexport class Chart extends Component {\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param {FontAwesome.IconDefinition} faIcon The icon to convert\n   */\n  static convertIcon(faIcon) {\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    return {\n      width,\n      path,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(isDownsampleInProgress, isDownsamplingDisabled) {\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(isDownsampleInProgress, isDownsamplingDisabled) {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props) {\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.rect = null;\n    this.ranges = null;\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\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() {\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) {\n    const { isActive, settings } = this.props;\n    this.updateFormatterSettings(settings);\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe();\n      } else {\n        this.unsubscribe();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.unsubscribe();\n  }\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled\n    ) => {\n      const customButtons = [];\n      if (downsamplingError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          click: () => {},\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        downsamplingError\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          isDownsampleInProgress || downsamplingError ? 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() {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData() {\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() {\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() {\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() {\n    if (this.plot.current) {\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() {\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) {\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          layout.datarevision += 1;\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.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) {\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) {\n    log.debug('handleRelayout', changes);\n    if (Object.keys(changes).includes('hiddenlabels')) {\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    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      const hiddenSeries = data.reduce(\n        (acc, { name, visible }) =>\n          visible === 'legendonly' ? [...acc, name] : acc,\n        []\n      );\n      onSettingsChanged({ hiddenSeries });\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 {boolean} force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false) {\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() {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings);\n  }\n\n  updateFormatterSettings(settings) {\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() {\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() {\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(e => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render() {\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\nChart.propTypes = {\n  model: PropTypes.instanceOf(ChartModel).isRequired,\n  // These settings come from the redux store\n  settings: PropTypes.shape({\n    timeZone: PropTypes.string.isRequired,\n    defaultDateTimeFormat: PropTypes.string.isRequired,\n    showTimeZone: PropTypes.bool.isRequired,\n    showTSeparator: PropTypes.bool.isRequired,\n    formatter: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n    decimalFormatOptions: PropTypes.shape({\n      defaultFormatString: PropTypes.string,\n    }),\n    integerFormatOptions: PropTypes.shape({\n      defaultFormatString: PropTypes.string,\n    }),\n  }),\n  isActive: PropTypes.bool,\n  onDisconnect: PropTypes.func,\n  onReconnect: PropTypes.func,\n  onUpdate: PropTypes.func,\n  onError: PropTypes.func,\n  onSettingsChanged: PropTypes.func,\n};\n\nChart.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: () => {},\n  onReconnect: () => {},\n  onUpdate: () => {},\n  onError: () => {},\n  onSettingsChanged: () => {},\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","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} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { WorkspaceSettings } from '@deephaven/redux';\nimport { Layout, Icon, PlotData } from 'plotly.js';\nimport Plotly from './plotly/Plotly';\nimport Plot from './plotly/Plot';\n\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = Partial<WorkspaceSettings> & {\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n  integerFormatOptions: IntegerColumnFormatterOptions;\n};\n\ninterface ChartProps {\n  model: ChartModel;\n  // These settings come from the redux store\n  settings: Partial<WorkspaceSettings>;\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,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled\n    ) => {\n      const customButtons = [];\n      if (downsamplingError) {\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        downsamplingError\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          isDownsampleInProgress || downsamplingError ? 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) {\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.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(\n    settings: Partial<WorkspaceSettings> & {\n      decimalFormatOptions: DecimalColumnFormatterOptions;\n      integerFormatOptions: IntegerColumnFormatterOptions;\n    }\n  ): 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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"}

package/dist/ChartModel.d.ts

@@ -1,4 +1,10 @@
-export default ChartModel;
+import { Formatter } from '@deephaven/jsapi-utils';
+import { Layout, PlotData } from 'plotly.js';
+export declare type FilterColumnMap = Map<string, {
+    name: string;
+    type: string;
+}>;
+export declare type ChartEvent = CustomEvent;
 /**
  * Model for a Chart
  * All of these methods should return very quickly.
@@ -13,51 +19,53 @@ declare class ChartModel {
     static EVENT_DOWNSAMPLEFAILED: string;
     static EVENT_DOWNSAMPLENEEDED: string;
     static EVENT_LOADFINISHED: string;
-    listeners: any[];
-    formatter: any;
-    rect: DOMRect | null;
+    constructor();
+    listeners: ((event: ChartEvent) => void)[];
+    formatter?: Formatter;
+    rect?: DOMRect;
     isDownsamplingDisabled: boolean;
-    title: any;
-    getData(): never[];
+    title?: string;
+    getData(): Partial<PlotData>[];
     getDefaultTitle(): string;
-    getLayout(): {};
-    getFilterColumnMap(): Map<any, any>;
+    getLayout(): Partial<Layout>;
+    getFilterColumnMap(): FilterColumnMap;
     isFilterRequired(): boolean;
-    setFilter(): void;
+    setFilter(filter: Map<string, string>): void;
     /**
      * Close this model, clean up any underlying subscriptions
      */
     close(): void;
     /**
      * Set the formatter to use when charting the data.
-     * @param {Formatter} formatter The formatter to use to format the charting data
+     * @param formatter The formatter to use to format the charting data
      */
     setFormatter(formatter: Formatter): void;
     /**
      * Disable downsampling
-     * @param {boolean} isDownsamplingDisabled True if downsampling should be disabled
+     * @param isDownsamplingDisabled True if downsampling should be disabled
      */
     setDownsamplingDisabled(isDownsamplingDisabled: boolean): void;
     /**
      * Set the dimensions of the plot. May be needed to evaluate some of the percents
-     * @param {DOMRect} rect The bounding rectangle of the plot
+     * @param rect The bounding rectangle of the plot
      */
     setDimensions(rect: DOMRect): void;
-    setTitle(title: any): void;
+    setTitle(title: string): void;
     /**
      * Subscribe to this ChartModel and start listening for all events.
-     * @param {Function<Event>} callback Callback when an event occurs
+     * @param callback Callback when an event occurs
      */
-    subscribe(callback: Function): void;
-    unsubscribe(callback: any): void;
-    fireEvent(event: any): void;
-    fireUpdate(data: any): void;
+    subscribe(callback: (event: ChartEvent) => void): void;
+    unsubscribe(callback: (event: ChartEvent) => void): void;
+    fireEvent(event: ChartEvent): void;
+    fireUpdate(data: unknown): void;
     fireDisconnect(): void;
     fireReconnect(): void;
-    fireDownsampleStart(detail: any): void;
-    fireDownsampleFinish(detail: any): void;
-    fireDownsampleFail(detail: any): void;
-    fireDownsampleNeeded(detail: any): void;
+    fireDownsampleStart(detail: unknown): void;
+    fireDownsampleFinish(detail: unknown): void;
+    fireDownsampleFail(detail: unknown): void;
+    fireDownsampleNeeded(detail: unknown): void;
     fireLoadFinished(): void;
 }
+export default ChartModel;
 //# sourceMappingURL=ChartModel.d.ts.map

package/dist/ChartModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartModel.d.ts","sourceRoot":"","sources":["../src/ChartModel.js"],"names":[],"mappings":";AAEA;;;;GAIG;AACH;IACE,6BAAkD;IAElD,gCAAwD;IAExD,+BAAsD;IAEtD,uCAAsE;IAEtE,wCAAwE;IAExE,sCAAoE;IAEpE,sCAAoE;IAEpE,kCAA4D;IAG1D,iBAAmB;IACnB,eAAqB;IACrB,qBAAgB;IAChB,gCAAmC;IACnC,WAAiB;IAGnB,mBAEC;IAED,0BAEC;IAED,gBAEC;IAED,oCAEC;IAED,4BAEC;IAED,kBAAc;IAEd;;OAEG;IACH,cAAU;IAEV;;;OAGG;IACH,yCAEC;IAED;;;OAGG;IACH,gDAFW,OAAO,QAIjB;IAED;;;OAGG;IACH,oBAFW,OAAO,QAIjB;IAED,2BAEC;IAED;;;OAGG;IACH,oCAEC;IAED,iCAEC;IAED,4BAIC;IAED,4BAEC;IAED,uBAEC;IAED,sBAEC;IAED,uCAIC;IAED,wCAIC;IAED,sCAIC;IAED,wCAIC;IAED,yBAEC;CACF"}
+{"version":3,"file":"ChartModel.d.ts","sourceRoot":"","sources":["../src/ChartModel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE7C,oBAAY,eAAe,GAAG,GAAG,CAC/B,MAAM,EACN;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF,oBAAY,UAAU,GAAG,WAAW,CAAC;AACrC;;;;GAIG;AACH,cAAM,UAAU;IACd,MAAM,CAAC,aAAa,SAA8B;IAElD,MAAM,CAAC,gBAAgB,SAAiC;IAExD,MAAM,CAAC,eAAe,SAAgC;IAEtD,MAAM,CAAC,uBAAuB,SAAwC;IAEtE,MAAM,CAAC,wBAAwB,SAAyC;IAExE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,kBAAkB,SAAmC;;IAO5D,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC;IAE3C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,sBAAsB,EAAE,OAAO,CAAC;IAEhC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;IAI9B,eAAe,IAAI,MAAM;IAIzB,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAI5B,kBAAkB,IAAI,eAAe;IAIrC,gBAAgB,IAAI,OAAO;IAK3B,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAE5C;;OAEG;IAEH,KAAK,IAAI,IAAI;IAEb;;;OAGG;IACH,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAIxC;;;OAGG;IACH,uBAAuB,CAAC,sBAAsB,EAAE,OAAO,GAAG,IAAI;IAI9D;;;OAGG;IACH,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAIlC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;;OAGG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAItD,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAIxD,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMlC,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAI/B,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,IAAI;IAIrB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM1C,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAMzC,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,gBAAgB,IAAI,IAAI;CAGzB;AAED,eAAe,UAAU,CAAC"}