@perses-dev/timeseries-chart-plugin 0.9.1 → 0.10.1

package/lib/cjs/TimeSeriesExportAction.js

@@ -0,0 +1,123 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TimeSeriesExportAction", {
+    enumerable: true,
+    get: function() {
+        return TimeSeriesExportAction;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _Download = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Download"));
+const _CSVExportUtils = require("./CSVExportUtils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const TimeSeriesExportAction = ({ queryResults, definition })=>{
+    const exportableData = (0, _react.useMemo)(()=>{
+        return (0, _CSVExportUtils.extractExportableData)(queryResults);
+    }, [
+        queryResults
+    ]);
+    const canExport = (0, _react.useMemo)(()=>{
+        return (0, _CSVExportUtils.isExportableData)(exportableData);
+    }, [
+        exportableData
+    ]);
+    const handleExport = (0, _react.useCallback)(()=>{
+        if (!exportableData || !canExport) return;
+        try {
+            const title = definition?.spec?.display?.name || 'Time Series Data';
+            const csvBlob = (0, _CSVExportUtils.exportDataAsCSV)({
+                data: exportableData
+            });
+            const baseFilename = (0, _CSVExportUtils.sanitizeFilename)(title);
+            const filename = `${baseFilename}_data.csv`;
+            const link = document.createElement('a');
+            link.href = URL.createObjectURL(csvBlob);
+            link.download = filename;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(link.href);
+        } catch (error) {
+            console.error('Time series export failed:', error);
+        }
+    }, [
+        exportableData,
+        canExport,
+        definition
+    ]);
+    if (!canExport) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
+        title: "Export as CSV",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+            size: "small",
+            onClick: handleExport,
+            "aria-label": "Export time series data as CSV",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Download.default, {
+                fontSize: "inherit"
+            })
+        })
+    });
+};

package/lib/cjs/index.js

@@ -29,6 +29,7 @@ _export_star(require("./YAxisOptionsEditor"), exports);
 _export_star(require("./TimeSeriesChartPanel"), exports);
 _export_star(require("./TimeSeriesChartBase"), exports);
 _export_star(require("./time-series-chart-model"), exports);
