@perses-dev/heatmap-chart-plugin 0.4.0 → 0.5.0-beta.0

package/lib/components/HeatMapChartPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HeatMapChartPanel.tsx"],"sourcesContent":["// Copyright 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, LOG_BASE } from '../heat-map-chart-model';\nimport { generateCompleteTimestamps, getCommonTimeScaleForQueries } from '../utils';\nimport { HeatMapChart, HeatMapDataItem } from './HeatMapChart';\n\n/**\n * Helper function to get the effective lower bound for log scale.\n * For values <= 0, we use a small fraction of the upper bound.\n */\nconst getEffectiveLowerBound = (lowerBound: number, upperBound: number, logBase: LOG_BASE): number => {\n  if (logBase === undefined || lowerBound > 0) {\n    return lowerBound;\n  }\n  // For log scales with non-positive lower bounds, use a small fraction of upper bound\n  // This ensures the bucket is still visible on the log scale\n  return upperBound * 0.001;\n};\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    min,\n    max,\n    countMin,\n    countMax,\n    timeScale,\n  }: {\n    data: HeatMapDataItem[];\n    xAxisCategories: number[];\n    min?: number;\n    max?: number;\n    countMin: number;\n    countMax: number;\n    timeScale?: TimeScale;\n  } = useMemo(() => {\n    if (!queryResults || queryResults.length === 0) {\n      return {\n        data: [],\n        xAxisCategories: [],\n        min: 0,\n        max: 0,\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        min: 0,\n        max: 0,\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    const logBase = pluginSpec.logBase;\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    for (const [, histogram] of series?.histograms ?? []) {\n      for (const bucket of histogram?.buckets ?? []) {\n        const [, lowerBound, upperBound, count] = bucket;\n        let lowerBoundFloat = parseFloat(lowerBound);\n        const upperBoundFloat = parseFloat(upperBound);\n        const countFloat = parseFloat(count);\n\n        // For logarithmic scales, skip buckets that would be entirely non-positive\n        if (logBase !== undefined && upperBoundFloat <= 0) {\n          continue;\n        }\n\n        // For log scales, adjust non-positive lower bounds\n        if (logBase !== undefined) {\n          lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);\n        }\n\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 data: HeatMapDataItem[] = [];\n    // Each bucket becomes a rectangle spanning [lowerBound, upperBound] at the given x index\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        const [, lowerBound, upperBound, count] = bucket;\n        let lowerBoundFloat = parseFloat(lowerBound);\n        const upperBoundFloat = parseFloat(upperBound);\n\n        // For logarithmic scales, skip buckets that would be entirely non-positive\n        if (logBase !== undefined && upperBoundFloat <= 0) {\n          continue;\n        }\n\n        // For log scales, adjust non-positive lower bounds\n        if (logBase !== undefined) {\n          lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);\n        }\n\n        data.push({\n          value: [itemIndexOnXaxis, lowerBoundFloat, upperBoundFloat, parseFloat(count)],\n          label: count,\n        });\n      }\n    }\n    return {\n      data,\n      xAxisCategories,\n      min: lowestBound === Infinity ? undefined : lowestBound,\n      max: highestBound === -Infinity ? undefined : highestBound,\n      countMin,\n      countMax,\n      timeScale,\n    };\n  }, [pluginSpec.logBase, queryResults]);\n\n  // Use configured min/max if provided, otherwise use calculated values\n  // For logarithmic scales, ignore user-provided min if it's <= 0 (log of non-positive is undefined)\n  // and let ECharts auto-calculate the range to avoid rendering issues\n  const finalMin = useMemo(() => {\n    if (pluginSpec.logBase !== undefined) {\n      // For log scale, ignore min if it's <= 0 or let ECharts auto-calculate\n      if (pluginSpec.min !== undefined && pluginSpec.min <= 0) {\n        return undefined; // Let ECharts auto-calculate\n      }\n      return pluginSpec.min ?? min;\n    }\n    return pluginSpec.min ?? min;\n  }, [pluginSpec.logBase, pluginSpec.min, min]);\n\n  const finalMax = useMemo(() => {\n    if (pluginSpec.logBase !== undefined) {\n      // For log scale, ignore max if it's <= 0\n      if (pluginSpec.max !== undefined && pluginSpec.max <= 0) {\n        return undefined; // Let ECharts auto-calculate\n      }\n      return pluginSpec.max ?? max;\n    }\n    return pluginSpec.max ?? max;\n  }, [pluginSpec.logBase, pluginSpec.max, max]);\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        yAxisFormat={yAxisFormat}\n        countFormat={countFormat}\n        countMin={countMin}\n        countMax={countMax}\n        timeScale={timeScale}\n        showVisualMap={pluginSpec.showVisualMap}\n        min={finalMin}\n        max={finalMax}\n        logBase={pluginSpec.logBase}\n      />\n    </Stack>\n  );\n}\n"],"names":["Stack","Typography","merge","useMemo","DEFAULT_FORMAT","generateCompleteTimestamps","getCommonTimeScaleForQueries","HeatMapChart","getEffectiveLowerBound","lowerBound","upperBound","logBase","undefined","HeatMapChartPanel","props","spec","pluginSpec","contentDimensions","queryResults","yAxisFormat","countFormat","data","xAxisCategories","min","max","countMin","countMax","timeScale","length","series","histograms","lowestBound","Infinity","highestBound","histogram","bucket","buckets","count","lowerBoundFloat","parseFloat","upperBoundFloat","countFloat","time","itemIndexOnXaxis","findIndex","v","push","value","label","finalMin","finalMax","justifyContent","height","variant","textAlign","direction","alignItems","width","showVisualMap"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/HeatMapChartPanel.tsx"],"sourcesContent":["// Copyright 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 { PanelProps } from '@perses-dev/plugin-system';\nimport merge from 'lodash/merge';\nimport { ReactElement, useMemo } from 'react';\nimport { TimeScale, TimeSeries, TimeSeriesData } from '@perses-dev/spec';\nimport { DEFAULT_FORMAT, HeatMapChartOptions, LOG_BASE } from '../heat-map-chart-model';\nimport { generateCompleteTimestamps, getCommonTimeScaleForQueries } from '../utils';\nimport { HeatMapChart, HeatMapDataItem } from './HeatMapChart';\n\n/**\n * Helper function to get the effective lower bound for log scale.\n * For values <= 0, we use a small fraction of the upper bound.\n */\nconst getEffectiveLowerBound = (lowerBound: number, upperBound: number, logBase: LOG_BASE): number => {\n  if (logBase === undefined || lowerBound > 0) {\n    return lowerBound;\n  }\n  // For log scales with non-positive lower bounds, use a small fraction of upper bound\n  // This ensures the bucket is still visible on the log scale\n  return upperBound * 0.001;\n};\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    min,\n    max,\n    countMin,\n    countMax,\n    timeScale,\n  }: {\n    data: HeatMapDataItem[];\n    xAxisCategories: number[];\n    min?: number;\n    max?: number;\n    countMin: number;\n    countMax: number;\n    timeScale?: TimeScale;\n  } = useMemo(() => {\n    if (!queryResults || queryResults.length === 0) {\n      return {\n        data: [],\n        xAxisCategories: [],\n        min: 0,\n        max: 0,\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        min: 0,\n        max: 0,\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    const logBase = pluginSpec.logBase;\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    for (const [, histogram] of series?.histograms ?? []) {\n      for (const bucket of histogram?.buckets ?? []) {\n        const [, lowerBound, upperBound, count] = bucket;\n        let lowerBoundFloat = parseFloat(lowerBound);\n        const upperBoundFloat = parseFloat(upperBound);\n        const countFloat = parseFloat(count);\n\n        // For logarithmic scales, skip buckets that would be entirely non-positive\n        if (logBase !== undefined && upperBoundFloat <= 0) {\n          continue;\n        }\n\n        // For log scales, adjust non-positive lower bounds\n        if (logBase !== undefined) {\n          lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);\n        }\n\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 data: HeatMapDataItem[] = [];\n    // Each bucket becomes a rectangle spanning [lowerBound, upperBound] at the given x index\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        const [, lowerBound, upperBound, count] = bucket;\n        let lowerBoundFloat = parseFloat(lowerBound);\n        const upperBoundFloat = parseFloat(upperBound);\n\n        // For logarithmic scales, skip buckets that would be entirely non-positive\n        if (logBase !== undefined && upperBoundFloat <= 0) {\n          continue;\n        }\n\n        // For log scales, adjust non-positive lower bounds\n        if (logBase !== undefined) {\n          lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);\n        }\n\n        data.push({\n          value: [itemIndexOnXaxis, lowerBoundFloat, upperBoundFloat, parseFloat(count)],\n          label: count,\n        });\n      }\n    }\n    return {\n      data,\n      xAxisCategories,\n      min: lowestBound === Infinity ? undefined : lowestBound,\n      max: highestBound === -Infinity ? undefined : highestBound,\n      countMin,\n      countMax,\n      timeScale,\n    };\n  }, [pluginSpec.logBase, queryResults]);\n\n  // Use configured min/max if provided, otherwise use calculated values\n  // For logarithmic scales, ignore user-provided min if it's <= 0 (log of non-positive is undefined)\n  // and let ECharts auto-calculate the range to avoid rendering issues\n  const finalMin = useMemo(() => {\n    if (pluginSpec.logBase !== undefined) {\n      // For log scale, ignore min if it's <= 0 or let ECharts auto-calculate\n      if (pluginSpec.min !== undefined && pluginSpec.min <= 0) {\n        return undefined; // Let ECharts auto-calculate\n      }\n      return pluginSpec.min ?? min;\n    }\n    return pluginSpec.min ?? min;\n  }, [pluginSpec.logBase, pluginSpec.min, min]);\n\n  const finalMax = useMemo(() => {\n    if (pluginSpec.logBase !== undefined) {\n      // For log scale, ignore max if it's <= 0\n      if (pluginSpec.max !== undefined && pluginSpec.max <= 0) {\n        return undefined; // Let ECharts auto-calculate\n      }\n      return pluginSpec.max ?? max;\n    }\n    return pluginSpec.max ?? max;\n  }, [pluginSpec.logBase, pluginSpec.max, max]);\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        yAxisFormat={yAxisFormat}\n        countFormat={countFormat}\n        countMin={countMin}\n        countMax={countMax}\n        timeScale={timeScale}\n        showVisualMap={pluginSpec.showVisualMap}\n        min={finalMin}\n        max={finalMax}\n        logBase={pluginSpec.logBase}\n      />\n    </Stack>\n  );\n}\n"],"names":["Stack","Typography","merge","useMemo","DEFAULT_FORMAT","generateCompleteTimestamps","getCommonTimeScaleForQueries","HeatMapChart","getEffectiveLowerBound","lowerBound","upperBound","logBase","undefined","HeatMapChartPanel","props","spec","pluginSpec","contentDimensions","queryResults","yAxisFormat","countFormat","data","xAxisCategories","min","max","countMin","countMax","timeScale","length","series","histograms","lowestBound","Infinity","highestBound","histogram","bucket","buckets","count","lowerBoundFloat","parseFloat","upperBoundFloat","countFloat","time","itemIndexOnXaxis","findIndex","v","push","value","label","finalMin","finalMax","justifyContent","height","variant","textAlign","direction","alignItems","width","showVisualMap"],"mappings":"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"}

