@perses-dev/status-history-chart-plugin 0.6.0

package/lib/StatusHistoryValueMappingEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/StatusHistoryValueMappingEditor.tsx"],"sourcesContent":["// Copyright 2024 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 { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { ValueMapping } from '@perses-dev/core';\nimport { ValueMappingsEditor } from '@perses-dev/components';\nimport { FC } from 'react';\nimport { StatusHistoryChartOptions } from './status-history-model';\n\nexport type StatusHistoryValueMappingEditorProps = OptionsEditorProps<StatusHistoryChartOptions>;\n\nexport const StatusHistoryValueMappingEditor: FC<StatusHistoryValueMappingEditorProps> = ({ onChange, value }) => {\n  function handleValueMappingChange(mappings: ValueMapping[]): void {\n    onChange({ ...value, mappings });\n  }\n\n  return <ValueMappingsEditor mappings={value.mappings ?? []} onChange={handleValueMappingChange} />;\n};\n"],"names":["ValueMappingsEditor","StatusHistoryValueMappingEditor","onChange","value","handleValueMappingChange","mappings"],"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,SAASA,mBAAmB,QAAQ,yBAAyB;AAM7D,OAAO,MAAMC,kCAA4E,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC3G,SAASC,yBAAyBC,QAAwB;QACxDH,SAAS;YAAE,GAAGC,KAAK;YAAEE;QAAS;IAChC;IAEA,qBAAO,KAACL;QAAoBK,UAAUF,MAAME,QAAQ,IAAI,EAAE;QAAEH,UAAUE;;AACxE,EAAE"}

package/lib/bootstrap.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bootstrap.d.ts.map

package/lib/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/bootstrap.tsx"],"names":[],"mappings":""}

package/lib/bootstrap.js

@@ -0,0 +1,19 @@
+// Copyright 2024 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
+
+//# sourceMappingURL=bootstrap.js.map

package/lib/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 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 React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/StatusHistoryChart.js

@@ -0,0 +1,43 @@
+// Copyright 2024 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, "StatusHistoryChart", {
+    enumerable: true,
+    get: function() {
+        return StatusHistoryChart;
+    }
+});
+const _statushistorymodel = require("./status-history-model");
+const _StatusHistoryChartOptionsEditorSettings = require("./StatusHistoryChartOptionsEditorSettings");
+const _StatusHistoryPanel = require("./StatusHistoryPanel");
+const _StatusHistoryValueMappingEditor = require("./StatusHistoryValueMappingEditor");
+const StatusHistoryChart = {
+    PanelComponent: _StatusHistoryPanel.StatusHistoryPanel,
+    supportedQueryTypes: [
+        'TimeSeriesQuery'
+    ],
+    panelOptionsEditorComponents: [
+        {
+            label: 'Settings',
+            content: _StatusHistoryChartOptionsEditorSettings.StatusHistoryChartOptionsEditorSettings
+        },
+        {
+            label: 'Value mapping',
+            content: _StatusHistoryValueMappingEditor.StatusHistoryValueMappingEditor
+        }
+    ],
+    createInitialOptions: _statushistorymodel.createInitialStatusHistoryChartOptions
+};

package/lib/cjs/StatusHistoryChartOptionsEditorSettings.js

@@ -0,0 +1,63 @@
+// Copyright 2024 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, "StatusHistoryChartOptionsEditorSettings", {
+    enumerable: true,
+    get: function() {
+        return StatusHistoryChartOptionsEditorSettings;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _immer = require("immer");
+const _components = require("@perses-dev/components");
+const _material = require("@mui/material");
+function StatusHistoryChartOptionsEditorSettings(props) {
+    const { onChange, value } = props;
+    const handleLegendChange = (newLegend)=>{
+        // TODO (sjcobb): fix type, add position, fix glitch
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.legend = newLegend;
+        }));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.LegendOptionsEditor, {
+                    showValuesEditor: false,
+                    value: value.legend,
+                    onChange: handleLegendChange
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
+                    title: "Reset Settings",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                        variant: "outlined",
+                        color: "secondary",
+                        onClick: ()=>{
+                            onChange((0, _immer.produce)(value, (draft)=>{
+                                // reset button removes all optional panel options
+                                draft.legend = undefined;
+                            }));
+                        },
+                        children: "Reset To Defaults"
+                    })
+                })
+            })
+        ]
+    });
+}

package/lib/cjs/StatusHistoryPanel.js