+_export_star(require("./CSVExportUtils"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/lib/cjs/utils/data-transform.js

@@ -39,9 +39,6 @@ _export(exports, {
     getCommonTimeScaleForQueries: function() {
         return getCommonTimeScaleForQueries;
     },
-    getLineSeries: function() {
-        return getLineSeries;
-    },
     getThresholdSeries: function() {
         return getThresholdSeries;
     },
@@ -66,52 +63,6 @@ function getCommonTimeScaleForQueries(queries) {
     const seriesData = queries.map((query)=>query.data);
     return (0, _core.getCommonTimeScale)(seriesData);
 }
-function getLineSeries(id, formattedName, data, visual, paletteColor) {
-    const lineWidth = visual.lineWidth ?? _timeserieschartmodel.DEFAULT_LINE_WIDTH;
-    const pointRadius = visual.pointRadius ?? _timeserieschartmodel.DEFAULT_POINT_RADIUS;
-    // Shows datapoint symbols when selected time range is roughly 15 minutes or less
-    let showPoints = data !== undefined && data.length <= HIDE_DATAPOINTS_LIMIT;
-    // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)
-    if (visual.showPoints === 'always') {
-        showPoints = true;
-    }
-    return {
-        type: 'line',
-        id: id,
-        name: formattedName,
-        data: data,
-        connectNulls: visual.connectNulls ?? _timeserieschartmodel.DEFAULT_CONNECT_NULLS,
-        color: paletteColor,
-        stack: visual.stack === 'all' ? visual.stack : undefined,
-        sampling: 'lttb',
-        progressiveThreshold: _components.OPTIMIZED_MODE_SERIES_LIMIT,
-        showSymbol: showPoints,
-        showAllSymbol: true,
-        symbolSize: pointRadius,
-        lineStyle: {
-            width: lineWidth,
-            opacity: 0.8
-        },
-        areaStyle: {
-            opacity: visual.areaOpacity ?? _timeserieschartmodel.DEFAULT_AREA_OPACITY
-        },
-        // https://echarts.apache.org/en/option.html#series-line.emphasis
-        emphasis: {
-            focus: 'series',
-            disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0,
-            lineStyle: {
-                width: lineWidth + 1.5,
-                opacity: 1
-            }
-        },
-        blur: {
-            lineStyle: {
-                width: lineWidth,
-                opacity: BLUR_FADEOUT_OPACITY
-            }
-        }
-    };
-}
 function getTimeSeries(id, datasetIndex, formattedName, visual, timeScale, paletteColor) {
     const lineWidth = visual.lineWidth ?? _timeserieschartmodel.DEFAULT_LINE_WIDTH;
     const pointRadius = visual.pointRadius ?? _timeserieschartmodel.DEFAULT_POINT_RADIUS;

package/lib/index.d.ts

@@ -7,4 +7,5 @@ export * from './YAxisOptionsEditor';
 export * from './TimeSeriesChartPanel';
 export * from './TimeSeriesChartBase';
 export * from './time-series-chart-model';
+export * from './CSVExportUtils';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}

package/lib/index.js

@@ -19,5 +19,6 @@ export * from './YAxisOptionsEditor';
 export * from './TimeSeriesChartPanel';
 export * from './TimeSeriesChartBase';
 export * from './time-series-chart-model';
+export * from './CSVExportUtils';
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport * from './TimeSeriesChart';\nexport * from './QuerySettingsEditor';\nexport * from './TimeSeriesChartOptionsEditorSettings';\nexport * from './VisualOptionsEditor';\nexport * from './YAxisOptionsEditor';\nexport * from './TimeSeriesChartPanel';\nexport * from './TimeSeriesChartBase';\nexport * from './time-series-chart-model';\n"],"names":["getPluginModule"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,yCAAyC;AACvD,cAAc,wBAAwB;AACtC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,4BAA4B"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport * from './TimeSeriesChart';\nexport * from './QuerySettingsEditor';\nexport * from './TimeSeriesChartOptionsEditorSettings';\nexport * from './VisualOptionsEditor';\nexport * from './YAxisOptionsEditor';\nexport * from './TimeSeriesChartPanel';\nexport * from './TimeSeriesChartBase';\nexport * from './time-series-chart-model';\nexport * from './CSVExportUtils';\n"],"names":["getPluginModule"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,yCAAyC;AACvD,cAAc,wBAAwB;AACtC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,4BAA4B;AAC1C,cAAc,mBAAmB"}

package/lib/utils/data-transform.d.ts

@@ -15,11 +15,7 @@ export declare const BLUR_FADEOUT_OPACITY = 0.5;
  */
 export declare function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined;
 /**
- * [DEPRECATED] Gets ECharts line series option properties for legacy LineChart
- */
-export declare function getLineSeries(id: string, formattedName: string, data: LegacyTimeSeries['data'], visual: TimeSeriesChartVisualOptions, paletteColor?: string): LegacyTimeSeries;
-/**
- * Gets ECharts line series option properties for recommended TimeChart
+ * Gets ECharts line series option properties for regular trends
  */
 export declare function getTimeSeries(id: string, datasetIndex: number, formattedName: string, visual: TimeSeriesChartVisualOptions, timeScale: TimeScale, paletteColor: string): TimeSeriesOption;
 /**

package/lib/utils/data-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EAGV,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,gBAAgB,EAChB,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAQL,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1E,eAAO,MAAM,gBAAgB,EAAE,iBAI9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,CAG7G;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,EACV,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,4BAA4B,EACpC,YAAY,CAAC,EAAE,MAAM,GACpB,gBAAgB,CA+ClB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,4BAA4B,EACpC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAuElB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,gBAAgB,CA2B9G;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,EACvC,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,GACX,MAAM,CAMR;AA4BD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,GAAE,2BAAgC,GAAG,oBAAoB,CA8BnG;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI7C"}
+{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EAGV,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,gBAAgB,EAChB,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAQL,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1E,eAAO,MAAM,gBAAgB,EAAE,iBAI9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,CAG7G;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,4BAA4B,EACpC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAuElB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,gBAAgB,CA2B9G;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,EACvC,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,GACX,MAAM,CAMR;AA4BD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,GAAE,2BAAgC,GAAG,oBAAoB,CA8BnG;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI7C"}

package/lib/utils/data-transform.js

@@ -29,55 +29,7 @@ export const BLUR_FADEOUT_OPACITY = 0.5;
     return getCommonTimeScale(seriesData);
 }
 /**
- * [DEPRECATED] Gets ECharts line series option properties for legacy LineChart
- */ export function getLineSeries(id, formattedName, data, visual, paletteColor) {
-    const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;
-    const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;
-    // Shows datapoint symbols when selected time range is roughly 15 minutes or less
-    let showPoints = data !== undefined && data.length <= HIDE_DATAPOINTS_LIMIT;
-    // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)
-    if (visual.showPoints === 'always') {
-        showPoints = true;
-    }
-    return {
-        type: 'line',
-        id: id,
-        name: formattedName,
-        data: data,
-        connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,
-        color: paletteColor,
-        stack: visual.stack === 'all' ? visual.stack : undefined,
-        sampling: 'lttb',
-        progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT,
-        showSymbol: showPoints,
-        showAllSymbol: true,
-        symbolSize: pointRadius,
-        lineStyle: {
-            width: lineWidth,
-            opacity: 0.8
-        },
-        areaStyle: {
-            opacity: visual.areaOpacity ?? DEFAULT_AREA_OPACITY
-        },
-        // https://echarts.apache.org/en/option.html#series-line.emphasis
-        emphasis: {
-            focus: 'series',
-            disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0,
-            lineStyle: {
-                width: lineWidth + 1.5,
-                opacity: 1
-            }
-        },
-        blur: {
-            lineStyle: {
-                width: lineWidth,
-                opacity: BLUR_FADEOUT_OPACITY
-            }
-        }
-    };
-}
-/**
- * Gets ECharts line series option properties for recommended TimeChart
+ * Gets ECharts line series option properties for regular trends
  */ export function getTimeSeries(id, datasetIndex, formattedName, visual, timeScale, paletteColor) {
     const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;
     const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;

package/lib/utils/data-transform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { YAXisComponentOption } from 'echarts';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport {\n  StepOptions,\n  TimeScale,\n  TimeSeries,\n  TimeSeriesValueTuple,\n  getCommonTimeScale,\n  TimeSeriesData,\n} from '@perses-dev/core';\nimport {\n  OPTIMIZED_MODE_SERIES_LIMIT,\n  LegacyTimeSeries,\n  EChartsDataFormat,\n  EChartsValues,\n  TimeSeriesOption,\n} from '@perses-dev/components';\nimport { useTimeSeriesQueries, PanelData } from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_POINT_RADIUS,\n  DEFAULT_Y_AXIS,\n  POSITIVE_MIN_VALUE_MULTIPLIER,\n  NEGATIVE_MIN_VALUE_MULTIPLIER,\n  TimeSeriesChartVisualOptions,\n  TimeSeriesChartYAxisOptions,\n} from '../time-series-chart-model';\n\nexport type RunningQueriesState = ReturnType<typeof useTimeSeriesQueries>;\n\nexport const EMPTY_GRAPH_DATA: EChartsDataFormat = {\n  timeSeries: [],\n  xAxis: [],\n  legendItems: [],\n};\n\nexport const HIDE_DATAPOINTS_LIMIT = 70;\n\nexport const BLUR_FADEOUT_OPACITY = 0.5;\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined {\n  const seriesData = queries.map((query) => query.data);\n  return getCommonTimeScale(seriesData);\n}\n\n/**\n * [DEPRECATED] Gets ECharts line series option properties for legacy LineChart\n */\nexport function getLineSeries(\n  id: string,\n  formattedName: string,\n  data: LegacyTimeSeries['data'],\n  visual: TimeSeriesChartVisualOptions,\n  paletteColor?: string\n): LegacyTimeSeries {\n  const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;\n  const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;\n\n  // Shows datapoint symbols when selected time range is roughly 15 minutes or less\n  let showPoints = data !== undefined && data.length <= HIDE_DATAPOINTS_LIMIT;\n  // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)\n  if (visual.showPoints === 'always') {\n    showPoints = true;\n  }\n\n  return {\n    type: 'line',\n    id: id,\n    name: formattedName,\n    data: data,\n    connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,\n    color: paletteColor,\n    stack: visual.stack === 'all' ? visual.stack : undefined,\n    sampling: 'lttb',\n    progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT, // https://echarts.apache.org/en/option.html#series-lines.progressiveThreshold\n    showSymbol: showPoints,\n    showAllSymbol: true,\n    symbolSize: pointRadius,\n    lineStyle: {\n      width: lineWidth,\n      opacity: 0.8,\n    },\n    areaStyle: {\n      opacity: visual.areaOpacity ?? DEFAULT_AREA_OPACITY,\n    },\n    // https://echarts.apache.org/en/option.html#series-line.emphasis\n    emphasis: {\n      focus: 'series',\n      disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0, // prevents flicker when moving cursor between shaded regions\n      lineStyle: {\n        width: lineWidth + 1.5,\n        opacity: 1,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: lineWidth,\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n}\n\n/**\n * Gets ECharts line series option properties for recommended TimeChart\n */\nexport function getTimeSeries(\n  id: string,\n  datasetIndex: number,\n  formattedName: string,\n  visual: TimeSeriesChartVisualOptions,\n  timeScale: TimeScale,\n  paletteColor: string\n): TimeSeriesOption {\n  const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;\n  const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;\n\n  // Shows datapoint symbols when selected time range is roughly 15 minutes or less\n  const minuteMs = 60000;\n  let showPoints = timeScale.rangeMs <= minuteMs * 15;\n  // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)\n  if (visual.showPoints === 'always') {\n    showPoints = true;\n  }\n\n  if (visual.display === 'bar') {\n    const series: BarSeriesOption = {\n      type: 'bar',\n      id: id,\n      datasetIndex,\n      name: formattedName,\n      color: paletteColor,\n      stack: visual.stack === 'all' ? visual.stack : undefined,\n      label: {\n        show: false,\n      },\n    };\n    return series;\n  }\n\n  const series: LineSeriesOption = {\n    type: 'line',\n    id: id,\n    datasetIndex,\n    name: formattedName,\n    connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,\n    color: paletteColor,\n    stack: visual.stack === 'all' ? visual.stack : undefined,\n    sampling: 'lttb',\n    progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT, // https://echarts.apache.org/en/option.html#series-lines.progressiveThreshold\n    showSymbol: showPoints,\n    showAllSymbol: true,\n    symbolSize: pointRadius,\n    lineStyle: {\n      width: lineWidth,\n      opacity: 0.95,\n    },\n    areaStyle: {\n      opacity: visual.areaOpacity ?? DEFAULT_AREA_OPACITY,\n    },\n    // https://echarts.apache.org/en/option.html#series-line.emphasis\n    emphasis: {\n      focus: 'series',\n      disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0, // prevents flicker when moving cursor between shaded regions\n      lineStyle: {\n        width: lineWidth + 1,\n        opacity: 1,\n      },\n    },\n    selectedMode: 'single',\n    select: {\n      itemStyle: {\n        borderColor: paletteColor,\n        borderWidth: pointRadius + 0.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: lineWidth,\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n  return series;\n}\n\n/**\n * Gets threshold-specific line series styles\n * markLine cannot be used since it does not update yAxis max / min\n * and threshold data needs to show in the tooltip\n */\nexport function getThresholdSeries(name: string, threshold: StepOptions, seriesIndex: number): LineSeriesOption {\n  return {\n    type: 'line',\n    name: name,\n    id: name,\n    datasetId: name,\n    datasetIndex: seriesIndex,\n    color: threshold.color,\n    label: {\n      show: false,\n    },\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      focus: 'series',\n      lineStyle: {\n        width: 2.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n}\n\n/**\n * Converts percent threshold into absolute step value\n * If max is undefined, use the max value from time series data as default\n */\nexport function convertPercentThreshold(\n  percent: number,\n  data: LegacyTimeSeries[] | TimeSeries[],\n  max?: number,\n  min?: number\n): number {\n  const percentDecimal = percent / 100;\n  const adjustedMax = max ?? findMax(data);\n  const adjustedMin = min ?? 0;\n  const total = adjustedMax - adjustedMin;\n  return percentDecimal * total + adjustedMin;\n}\n\nfunction findMax(data: LegacyTimeSeries[] | TimeSeries[]): number {\n  let max = 0;\n  if (data.length && data[0] !== undefined && (data as TimeSeries[])[0]?.values) {\n    (data as TimeSeries[]).forEach((series) => {\n      series.values.forEach((valueTuple: TimeSeriesValueTuple) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, value] = valueTuple;\n        if (typeof value === 'number' && value > max) {\n          max = value;\n        }\n      });\n    });\n  } else {\n    (data as LegacyTimeSeries[]).forEach((series) => {\n      if (series.data !== undefined) {\n        series.data.forEach((value: EChartsValues) => {\n          if (typeof value === 'number' && value > max) {\n            max = value;\n          }\n        });\n      }\n    });\n  }\n  return max;\n}\n\n/**\n * Converts Perses panel yAxis from dashboard spec to ECharts supported yAxis options\n */\nexport function convertPanelYAxis(inputAxis: TimeSeriesChartYAxisOptions = {}): YAXisComponentOption {\n  const yAxis: YAXisComponentOption = {\n    show: true,\n    axisLabel: {\n      show: inputAxis?.show ?? DEFAULT_Y_AXIS.show,\n    },\n    min: inputAxis?.min,\n    max: inputAxis?.max,\n  };\n\n  // Set the y-axis minimum relative to the data\n  if (inputAxis?.min === undefined) {\n    // https://echarts.apache.org/en/option.html#yAxis.min\n    yAxis.min = (value): number => {\n      if (value.min >= 0 && value.min <= 1) {\n        // Helps with PercentDecimal units, or datasets that return 0 or 1 booleans\n        return 0;\n      }\n\n      // Note: We can tweak the MULTIPLIER constants if we want\n      // TODO: Experiment with using a padding that is based on the difference between max value and min value\n      if (value.min > 0) {\n        return roundDown(value.min * POSITIVE_MIN_VALUE_MULTIPLIER);\n      } else {\n        return roundDown(value.min * NEGATIVE_MIN_VALUE_MULTIPLIER);\n      }\n    };\n  }\n\n  return yAxis;\n}\n\n/**\n * Rounds down to nearest number with one significant digit.\n *\n * Examples:\n * 1. 675 --> 600\n * 2. 0.567 --> 0.5\n * 3. -12 --> -20\n */\nexport function roundDown(num: number): number {\n  const magnitude = Math.floor(Math.log10(Math.abs(num)));\n  const firstDigit = Math.floor(num / Math.pow(10, magnitude));\n  return firstDigit * Math.pow(10, magnitude);\n}\n"],"names":["getCommonTimeScale","OPTIMIZED_MODE_SERIES_LIMIT","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_POINT_RADIUS","DEFAULT_Y_AXIS","POSITIVE_MIN_VALUE_MULTIPLIER","NEGATIVE_MIN_VALUE_MULTIPLIER","EMPTY_GRAPH_DATA","timeSeries","xAxis","legendItems","HIDE_DATAPOINTS_LIMIT","BLUR_FADEOUT_OPACITY","getCommonTimeScaleForQueries","queries","seriesData","map","query","data","getLineSeries","id","formattedName","visual","paletteColor","lineWidth","pointRadius","showPoints","undefined","length","type","name","connectNulls","color","stack","sampling","progressiveThreshold","showSymbol","showAllSymbol","symbolSize","lineStyle","width","opacity","areaStyle","areaOpacity","emphasis","focus","disabled","blur","getTimeSeries","datasetIndex","timeScale","minuteMs","rangeMs","display","series","label","show","selectedMode","select","itemStyle","borderColor","borderWidth","getThresholdSeries","threshold","seriesIndex","datasetId","convertPercentThreshold","percent","max","min","percentDecimal","adjustedMax","findMax","adjustedMin","total","values","forEach","valueTuple","_","value","convertPanelYAxis","inputAxis","yAxis","axisLabel","roundDown","num","magnitude","Math","floor","log10","abs","firstDigit","pow"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAKEA,kBAAkB,QAEb,mBAAmB;AAC1B,SACEC,2BAA2B,QAKtB,yBAAyB;AAEhC,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,EACdC,6BAA6B,EAC7BC,6BAA6B,QAGxB,6BAA6B;AAIpC,OAAO,MAAMC,mBAAsC;IACjDC,YAAY,EAAE;IACdC,OAAO,EAAE;IACTC,aAAa,EAAE;AACjB,EAAE;AAEF,OAAO,MAAMC,wBAAwB,GAAG;AAExC,OAAO,MAAMC,uBAAuB,IAAI;AAExC;;;;CAIC,GACD,OAAO,SAASC,6BAA6BC,OAAyC;IACpF,MAAMC,aAAaD,QAAQE,GAAG,CAAC,CAACC,QAAUA,MAAMC,IAAI;IACpD,OAAOpB,mBAAmBiB;AAC5B;AAEA;;CAEC,GACD,OAAO,SAASI,cACdC,EAAU,EACVC,aAAqB,EACrBH,IAA8B,EAC9BI,MAAoC,EACpCC,YAAqB;IAErB,MAAMC,YAAYF,OAAOE,SAAS,IAAItB;IACtC,MAAMuB,cAAcH,OAAOG,WAAW,IAAItB;IAE1C,iFAAiF;IACjF,IAAIuB,aAAaR,SAASS,aAAaT,KAAKU,MAAM,IAAIjB;IACtD,kGAAkG;IAClG,IAAIW,OAAOI,UAAU,KAAK,UAAU;QAClCA,aAAa;IACf;IAEA,OAAO;QACLG,MAAM;QACNT,IAAIA;QACJU,MAAMT;QACNH,MAAMA;QACNa,cAAcT,OAAOS,YAAY,IAAI9B;QACrC+B,OAAOT;QACPU,OAAOX,OAAOW,KAAK,KAAK,QAAQX,OAAOW,KAAK,GAAGN;QAC/CO,UAAU;QACVC,sBAAsBpC;QACtBqC,YAAYV;QACZW,eAAe;QACfC,YAAYb;QACZc,WAAW;YACTC,OAAOhB;YACPiB,SAAS;QACX;QACAC,WAAW;YACTD,SAASnB,OAAOqB,WAAW,IAAI3C;QACjC;QACA,iEAAiE;QACjE4C,UAAU;YACRC,OAAO;YACPC,UAAUxB,OAAOqB,WAAW,KAAKhB,aAAaL,OAAOqB,WAAW,GAAG;YACnEJ,WAAW;gBACTC,OAAOhB,YAAY;gBACnBiB,SAAS;YACX;QACF;QACAM,MAAM;YACJR,WAAW;gBACTC,OAAOhB;gBACPiB,SAAS7B;YACX;QACF;IACF;AACF;AAEA;;CAEC,GACD,OAAO,SAASoC,cACd5B,EAAU,EACV6B,YAAoB,EACpB5B,aAAqB,EACrBC,MAAoC,EACpC4B,SAAoB,EACpB3B,YAAoB;IAEpB,MAAMC,YAAYF,OAAOE,SAAS,IAAItB;IACtC,MAAMuB,cAAcH,OAAOG,WAAW,IAAItB;IAE1C,iFAAiF;IACjF,MAAMgD,WAAW;IACjB,IAAIzB,aAAawB,UAAUE,OAAO,IAAID,WAAW;IACjD,kGAAkG;IAClG,IAAI7B,OAAOI,UAAU,KAAK,UAAU;QAClCA,aAAa;IACf;IAEA,IAAIJ,OAAO+B,OAAO,KAAK,OAAO;QAC5B,MAAMC,SAA0B;YAC9BzB,MAAM;YACNT,IAAIA;YACJ6B;YACAnB,MAAMT;YACNW,OAAOT;YACPU,OAAOX,OAAOW,KAAK,KAAK,QAAQX,OAAOW,KAAK,GAAGN;YAC/C4B,OAAO;gBACLC,MAAM;YACR;QACF;QACA,OAAOF;IACT;IAEA,MAAMA,SAA2B;QAC/BzB,MAAM;QACNT,IAAIA;QACJ6B;QACAnB,MAAMT;QACNU,cAAcT,OAAOS,YAAY,IAAI9B;QACrC+B,OAAOT;QACPU,OAAOX,OAAOW,KAAK,KAAK,QAAQX,OAAOW,KAAK,GAAGN;QAC/CO,UAAU;QACVC,sBAAsBpC;QACtBqC,YAAYV;QACZW,eAAe;QACfC,YAAYb;QACZc,WAAW;YACTC,OAAOhB;YACPiB,SAAS;QACX;QACAC,WAAW;YACTD,SAASnB,OAAOqB,WAAW,IAAI3C;QACjC;QACA,iEAAiE;QACjE4C,UAAU;YACRC,OAAO;YACPC,UAAUxB,OAAOqB,WAAW,KAAKhB,aAAaL,OAAOqB,WAAW,GAAG;YACnEJ,WAAW;gBACTC,OAAOhB,YAAY;gBACnBiB,SAAS;YACX;QACF;QACAgB,cAAc;QACdC,QAAQ;YACNC,WAAW;gBACTC,aAAarC;gBACbsC,aAAapC,cAAc;YAC7B;QACF;QACAsB,MAAM;YACJR,WAAW;gBACTC,OAAOhB;gBACPiB,SAAS7B;YACX;QACF;IACF;IACA,OAAO0C;AACT;AAEA;;;;CAIC,GACD,OAAO,SAASQ,mBAAmBhC,IAAY,EAAEiC,SAAsB,EAAEC,WAAmB;IAC1F,OAAO;QACLnC,MAAM;QACNC,MAAMA;QACNV,IAAIU;QACJmC,WAAWnC;QACXmB,cAAce;QACdhC,OAAO+B,UAAU/B,KAAK;QACtBuB,OAAO;YACLC,MAAM;QACR;QACAjB,WAAW;YACTV,MAAM;YACNW,OAAO;QACT;QACAI,UAAU;YACRC,OAAO;YACPN,WAAW;gBACTC,OAAO;YACT;QACF;QACAO,MAAM;YACJR,WAAW;gBACTE,SAAS7B;YACX;QACF;IACF;AACF;AAEA;;;CAGC,GACD,OAAO,SAASsD,wBACdC,OAAe,EACfjD,IAAuC,EACvCkD,GAAY,EACZC,GAAY;IAEZ,MAAMC,iBAAiBH,UAAU;IACjC,MAAMI,cAAcH,OAAOI,QAAQtD;IACnC,MAAMuD,cAAcJ,OAAO;IAC3B,MAAMK,QAAQH,cAAcE;IAC5B,OAAOH,iBAAiBI,QAAQD;AAClC;AAEA,SAASD,QAAQtD,IAAuC;IACtD,IAAIkD,MAAM;IACV,IAAIlD,KAAKU,MAAM,IAAIV,IAAI,CAAC,EAAE,KAAKS,aAAa,AAACT,IAAqB,CAAC,EAAE,EAAEyD,QAAQ;QAC5EzD,KAAsB0D,OAAO,CAAC,CAACtB;YAC9BA,OAAOqB,MAAM,CAACC,OAAO,CAAC,CAACC;gBACrB,6DAA6D;gBAC7D,MAAM,CAACC,GAAGC,MAAM,GAAGF;gBACnB,IAAI,OAAOE,UAAU,YAAYA,QAAQX,KAAK;oBAC5CA,MAAMW;gBACR;YACF;QACF;IACF,OAAO;QACJ7D,KAA4B0D,OAAO,CAAC,CAACtB;YACpC,IAAIA,OAAOpC,IAAI,KAAKS,WAAW;gBAC7B2B,OAAOpC,IAAI,CAAC0D,OAAO,CAAC,CAACG;oBACnB,IAAI,OAAOA,UAAU,YAAYA,QAAQX,KAAK;wBAC5CA,MAAMW;oBACR;gBACF;YACF;QACF;IACF;IACA,OAAOX;AACT;AAEA;;CAEC,GACD,OAAO,SAASY,kBAAkBC,YAAyC,CAAC,CAAC;IAC3E,MAAMC,QAA8B;QAClC1B,MAAM;QACN2B,WAAW;YACT3B,MAAMyB,WAAWzB,QAAQpD,eAAeoD,IAAI;QAC9C;QACAa,KAAKY,WAAWZ;QAChBD,KAAKa,WAAWb;IAClB;IAEA,8CAA8C;IAC9C,IAAIa,WAAWZ,QAAQ1C,WAAW;QAChC,sDAAsD;QACtDuD,MAAMb,GAAG,GAAG,CAACU;YACX,IAAIA,MAAMV,GAAG,IAAI,KAAKU,MAAMV,GAAG,IAAI,GAAG;gBACpC,2EAA2E;gBAC3E,OAAO;YACT;YAEA,yDAAyD;YACzD,wGAAwG;YACxG,IAAIU,MAAMV,GAAG,GAAG,GAAG;gBACjB,OAAOe,UAAUL,MAAMV,GAAG,GAAGhE;YAC/B,OAAO;gBACL,OAAO+E,UAAUL,MAAMV,GAAG,GAAG/D;YAC/B;QACF;IACF;IAEA,OAAO4E;AACT;AAEA;;;;;;;CAOC,GACD,OAAO,SAASE,UAAUC,GAAW;IACnC,MAAMC,YAAYC,KAAKC,KAAK,CAACD,KAAKE,KAAK,CAACF,KAAKG,GAAG,CAACL;IACjD,MAAMM,aAAaJ,KAAKC,KAAK,CAACH,MAAME,KAAKK,GAAG,CAAC,IAAIN;IACjD,OAAOK,aAAaJ,KAAKK,GAAG,CAAC,IAAIN;AACnC"}
+{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { YAXisComponentOption } from 'echarts';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport {\n  StepOptions,\n  TimeScale,\n  TimeSeries,\n  TimeSeriesValueTuple,\n  getCommonTimeScale,\n  TimeSeriesData,\n} from '@perses-dev/core';\nimport {\n  OPTIMIZED_MODE_SERIES_LIMIT,\n  LegacyTimeSeries,\n  EChartsDataFormat,\n  EChartsValues,\n  TimeSeriesOption,\n} from '@perses-dev/components';\nimport { useTimeSeriesQueries, PanelData } from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_POINT_RADIUS,\n  DEFAULT_Y_AXIS,\n  POSITIVE_MIN_VALUE_MULTIPLIER,\n  NEGATIVE_MIN_VALUE_MULTIPLIER,\n  TimeSeriesChartVisualOptions,\n  TimeSeriesChartYAxisOptions,\n} from '../time-series-chart-model';\n\nexport type RunningQueriesState = ReturnType<typeof useTimeSeriesQueries>;\n\nexport const EMPTY_GRAPH_DATA: EChartsDataFormat = {\n  timeSeries: [],\n  xAxis: [],\n  legendItems: [],\n};\n\nexport const HIDE_DATAPOINTS_LIMIT = 70;\n\nexport const BLUR_FADEOUT_OPACITY = 0.5;\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined {\n  const seriesData = queries.map((query) => query.data);\n  return getCommonTimeScale(seriesData);\n}\n\n/**\n * Gets ECharts line series option properties for regular trends\n */\nexport function getTimeSeries(\n  id: string,\n  datasetIndex: number,\n  formattedName: string,\n  visual: TimeSeriesChartVisualOptions,\n  timeScale: TimeScale,\n  paletteColor: string\n): TimeSeriesOption {\n  const lineWidth = visual.lineWidth ?? DEFAULT_LINE_WIDTH;\n  const pointRadius = visual.pointRadius ?? DEFAULT_POINT_RADIUS;\n\n  // Shows datapoint symbols when selected time range is roughly 15 minutes or less\n  const minuteMs = 60000;\n  let showPoints = timeScale.rangeMs <= minuteMs * 15;\n  // Allows overriding default behavior and opt-in to always show all symbols (can hurt performance)\n  if (visual.showPoints === 'always') {\n    showPoints = true;\n  }\n\n  if (visual.display === 'bar') {\n    const series: BarSeriesOption = {\n      type: 'bar',\n      id: id,\n      datasetIndex,\n      name: formattedName,\n      color: paletteColor,\n      stack: visual.stack === 'all' ? visual.stack : undefined,\n      label: {\n        show: false,\n      },\n    };\n    return series;\n  }\n\n  const series: LineSeriesOption = {\n    type: 'line',\n    id: id,\n    datasetIndex,\n    name: formattedName,\n    connectNulls: visual.connectNulls ?? DEFAULT_CONNECT_NULLS,\n    color: paletteColor,\n    stack: visual.stack === 'all' ? visual.stack : undefined,\n    sampling: 'lttb',\n    progressiveThreshold: OPTIMIZED_MODE_SERIES_LIMIT, // https://echarts.apache.org/en/option.html#series-lines.progressiveThreshold\n    showSymbol: showPoints,\n    showAllSymbol: true,\n    symbolSize: pointRadius,\n    lineStyle: {\n      width: lineWidth,\n      opacity: 0.95,\n    },\n    areaStyle: {\n      opacity: visual.areaOpacity ?? DEFAULT_AREA_OPACITY,\n    },\n    // https://echarts.apache.org/en/option.html#series-line.emphasis\n    emphasis: {\n      focus: 'series',\n      disabled: visual.areaOpacity !== undefined && visual.areaOpacity > 0, // prevents flicker when moving cursor between shaded regions\n      lineStyle: {\n        width: lineWidth + 1,\n        opacity: 1,\n      },\n    },\n    selectedMode: 'single',\n    select: {\n      itemStyle: {\n        borderColor: paletteColor,\n        borderWidth: pointRadius + 0.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: lineWidth,\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n  return series;\n}\n\n/**\n * Gets threshold-specific line series styles\n * markLine cannot be used since it does not update yAxis max / min\n * and threshold data needs to show in the tooltip\n */\nexport function getThresholdSeries(name: string, threshold: StepOptions, seriesIndex: number): LineSeriesOption {\n  return {\n    type: 'line',\n    name: name,\n    id: name,\n    datasetId: name,\n    datasetIndex: seriesIndex,\n    color: threshold.color,\n    label: {\n      show: false,\n    },\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      focus: 'series',\n      lineStyle: {\n        width: 2.5,\n      },\n    },\n    blur: {\n      lineStyle: {\n        opacity: BLUR_FADEOUT_OPACITY,\n      },\n    },\n  };\n}\n\n/**\n * Converts percent threshold into absolute step value\n * If max is undefined, use the max value from time series data as default\n */\nexport function convertPercentThreshold(\n  percent: number,\n  data: LegacyTimeSeries[] | TimeSeries[],\n  max?: number,\n  min?: number\n): number {\n  const percentDecimal = percent / 100;\n  const adjustedMax = max ?? findMax(data);\n  const adjustedMin = min ?? 0;\n  const total = adjustedMax - adjustedMin;\n  return percentDecimal * total + adjustedMin;\n}\n\nfunction findMax(data: LegacyTimeSeries[] | TimeSeries[]): number {\n  let max = 0;\n  if (data.length && data[0] !== undefined && (data as TimeSeries[])[0]?.values) {\n    (data as TimeSeries[]).forEach((series) => {\n      series.values.forEach((valueTuple: TimeSeriesValueTuple) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, value] = valueTuple;\n        if (typeof value === 'number' && value > max) {\n          max = value;\n        }\n      });\n    });\n  } else {\n    (data as LegacyTimeSeries[]).forEach((series) => {\n      if (series.data !== undefined) {\n        series.data.forEach((value: EChartsValues) => {\n          if (typeof value === 'number' && value > max) {\n            max = value;\n          }\n        });\n      }\n    });\n  }\n  return max;\n}\n\n/**\n * Converts Perses panel yAxis from dashboard spec to ECharts supported yAxis options\n */\nexport function convertPanelYAxis(inputAxis: TimeSeriesChartYAxisOptions = {}): YAXisComponentOption {\n  const yAxis: YAXisComponentOption = {\n    show: true,\n    axisLabel: {\n      show: inputAxis?.show ?? DEFAULT_Y_AXIS.show,\n    },\n    min: inputAxis?.min,\n    max: inputAxis?.max,\n  };\n\n  // Set the y-axis minimum relative to the data\n  if (inputAxis?.min === undefined) {\n    // https://echarts.apache.org/en/option.html#yAxis.min\n    yAxis.min = (value): number => {\n      if (value.min >= 0 && value.min <= 1) {\n        // Helps with PercentDecimal units, or datasets that return 0 or 1 booleans\n        return 0;\n      }\n\n      // Note: We can tweak the MULTIPLIER constants if we want\n      // TODO: Experiment with using a padding that is based on the difference between max value and min value\n      if (value.min > 0) {\n        return roundDown(value.min * POSITIVE_MIN_VALUE_MULTIPLIER);\n      } else {\n        return roundDown(value.min * NEGATIVE_MIN_VALUE_MULTIPLIER);\n      }\n    };\n  }\n\n  return yAxis;\n}\n\n/**\n * Rounds down to nearest number with one significant digit.\n *\n * Examples:\n * 1. 675 --> 600\n * 2. 0.567 --> 0.5\n * 3. -12 --> -20\n */\nexport function roundDown(num: number): number {\n  const magnitude = Math.floor(Math.log10(Math.abs(num)));\n  const firstDigit = Math.floor(num / Math.pow(10, magnitude));\n  return firstDigit * Math.pow(10, magnitude);\n}\n"],"names":["getCommonTimeScale","OPTIMIZED_MODE_SERIES_LIMIT","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_POINT_RADIUS","DEFAULT_Y_AXIS","POSITIVE_MIN_VALUE_MULTIPLIER","NEGATIVE_MIN_VALUE_MULTIPLIER","EMPTY_GRAPH_DATA","timeSeries","xAxis","legendItems","HIDE_DATAPOINTS_LIMIT","BLUR_FADEOUT_OPACITY","getCommonTimeScaleForQueries","queries","seriesData","map","query","data","getTimeSeries","id","datasetIndex","formattedName","visual","timeScale","paletteColor","lineWidth","pointRadius","minuteMs","showPoints","rangeMs","display","series","type","name","color","stack","undefined","label","show","connectNulls","sampling","progressiveThreshold","showSymbol","showAllSymbol","symbolSize","lineStyle","width","opacity","areaStyle","areaOpacity","emphasis","focus","disabled","selectedMode","select","itemStyle","borderColor","borderWidth","blur","getThresholdSeries","threshold","seriesIndex","datasetId","convertPercentThreshold","percent","max","min","percentDecimal","adjustedMax","findMax","adjustedMin","total","length","values","forEach","valueTuple","_","value","convertPanelYAxis","inputAxis","yAxis","axisLabel","roundDown","num","magnitude","Math","floor","log10","abs","firstDigit","pow"],"mappings":"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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.9.1",
+      "buildVersion": "0.10.1",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.63488d0a.js",
+      "name": "__mf/js/TimeSeriesChart.2f8b193b.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "0.11.2",
+    "pluginVersion": "0.19.1",
     "prefetchInterface": false,
     "publicPath": "/plugins/TimeSeriesChart/"
   },
@@ -33,11 +33,9 @@
       "requiredVersion": "^11.11.3",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/960.3047096d.js"
+            "__mf/js/async/960.cd399075.js"
           ]
         },
         "css": {
@@ -54,13 +52,10 @@
       "requiredVersion": "^11.14.0",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js",
-            "__mf/js/async/960.3047096d.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/694.27c70ab1.js",
-            "__mf/js/async/770.78a741ab.js"
+            "__mf/js/async/694.ebf24a00.js",
+            "__mf/js/async/770.e129dd07.js"
           ]
         },
         "css": {
@@ -77,12 +72,10 @@
       "requiredVersion": "^3.10.0",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/214.2d4431c6.js",
-            "__mf/js/async/738.0a12bb44.js"
+            "__mf/js/async/214.37696543.js",
+            "__mf/js/async/738.c37f7bca.js"
           ]
         },
         "css": {
@@ -94,21 +87,14 @@
     {
       "id": "TimeSeriesChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.51.0-rc.1",
+      "version": "0.52.0-beta.5",
       "singleton": true,
-      "requiredVersion": "^0.51.0-rc.1",
+      "requiredVersion": "^0.52.0-beta.5",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js",
-            "__mf/js/async/173.f6f7e45b.js",
-            "__mf/js/async/960.3047096d.js",
-            "__mf/js/async/770.78a741ab.js",
-            "__mf/js/async/75.5952779d.js",
-            "__mf/js/async/740.67107c3c.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/171.598de6a9.js"
+            "__mf/js/async/547.bb4f1e58.js"
           ]
         },
         "css": {
@@ -120,37 +106,18 @@
     {
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.51.0-rc.1",
+      "version": "0.52.0-beta.5",
       "singleton": true,
-      "requiredVersion": "^0.51.0-rc.1",
+      "requiredVersion": "^0.52.0-beta.5",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js",
-            "__mf/js/async/173.f6f7e45b.js",
-            "__mf/js/async/960.3047096d.js",
-            "__mf/js/async/770.78a741ab.js",
-            "__mf/js/async/238.625b8a48.js",
-            "__mf/js/async/224.ce414ffb.js",
-            "__mf/js/async/75.5952779d.js",
-            "__mf/js/async/740.67107c3c.js",
-            "__mf/js/async/281.a2a87c37.js",
-            "__mf/js/async/476.45fca8d3.js",
-            "__mf/js/async/171.598de6a9.js",
-            "__mf/js/async/879.24def15a.js",
-            "__mf/js/async/738.0a12bb44.js",
-            "__mf/js/async/223.def4d0a9.js",
-            "__mf/js/async/409.2808c63e.js",
-            "__mf/js/async/981.77f901c0.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/845.6d99c354.js"
+            "__mf/js/async/109.604f6c41.js"
           ]
         },
         "css": {
-          "async": [
-            "__mf/css/async/263.9a1fa3dd.css"
-          ],
+          "async": [],
           "sync": []
         }
       }
