@perses-dev/heatmap-chart-plugin 0.2.0

package/lib/components/HeatMapChartPanel.js

@@ -0,0 +1,165 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack, Typography } from '@mui/material';
+import merge from 'lodash/merge';
+import { useMemo } from 'react';
+import { DEFAULT_FORMAT } from '../heat-map-chart-model';
+import { generateCompleteTimestamps, getCommonTimeScaleForQueries } from '../utils';
+import { HeatMapChart } from './HeatMapChart';
+const HEATMAP_MIN_HEIGHT = 200;
+const HEATMAP_ITEM_MIN_HEIGHT = 2;
+export function HeatMapChartPanel(props) {
+    const { spec: pluginSpec, contentDimensions, queryResults } = props;
+    // ensures all default format properties set if undef
+    const yAxisFormat = merge({}, DEFAULT_FORMAT, pluginSpec.yAxisFormat);
+    const countFormat = merge({}, DEFAULT_FORMAT, pluginSpec.countFormat);
+    const { data, xAxisCategories, yAxisCategories, countMin, countMax, timeScale } = useMemo(()=>{
+        if (!queryResults || queryResults.length === 0) {
+            return {
+                data: [],
+                xAxisCategories: [],
+                yAxisCategories: [],
+                countMin: 0,
+                countMax: 0,
+                timeScale: undefined
+            };
+        }
+        if (queryResults.length != 1 || queryResults[0].data.series.length != 1 || queryResults[0].data.series[0].histograms === undefined) {
+            return {
+                data: [],
+                xAxisCategories: [],
+                yAxisCategories: [],
+                countMin: 0,
+                countMax: 0,
+                timeScale: undefined
+            };
+        }
+        const series = queryResults[0].data.series[0];
+        const timeScale = getCommonTimeScaleForQueries(queryResults);
+        const xAxisCategories = generateCompleteTimestamps(timeScale);
+        // Dummy value that will be replaced at the first iteration
+        let lowestBound = Infinity;
+        let highestBound = -Infinity;
+        let countMin = Infinity;
+        let countMax = -Infinity;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        for (const [_, histogram] of series?.histograms ?? []){
+            for (const bucket of histogram?.buckets ?? []){
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const [_, lowerBound, upperBound, count] = bucket;
+                const lowerBoundFloat = parseFloat(lowerBound);
+                const upperBoundFloat = parseFloat(upperBound);
+                const countFloat = parseFloat(count);
+                if (lowerBoundFloat < lowestBound) {
+                    lowestBound = lowerBoundFloat;
+                }
+                if (upperBoundFloat > highestBound) {
+                    highestBound = upperBoundFloat;
+                }
+                if (countFloat < countMin) {
+                    countMin = countFloat;
+                }
+                if (countFloat > countMax) {
+                    countMax = countFloat;
+                }
+            }
+        }
+        const height = contentDimensions?.height ?? HEATMAP_MIN_HEIGHT;
+        const totalRange = highestBound - lowestBound;
+        const rangePerItem = totalRange * HEATMAP_ITEM_MIN_HEIGHT / height;
+        const totalItems = Math.ceil(height / HEATMAP_ITEM_MIN_HEIGHT);
+        // Generating value of the Y axis based on the height divided by the size of a cell (item)
+        const yAxisCategories = Array.from({
+            length: totalItems
+        }, (_, index)=>(lowestBound + index * rangePerItem).toFixed(3));
+        const data = [];
+        // Logic for filling all cells where a bucket is present
+        for (const [time, histogram] of series?.histograms ?? []){
+            const itemIndexOnXaxis = xAxisCategories.findIndex((v)=>v === time * 1000);
+            for (const bucket of histogram?.buckets ?? []){
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const [_, lowerBound, upperBound, count] = bucket;
+                const yLowerBoundItem = Math.floor((parseFloat(lowerBound) - lowestBound) / rangePerItem);
+                const yUpperBoundItem = Math.ceil((parseFloat(upperBound) - lowestBound) / rangePerItem);
+                for(let i = 0; i < yUpperBoundItem - yLowerBoundItem; i++){
+                    // TODO: some bucket may have overlapping cells, we could use avg value. Probably will need to move to a matrix data structure for performance reasons
+                    data.push({
+                        value: [
+                            itemIndexOnXaxis,
+                            yLowerBoundItem + i,
+                            parseFloat(count)
+                        ],
+                        label: count
+                    });
+                }
+            }
+        }
+        return {
+            data,
+            xAxisCategories,
+            yAxisCategories,
+            countMin,
+            countMax,
+            timeScale
+        };
+    }, [
+        contentDimensions?.height,
+        queryResults
+    ]);
+    // TODO: add support for multiple queries
+    if (queryResults.length > 1) {
+        return /*#__PURE__*/ _jsx(Stack, {
+            justifyContent: "center",
+            height: "100%",
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                textAlign: "center",
+                children: "Only one query at a time is supported for now"
+            })
+        });
+    }
+    // Mo data message handled inside chart component
+    if (data.length === 0) {
+        return /*#__PURE__*/ _jsx(Stack, {
+            justifyContent: "center",
+            height: "100%",
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                textAlign: "center",
+                children: "No data available (only native histograms are supported for now)"
+            })
+        });
+    }
+    if (contentDimensions === undefined) return null;
+    return /*#__PURE__*/ _jsx(Stack, {
+        direction: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        children: /*#__PURE__*/ _jsx(HeatMapChart, {
+            width: contentDimensions.width,
+            height: contentDimensions.height,
+            data: data,
+            xAxisCategories: xAxisCategories,
+            yAxisCategories: yAxisCategories,
+            yAxisFormat: yAxisFormat,
+            countFormat: countFormat,
+            countMin: countMin,
+            countMax: countMax,
+            timeScale: timeScale,
+            showVisualMap: pluginSpec.showVisualMap
+        })
+    });
+}
+
+//# sourceMappingURL=HeatMapChartPanel.js.map

