@perses-dev/status-history-chart-plugin 0.13.0 → 0.14.0-beta.2

package/lib/cjs/StatusHistoryTooltip.js

@@ -1,55 +0,0 @@
-// Copyright 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, "generateTooltipHTML", {
-    enumerable: true,
-    get: function() {
-        return generateTooltipHTML;
-    }
-});
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-function generateTooltipHTML({ data, label, marker, xAxisCategories, yAxisCategories, theme }) {
-    const [x, y] = data;
-    const xAxisLabel = xAxisCategories[x];
-    const { formattedDate, formattedTime } = (0, _components.getDateAndTime)(xAxisLabel);
-    const tooltipHeader = (0, _material.css)`
-    border-bottom: 1px solid ${theme.palette.grey[500]};
-    padding-bottom: 8px;
-  `;
-    const tooltipContentStyles = (0, _material.css)`
-    display: flex;
-    justify-content: space-between;
-    padding-top: 8px;
-  `;
-    const labelStyles = (0, _material.css)`
-    margin-right: 16px;
-  `;
-    return `
-    <div>
-      <div style="${tooltipHeader.styles}">${formattedDate} - ${formattedTime}</div>
-      <div style="${tooltipContentStyles.styles}">
-        <div style="${labelStyles.styles}">
-          ${marker}
-          <strong>${yAxisCategories[y]}</strong>
-        </div>
-        <div>
-          ${label}
-        </div>
-      </div>
-    </div>
-  `;
-}

package/lib/cjs/StatusHistoryValueMappingEditor.js

@@ -1,36 +0,0 @@
-// Copyright 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

@@ -1,26 +0,0 @@
-// Copyright 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

@@ -1,14 +0,0 @@
-// Copyright 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

@@ -1,39 +0,0 @@
-// Copyright 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, "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

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

package/lib/cjs/index.js

@@ -1,41 +0,0 @@
-// Copyright 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, "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

@@ -1,19 +0,0 @@
-// Copyright 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

@@ -1,25 +0,0 @@
-// Copyright 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

@@ -1,136 +0,0 @@
-// Copyright 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 _react = require("react");
-const _getcolor = require("./get-color");
-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 allSeries = queryResults.reduce((acc, { data })=>{
-            if (data && data.series) {
-                acc.push(...data.series);
-            }
-            return acc;
-        }, []);
-        if (spec.sorting) {
-            allSeries.sort((a, b)=>{
-                const nameA = a.formattedName || '';
-                const nameB = b.formattedName || '';
-                if (spec.sorting === 'asc') {
-                    return nameA.localeCompare(nameA);
-                } else {
-                    return nameB.localeCompare(nameB);
-                }
-            });
-        }
-        const timeScale = (0, _gettimescale.getCommonTimeScaleForQueries)(queryResults);
-        const statusHistoryData = [];
-        const yAxisCategories = [];
-        const legendSet = new Set();
-        const hasValueMappings = spec.mappings?.length;
-        const xAxisCategories = generateCompleteTimestamps(timeScale);
-        allSeries.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, _components.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, _getcolor.getColorsForValues)(uniqueValues, themeColors);
-        // get colors from theme and generate colors if not provided
-        const colors = uniqueValues.map((value, index)=>{
-            let valueColor = colorsForValues[index] ?? _getcolor.FALLBACK_COLOR;
-            if (hasValueMappings) {
-                const mappedValue = (0, _components.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, _components.applyValueMapping)(value, spec.mappings);
-                label = String(mappedValue.value);
-            }
-            const color = colors.find((i)=>i.value === value)?.color || _getcolor.FALLBACK_COLOR;
-            return {
-                id: `${idx}-${value}`,
-                label,
-                color
-            };
-        });
-        return {
-            xAxisCategories,
-            yAxisCategories,
-            legendItems,
-            statusHistoryData,
-            timeScale,
-            colors
-        };
-    }, [
-        queryResults,
-        themeColors,
-        spec
-    ]);
-}

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

