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

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

@@ -0,0 +1,125 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FALLBACK_COLOR: function() {
+        return FALLBACK_COLOR;
+    },
+    getColorForValue: function() {
+        return getColorForValue;
+    },
+    getColorsForValues: function() {
+        return getColorsForValues;
+    },
+    hexToHSL: function() {
+        return hexToHSL;
+    },
+    hslToHex: function() {
+        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

@@ -0,0 +1,48 @@
+// 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, "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-tooltip-position.js

@@ -0,0 +1,35 @@
+// 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, "getTooltipPosition", {
+    enumerable: true,
+    get: function() {
+        return getTooltipPosition;
+    }
+});
+const getTooltipPosition = (...data)=>{
+    const point = data[0];
+    const size = data[4];
+    // calculate the position to avoid overflow
+    const [x, y] = point;
+    const { contentSize, viewSize } = size;
+    const posX = x + contentSize[0] > viewSize[0] ? x - contentSize[0] : x;
+    const posY = y + contentSize[1] > viewSize[1] ? y - contentSize[1] : y;
+    return [
+        posX,
+        posY
+    ];
+};

package/lib/cjs/utils/index.js

@@ -0,0 +1,34 @@
+// 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
+});
+_export_star(require("./data-transform"), exports);
+_export_star(require("./get-color"), exports);
+_export_star(require("./get-formatted-axis-label"), exports);
+_export_star(require("./get-timescale"), exports);
+_export_star(require("./get-tooltip-position"), 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/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,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC"}

package/lib/index.js

@@ -1,3 +1,15 @@
+// Copyright 2025 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.
 export { getPluginModule } from './getPluginModule';
 export * from './status-history-model';
 export * from './StatusHistoryChart';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './status-history-model';\nexport * from './StatusHistoryChart';\nexport * from './StatusHistoryChartOptionsEditorSettings';\nexport * from './StatusHistoryPanel';\nexport * from './StatusHistoryValueMappingEditor';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,4CAA4C;AAC1D,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}