package/lib/components/HeatMapChartPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HeatMapChartPanel.tsx"],"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\nimport { Stack, Typography } from '@mui/material';\nimport { TimeScale, TimeSeries, TimeSeriesData } from '@perses-dev/core';\nimport { PanelProps } from '@perses-dev/plugin-system';\nimport merge from 'lodash/merge';\nimport { ReactElement, useMemo } from 'react';\nimport { DEFAULT_FORMAT, HeatMapChartOptions } from '../heat-map-chart-model';\nimport { generateCompleteTimestamps, getCommonTimeScaleForQueries } from '../utils';\nimport { HeatMapChart, HeatMapDataItem } from './HeatMapChart';\n\nconst HEATMAP_MIN_HEIGHT = 200;\nconst HEATMAP_ITEM_MIN_HEIGHT = 2;\n\nexport type HeatMapChartPanelProps = PanelProps<HeatMapChartOptions, TimeSeriesData>;\n\nexport function HeatMapChartPanel(props: HeatMapChartPanelProps): ReactElement | null {\n  const { spec: pluginSpec, contentDimensions, queryResults } = props;\n\n  // ensures all default format properties set if undef\n  const yAxisFormat = merge({}, DEFAULT_FORMAT, pluginSpec.yAxisFormat);\n  const countFormat = merge({}, DEFAULT_FORMAT, pluginSpec.countFormat);\n\n  const {\n    data,\n    xAxisCategories,\n    yAxisCategories,\n    countMin,\n    countMax,\n    timeScale,\n  }: {\n    data: HeatMapDataItem[];\n    xAxisCategories: number[];\n    yAxisCategories: string[];\n    countMin: number;\n    countMax: number;\n    timeScale?: TimeScale;\n  } = useMemo(() => {\n    if (!queryResults || queryResults.length === 0) {\n      return {\n        data: [],\n        xAxisCategories: [],\n        yAxisCategories: [],\n        countMin: 0,\n        countMax: 0,\n        timeScale: undefined,\n      };\n    }\n\n    if (\n      queryResults.length != 1 ||\n      queryResults[0]!.data.series.length != 1 ||\n      queryResults[0]!.data.series[0]!.histograms === undefined\n    ) {\n      return {\n        data: [],\n        xAxisCategories: [],\n        yAxisCategories: [],\n        countMin: 0,\n        countMax: 0,\n        timeScale: undefined,\n      };\n    }\n\n    const series: TimeSeries = queryResults[0]!.data.series[0]!;\n\n    const timeScale = getCommonTimeScaleForQueries(queryResults);\n    const xAxisCategories: number[] = generateCompleteTimestamps(timeScale);\n\n    // Dummy value that will be replaced at the first iteration\n    let lowestBound = Infinity;\n    let highestBound = -Infinity;\n    let countMin = Infinity;\n    let countMax = -Infinity;\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    for (const [_, histogram] of series?.histograms ?? []) {\n      for (const bucket of histogram?.buckets ?? []) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, lowerBound, upperBound, count] = bucket;\n        const lowerBoundFloat = parseFloat(lowerBound);\n        const upperBoundFloat = parseFloat(upperBound);\n        const countFloat = parseFloat(count);\n        if (lowerBoundFloat < lowestBound) {\n          lowestBound = lowerBoundFloat;\n        }\n        if (upperBoundFloat > highestBound) {\n          highestBound = upperBoundFloat;\n        }\n        if (countFloat < countMin) {\n          countMin = countFloat;\n        }\n        if (countFloat > countMax) {\n          countMax = countFloat;\n        }\n      }\n    }\n\n    const height = contentDimensions?.height ?? HEATMAP_MIN_HEIGHT;\n    const totalRange = highestBound - lowestBound;\n    const rangePerItem = (totalRange * HEATMAP_ITEM_MIN_HEIGHT) / height;\n    const totalItems = Math.ceil(height / HEATMAP_ITEM_MIN_HEIGHT);\n\n    // Generating value of the Y axis based on the height divided by the size of a cell (item)\n    const yAxisCategories: string[] = Array.from({ length: totalItems }, (_, index) =>\n      (lowestBound + index * rangePerItem).toFixed(3)\n    );\n\n    const data: HeatMapDataItem[] = [];\n    // Logic for filling all cells where a bucket is present\n    for (const [time, histogram] of series?.histograms ?? []) {\n      const itemIndexOnXaxis = xAxisCategories.findIndex((v) => v === time * 1000);\n\n      for (const bucket of histogram?.buckets ?? []) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const [_, lowerBound, upperBound, count] = bucket;\n        const yLowerBoundItem = Math.floor((parseFloat(lowerBound) - lowestBound) / rangePerItem);\n        const yUpperBoundItem = Math.ceil((parseFloat(upperBound) - lowestBound) / rangePerItem);\n\n        for (let i = 0; i < yUpperBoundItem - yLowerBoundItem; i++) {\n          // TODO: some bucket may have overlapping cells, we could use avg value. Probably will need to move to a matrix data structure for performance reasons\n          data.push({\n            value: [itemIndexOnXaxis, yLowerBoundItem + i, parseFloat(count)],\n            label: count,\n          });\n        }\n      }\n    }\n    return {\n      data,\n      xAxisCategories,\n      yAxisCategories,\n      countMin,\n      countMax,\n      timeScale,\n    };\n  }, [contentDimensions?.height, queryResults]);\n\n  // TODO: add support for multiple queries\n  if (queryResults.length > 1) {\n    return (\n      <Stack justifyContent=\"center\" height=\"100%\">\n        <Typography variant=\"body2\" textAlign=\"center\">\n          Only one query at a time is supported for now\n        </Typography>\n      </Stack>\n    );\n  }\n\n  // Mo data message handled inside chart component\n  if (data.length === 0) {\n    return (\n      <Stack justifyContent=\"center\" height=\"100%\">\n        <Typography variant=\"body2\" textAlign=\"center\">\n          No data available (only native histograms are supported for now)\n        </Typography>\n      </Stack>\n    );\n  }\n\n  if (contentDimensions === undefined) return null;\n\n  return (\n    <Stack direction=\"row\" justifyContent=\"center\" alignItems=\"center\">\n      <HeatMapChart\n        width={contentDimensions.width}\n        height={contentDimensions.height}\n        data={data}\n        xAxisCategories={xAxisCategories}\n        yAxisCategories={yAxisCategories}\n        yAxisFormat={yAxisFormat}\n        countFormat={countFormat}\n        countMin={countMin}\n        countMax={countMax}\n        timeScale={timeScale}\n        showVisualMap={pluginSpec.showVisualMap}\n      />\n    </Stack>\n  );\n}\n"],"names":["Stack","Typography","merge","useMemo","DEFAULT_FORMAT","generateCompleteTimestamps","getCommonTimeScaleForQueries","HeatMapChart","HEATMAP_MIN_HEIGHT","HEATMAP_ITEM_MIN_HEIGHT","HeatMapChartPanel","props","spec","pluginSpec","contentDimensions","queryResults","yAxisFormat","countFormat","data","xAxisCategories","yAxisCategories","countMin","countMax","timeScale","length","undefined","series","histograms","lowestBound","Infinity","highestBound","_","histogram","bucket","buckets","lowerBound","upperBound","count","lowerBoundFloat","parseFloat","upperBoundFloat","countFloat","height","totalRange","rangePerItem","totalItems","Math","ceil","Array","from","index","toFixed","time","itemIndexOnXaxis","findIndex","v","yLowerBoundItem","floor","yUpperBoundItem","i","push","value","label","justifyContent","variant","textAlign","direction","alignItems","width","showVisualMap"],"mappings":"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"}

package/lib/components/HeatMapTooltip.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '@mui/material';
+import { FormatOptions } from '@perses-dev/core';
+import { HeatMapData } from './HeatMapChart';
+interface CustomTooltipProps {
+    data: HeatMapData;
+    label: string;
+    marker: string;
+    xAxisCategories: number[];
+    yAxisCategories: string[];
+    theme: Theme;
+    yAxisFormat?: FormatOptions;
+    countFormat?: FormatOptions;
+}
+export declare function generateTooltipHTML({ data, label, marker, xAxisCategories, yAxisCategories, theme, yAxisFormat, countFormat, }: CustomTooltipProps): string;
+export {};
+//# sourceMappingURL=HeatMapTooltip.d.ts.map

package/lib/components/HeatMapTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMapTooltip.ts"],"names":[],"mappings":"AAaA,OAAO,EAAO,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,UAAU,kBAAkB;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,MAAM,EACN,eAAe,EACf,eAAe,EACf,KAAK,EACL,WAAW,EACX,WAAW,GACZ,EAAE,kBAAkB,GAAG,MAAM,CAwC7B"}

package/lib/components/HeatMapTooltip.js

@@ -0,0 +1,50 @@
+// 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 { css } from '@mui/material';
+import { getDateAndTime } from '@perses-dev/components';
+import { formatValue } from '@perses-dev/core';
+export function generateTooltipHTML({ data, label, marker, xAxisCategories, yAxisCategories, theme, yAxisFormat, countFormat }) {
+    const [x, y] = data;
+    const xAxisLabel = xAxisCategories[x];
+    const { formattedDate, formattedTime } = getDateAndTime(xAxisLabel);
+    const tooltipHeader = css`
+    border-bottom: 1px solid ${theme.palette.grey[500]};
+    padding-bottom: 8px;
+  `;
+    const tooltipContentStyles = css`
+    display: flex;
+    justify-content: space-between;
+    padding-top: 8px;
+  `;
+    const labelStyles = css`
+    margin-right: 16px;
+  `;
+    const lowerBound = parseFloat(yAxisCategories[y]);
+    const upperBound = yAxisCategories[y + 1] ? parseFloat(yAxisCategories[y + 1]) : parseFloat(yAxisCategories[y]) + parseFloat(yAxisCategories[y]) - parseFloat(yAxisCategories[y - 1]); // Top cell, upper bound need to be calculated from previous cell
+    return `
+    <div>
+      <div style="${tooltipHeader.styles}">${formattedDate} ${formattedTime}</div>
+      <div style="${tooltipContentStyles.styles}">
+        <div style="${labelStyles.styles}">
+          ${marker}
+          <strong>${formatValue(lowerBound, yAxisFormat)} - ${formatValue(upperBound, yAxisFormat)}</strong>
+        </div>
+        <div>
+          ${formatValue(parseFloat(label), countFormat)}
+        </div>
+      </div>
+    </div>
+  `;
+}
+
+//# sourceMappingURL=HeatMapTooltip.js.map

package/lib/components/HeatMapTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HeatMapTooltip.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 { css, Theme } from '@mui/material';\nimport { getDateAndTime } from '@perses-dev/components';\nimport { FormatOptions, formatValue } from '@perses-dev/core';\nimport { HeatMapData } from './HeatMapChart';\n\ninterface CustomTooltipProps {\n  data: HeatMapData;\n  label: string;\n  marker: string;\n  xAxisCategories: number[];\n  yAxisCategories: string[];\n  theme: Theme;\n  yAxisFormat?: FormatOptions;\n  countFormat?: FormatOptions;\n}\n\nexport function generateTooltipHTML({\n  data,\n  label,\n  marker,\n  xAxisCategories,\n  yAxisCategories,\n  theme,\n  yAxisFormat,\n  countFormat,\n}: CustomTooltipProps): string {\n  const [x, y] = data;\n  const xAxisLabel = xAxisCategories[x];\n\n  const { formattedDate, formattedTime } = getDateAndTime(xAxisLabel);\n\n  const tooltipHeader = css`\n    border-bottom: 1px solid ${theme.palette.grey[500]};\n    padding-bottom: 8px;\n  `;\n\n  const tooltipContentStyles = css`\n    display: flex;\n    justify-content: space-between;\n    padding-top: 8px;\n  `;\n\n  const labelStyles = css`\n    margin-right: 16px;\n  `;\n\n  const lowerBound = parseFloat(yAxisCategories[y]!);\n  const upperBound = yAxisCategories[y + 1]\n    ? parseFloat(yAxisCategories[y + 1]!)\n    : parseFloat(yAxisCategories[y]!) + parseFloat(yAxisCategories[y]!) - parseFloat(yAxisCategories[y - 1]!); // Top cell, upper bound need to be calculated from previous cell\n\n  return `\n    <div>\n      <div style=\"${tooltipHeader.styles}\">${formattedDate} ${formattedTime}</div>\n      <div style=\"${tooltipContentStyles.styles}\">\n        <div style=\"${labelStyles.styles}\">\n          ${marker}\n          <strong>${formatValue(lowerBound, yAxisFormat)} - ${formatValue(upperBound, yAxisFormat)}</strong>\n        </div>\n        <div>\n          ${formatValue(parseFloat(label), countFormat)}\n        </div>\n      </div>\n    </div>\n  `;\n}\n"],"names":["css","getDateAndTime","formatValue","generateTooltipHTML","data","label","marker","xAxisCategories","yAxisCategories","theme","yAxisFormat","countFormat","x","y","xAxisLabel","formattedDate","formattedTime","tooltipHeader","palette","grey","tooltipContentStyles","labelStyles","lowerBound","parseFloat","upperBound","styles"],"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,GAAG,QAAe,gBAAgB;AAC3C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAAwBC,WAAW,QAAQ,mBAAmB;AAc9D,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,eAAe,EACfC,eAAe,EACfC,KAAK,EACLC,WAAW,EACXC,WAAW,EACQ;IACnB,MAAM,CAACC,GAAGC,EAAE,GAAGT;IACf,MAAMU,aAAaP,eAAe,CAACK,EAAE;IAErC,MAAM,EAAEG,aAAa,EAAEC,aAAa,EAAE,GAAGf,eAAea;IAExD,MAAMG,gBAAgBjB,GAAG,CAAC;6BACC,EAAES,MAAMS,OAAO,CAACC,IAAI,CAAC,IAAI,CAAC;;EAErD,CAAC;IAED,MAAMC,uBAAuBpB,GAAG,CAAC;;;;EAIjC,CAAC;IAED,MAAMqB,cAAcrB,GAAG,CAAC;;EAExB,CAAC;IAED,MAAMsB,aAAaC,WAAWf,eAAe,CAACK,EAAE;IAChD,MAAMW,aAAahB,eAAe,CAACK,IAAI,EAAE,GACrCU,WAAWf,eAAe,CAACK,IAAI,EAAE,IACjCU,WAAWf,eAAe,CAACK,EAAE,IAAKU,WAAWf,eAAe,CAACK,EAAE,IAAKU,WAAWf,eAAe,CAACK,IAAI,EAAE,GAAI,iEAAiE;IAE9K,OAAO,CAAC;;kBAEQ,EAAEI,cAAcQ,MAAM,CAAC,EAAE,EAAEV,cAAc,CAAC,EAAEC,cAAc;kBAC1D,EAAEI,qBAAqBK,MAAM,CAAC;oBAC5B,EAAEJ,YAAYI,MAAM,CAAC;UAC/B,EAAEnB,OAAO;kBACD,EAAEJ,YAAYoB,YAAYZ,aAAa,GAAG,EAAER,YAAYsB,YAAYd,aAAa;;;UAGzF,EAAER,YAAYqB,WAAWlB,QAAQM,aAAa;;;;EAItD,CAAC;AACH"}

package/lib/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HeatMapChartOptionsEditorSettings';
+export * from './HeatMapChartPanel';
+export * from './HeatMapChart';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,qCAAqC,CAAC;AACpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,17 @@
+// 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 * from './HeatMapChartOptionsEditorSettings';
+export * from './HeatMapChartPanel';
+export * from './HeatMapChart';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/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 * from './HeatMapChartOptionsEditorSettings';\nexport * from './HeatMapChartPanel';\nexport * from './HeatMapChart';\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,sCAAsC;AACpD,cAAc,sBAAsB;AACpC,cAAc,iBAAiB"}

package/lib/env.d.js

@@ -0,0 +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.
+/// <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 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\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"}

package/lib/getPluginModule.js

@@ -0,0 +1,16 @@
+import packageJson from '../package.json';
+/**
+ * Returns the plugin module information from package.json
+ */ export function getPluginModule() {
+    const { name, version, perses } = packageJson;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}
+
+//# sourceMappingURL=getPluginModule.js.map

package/lib/getPluginModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["import { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AACA,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/heat-map-chart-model.d.ts

@@ -0,0 +1,27 @@
+import { Definition, FormatOptions } from '@perses-dev/core';
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+export declare const DEFAULT_FORMAT: FormatOptions;
+export declare const DEFAULT_MIN_PERCENT = 0;
+export declare const DEFAULT_MAX_PERCENT = 100;
+export declare const DEFAULT_MIN_PERCENT_DECIMAL = 0;
+export declare const DEFAULT_MAX_PERCENT_DECIMAL = 1;
+/**
+ * The schema for a HeatMapChart panel.
+ */
+export interface HeatMapChartDefinition extends Definition<HeatMapChartOptions> {
+    kind: 'HeatMapChart';
+}
+/**
+ * The Options object type supported by the HeatMapChart panel plugin.
+ */
+export interface HeatMapChartOptions {
+    yAxisFormat?: FormatOptions;
+    countFormat?: FormatOptions;
+    showVisualMap?: boolean;
+}
+export type HeatMapChartOptionsEditorProps = OptionsEditorProps<HeatMapChartOptions>;
+/**
+ * Creates the initial/empty options for a HeatMapChart panel.
+ */
+export declare function createInitialHeatMapChartOptions(): HeatMapChartOptions;
+//# sourceMappingURL=heat-map-chart-model.d.ts.map

package/lib/heat-map-chart-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat-map-chart-model.d.ts","sourceRoot":"","sources":["../../src/heat-map-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,eAAO,MAAM,cAAc,EAAE,aAAmC,CAAC;AACjE,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,UAAU,CAAC,mBAAmB,CAAC;IAC7E,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAErF;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,mBAAmB,CAMtE"}

package/lib/heat-map-chart-model.js

@@ -0,0 +1,30 @@
+// 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 const DEFAULT_FORMAT = {
+    unit: 'decimal'
+};
+export const DEFAULT_MIN_PERCENT = 0;
+export const DEFAULT_MAX_PERCENT = 100;
+export const DEFAULT_MIN_PERCENT_DECIMAL = 0;
+export const DEFAULT_MAX_PERCENT_DECIMAL = 1;
+/**
+ * Creates the initial/empty options for a HeatMapChart panel.
+ */ export function createInitialHeatMapChartOptions() {
+    return {
+        yAxisFormat: DEFAULT_FORMAT,
+        countFormat: DEFAULT_FORMAT,
+        showVisualMap: true
+    };
+}
+
+//# sourceMappingURL=heat-map-chart-model.js.map

package/lib/heat-map-chart-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/heat-map-chart-model.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\nimport { Definition, FormatOptions } from '@perses-dev/core';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\nexport const DEFAULT_FORMAT: FormatOptions = { unit: 'decimal' };\nexport const DEFAULT_MIN_PERCENT = 0;\nexport const DEFAULT_MAX_PERCENT = 100;\nexport const DEFAULT_MIN_PERCENT_DECIMAL = 0;\nexport const DEFAULT_MAX_PERCENT_DECIMAL = 1;\n\n/**\n * The schema for a HeatMapChart panel.\n */\nexport interface HeatMapChartDefinition extends Definition<HeatMapChartOptions> {\n  kind: 'HeatMapChart';\n}\n\n/**\n * The Options object type supported by the HeatMapChart panel plugin.\n */\nexport interface HeatMapChartOptions {\n  yAxisFormat?: FormatOptions;\n  countFormat?: FormatOptions;\n  showVisualMap?: boolean;\n}\n\nexport type HeatMapChartOptionsEditorProps = OptionsEditorProps<HeatMapChartOptions>;\n\n/**\n * Creates the initial/empty options for a HeatMapChart panel.\n */\nexport function createInitialHeatMapChartOptions(): HeatMapChartOptions {\n  return {\n    yAxisFormat: DEFAULT_FORMAT,\n    countFormat: DEFAULT_FORMAT,\n    showVisualMap: true,\n  };\n}\n"],"names":["DEFAULT_FORMAT","unit","DEFAULT_MIN_PERCENT","DEFAULT_MAX_PERCENT","DEFAULT_MIN_PERCENT_DECIMAL","DEFAULT_MAX_PERCENT_DECIMAL","createInitialHeatMapChartOptions","yAxisFormat","countFormat","showVisualMap"],"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;AAKjC,OAAO,MAAMA,iBAAgC;IAAEC,MAAM;AAAU,EAAE;AACjE,OAAO,MAAMC,sBAAsB,EAAE;AACrC,OAAO,MAAMC,sBAAsB,IAAI;AACvC,OAAO,MAAMC,8BAA8B,EAAE;AAC7C,OAAO,MAAMC,8BAA8B,EAAE;AAoB7C;;CAEC,GACD,OAAO,SAASC;IACd,OAAO;QACLC,aAAaP;QACbQ,aAAaR;QACbS,eAAe;IACjB;AACF"}

package/lib/index-federation.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index-federation.d.ts.map

package/lib/index-federation.d.ts.map

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

package/lib/index-federation.js

@@ -0,0 +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.
+import('./bootstrap');
+
+//# sourceMappingURL=index-federation.js.map

package/lib/index-federation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index-federation.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\nimport('./bootstrap');\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,MAAM,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+export { getPluginModule } from './getPluginModule';
+export { HeatMapChartPanel } from './components';
+export * from './heat-map-chart-model';
+export * from './HeatMapChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/lib/index.js

@@ -0,0 +1,18 @@
+// 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 { HeatMapChartPanel } from './components';
+export * from './heat-map-chart-model';
+export * from './HeatMapChart';
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport { HeatMapChartPanel } from './components';\nexport * from './heat-map-chart-model';\nexport * from './HeatMapChart';\n"],"names":["getPluginModule","HeatMapChartPanel"],"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,SAASC,iBAAiB,QAAQ,eAAe;AACjD,cAAc,yBAAyB;AACvC,cAAc,iBAAiB"}

package/lib/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC"}

package/lib/setup-tests.js

@@ -0,0 +1,17 @@
+// 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.
+import '@testing-library/jest-dom';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+
+//# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/setup-tests.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\nimport '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"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,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}

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

@@ -0,0 +1,5 @@
+import { TimeScale, TimeSeriesData } from '@perses-dev/core';
+import { PanelData } from '@perses-dev/plugin-system';
+export declare function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined;
+export declare function generateCompleteTimestamps(timescale?: TimeScale): number[];
+//# sourceMappingURL=data-transform.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,CAG7G;AAED,wBAAgB,0BAA0B,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,CAU1E"}

package/lib/utils/data-transform.js

@@ -0,0 +1,18 @@
+import { getCommonTimeScale } from '@perses-dev/core';
+export function getCommonTimeScaleForQueries(queries) {
+    const seriesData = queries.map((query)=>query.data);
+    return getCommonTimeScale(seriesData);
+}
+export 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;
+}
+
+//# sourceMappingURL=data-transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["import { getCommonTimeScale, TimeScale, TimeSeriesData } from '@perses-dev/core';\nimport { PanelData } from '@perses-dev/plugin-system';\n\nexport function getCommonTimeScaleForQueries(queries: Array<PanelData<TimeSeriesData>>): TimeScale | undefined {\n  const seriesData = queries.map((query) => query.data);\n  return getCommonTimeScale(seriesData);\n}\n\nexport function generateCompleteTimestamps(timescale?: TimeScale): number[] {\n  if (!timescale) {\n    return [];\n  }\n  const { startMs, endMs, stepMs } = timescale;\n  const timestamps: number[] = [];\n  for (let time = startMs; time <= endMs; time += stepMs) {\n    timestamps.push(time);\n  }\n  return timestamps;\n}\n"],"names":["getCommonTimeScale","getCommonTimeScaleForQueries","queries","seriesData","map","query","data","generateCompleteTimestamps","timescale","startMs","endMs","stepMs","timestamps","time","push"],"mappings":"AAAA,SAASA,kBAAkB,QAAmC,mBAAmB;AAGjF,OAAO,SAASC,6BAA6BC,OAAyC;IACpF,MAAMC,aAAaD,QAAQE,GAAG,CAAC,CAACC,QAAUA,MAAMC,IAAI;IACpD,OAAON,mBAAmBG;AAC5B;AAEA,OAAO,SAASI,2BAA2BC,SAAqB;IAC9D,IAAI,CAACA,WAAW;QACd,OAAO,EAAE;IACX;IACA,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGH;IACnC,MAAMI,aAAuB,EAAE;IAC/B,IAAK,IAAIC,OAAOJ,SAASI,QAAQH,OAAOG,QAAQF,OAAQ;QACtDC,WAAWE,IAAI,CAACD;IAClB;IACA,OAAOD;AACT"}

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

@@ -0,0 +1,2 @@
+export declare function getFormattedHeatmapAxisLabel(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,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAC3D,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 getFormattedHeatmapAxisLabel(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