package/lib/components/HeatMapTooltip.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material';
-import { FormatOptions } from '@perses-dev/core';
+import { FormatOptions } from '@perses-dev/components';
 import { HeatMapData } from './HeatMapChart';
 interface CustomTooltipProps {
     data: HeatMapData;

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

@@ -1 +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,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,KAAK,EACL,WAAW,EACX,WAAW,GACZ,EAAE,kBAAkB,GAAG,MAAM,CAsC7B"}
+{"version":3,"file":"HeatMapTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMapTooltip.ts"],"names":[],"mappings":"AAaA,OAAO,EAAO,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAA+B,MAAM,wBAAwB,CAAC;AACpF,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,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,KAAK,EACL,WAAW,EACX,WAAW,GACZ,EAAE,kBAAkB,GAAG,MAAM,CAsC7B"}

package/lib/components/HeatMapTooltip.js

@@ -11,8 +11,7 @@
 // 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';
+import { formatValue, getDateAndTime } from '@perses-dev/components';
 export function generateTooltipHTML({ data, label, marker, xAxisCategories, theme, yAxisFormat, countFormat }) {
     const [xIndex, yLower, yUpper] = data;
     const xAxisLabel = xAxisCategories[xIndex];

package/lib/components/HeatMapTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HeatMapTooltip.ts"],"sourcesContent":["// Copyright 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  theme: Theme;\n  yAxisFormat?: FormatOptions;\n  countFormat?: FormatOptions;\n}\n\nexport function generateTooltipHTML({\n  data,\n  label,\n  marker,\n  xAxisCategories,\n  theme,\n  yAxisFormat,\n  countFormat,\n}: CustomTooltipProps): string {\n  const [xIndex, yLower, yUpper] = data;\n  const xAxisLabel = xAxisCategories[xIndex];\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 = yLower;\n  const upperBound = yUpper;\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","theme","yAxisFormat","countFormat","xIndex","yLower","yUpper","xAxisLabel","formattedDate","formattedTime","tooltipHeader","palette","grey","tooltipContentStyles","labelStyles","lowerBound","upperBound","styles","parseFloat"],"mappings":"AAAA,+BAA+B;AAC/B,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;AAa9D,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,eAAe,EACfC,KAAK,EACLC,WAAW,EACXC,WAAW,EACQ;IACnB,MAAM,CAACC,QAAQC,QAAQC,OAAO,GAAGT;IACjC,MAAMU,aAAaP,eAAe,CAACI,OAAO;IAE1C,MAAM,EAAEI,aAAa,EAAEC,aAAa,EAAE,GAAGf,eAAea;IAExD,MAAMG,gBAAgBjB,GAAG,CAAC;6BACC,EAAEQ,MAAMU,OAAO,CAACC,IAAI,CAAC,IAAI,CAAC;;EAErD,CAAC;IAED,MAAMC,uBAAuBpB,GAAG,CAAC;;;;EAIjC,CAAC;IAED,MAAMqB,cAAcrB,GAAG,CAAC;;EAExB,CAAC;IAED,MAAMsB,aAAaV;IACnB,MAAMW,aAAaV;IAEnB,OAAO,CAAC;;kBAEQ,EAAEI,cAAcO,MAAM,CAAC,EAAE,EAAET,cAAc,CAAC,EAAEC,cAAc;kBAC1D,EAAEI,qBAAqBI,MAAM,CAAC;oBAC5B,EAAEH,YAAYG,MAAM,CAAC;UAC/B,EAAElB,OAAO;kBACD,EAAEJ,YAAYoB,YAAYb,aAAa,GAAG,EAAEP,YAAYqB,YAAYd,aAAa;;;UAGzF,EAAEP,YAAYuB,WAAWpB,QAAQK,aAAa;;;;EAItD,CAAC;AACH"}
+{"version":3,"sources":["../../../src/components/HeatMapTooltip.ts"],"sourcesContent":["// Copyright 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 { FormatOptions, formatValue, getDateAndTime } from '@perses-dev/components';\nimport { HeatMapData } from './HeatMapChart';\n\ninterface CustomTooltipProps {\n  data: HeatMapData;\n  label: string;\n  marker: string;\n  xAxisCategories: number[];\n  theme: Theme;\n  yAxisFormat?: FormatOptions;\n  countFormat?: FormatOptions;\n}\n\nexport function generateTooltipHTML({\n  data,\n  label,\n  marker,\n  xAxisCategories,\n  theme,\n  yAxisFormat,\n  countFormat,\n}: CustomTooltipProps): string {\n  const [xIndex, yLower, yUpper] = data;\n  const xAxisLabel = xAxisCategories[xIndex];\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 = yLower;\n  const upperBound = yUpper;\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","formatValue","getDateAndTime","generateTooltipHTML","data","label","marker","xAxisCategories","theme","yAxisFormat","countFormat","xIndex","yLower","yUpper","xAxisLabel","formattedDate","formattedTime","tooltipHeader","palette","grey","tooltipContentStyles","labelStyles","lowerBound","upperBound","styles","parseFloat"],"mappings":"AAAA,+BAA+B;AAC/B,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,SAAwBC,WAAW,EAAEC,cAAc,QAAQ,yBAAyB;AAapF,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,eAAe,EACfC,KAAK,EACLC,WAAW,EACXC,WAAW,EACQ;IACnB,MAAM,CAACC,QAAQC,QAAQC,OAAO,GAAGT;IACjC,MAAMU,aAAaP,eAAe,CAACI,OAAO;IAE1C,MAAM,EAAEI,aAAa,EAAEC,aAAa,EAAE,GAAGd,eAAeY;IAExD,MAAMG,gBAAgBjB,GAAG,CAAC;6BACC,EAAEQ,MAAMU,OAAO,CAACC,IAAI,CAAC,IAAI,CAAC;;EAErD,CAAC;IAED,MAAMC,uBAAuBpB,GAAG,CAAC;;;;EAIjC,CAAC;IAED,MAAMqB,cAAcrB,GAAG,CAAC;;EAExB,CAAC;IAED,MAAMsB,aAAaV;IACnB,MAAMW,aAAaV;IAEnB,OAAO,CAAC;;kBAEQ,EAAEI,cAAcO,MAAM,CAAC,EAAE,EAAET,cAAc,CAAC,EAAEC,cAAc;kBAC1D,EAAEI,qBAAqBI,MAAM,CAAC;oBAC5B,EAAEH,YAAYG,MAAM,CAAC;UAC/B,EAAElB,OAAO;kBACD,EAAEL,YAAYqB,YAAYb,aAAa,GAAG,EAAER,YAAYsB,YAAYd,aAAa;;;UAGzF,EAAER,YAAYwB,WAAWpB,QAAQK,aAAa;;;;EAItD,CAAC;AACH"}

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

@@ -1,5 +1,6 @@
-import { Definition, FormatOptions } from '@perses-dev/core';
+import { FormatOptions } from '@perses-dev/components';
 import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { Definition } from '@perses-dev/spec';
 export declare const DEFAULT_FORMAT: FormatOptions;
 export declare const DEFAULT_MIN_PERCENT = 0;
 export declare const DEFAULT_MAX_PERCENT = 100;

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

@@ -1 +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,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;AAE1C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,QAAQ,CAAA;CAAE,CAI5E,CAAC;AAEF,eAAO,MAAM,gBAAgB;WANyB,MAAM;SAAO,QAAQ;QAO/D,MAAM;GAEf,CAAC;AAEJ;;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;IACxB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAErF;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,mBAAmB,CAMtE"}
+{"version":3,"file":"heat-map-chart-model.d.ts","sourceRoot":"","sources":["../../src/heat-map-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,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,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;AAE1C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,QAAQ,CAAA;CAAE,CAI5E,CAAC;AAEF,eAAO,MAAM,gBAAgB;WANyB,MAAM;SAAO,QAAQ;QAO/D,MAAM;GAEf,CAAC;AAEJ;;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;IACxB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/heat-map-chart-model.ts"],"sourcesContent":["// Copyright 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\nexport type LOG_BASE = undefined | 2 | 10;\n\nexport const LOG_BASE_CONFIG: Record<string, { label: string; log: LOG_BASE }> = {\n  none: { label: 'None', log: undefined },\n  '2': { label: '2', log: 2 },\n  '10': { label: '10', log: 10 },\n};\n\nexport const LOG_BASE_OPTIONS = Object.entries(LOG_BASE_CONFIG).map(([id, config]) => ({\n  id: id as string,\n  ...config,\n}));\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  logBase?: LOG_BASE;\n  min?: number;\n  max?: number;\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","LOG_BASE_CONFIG","none","label","log","undefined","LOG_BASE_OPTIONS","Object","entries","map","id","config","createInitialHeatMapChartOptions","yAxisFormat","countFormat","showVisualMap"],"mappings":"AAAA,+BAA+B;AAC/B,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;AAI7C,OAAO,MAAMC,kBAAoE;IAC/EC,MAAM;QAAEC,OAAO;QAAQC,KAAKC;IAAU;IACtC,KAAK;QAAEF,OAAO;QAAKC,KAAK;IAAE;IAC1B,MAAM;QAAED,OAAO;QAAMC,KAAK;IAAG;AAC/B,EAAE;AAEF,OAAO,MAAME,mBAAmBC,OAAOC,OAAO,CAACP,iBAAiBQ,GAAG,CAAC,CAAC,CAACC,IAAIC,OAAO,GAAM,CAAA;QACrFD,IAAIA;QACJ,GAAGC,MAAM;IACX,CAAA,GAAI;AAuBJ;;CAEC,GACD,OAAO,SAASC;IACd,OAAO;QACLC,aAAalB;QACbmB,aAAanB;QACboB,eAAe;IACjB;AACF"}
+{"version":3,"sources":["../../src/heat-map-chart-model.ts"],"sourcesContent":["// Copyright 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 { FormatOptions } from '@perses-dev/components';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Definition } from '@perses-dev/spec';\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\nexport type LOG_BASE = undefined | 2 | 10;\n\nexport const LOG_BASE_CONFIG: Record<string, { label: string; log: LOG_BASE }> = {\n  none: { label: 'None', log: undefined },\n  '2': { label: '2', log: 2 },\n  '10': { label: '10', log: 10 },\n};\n\nexport const LOG_BASE_OPTIONS = Object.entries(LOG_BASE_CONFIG).map(([id, config]) => ({\n  id: id as string,\n  ...config,\n}));\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  logBase?: LOG_BASE;\n  min?: number;\n  max?: number;\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","LOG_BASE_CONFIG","none","label","log","undefined","LOG_BASE_OPTIONS","Object","entries","map","id","config","createInitialHeatMapChartOptions","yAxisFormat","countFormat","showVisualMap"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC,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;AAI7C,OAAO,MAAMC,kBAAoE;IAC/EC,MAAM;QAAEC,OAAO;QAAQC,KAAKC;IAAU;IACtC,KAAK;QAAEF,OAAO;QAAKC,KAAK;IAAE;IAC1B,MAAM;QAAED,OAAO;QAAMC,KAAK;IAAG;AAC/B,EAAE;AAEF,OAAO,MAAME,mBAAmBC,OAAOC,OAAO,CAACP,iBAAiBQ,GAAG,CAAC,CAAC,CAACC,IAAIC,OAAO,GAAM,CAAA;QACrFD,IAAIA;QACJ,GAAGC,MAAM;IACX,CAAA,GAAI;AAuBJ;;CAEC,GACD,OAAO,SAASC;IACd,OAAO;QACLC,aAAalB;QACbmB,aAAanB;QACboB,eAAe;IACjB;AACF"}

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

@@ -1,5 +1,5 @@
-import { TimeScale, TimeSeriesData } from '@perses-dev/core';
 import { PanelData } from '@perses-dev/plugin-system';
+import { TimeScale, TimeSeriesData } from '@perses-dev/spec';
 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

@@ -1 +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"}
+{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright 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 { 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,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,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"}
+{"version":3,"sources":["../../../src/utils/data-transform.ts"],"sourcesContent":["// Copyright 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 { getCommonTimeScale } from '@perses-dev/components';\nimport { PanelData } from '@perses-dev/plugin-system';\nimport { TimeScale, TimeSeriesData } from '@perses-dev/spec';\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,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,kBAAkB,QAAQ,yBAAyB;AAI5D,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/thresholds.d.ts

@@ -1,4 +1,3 @@
-import { ThresholdOptions } from '@perses-dev/core';
-import { PersesChartsTheme } from '@perses-dev/components';
+import { PersesChartsTheme, ThresholdOptions } from '@perses-dev/components';
 export declare function getColorFromThresholds(value: number, thresholds: ThresholdOptions | undefined, chartsTheme: PersesChartsTheme, defaultColor: string): string | null;
 //# sourceMappingURL=thresholds.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"thresholds.d.ts","sourceRoot":"","sources":["../../../src/utils/thresholds.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,gBAAgB,GAAG,SAAS,EACxC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,GAAG,IAAI,CAcf"}
+{"version":3,"file":"thresholds.d.ts","sourceRoot":"","sources":["../../../src/utils/thresholds.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE7E,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,gBAAgB,GAAG,SAAS,EACxC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,GAAG,IAAI,CAcf"}

package/lib/utils/thresholds.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/thresholds.ts"],"sourcesContent":["// Copyright 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 { ThresholdOptions } from '@perses-dev/core';\nimport { PersesChartsTheme } from '@perses-dev/components';\n\nexport function getColorFromThresholds(\n  value: number,\n  thresholds: ThresholdOptions | undefined,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps) {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;\n  }\n  return thresholds?.defaultColor ?? defaultColor;\n}\n"],"names":["getColorFromThresholds","value","thresholds","chartsTheme","defaultColor","steps","matchingColors","map","step","index","color","palette","filter","length"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,OAAO,SAASA,uBACdC,KAAa,EACbC,UAAwC,EACxCC,WAA8B,EAC9BC,YAAoB;IAEpB,IAAIF,YAAYG,OAAO;QACrB,MAAMC,iBAAiBJ,WAAWG,KAAK,CACpCE,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIR,SAASO,KAAKP,KAAK,EAAE;gBACvB,OAAOO,KAAKE,KAAK,IAAIP,YAAYD,UAAU,CAACS,OAAO,CAACF,MAAM,IAAIP,WAAWE,YAAY,IAAIA;YAC3F;YACA,OAAO;QACT,GACCQ,MAAM,CAAC,CAACF,QAA2BA,UAAU;QAEhD,OAAOJ,cAAc,CAACA,eAAeO,MAAM,GAAG,EAAE,IAAIX,WAAWE,YAAY,IAAIA;IACjF;IACA,OAAOF,YAAYE,gBAAgBA;AACrC"}
+{"version":3,"sources":["../../../src/utils/thresholds.ts"],"sourcesContent":["// Copyright 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 { PersesChartsTheme, ThresholdOptions } from '@perses-dev/components';\n\nexport function getColorFromThresholds(\n  value: number,\n  thresholds: ThresholdOptions | undefined,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps) {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;\n  }\n  return thresholds?.defaultColor ?? defaultColor;\n}\n"],"names":["getColorFromThresholds","value","thresholds","chartsTheme","defaultColor","steps","matchingColors","map","step","index","color","palette","filter","length"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAO,SAASA,uBACdC,KAAa,EACbC,UAAwC,EACxCC,WAA8B,EAC9BC,YAAoB;IAEpB,IAAIF,YAAYG,OAAO;QACrB,MAAMC,iBAAiBJ,WAAWG,KAAK,CACpCE,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIR,SAASO,KAAKP,KAAK,EAAE;gBACvB,OAAOO,KAAKE,KAAK,IAAIP,YAAYD,UAAU,CAACS,OAAO,CAACF,MAAM,IAAIP,WAAWE,YAAY,IAAIA;YAC3F;YACA,OAAO;QACT,GACCQ,MAAM,CAAC,CAACF,QAA2BA,UAAU;QAEhD,OAAOJ,cAAc,CAACA,eAAeO,MAAM,GAAG,EAAE,IAAIX,WAAWE,YAAY,IAAIA;IACjF;IACA,OAAOF,YAAYE,gBAAgBA;AACrC"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "HeatMapChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.4.0",
+      "buildVersion": "0.5.0-beta.0",
       "buildName": "@perses-dev/heatmap-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/HeatMapChart.a5f52cc0.js",
+      "name": "__mf/js/HeatMapChart.4fa11415.js",
       "path": "",
       "type": "global"
     },
@@ -20,86 +20,91 @@
       "api": ""
     },
     "globalName": "HeatMapChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.4.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/HeatMapChart/\"; }"
   },
   "shared": [
     {
       "id": "HeatMapChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.3",
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.3",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/180.c67f24c4.js"
+            "__mf/js/async/985.b6f73a36.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/985.85c2cbf6.css"
+          ]
         }
-      }
+      },
+      "fallback": ""
     },
     {
-      "id": "HeatMapChart:@perses-dev/core",
-      "name": "@perses-dev/core",
-      "version": "0.53.0-rc.2",
+      "id": "HeatMapChart:@perses-dev/spec",
+      "name": "@perses-dev/spec",
+      "version": "0.2.0-beta.0",
       "singleton": true,
-      "requiredVersion": "^0.53.0-rc.2",
+      "requiredVersion": "^0.2.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/12.4ae967ba.js"
+            "__mf/js/async/39.d342865a.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "HeatMapChart:immer",
       "name": "immer",
-      "version": "10.1.1",
+      "version": "10.2.0",
       "singleton": true,
-      "requiredVersion": "^10.1.1",
+      "requiredVersion": "^10.2.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.6eed3d33.js"
+            "__mf/js/async/963.f3d8b714.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "HeatMapChart:lodash",
       "name": "lodash",
-      "version": "4.17.23",
+      "version": "4.18.1",
       "singleton": true,
-      "requiredVersion": "^4.17.23",
+      "requiredVersion": "^4.18.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.81aab132.js"
+            "__mf/js/async/392.0f59f214.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "HeatMapChart:react-dom",
@@ -111,14 +116,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.6889fffa.js"
+            "__mf/js/async/470.399d3ba9.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "HeatMapChart:react",
@@ -130,14 +136,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.8ac14a6e.js"
+            "__mf/js/async/121.b18ceb80.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -148,17 +155,15 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/980.092bc51a.js",
-            "__mf/js/async/__federation_expose_HeatMapChart.c74c73d1.js"
+            "__mf/js/async/980.2f9fb38d.js",
+            "__mf/js/async/__federation_expose_HeatMapChart.47fd43fd.js"
           ],
-          "async": [
-            "__mf/js/async/888.944e0384.js"
-          ]
+          "async": []
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css"
+            "__mf/css/async/985.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "HeatMapChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.4.0",
+      "buildVersion": "0.5.0-beta.0",
       "buildName": "@perses-dev/heatmap-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/HeatMapChart.a5f52cc0.js",
+      "name": "__mf/js/HeatMapChart.4fa11415.js",
       "path": "",
       "type": "global"
     },
@@ -20,48 +20,51 @@
       "api": ""
     },
     "globalName": "HeatMapChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.4.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/HeatMapChart/\"; }"
   },
   "shared": [
     {
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.3",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.3",
       "eager": false,
       "id": "HeatMapChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/180.c67f24c4.js"
+            "__mf/js/async/985.b6f73a36.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/985.85c2cbf6.css"
+          ]
         }
       },
       "usedIn": [
         "./HeatMapChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.53.0-rc.2",
+      "requiredVersion": "^0.2.0-beta.2",
       "shareScope": "default",
-      "name": "@perses-dev/core",
-      "version": "0.53.0-rc.2",
+      "name": "@perses-dev/spec",
+      "version": "0.2.0-beta.0",
       "eager": false,
-      "id": "HeatMapChart:@perses-dev/core",
+      "id": "HeatMapChart:@perses-dev/spec",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/12.4ae967ba.js"
+            "__mf/js/async/39.d342865a.js"
           ]
         },
         "css": {
@@ -69,23 +72,23 @@
           "sync": []
         }
       },