+{"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 './status-history-model';\nexport * from './StatusHistoryChart';\nexport * from './StatusHistoryChartOptionsEditorSettings';\nexport * from './StatusHistoryPanel';\nexport * from './StatusHistoryValueMappingEditor';\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,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,4CAA4C;AAC1D,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}

package/lib/utils/get-color.d.ts

@@ -0,0 +1,6 @@
+export declare const FALLBACK_COLOR = "#1f77b4";
+export declare function getColorForValue(value: number | string, baseColor: string): string;
+export declare function getColorsForValues(uniqueValues: Array<number | string>, themeColors: string[]): string[];
+export declare function hexToHSL(hex: string): [number, number, number];
+export declare function hslToHex(h: number, s: number, l: number): string;
+//# sourceMappingURL=get-color.d.ts.map

package/lib/utils/get-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-color.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CA2ClF;AAED,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAaxG;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CA8B9D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAWhE"}

package/lib/utils/get-color.js

@@ -0,0 +1,100 @@
+// 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.
+export const FALLBACK_COLOR = '#1f77b4';
+export 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;
+    }
+}
+export 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);
+    });
+}
+export 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
+    ];
+}
+export 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)}`;
+}
+
+//# sourceMappingURL=get-color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/get-color.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\nexport const FALLBACK_COLOR = '#1f77b4';\n\nexport function getColorForValue(value: number | string, baseColor: string): string {\n  // Validate base color\n  if (!baseColor.match(/^#[0-9A-Fa-f]{6}$/)) {\n    baseColor = FALLBACK_COLOR;\n  }\n\n  try {\n    const [baseH, baseS, baseL] = hexToHSL(baseColor);\n\n    // Ensure numeric values are valid\n    if (isNaN(baseH) || isNaN(baseS) || isNaN(baseL)) {\n      throw new Error('Invalid HSL values');\n    }\n\n    // Create deterministic hash\n    const hash = String(value)\n      .split('')\n      .reduce((acc, char) => acc + char.charCodeAt(0), 0);\n\n    const hueStep = 60;\n    const lightnessVariation = 15;\n\n    const hueOffset = (hash % 6) * hueStep; // 6 segments of 60° each\n    const newH = (baseH + hueOffset) % 360;\n    const newL = baseL + (hash % 2 ? lightnessVariation : -lightnessVariation);\n\n    // Keep saturation high for better distinction\n    const newS = Math.min(baseS + 10, 90);\n    const color = hslToHex(\n      Math.abs(newH),\n      Math.min(Math.max(newS, 50), 90), // Keep saturation 50-90%\n      Math.min(Math.max(newL, 30), 70) // Keep lightness 30-70%\n    );\n\n    // Validate generated color\n    if (!color.match(/^#[0-9A-Fa-f]{6}$/)) {\n      throw new Error('Invalid generated color');\n    }\n\n    return color;\n  } catch {\n    return FALLBACK_COLOR;\n  }\n}\n\nexport function getColorsForValues(uniqueValues: Array<number | string>, themeColors: string[]): string[] {\n  // If we have enough theme colors, use them\n  if (themeColors.length >= uniqueValues.length) {\n    return themeColors.slice(0, uniqueValues.length);\n  }\n\n  // Use theme colors first, then generate additional ones\n  return uniqueValues.map((value, index) => {\n    if (index < themeColors.length) {\n      return themeColors[index] || FALLBACK_COLOR;\n    }\n    return getColorForValue(value, themeColors[0] || FALLBACK_COLOR);\n  });\n}\n\nexport function hexToHSL(hex: string): [number, number, number] {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  let h = 0;\n  let s = 0;\n  const l = (max + min) / 2;\n\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return [h * 360, s * 100, l * 100];\n}\n\nexport function hslToHex(h: number, s: number, l: number): string {\n  l /= 100;\n  const a = (s * Math.min(l, 1 - l)) / 100;\n  const f = (n: number): string => {\n    const k = (n + h / 30) % 12;\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n}\n"],"names":["FALLBACK_COLOR","getColorForValue","value","baseColor","match","baseH","baseS","baseL","hexToHSL","isNaN","Error","hash","String","split","reduce","acc","char","charCodeAt","hueStep","lightnessVariation","hueOffset","newH","newL","newS","Math","min","color","hslToHex","abs","max","getColorsForValues","uniqueValues","themeColors","length","slice","map","index","hex","r","parseInt","g","b","h","s","l","d","a","f","n","k","round","toString","padStart"],"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,OAAO,MAAMA,iBAAiB,UAAU;AAExC,OAAO,SAASC,iBAAiBC,KAAsB,EAAEC,SAAiB;IACxE,sBAAsB;IACtB,IAAI,CAACA,UAAUC,KAAK,CAAC,sBAAsB;QACzCD,YAAYH;IACd;IAEA,IAAI;QACF,MAAM,CAACK,OAAOC,OAAOC,MAAM,GAAGC,SAASL;QAEvC,kCAAkC;QAClC,IAAIM,MAAMJ,UAAUI,MAAMH,UAAUG,MAAMF,QAAQ;YAChD,MAAM,IAAIG,MAAM;QAClB;QAEA,4BAA4B;QAC5B,MAAMC,OAAOC,OAAOV,OACjBW,KAAK,CAAC,IACNC,MAAM,CAAC,CAACC,KAAKC,OAASD,MAAMC,KAAKC,UAAU,CAAC,IAAI;QAEnD,MAAMC,UAAU;QAChB,MAAMC,qBAAqB;QAE3B,MAAMC,YAAY,AAACT,OAAO,IAAKO,SAAS,yBAAyB;QACjE,MAAMG,OAAO,AAAChB,CAAAA,QAAQe,SAAQ,IAAK;QACnC,MAAME,OAAOf,QAASI,CAAAA,OAAO,IAAIQ,qBAAqB,CAACA,kBAAiB;QAExE,8CAA8C;QAC9C,MAAMI,OAAOC,KAAKC,GAAG,CAACnB,QAAQ,IAAI;QAClC,MAAMoB,QAAQC,SACZH,KAAKI,GAAG,CAACP,OACTG,KAAKC,GAAG,CAACD,KAAKK,GAAG,CAACN,MAAM,KAAK,KAC7BC,KAAKC,GAAG,CAACD,KAAKK,GAAG,CAACP,MAAM,KAAK,IAAI,wBAAwB;;QAG3D,2BAA2B;QAC3B,IAAI,CAACI,MAAMtB,KAAK,CAAC,sBAAsB;YACrC,MAAM,IAAIM,MAAM;QAClB;QAEA,OAAOgB;IACT,EAAE,OAAM;QACN,OAAO1B;IACT;AACF;AAEA,OAAO,SAAS8B,mBAAmBC,YAAoC,EAAEC,WAAqB;IAC5F,2CAA2C;IAC3C,IAAIA,YAAYC,MAAM,IAAIF,aAAaE,MAAM,EAAE;QAC7C,OAAOD,YAAYE,KAAK,CAAC,GAAGH,aAAaE,MAAM;IACjD;IAEA,wDAAwD;IACxD,OAAOF,aAAaI,GAAG,CAAC,CAACjC,OAAOkC;QAC9B,IAAIA,QAAQJ,YAAYC,MAAM,EAAE;YAC9B,OAAOD,WAAW,CAACI,MAAM,IAAIpC;QAC/B;QACA,OAAOC,iBAAiBC,OAAO8B,WAAW,CAAC,EAAE,IAAIhC;IACnD;AACF;AAEA,OAAO,SAASQ,SAAS6B,GAAW;IAClC,MAAMC,IAAIC,SAASF,IAAIH,KAAK,CAAC,GAAG,IAAI,MAAM;IAC1C,MAAMM,IAAID,SAASF,IAAIH,KAAK,CAAC,GAAG,IAAI,MAAM;IAC1C,MAAMO,IAAIF,SAASF,IAAIH,KAAK,CAAC,GAAG,IAAI,MAAM;IAE1C,MAAML,MAAML,KAAKK,GAAG,CAACS,GAAGE,GAAGC;IAC3B,MAAMhB,MAAMD,KAAKC,GAAG,CAACa,GAAGE,GAAGC;IAC3B,IAAIC,IAAI;IACR,IAAIC,IAAI;IACR,MAAMC,IAAI,AAACf,CAAAA,MAAMJ,GAAE,IAAK;IAExB,IAAII,QAAQJ,KAAK;QACf,MAAMoB,IAAIhB,MAAMJ;QAChBkB,IAAIC,IAAI,MAAMC,IAAK,CAAA,IAAIhB,MAAMJ,GAAE,IAAKoB,IAAKhB,CAAAA,MAAMJ,GAAE;QAEjD,OAAQI;YACN,KAAKS;gBACHI,IAAI,AAACF,CAAAA,IAAIC,CAAAA,IAAKI,IAAKL,CAAAA,IAAIC,IAAI,IAAI,CAAA;gBAC/B;YACF,KAAKD;gBACHE,IAAI,AAACD,CAAAA,IAAIH,CAAAA,IAAKO,IAAI;gBAClB;YACF,KAAKJ;gBACHC,IAAI,AAACJ,CAAAA,IAAIE,CAAAA,IAAKK,IAAI;gBAClB;QACJ;QACAH,KAAK;IACP;IAEA,OAAO;QAACA,IAAI;QAAKC,IAAI;QAAKC,IAAI;KAAI;AACpC;AAEA,OAAO,SAASjB,SAASe,CAAS,EAAEC,CAAS,EAAEC,CAAS;IACtDA,KAAK;IACL,MAAME,IAAI,AAACH,IAAInB,KAAKC,GAAG,CAACmB,GAAG,IAAIA,KAAM;IACrC,MAAMG,IAAI,CAACC;QACT,MAAMC,IAAI,AAACD,CAAAA,IAAIN,IAAI,EAAC,IAAK;QACzB,MAAMhB,QAAQkB,IAAIE,IAAItB,KAAKK,GAAG,CAACL,KAAKC,GAAG,CAACwB,IAAI,GAAG,IAAIA,GAAG,IAAI,CAAC;QAC3D,OAAOzB,KAAK0B,KAAK,CAAC,MAAMxB,OACrByB,QAAQ,CAAC,IACTC,QAAQ,CAAC,GAAG;IACjB;IACA,OAAO,CAAC,CAAC,EAAEL,EAAE,KAAKA,EAAE,KAAKA,EAAE,IAAI;AACjC"}

package/lib/utils/get-formatted-axis-label.d.ts

@@ -0,0 +1,2 @@
+export declare function getFormattedStatusHistoryAxisLabel(rangeMs: number, timezone: string): (value: number) => string;
+//# sourceMappingURL=get-formatted-axis-label.d.ts.map

package/lib/utils/get-formatted-axis-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-formatted-axis-label.d.ts","sourceRoot":"","sources":["../../../src/utils/get-formatted-axis-label.ts"],"names":[],"mappings":"AAgBA,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IACjE,OAAO,MAAM,KAAG,MAAM,CA6BxC"}

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

@@ -0,0 +1,41 @@
+// 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 { formatWithTimeZone } from '@perses-dev/components';
+// https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter
+export 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 formatWithTimeZone(timeStamp, 'yyy', timezone);
+        }
+        // more than 2 years
+        if (rangeMs > yearMs * 2) {
+            return formatWithTimeZone(timeStamp, 'MMM yyy', timezone);
+        }
+        // between 5 days to 6 months
+        if (rangeMs > dayMs * 10 && rangeMs < monthMs * 6) {
+            return formatWithTimeZone(timeStamp, 'dd.MM', timezone); // 12-01
+        }
+        // between 2 and 10 days
+        if (rangeMs > dayMs * 2 && rangeMs <= dayMs * 10) {
+            return formatWithTimeZone(timeStamp, 'dd.MM HH:mm', timezone); // 12-01; // 12-01 12:30
+        }
+        return formatWithTimeZone(timeStamp, 'HH:mm', timezone);
+    };
+}
+
+//# sourceMappingURL=get-formatted-axis-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/get-formatted-axis-label.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\nimport { formatWithTimeZone } from '@perses-dev/components';\n\n// https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter\nexport function getFormattedStatusHistoryAxisLabel(rangeMs: number, timezone: string) {\n  return function (value: number): string {\n    const dayMs = 86400000;\n    const monthMs = 2629440000;\n    const yearMs = 31536000000;\n\n    const timeStamp = new Date(Number(value));\n\n    // more than 5 years\n    if (rangeMs > yearMs * 5) {\n      return formatWithTimeZone(timeStamp, 'yyy', timezone);\n    }\n\n    // more than 2 years\n    if (rangeMs > yearMs * 2) {\n      return formatWithTimeZone(timeStamp, 'MMM yyy', timezone);\n    }\n\n    // between 5 days to 6 months\n    if (rangeMs > dayMs * 10 && rangeMs < monthMs * 6) {\n      return formatWithTimeZone(timeStamp, 'dd.MM', timezone); // 12-01\n    }\n\n    // between 2 and 10 days\n    if (rangeMs > dayMs * 2 && rangeMs <= dayMs * 10) {\n      return formatWithTimeZone(timeStamp, 'dd.MM HH:mm', timezone); // 12-01; // 12-01 12:30\n    }\n\n    return formatWithTimeZone(timeStamp, 'HH:mm', timezone);\n  };\n}\n"],"names":["formatWithTimeZone","getFormattedStatusHistoryAxisLabel","rangeMs","timezone","value","dayMs","monthMs","yearMs","timeStamp","Date","Number"],"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,kBAAkB,QAAQ,yBAAyB;AAE5D,sEAAsE;AACtE,OAAO,SAASC,mCAAmCC,OAAe,EAAEC,QAAgB;IAClF,OAAO,SAAUC,KAAa;QAC5B,MAAMC,QAAQ;QACd,MAAMC,UAAU;QAChB,MAAMC,SAAS;QAEf,MAAMC,YAAY,IAAIC,KAAKC,OAAON;QAElC,oBAAoB;QACpB,IAAIF,UAAUK,SAAS,GAAG;YACxB,OAAOP,mBAAmBQ,WAAW,OAAOL;QAC9C;QAEA,oBAAoB;QACpB,IAAID,UAAUK,SAAS,GAAG;YACxB,OAAOP,mBAAmBQ,WAAW,WAAWL;QAClD;QAEA,6BAA6B;QAC7B,IAAID,UAAUG,QAAQ,MAAMH,UAAUI,UAAU,GAAG;YACjD,OAAON,mBAAmBQ,WAAW,SAASL,WAAW,QAAQ;QACnE;QAEA,wBAAwB;QACxB,IAAID,UAAUG,QAAQ,KAAKH,WAAWG,QAAQ,IAAI;YAChD,OAAOL,mBAAmBQ,WAAW,eAAeL,WAAW,wBAAwB;QACzF;QAEA,OAAOH,mBAAmBQ,WAAW,SAASL;IAChD;AACF"}

package/lib/utils/get-tooltip-position.d.ts

@@ -0,0 +1,3 @@
+import { TooltipComponentOption } from 'echarts';
+export declare const getTooltipPosition: TooltipComponentOption['position'];
+//# sourceMappingURL=get-tooltip-position.d.ts.map

package/lib/utils/get-tooltip-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-tooltip-position.d.ts","sourceRoot":"","sources":["../../../src/utils/get-tooltip-position.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,kBAAkB,EAAE,sBAAsB,CAAC,UAAU,CAYjE,CAAC"}

package/lib/utils/get-tooltip-position.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.
+export const getTooltipPosition = (...data)=>{
+    const point = data[0];
+    const size = data[4];
+    // calculate the position to avoid overflow
+    const [x, y] = point;
+    const { contentSize, viewSize } = size;
+    const posX = x + contentSize[0] > viewSize[0] ? x - contentSize[0] : x;
+    const posY = y + contentSize[1] > viewSize[1] ? y - contentSize[1] : y;
+    return [
+        posX,
+        posY
+    ];
+};
+
+//# sourceMappingURL=get-tooltip-position.js.map

package/lib/utils/get-tooltip-position.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/get-tooltip-position.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\nimport { TooltipComponentOption } from 'echarts';\n\nexport const getTooltipPosition: TooltipComponentOption['position'] = (...data) => {\n  const point = data[0];\n  const size = data[4];\n\n  // calculate the position to avoid overflow\n  const [x, y] = point;\n  const { contentSize, viewSize } = size;\n\n  const posX = x + contentSize[0] > viewSize[0] ? x - contentSize[0] : x;\n  const posY = y + contentSize[1] > viewSize[1] ? y - contentSize[1] : y;\n\n  return [posX, posY];\n};\n"],"names":["getTooltipPosition","data","point","size","x","y","contentSize","viewSize","posX","posY"],"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,OAAO,MAAMA,qBAAyD,CAAC,GAAGC;IACxE,MAAMC,QAAQD,IAAI,CAAC,EAAE;IACrB,MAAME,OAAOF,IAAI,CAAC,EAAE;IAEpB,2CAA2C;IAC3C,MAAM,CAACG,GAAGC,EAAE,GAAGH;IACf,MAAM,EAAEI,WAAW,EAAEC,QAAQ,EAAE,GAAGJ;IAElC,MAAMK,OAAOJ,IAAIE,WAAW,CAAC,EAAE,GAAGC,QAAQ,CAAC,EAAE,GAAGH,IAAIE,WAAW,CAAC,EAAE,GAAGF;IACrE,MAAMK,OAAOJ,IAAIC,WAAW,CAAC,EAAE,GAAGC,QAAQ,CAAC,EAAE,GAAGF,IAAIC,WAAW,CAAC,EAAE,GAAGD;IAErE,OAAO;QAACG;QAAMC;KAAK;AACrB,EAAE"}

package/lib/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './data-transform';
+export * from './get-color';
+export * from './get-formatted-axis-label';
+export * from './get-timescale';
+export * from './get-tooltip-position';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}

package/lib/utils/index.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.
+export * from './data-transform';
+export * from './get-color';
+export * from './get-formatted-axis-label';
+export * from './get-timescale';
+export * from './get-tooltip-position';
+
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.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\nexport * from './data-transform';\nexport * from './get-color';\nexport * from './get-formatted-axis-label';\nexport * from './get-timescale';\nexport * from './get-tooltip-position';\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,cAAc,mBAAmB;AACjC,cAAc,cAAc;AAC5B,cAAc,6BAA6B;AAC3C,cAAc,kBAAkB;AAChC,cAAc,yBAAyB"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "StatusHistoryChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.6.0",
+      "buildVersion": "0.7.0",
       "buildName": "@perses-dev/status-history-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StatusHistoryChart.3532083a.js",
+      "name": "__mf/js/StatusHistoryChart.0afd1ff7.js",
       "path": "",
       "type": "global"
     },
@@ -137,12 +137,13 @@
             "__mf/js/async/740.6b036ded.js",
             "__mf/js/async/238.e1063a95.js",
             "__mf/js/async/75.2cda0740.js",
-            "__mf/js/async/996.06dcce9b.js",
+            "__mf/js/async/750.36e74bac.js",
+            "__mf/js/async/125.bf16be8f.js",
             "__mf/js/async/822.c6b015c5.js",
             "__mf/js/async/539.e7706a03.js",
             "__mf/js/async/738.a0be8511.js",
             "__mf/js/async/232.cccd71f6.js",
-            "__mf/js/async/610.37fe76b5.js",
+            "__mf/js/async/610.89fadbc8.js",
             "__mf/js/async/981.caaa6409.js"
           ],
           "sync": [
@@ -207,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/610.37fe76b5.js"
+            "__mf/js/async/610.89fadbc8.js"
           ]
         },
         "css": {
@@ -327,28 +328,29 @@
       "assets": {
         "js": {
           "sync": [
+            "__mf/js/async/750.36e74bac.js",
             "__mf/js/async/539.e7706a03.js",
-            "__mf/js/async/977.1462b2d4.js",
-            "__mf/js/async/__federation_expose_StatusHistoryChart.7de772fb.js"
+            "__mf/js/async/491.dd94c4b9.js",
+            "__mf/js/async/__federation_expose_StatusHistoryChart.96028d95.js"
           ],
           "async": [
             "__mf/js/async/964.03c8778c.js",
             "__mf/js/async/960.587af91a.js",
             "__mf/js/async/770.ddaea8f9.js",
             "__mf/js/async/lib-router.c90fcaed.js",
-            "__mf/js/async/22.b2b97531.js",
+            "__mf/js/async/22.8056fc40.js",
             "__mf/js/async/13.714dc818.js",
             "__mf/js/async/488.f3f63548.js",
             "__mf/js/async/238.e1063a95.js",
             "__mf/js/async/224.d1554d4a.js",
-            "__mf/js/async/996.06dcce9b.js",
+            "__mf/js/async/125.bf16be8f.js",
             "__mf/js/async/822.c6b015c5.js",
             "__mf/js/async/292.6a606f52.js",
             "__mf/js/async/738.a0be8511.js",
             "__mf/js/async/173.23a9af58.js",
             "__mf/js/async/232.cccd71f6.js",
             "__mf/js/async/75.2cda0740.js",
-            "__mf/js/async/610.37fe76b5.js",
+            "__mf/js/async/610.89fadbc8.js",
             "__mf/js/async/740.6b036ded.js",
             "__mf/js/async/981.caaa6409.js"
           ]