@@ -1,125 +0,0 @@
-// Copyright 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
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get FALLBACK_COLOR () {
-        return FALLBACK_COLOR;
-    },
-    get getColorForValue () {
-        return getColorForValue;
-    },
-    get getColorsForValues () {
-        return getColorsForValues;
-    },
-    get hexToHSL () {
-        return hexToHSL;
-    },
-    get hslToHex () {
-        return hslToHex;
-    }
-});
-const FALLBACK_COLOR = '#1f77b4';
-function getColorForValue(value, baseColor) {
-    // Validate base color
-    if (!baseColor.match(/^#[0-9A-Fa-f]{6}$/)) {
-        baseColor = FALLBACK_COLOR;
-    }
-    try {
-        const [baseH, baseS, baseL] = hexToHSL(baseColor);
-        // Ensure numeric values are valid
-        if (isNaN(baseH) || isNaN(baseS) || isNaN(baseL)) {
-            throw new Error('Invalid HSL values');
-        }
-        // Create deterministic hash
-        const hash = String(value).split('').reduce((acc, char)=>acc + char.charCodeAt(0), 0);
-        const hueStep = 60;
-        const lightnessVariation = 15;
-        const hueOffset = hash % 6 * hueStep; // 6 segments of 60° each
-        const newH = (baseH + hueOffset) % 360;
-        const newL = baseL + (hash % 2 ? lightnessVariation : -lightnessVariation);
-        // Keep saturation high for better distinction
-        const newS = Math.min(baseS + 10, 90);
-        const color = hslToHex(Math.abs(newH), Math.min(Math.max(newS, 50), 90), Math.min(Math.max(newL, 30), 70) // Keep lightness 30-70%
-        );
-        // Validate generated color
-        if (!color.match(/^#[0-9A-Fa-f]{6}$/)) {
-            throw new Error('Invalid generated color');
-        }
-        return color;
-    } catch  {
-        return FALLBACK_COLOR;
-    }
-}
-function getColorsForValues(uniqueValues, themeColors) {
-    // If we have enough theme colors, use them
-    if (themeColors.length >= uniqueValues.length) {
-        return themeColors.slice(0, uniqueValues.length);
-    }
-    // Use theme colors first, then generate additional ones
-    return uniqueValues.map((value, index)=>{
-        if (index < themeColors.length) {
-            return themeColors[index] || FALLBACK_COLOR;
-        }
-        return getColorForValue(value, themeColors[0] || FALLBACK_COLOR);
-    });
-}
-function hexToHSL(hex) {
-    const r = parseInt(hex.slice(1, 3), 16) / 255;
-    const g = parseInt(hex.slice(3, 5), 16) / 255;
-    const b = parseInt(hex.slice(5, 7), 16) / 255;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    let h = 0;
-    let s = 0;
-    const l = (max + min) / 2;
-    if (max !== min) {
-        const d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch(max){
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-        h /= 6;
-    }
-    return [
-        h * 360,
-        s * 100,
-        l * 100
-    ];
-}
-function hslToHex(h, s, l) {
-    l /= 100;
-    const a = s * Math.min(l, 1 - l) / 100;
-    const f = (n)=>{
-        const k = (n + h / 30) % 12;
-        const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-        return Math.round(255 * color).toString(16).padStart(2, '0');
-    };
-    return `#${f(0)}${f(8)}${f(4)}`;
-}

package/lib/cjs/utils/get-formatted-axis-label.js

@@ -1,48 +0,0 @@
-// Copyright 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, "getFormattedStatusHistoryAxisLabel", {
-    enumerable: true,
-    get: function() {
-        return getFormattedStatusHistoryAxisLabel;
-    }
-});
-const _components = require("@perses-dev/components");
-function getFormattedStatusHistoryAxisLabel(rangeMs, timezone) {
-    return function(value) {
-        const dayMs = 86400000;
-        const monthMs = 2629440000;
-        const yearMs = 31536000000;
-        const timeStamp = new Date(Number(value));
-        // more than 5 years
-        if (rangeMs > yearMs * 5) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'yyy', timezone);
-        }
-        // more than 2 years
-        if (rangeMs > yearMs * 2) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'MMM yyy', timezone);
-        }
-        // between 5 days to 6 months
-        if (rangeMs > dayMs * 10 && rangeMs < monthMs * 6) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM', timezone); // 12-01
-        }
-        // between 2 and 10 days
-        if (rangeMs > dayMs * 2 && rangeMs <= dayMs * 10) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM HH:mm', timezone); // 12-01; // 12-01 12:30
-        }
-        return (0, _components.formatWithTimeZone)(timeStamp, 'HH:mm', timezone);
-    };
-}

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

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