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

package/dist/FigureChartModel.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; }
-
 /* eslint class-methods-use-this: "off" */
 import memoize from 'memoizee';
 import debounce from 'lodash.debounce';
@@ -14,10 +11,10 @@ import ChartModel from "./ChartModel.js";
 import ChartUtils from "./ChartUtils.js";
 import ChartTheme from "./ChartTheme.js";
 var log = Log.module('FigureChartModel');
+
 /**
  * Takes a Figure object from a widget to make a model for a chart
  */
-
 class FigureChartModel extends ChartModel {
   /**
    * @param figure The figure object created by the API
@@ -27,68 +24,49 @@ class FigureChartModel extends ChartModel {
     var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var theme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ChartTheme;
     super();
-
     _defineProperty(this, "figure", void 0);
-
     _defineProperty(this, "settings", void 0);
-
     _defineProperty(this, "theme", void 0);
-
     _defineProperty(this, "data", void 0);
-
     _defineProperty(this, "layout", void 0);
-
     _defineProperty(this, "seriesDataMap", void 0);
-
     _defineProperty(this, "pendingSeries", void 0);
-
     _defineProperty(this, "oneClicks", void 0);
-
     _defineProperty(this, "filterColumnMap", void 0);
-
     _defineProperty(this, "lastFilter", void 0);
-
     _defineProperty(this, "isConnected", void 0);
-
     _defineProperty(this, "seriesToProcess", void 0);
-
     _defineProperty(this, "addPendingSeries", debounce(() => {
       var axes = ChartUtils.getAllAxes(this.figure);
       var {
         pendingSeries
       } = this;
-
       for (var i = 0; i < pendingSeries.length; i += 1) {
         var series = pendingSeries[i];
         this.addSeries(series, axes);
-        series.subscribe(); // We'll get an update with the data after subscribing
+        series.subscribe();
+        // We'll get an update with the data after subscribing
       }
 
       this.pendingSeries = [];
     }, FigureChartModel.ADD_SERIES_DEBOUNCE));
-
     _defineProperty(this, "getTimeZone", memoize((columnType, formatter) => {
       if (formatter != null) {
         var dataFormatter = formatter.getColumnTypeFormatter(columnType);
-
         if (dataFormatter != null) {
           return dataFormatter.dhTimeZone;
         }
       }
-
       return undefined;
     }));
-
     _defineProperty(this, "getValueTranslator", memoize((columnType, formatter) => {
       var timeZone = this.getTimeZone(columnType, formatter);
       return value => ChartUtils.unwrapValue(value, timeZone);
     }));
-
     _defineProperty(this, "getValueParser", memoize((columnType, formatter) => {
       var timeZone = this.getTimeZone(columnType, formatter);
       return value => ChartUtils.wrapValue(value, columnType, timeZone);
     }));
-
     _defineProperty(this, "getRangeParser", memoize((columnType, formatter) => range => {
       var [rangeStart, rangeEnd] = range;
       var valueParser = this.getValueParser(columnType, formatter);
@@ -96,17 +74,13 @@ class FigureChartModel extends ChartModel {
       rangeEnd = valueParser(rangeEnd);
       return [rangeStart, rangeEnd];
     }));
-
     _defineProperty(this, "getAxisRangeParser", memoize((chart, formatter) => axis => {
       var source = ChartUtils.getSourceForAxis(chart, axis);
-
       if (source) {
         return this.getRangeParser(source.columnType, formatter);
       }
-
       return range => range;
     }));
-
     this.handleFigureUpdated = this.handleFigureUpdated.bind(this);
     this.handleFigureDisconnected = this.handleFigureDisconnected.bind(this);
     this.handleFigureReconnected = this.handleFigureReconnected.bind(this);
@@ -138,29 +112,24 @@ class FigureChartModel extends ChartModel {
     this.filterColumnMap = new Map();
     this.lastFilter = new Map();
     this.isConnected = true; // Assume figure is connected to start
-
     this.seriesToProcess = new Set();
     this.setTitle(this.getDefaultTitle());
     this.initAllSeries();
     this.updateAxisPositions();
     this.startListeningFigure();
   }
-
   close() {
     this.figure.close();
     this.addPendingSeries.cancel();
     this.stopListeningFigure();
   }
-
   getDefaultTitle() {
     if (this.figure.charts.length > 0) {
       var chart = this.figure.charts[0];
       return chart.title;
     }
-
     return '';
   }
-
   initAllSeries() {
     this.oneClicks = [];
     this.filterColumnMap.clear();
@@ -169,49 +138,41 @@ class FigureChartModel extends ChartModel {
     } = this.figure;
     var axes = ChartUtils.getAllAxes(this.figure);
     var activeSeriesNames = [];
-
     for (var i = 0; i < charts.length; i += 1) {
       var chart = charts[i];
-
       for (var j = 0; j < chart.series.length; j += 1) {
         var series = chart.series[j];
         activeSeriesNames.push(series.name);
         this.addSeries(series, axes);
       }
-    } // Remove any series that no longer exist
-
+    }
 
+    // Remove any series that no longer exist
     var allSeriesNames = [...this.seriesDataMap.keys()];
     var inactiveSeriesNames = allSeriesNames.filter(seriesName => activeSeriesNames.indexOf(seriesName) < 0);
-
     for (var _i = 0; _i < inactiveSeriesNames.length; _i += 1) {
       var seriesName = inactiveSeriesNames[_i];
       this.seriesDataMap.delete(seriesName);
     }
-
     this.seriesToProcess = new Set([...this.seriesDataMap.keys()]);
   }
+
   /**
    * Add a series to the model
    * @param series Series object to add
    * @param axes All the axis in this figure
    */
-
-
   addSeries(series, axes) {
     var axisTypeMap = ChartUtils.groupArray(axes, 'type');
     var seriesData = ChartUtils.makeSeriesDataFromSeries(series, axisTypeMap, ChartUtils.getSeriesVisibility(series.name, this.settings), this.theme);
     this.seriesDataMap.set(series.name, seriesData);
     this.data = [...this.seriesDataMap.values()];
-
     if (series.plotStyle === dh.plot.SeriesPlotStyle.STACKED_BAR) {
       this.layout.barmode = 'stack';
     } else if (series.plotStyle === dh.plot.SeriesPlotStyle.PIE) {
       this.layout.hiddenlabels = ChartUtils.getHiddenLabels(this.settings);
     }
-
     this.layout.showlegend = this.data.length > 1 || series.plotStyle === dh.plot.SeriesPlotStyle.PIE;
-
     if (series.oneClick != null) {
       var {
         oneClick
@@ -219,50 +180,41 @@ class FigureChartModel extends ChartModel {
       var {
         columns
       } = oneClick;
-
       for (var i = 0; i < columns.length; i += 1) {
         this.filterColumnMap.set(columns[i].name, columns[i]);
       }
-
       this.oneClicks.push(oneClick);
     }
-
     this.updateLayoutFormats();
-  } // We need to debounce adding series so we subscribe to them all in the same tick
-  // This should no longer be necessary after IDS-5049 lands
+  }
 
+  // We need to debounce adding series so we subscribe to them all in the same tick
+  // This should no longer be necessary after IDS-5049 lands
 
   subscribe(callback) {
     super.subscribe(callback);
-
     if (this.listeners.length === 1) {
       // Need to initialize the series here as we may have missed some series when not subscribed
       this.initAllSeries();
       this.subscribeFigure();
     }
   }
-
   unsubscribe(callback) {
     super.unsubscribe(callback);
-
     if (this.listeners.length === 0) {
       this.unsubscribeFigure();
     }
   }
-
   subscribeFigure() {
     if (!this.isConnected) {
       log.debug('Ignoring subscribe when figure in disconnected state');
       return;
     }
-
     this.figure.subscribe(this.isDownsamplingDisabled ? dh.plot.DownsampleOptions.DISABLE : dh.plot.DownsampleOptions.DEFAULT);
   }
-
   unsubscribeFigure() {
     this.figure.unsubscribe();
   }
-
   startListeningFigure() {
     this.figure.addEventListener(dh.plot.Figure.EVENT_UPDATED, this.handleFigureUpdated);
     this.figure.addEventListener(dh.plot.Figure.EVENT_SERIES_ADDED, this.handleFigureSeriesAdded);
@@ -274,7 +226,6 @@ class FigureChartModel extends ChartModel {
     this.figure.addEventListener(dh.plot.Figure.EVENT_DOWNSAMPLENEEDED, this.handleDownsampleNeeded);
     this.figure.addEventListener(dh.Client.EVENT_REQUEST_FAILED, this.handleRequestFailed);
   }
-
   stopListeningFigure() {
     this.figure.removeEventListener(dh.plot.Figure.EVENT_UPDATED, this.handleFigureUpdated);
     this.figure.removeEventListener(dh.plot.Figure.EVENT_SERIES_ADDED, this.handleFigureSeriesAdded);
@@ -286,27 +237,22 @@ class FigureChartModel extends ChartModel {
     this.figure.removeEventListener(dh.plot.Figure.EVENT_DOWNSAMPLENEEDED, this.handleDownsampleNeeded);
     this.figure.removeEventListener(dh.Client.EVENT_REQUEST_FAILED, this.handleRequestFailed);
   }
-
   handleDownsampleStart(event) {
     log.debug('Downsample started', event);
     this.fireDownsampleStart(event.detail);
   }
-
   handleDownsampleFinish(event) {
     log.debug('Downsample finished', event);
     this.fireDownsampleFinish(event.detail);
   }
-
   handleDownsampleFail(event) {
     log.error('Downsample failed', event);
     this.fireDownsampleFail(event.detail);
   }
-
   handleDownsampleNeeded(event) {
     log.info('Downsample needed', event);
     this.fireDownsampleNeeded(event.detail);
   }
-
   handleFigureUpdated(event) {
     var {
       detail: figureUpdateEvent
@@ -315,14 +261,12 @@ class FigureChartModel extends ChartModel {
       series: seriesArray
     } = figureUpdateEvent;
     log.debug2('handleFigureUpdated', seriesArray);
-
     for (var i = 0; i < seriesArray.length; i += 1) {
       var series = seriesArray[i];
       log.debug2('handleFigureUpdated updating series', series.name);
       var {
         sources
       } = series;
-
       for (var j = 0; j < sources.length; j += 1) {
         var source = sources[j];
         var {
@@ -333,73 +277,61 @@ class FigureChartModel extends ChartModel {
         var dataArray = figureUpdateEvent.getArray(series, type, valueTranslator);
         this.setDataArrayForSeries(series, type, dataArray);
       }
-
       this.seriesToProcess.delete(series.name);
-
       if (this.seriesToProcess.size === 0) {
         this.fireLoadFinished();
       }
-
       this.cleanSeries(series);
     }
-
     var {
       data
     } = this;
     this.fireUpdate(data);
   }
-
   handleRequestFailed(event) {
     log.error('Request failed', event);
   }
+
   /**
    * Resubscribe to the figure, should be done if settings change
    */
-
-
   resubscribe() {
     if (this.listeners.length > 0) {
       this.unsubscribeFigure();
       this.subscribeFigure();
     }
   }
-
   setFormatter(formatter) {
     super.setFormatter(formatter);
-    this.updateLayoutFormats(); // Unsubscribe and resubscribe to trigger a data update
-    // Data may need to be translated again because of the new formatter
+    this.updateLayoutFormats();
 
+    // Unsubscribe and resubscribe to trigger a data update
+    // Data may need to be translated again because of the new formatter
     this.resubscribe();
   }
-
   setDownsamplingDisabled(isDownsamplingDisabled) {
     super.setDownsamplingDisabled(isDownsamplingDisabled);
     this.resubscribe();
   }
-
   handleFigureDisconnected(event) {
     log.debug('Figure disconnected', event);
     this.isConnected = false;
-
     if (this.listeners.length > 0) {
       this.unsubscribeFigure();
     }
-
     this.fireDisconnect();
   }
-
   handleFigureReconnected(event) {
     log.debug('Figure reconnected', event);
-    this.isConnected = true; // It's possible the series have changed completely, as the query could have been changed
+    this.isConnected = true;
 
+    // It's possible the series have changed completely, as the query could have been changed
     this.initAllSeries();
     this.fireReconnect();
-
     if (this.listeners.length > 0) {
       this.subscribeFigure();
     }
   }
-
   handleFigureSeriesAdded(event) {
     var {
       detail: series
@@ -408,21 +340,18 @@ class FigureChartModel extends ChartModel {
     this.pendingSeries.push(series);
     this.addPendingSeries();
   }
-
   setDimensions(rect) {
     super.setDimensions(rect);
     this.updateAxisPositions();
   }
-
   setTitle(title) {
     var _match$length, _match;
+    super.setTitle(title);
 
-    super.setTitle(title); // Need to recalculate the padding based on how many lines of text the title is
+    // Need to recalculate the padding based on how many lines of text the title is
     // Plotly doesn't handle positioning it correctly, and it's an undocumented feature
-
     var subtitleCount = (_match$length = (_match = (title !== null && title !== void 0 ? title : '').match(/<br>/g)) === null || _match === void 0 ? void 0 : _match.length) !== null && _match$length !== void 0 ? _match$length : 0;
     var margin = ChartUtils.DEFAULT_MARGIN.t + subtitleCount * ChartUtils.SUBTITLE_LINE_HEIGHT;
-
     if (this.layout.margin) {
       this.layout.margin.t = margin;
     } else {
@@ -430,7 +359,6 @@ class FigureChartModel extends ChartModel {
         t: margin
       };
     }
-
     if (typeof this.layout.title === 'string') {
       this.layout.title = title;
     } else {
@@ -440,47 +368,37 @@ class FigureChartModel extends ChartModel {
       this.layout.title.pad.t = ChartUtils.DEFAULT_TITLE_PADDING.t + subtitleCount * ChartUtils.SUBTITLE_LINE_HEIGHT * 0.5;
     }
   }
-
   getPlotWidth() {
     var _this$layout$margin$l, _this$layout$margin, _this$layout$margin$r, _this$layout$margin2;
-
     if (!this.rect || !this.rect.width) {
       return 0;
     }
-
     return Math.max(this.rect.width - ((_this$layout$margin$l = (_this$layout$margin = this.layout.margin) === null || _this$layout$margin === void 0 ? void 0 : _this$layout$margin.l) !== null && _this$layout$margin$l !== void 0 ? _this$layout$margin$l : 0) - ((_this$layout$margin$r = (_this$layout$margin2 = this.layout.margin) === null || _this$layout$margin2 === void 0 ? void 0 : _this$layout$margin2.r) !== null && _this$layout$margin$r !== void 0 ? _this$layout$margin$r : 0), 0);
   }
-
   getPlotHeight() {
     var _this$layout$margin$t, _this$layout$margin3, _this$layout$margin$b, _this$layout$margin4;
-
     if (!this.rect || !this.rect.height) {
       return 0;
     }
-
     return Math.max(this.rect.height - ((_this$layout$margin$t = (_this$layout$margin3 = this.layout.margin) === null || _this$layout$margin3 === void 0 ? void 0 : _this$layout$margin3.t) !== null && _this$layout$margin$t !== void 0 ? _this$layout$margin$t : 0) - ((_this$layout$margin$b = (_this$layout$margin4 = this.layout.margin) === null || _this$layout$margin4 === void 0 ? void 0 : _this$layout$margin4.b) !== null && _this$layout$margin$b !== void 0 ? _this$layout$margin$b : 0), 0);
   }
-
   updateAxisPositions() {
     var plotWidth = this.getPlotWidth();
     var plotHeight = this.getPlotHeight();
     ChartUtils.updateFigureAxes(this.layout, this.figure, chart => this.getAxisRangeParser(chart, this.formatter), plotWidth, plotHeight, this.theme);
   }
+
   /**
    * Updates the format patterns used
    */
-
-
   updateLayoutFormats() {
     if (!this.formatter) {
       return;
     }
-
     var axisFormats = ChartUtils.getAxisFormats(this.figure, this.formatter);
     axisFormats.forEach((axisFormat, axisLayoutProperty) => {
       log.debug("Assigning ".concat(axisLayoutProperty), this.layout[axisLayoutProperty], axisFormat);
       var props = this.layout[axisLayoutProperty];
-
       if (props != null) {
         Object.assign(props, axisFormat);
       } else {
@@ -488,14 +406,13 @@ class FigureChartModel extends ChartModel {
       }
     });
   }
+
   /**
    * Set a specific array for the array of series properties specified.
    * @param series The series to set the data array for.
    * @param sourceType The source type within that series to set the data for.
    * @param dataArray The array to use for the data for this series source.
    */
-
-
   setDataArrayForSeries(series, sourceType, dataArray) {
     var {
       name,
@@ -503,43 +420,36 @@ class FigureChartModel extends ChartModel {
     } = series;
     var seriesData = this.seriesDataMap.get(name);
     var property = ChartUtils.getPlotlyProperty(plotStyle, sourceType);
-
     if (seriesData) {
       set(seriesData, property, dataArray);
     }
   }
+
   /**
    * After setting all the data in the series data, we may need to adjust some other properties
    * Eg. Calculating the width from the xLow/xHigh values; Plot.ly uses `width` instead of a low/high
    * value for x.
    * @param series The series to clean the data for
    */
-
-
   cleanSeries(series) {
     var {
       name,
       plotStyle
     } = series;
     var seriesData = this.seriesDataMap.get(name);
-
     if (seriesData == null) {
       return;
     }
-
     if (plotStyle === dh.plot.SeriesPlotStyle.HISTOGRAM) {
       var {
         xLow,
         xHigh
       } = seriesData;
-
       if (xLow && xHigh && xLow.length === xHigh.length) {
         var width = [];
-
         for (var i = 0; i < xLow.length; i += 1) {
           width.push(xHigh[i] - xLow[i]);
         }
-
         seriesData.width = width;
       }
     } else if (plotStyle === dh.plot.SeriesPlotStyle.LINE) {
@@ -551,11 +461,9 @@ class FigureChartModel extends ChartModel {
         yLow,
         yHigh
       } = seriesData;
-
       if (_xLow && _xHigh && _xLow !== x) {
         seriesData.error_x = ChartUtils.getPlotlyErrorBars(x, _xLow, _xHigh);
       }
-
       if (yLow && yHigh && yLow !== y) {
         seriesData.error_y = ChartUtils.getPlotlyErrorBars(y, yLow, yHigh);
       }
@@ -564,7 +472,6 @@ class FigureChartModel extends ChartModel {
         ids,
         labels
       } = seriesData;
-
       if (ids !== undefined && labels === undefined) {
         // If the user only provided IDs, we assign the IDs to the labels property as well automatically
         // Plotly uses the labels primarily, which from our API perspective seems kind of backwards
@@ -572,61 +479,49 @@ class FigureChartModel extends ChartModel {
       }
     }
   }
-
   getData() {
     return this.data;
   }
-
   getLayout() {
     return this.layout;
   }
-
   getFilterColumnMap() {
     return new Map(this.filterColumnMap);
   }
-
   isFilterRequired() {
     return this.oneClicks.find(oneClick => oneClick.requireAllFiltersToDisplay) != null;
   }
+
   /**
    * Sets the filter on the model. Will only set the values that have changed.
    * @param filterMap Map of filter column names to values
    */
-
-
   setFilter(filterMap) {
     var _this = this;
-
     if (this.oneClicks.length === 0) {
       log.warn('Trying to set a filter, but no one click!');
       return;
     }
-
     log.debug('setFilter', filterMap);
-
     var _loop = function _loop(i) {
       var oneClick = _this.oneClicks[i];
       var {
         columns
-      } = oneClick; // Need to get all the keys in case a filter was removed
-
+      } = oneClick;
+      // Need to get all the keys in case a filter was removed
       var keys = new Set([...filterMap.keys(), ..._this.lastFilter.keys()]);
       keys.forEach(key => {
         var value = filterMap.get(key);
-
         if (_this.lastFilter.get(key) !== value && columns.find(column => column.name === key) != null) {
           oneClick.setValueForColumn(key, value);
         }
       });
     };
-
     for (var i = 0; i < this.oneClicks.length; i += 1) {
       _loop(i);
     }
-
     this.lastFilter = new Map(filterMap);
   }
-
   setFigure(figure) {
     this.close();
     this.figure = figure;
@@ -634,19 +529,14 @@ class FigureChartModel extends ChartModel {
     this.initAllSeries();
     this.updateAxisPositions();
     this.startListeningFigure();
-
     if (this.listeners.length > 0) {
       this.subscribeFigure();
     }
   }
-
   updateSettings(settings) {
     this.settings = settings;
   }
-
 }
-
 _defineProperty(FigureChartModel, "ADD_SERIES_DEBOUNCE", 50);
-
 export default FigureChartModel;
 //# sourceMappingURL=FigureChartModel.js.map