@@ -0,0 +1,79 @@
+// Copyright 2024 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, "StatusHistoryPanel", {
+    enumerable: true,
+    get: function() {
+        return StatusHistoryPanel;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _components = require("@perses-dev/components");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _lodash = require("lodash");
+const _react = require("react");
+const _datatransform = require("./utils/data-transform");
+function StatusHistoryPanel(props) {
+    const { spec, contentDimensions, queryResults } = props;
+    const legend = (0, _react.useMemo)(()=>{
+        return spec.legend && (0, _pluginsystem.validateLegendSpec)(spec.legend) ? (0, _lodash.merge)({}, spec.legend) : undefined;
+    }, [
+        spec.legend
+    ]);
+    const chartsTheme = (0, _components.useChartsTheme)();
+    const PADDING = chartsTheme.container.padding.default;
+    const { statusHistoryData, yAxisCategories, xAxisCategories, legendItems, timeScale, colors } = (0, _datatransform.useStatusHistoryDataModel)(queryResults, chartsTheme.echartsTheme.color, spec);
+    const adjustedContentDimensions = contentDimensions ? {
+        width: contentDimensions.width - PADDING * 2,
+        height: contentDimensions.height - PADDING * 2
+    } : undefined;
+    if (!statusHistoryData || statusHistoryData.length === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        sx: {
+            padding: `${PADDING}px`
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ContentWithLegend, {
+            width: adjustedContentDimensions?.width ?? 400,
+            height: adjustedContentDimensions?.height ?? 1000,
+            legendSize: legend?.size,
+            legendProps: legend && {
+                options: legend,
+                data: legendItems || [],
+                selectedItems: 'ALL',
+                onSelectedItemsChange: ()=>null
+            },
+            children: ({ height, width })=>{
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    sx: {
+                        height,
+                        width
+                    },
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.StatusHistoryChart, {
+                        xAxisCategories: xAxisCategories,
+                        yAxisCategories: yAxisCategories,
+                        data: statusHistoryData,
+                        timeScale: timeScale,
+                        height: height,
+                        colors: colors
+                    })
+                });
+            }
+        })
+    });
+}

package/lib/cjs/StatusHistoryValueMappingEditor.js

@@ -0,0 +1,36 @@
+// Copyright 2024 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, "StatusHistoryValueMappingEditor", {
+    enumerable: true,
+    get: function() {
+        return StatusHistoryValueMappingEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _components = require("@perses-dev/components");
+const StatusHistoryValueMappingEditor = ({ onChange, value })=>{
+    function handleValueMappingChange(mappings) {
+        onChange({
+            ...value,
+            mappings
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ValueMappingsEditor, {
+        mappings: value.mappings ?? [],
+        onChange: handleValueMappingChange
+    });
+};

package/lib/cjs/bootstrap.js

@@ -0,0 +1,26 @@
+// Copyright 2024 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
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const root = _client.default.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/env.d.js

@@ -0,0 +1,14 @@
+// Copyright 2024 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.
+/// <reference types="@rsbuild/core/types" />
+"use strict";

package/lib/cjs/getPluginModule.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return getPluginModule;
+    }
+});
+const _packagejson = /*#__PURE__*/ _interop_require_default(require("../package.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getPluginModule() {
+    const { name, version, perses } = _packagejson.default;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}

package/lib/cjs/index-federation.js

@@ -0,0 +1,55 @@
+// Copyright 2024 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";
+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;
+}
+Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return _getPluginModule.getPluginModule;
+    }
+});
+const _getPluginModule = require("./getPluginModule");
+_export_star(require("./status-history-model"), exports);
+_export_star(require("./StatusHistoryChart"), exports);
+_export_star(require("./StatusHistoryChartOptionsEditorSettings"), exports);
+_export_star(require("./StatusHistoryPanel"), exports);
+_export_star(require("./StatusHistoryValueMappingEditor"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/setup-tests.js

@@ -0,0 +1,19 @@
+// 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
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/cjs/status-history-model.js

@@ -0,0 +1,25 @@
+// Copyright 2024 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, "createInitialStatusHistoryChartOptions", {
+    enumerable: true,
+    get: function() {
+        return createInitialStatusHistoryChartOptions;
+    }
+});
+function createInitialStatusHistoryChartOptions() {
+    return {};
+}

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