-      "usedIn": [
-        "./HeatMapChart"
-      ]
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^10.1.1",
+      "requiredVersion": "^10.2.0",
       "shareScope": "default",
       "name": "immer",
-      "version": "10.1.1",
+      "version": "10.2.0",
       "eager": false,
       "id": "HeatMapChart:immer",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.6eed3d33.js"
+            "__mf/js/async/963.f3d8b714.js"
           ]
         },
         "css": {
@@ -95,21 +98,23 @@
       },
       "usedIn": [
         "./HeatMapChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^4.17.23",
+      "requiredVersion": "^4.18.1",
       "shareScope": "default",
       "name": "lodash",
-      "version": "4.17.23",
+      "version": "4.18.1",
       "eager": false,
       "id": "HeatMapChart:lodash",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.81aab132.js"
+            "__mf/js/async/392.0f59f214.js"
           ]
         },
         "css": {
@@ -117,7 +122,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -131,7 +138,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.6889fffa.js"
+            "__mf/js/async/470.399d3ba9.js"
           ]
         },
         "css": {
@@ -139,7 +146,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -153,7 +162,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.8ac14a6e.js"
+            "__mf/js/async/121.b18ceb80.js"
           ]
         },
         "css": {
@@ -163,7 +172,9 @@
       },
       "usedIn": [
         "./HeatMapChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -175,24 +186,21 @@
       "requires": [
         "react",
         "immer",
-        "@perses-dev/components",
-        "@perses-dev/core"
+        "@perses-dev/components"
       ],
       "file": "src/HeatMapChart.ts",
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/980.092bc51a.js",
-            "__mf/js/async/__federation_expose_HeatMapChart.c74c73d1.js"
+            "__mf/js/async/980.2f9fb38d.js",
+            "__mf/js/async/__federation_expose_HeatMapChart.47fd43fd.js"
           ],
-          "async": [
-            "__mf/js/async/888.944e0384.js"
-          ]
+          "async": []
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css"
+            "__mf/css/async/985.85c2cbf6.css"
           ]
         }
       }