@@ -165,7 +132,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.5952779d.js"
+            "__mf/js/async/75.26ec5bee.js"
           ]
         },
         "css": {
@@ -184,7 +151,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/409.2808c63e.js"
+            "__mf/js/async/409.97dde548.js"
           ]
         },
         "css": {
@@ -203,7 +170,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/981.77f901c0.js"
+            "__mf/js/async/981.e360e7df.js"
           ]
         },
         "css": {
@@ -220,11 +187,9 @@
       "requiredVersion": "18.2.0",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/964.6dfbf211.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/173.f6f7e45b.js"
+            "__mf/js/async/173.58a1dc61.js"
           ]
         },
         "css": {
@@ -243,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/964.6dfbf211.js"
+            "__mf/js/async/964.719c530c.js"
           ]
         },
         "css": {
@@ -260,12 +225,9 @@
       "requiredVersion": "^3.2.0",
       "assets": {
         "js": {
-          "async": [
-            "__mf/js/async/238.625b8a48.js",
-            "__mf/js/async/75.5952779d.js"
-          ],
+          "async": [],
           "sync": [
-            "__mf/js/async/740.67107c3c.js"
+            "__mf/js/async/740.f0e8d499.js"
           ]
         },
         "css": {
@@ -283,32 +245,21 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/281.a2a87c37.js",
-            "__mf/js/async/780.3fa36115.js",
-            "__mf/js/async/879.24def15a.js",
-            "__mf/js/async/223.def4d0a9.js",
-            "__mf/js/async/359.18a264e7.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.cb3d3f05.js"
+            "__mf/js/async/797.72ff552e.js",
+            "__mf/js/async/133.c48c8cc8.js",
+            "__mf/js/async/686.0cd9a75c.js",
+            "__mf/js/async/53.8edfe937.js",
+            "__mf/js/async/613.20f15bb7.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.f20a0aca.js"
           ],
           "async": [
-            "__mf/js/async/964.6dfbf211.js",
-            "__mf/js/async/173.f6f7e45b.js",
-            "__mf/js/async/960.3047096d.js",
-            "__mf/js/async/770.78a741ab.js",
-            "__mf/js/async/224.ce414ffb.js",
-            "__mf/js/async/740.67107c3c.js",
-            "__mf/js/async/238.625b8a48.js",
-            "__mf/js/async/75.5952779d.js",
-            "__mf/js/async/292.311e6eb0.js",
-            "__mf/js/async/755.f76e3538.js",
-            "__mf/js/async/476.45fca8d3.js",
-            "__mf/js/async/171.598de6a9.js",
-            "__mf/js/async/lib-router.098fc614.js",
-            "__mf/js/async/845.6d99c354.js",
-            "__mf/js/async/488.0d0b1a91.js",
-            "__mf/js/async/738.0a12bb44.js",
-            "__mf/js/async/409.2808c63e.js",
-            "__mf/js/async/981.77f901c0.js"
+            "__mf/js/async/224.2d3ce51f.js",
+            "__mf/js/async/238.767e5398.js",
+            "__mf/js/async/292.9efc6a73.js",
+            "__mf/js/async/476.23a59a72.js",
+            "__mf/js/async/580.5f4b0dbd.js",
+            "__mf/js/async/lib-router.25a1f509.js",
+            "__mf/js/async/488.031fc875.js"
           ]
         },
         "css": {