@@ -0,0 +1,124 @@
+// Copyright 2024 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, "useStatusHistoryDataModel", {
+    enumerable: true,
+    get: function() {
+        return useStatusHistoryDataModel;
+    }
+});
+const _components = require("@perses-dev/components");
+const _core = require("@perses-dev/core");
+const _react = require("react");
+const _gettimescale = require("./get-timescale");
+function generateCompleteTimestamps(timescale) {
+    if (!timescale) {
+        return [];
+    }
+    const { startMs, endMs, stepMs } = timescale;
+    const timestamps = [];
+    for(let time = startMs; time <= endMs; time += stepMs){
+        timestamps.push(time);
+    }
+    return timestamps;
+}
+function useStatusHistoryDataModel(queryResults, themeColors, spec) {
+    return (0, _react.useMemo)(()=>{
+        if (!queryResults || queryResults.length === 0) {
+            return {
+                legendItems: [],
+                statusHistoryData: [],
+                xAxisCategories: [],
+                yAxisCategories: [],
+                colors: []
+            };
+        }
+        const timeScale = (0, _gettimescale.getCommonTimeScaleForQueries)(queryResults);
+        const statusHistoryData = [];
+        const yAxisCategories = [];
+        const legendSet = new Set();
+        const hasValueMappings = spec.mappings?.length;
+        const xAxisCategories = generateCompleteTimestamps(timeScale);
+        queryResults.forEach(({ data })=>{
+            if (!data) {
+                return;
+            }
+            data.series.forEach((item)=>{
+                const instance = item.formattedName || '';
+                yAxisCategories.push(instance);
+                const yIndex = yAxisCategories.length - 1;
+                item.values.forEach(([time, value])=>{
+                    const itemIndexOnXaxis = xAxisCategories.findIndex((v)=>v === time);
+                    if (value !== null && itemIndexOnXaxis !== -1) {
+                        let itemLabel = value;
+                        if (hasValueMappings) {
+                            const mappedValue = (0, _core.applyValueMapping)(value, spec.mappings);
+                            itemLabel = mappedValue.value;
+                        }
+                        legendSet.add(value);
+                        statusHistoryData.push({
+                            value: [
+                                itemIndexOnXaxis,
+                                yIndex,
+                                value
+                            ],
+                            label: String(itemLabel)
+                        });
+                    }
+                });
+            });
+        });
+        const uniqueValues = Array.from(legendSet);
+        const colorsForValues = (0, _components.getColorsForValues)(uniqueValues, themeColors);
+        // get colors from theme and generate colors if not provided
+        const colors = uniqueValues.map((value, index)=>{
+            let valueColor = colorsForValues[index] ?? _components.FALLBACK_COLOR;
+            if (hasValueMappings) {
+                const mappedValue = (0, _core.applyValueMapping)(value, spec.mappings);
+                valueColor = mappedValue.color ?? valueColor;
+            }
+            return {
+                value,
+                color: valueColor
+            };
+        });
+        const legendItems = uniqueValues.map((value, idx)=>{
+            let label = String(value);
+            if (hasValueMappings) {
+                const mappedValue = (0, _core.applyValueMapping)(value, spec.mappings);
+                label = String(mappedValue.value);
+            }
+            const color = colors.find((i)=>i.value === value)?.color || _components.FALLBACK_COLOR;
+            return {
+                id: `${idx}-${value}`,
+                label,
+                color
+            };
+        });
+        return {
+            xAxisCategories,
+            yAxisCategories,
+            legendItems,
+            statusHistoryData,
+            timeScale,
+            colors
+        };
+    }, [
+        queryResults,
+        spec.mappings,
+        themeColors
+    ]);
+}

package/lib/cjs/utils/get-timescale.js

@@ -0,0 +1,27 @@
+// Copyright 2024 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, "getCommonTimeScaleForQueries", {
+    enumerable: true,
+    get: function() {
+        return getCommonTimeScaleForQueries;
+    }
+});
+const _core = require("@perses-dev/core");
+function getCommonTimeScaleForQueries(queries) {
+    const seriesData = queries.map((query)=>query.data);
+    return (0, _core.getCommonTimeScale)(seriesData);
+}

package/lib/env.d.js

@@ -0,0 +1,15 @@
+// Copyright 2024 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.
+/// <reference types="@rsbuild/core/types" />
+
+//# sourceMappingURL=env.d.js.map

package/lib/env.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/env.d.ts"],"sourcesContent":["// Copyright 2024 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\n/// <reference types=\"@rsbuild/core/types\" />\n"],"names":[],"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,6CAA6C"}

package/lib/getPluginModule.d.ts

@@ -0,0 +1,6 @@
+import { PluginModuleResource } from '@perses-dev/plugin-system';
+/**
+ * Returns the plugin module information from package.json
+ */
+export declare function getPluginModule(): PluginModuleResource;
+//# sourceMappingURL=getPluginModule.d.ts.map

package/lib/getPluginModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}