@perses-dev/stat-chart-plugin 0.12.1 → 0.13.0-beta.1

package/lib/cjs/StatChartPanel.js

@@ -24,7 +24,6 @@ const _jsxruntime = require("react/jsx-runtime");
 const _components = require("@perses-dev/components");
 const _material = require("@mui/material");
 const _react = require("react");
-const _core = require("@perses-dev/core");
 const _datatransform = require("./utils/data-transform");
 const _calculatevalue = require("./utils/calculate-value");
 const _getcolor = require("./utils/get-color");
@@ -112,7 +111,7 @@ const getValueOrLabel = (value, mappings, label)=>{
         return label;
     }
     if (mappings?.length && value !== undefined && value !== null) {
-        return (0, _core.applyValueMapping)(value, mappings).value;
+        return (0, _components.applyValueMapping)(value, mappings).value;
     } else {
         return value;
     }
@@ -122,7 +121,7 @@ const getLabelValue = (fieldLabel, labels)=>{
         return undefined;
     }
     for (const [key, value] of Object.entries(labels)){
-        const regex = (0, _core.createRegexFromString)(fieldLabel);
+        const regex = (0, _components.createRegexFromString)(fieldLabel);
         if (regex.test(key)) {
             return value;
         }

package/lib/cjs/utils/calculate-value.js

@@ -20,11 +20,11 @@ Object.defineProperty(exports, "calculateValue", {
         return calculateValue;
     }
 });
-const _core = require("@perses-dev/core");
+const _pluginsystem = require("@perses-dev/plugin-system");
 const calculateValue = (calculation, seriesData)=>{
-    if (_core.CalculationsMap[calculation] === undefined) {
-        console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${_core.DEFAULT_CALCULATION}`);
+    if (_pluginsystem.CalculationsMap[calculation] === undefined) {
+        console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${_pluginsystem.DEFAULT_CALCULATION}`);
     }
-    const calculate = _core.CalculationsMap[calculation] ?? _core.CalculationsMap[_core.DEFAULT_CALCULATION];
+    const calculate = _pluginsystem.CalculationsMap[calculation] ?? _pluginsystem.CalculationsMap[_pluginsystem.DEFAULT_CALCULATION];
     return calculate(seriesData.values);
 };

package/lib/cjs/utils/format-stat-chart-value.js

@@ -20,12 +20,12 @@ Object.defineProperty(exports, "formatStatChartValue", {
         return formatStatChartValue;
     }
 });
-const _core = require("@perses-dev/core");
+const _components = require("@perses-dev/components");
 const formatStatChartValue = (value, format)=>{
     if (value === null) {
         return 'null';
     } else if (typeof value === 'number') {
-        return (0, _core.formatValue)(value, format);
+        return (0, _components.formatValue)(value, format);
     } else if (value === undefined) {
         return '';
     } else {

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

@@ -20,7 +20,7 @@ Object.defineProperty(exports, "getStatChartColor", {
         return getStatChartColor;
     }
 });
-const _core = require("@perses-dev/core");
+const _components = require("@perses-dev/components");
 function getStatChartColor(chartsTheme, spec, value) {
     const { mappings, thresholds } = spec ?? {};
     // Determine the default color from thresholds or theme
@@ -47,7 +47,7 @@ function getStatChartColor(chartsTheme, spec, value) {
 }
 function getColorFromMappings(value, mappings) {
     if (mappings?.length && value !== undefined && value !== null) {
-        const { color } = (0, _core.applyValueMapping)(value, mappings);
+        const { color } = (0, _components.applyValueMapping)(value, mappings);
         return color || null;
     }
     return null;

package/lib/stat-chart-model.d.ts

@@ -1,6 +1,6 @@
-import { FontSizeOption } from '@perses-dev/components';
-import { CalculationType, Definition, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/core';
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { FontSizeOption, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/components';
+import { CalculationType, OptionsEditorProps } from '@perses-dev/plugin-system';
+import { Definition } from '@perses-dev/spec';
 /**
  * The schema for a StatChart panel.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"stat-chart-model.d.ts","sourceRoot":"","sources":["../../src/stat-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC9G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,gBAAgB,CAAC;IACvE,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,kBAAkB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAAkB,EAIjD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,UAAU,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAInD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAE/E,wBAAgB,6BAA6B,IAAI,gBAAgB,CAShE"}
+{"version":3,"file":"stat-chart-model.d.ts","sourceRoot":"","sources":["../../src/stat-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACvG,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,gBAAgB,CAAC;IACvE,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,kBAAkB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAAkB,EAIjD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,UAAU,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAInD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAE/E,wBAAgB,6BAA6B,IAAI,gBAAgB,CAShE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/stat-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 { FontSizeOption } from '@perses-dev/components';\nimport { CalculationType, Definition, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/core';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\n/**\n * The schema for a StatChart panel.\n */\nexport interface StatChartDefinition extends Definition<StatChartOptions> {\n  kind: 'StatChart';\n}\n\nexport type ColorMode = 'none' | 'value' | 'background_solid';\n\nexport type ColorModeLabelItem = {\n  id: ColorMode;\n  label: string;\n};\n\nexport const COLOR_MODE_LABELS: ColorModeLabelItem[] = [\n  { id: 'none', label: 'None' },\n  { id: 'value', label: 'Text' },\n  { id: 'background_solid', label: 'Background' },\n];\n\nexport type legendMode = 'auto' | 'on' | 'off';\n\nexport type ShowLegendLabelItem = {\n  id: legendMode;\n  label: string;\n  description?: string;\n};\n\nexport const SHOW_LEGEND_LABELS: ShowLegendLabelItem[] = [\n  { id: 'auto', label: 'Auto', description: 'Show legend for multi-series, hide legend for single series' },\n  { id: 'on', label: 'On', description: 'Always show legend' },\n  { id: 'off', label: 'Off', description: 'Always hide legend' },\n];\n\nexport interface StatChartOptions {\n  calculation: CalculationType;\n  format: FormatOptions;\n  metricLabel?: string;\n  thresholds?: ThresholdOptions;\n  sparkline?: StatChartSparklineOptions;\n  valueFontSize?: FontSizeOption;\n  mappings?: ValueMapping[];\n  colorMode?: ColorMode;\n  legendMode?: legendMode;\n}\n\nexport interface StatChartSparklineOptions {\n  color?: string;\n  width?: number;\n}\n\nexport type StatChartOptionsEditorProps = OptionsEditorProps<StatChartOptions>;\n\nexport function createInitialStatChartOptions(): StatChartOptions {\n  return {\n    calculation: 'last-number',\n    format: {\n      unit: 'decimal',\n    },\n    sparkline: {},\n    legendMode: 'auto',\n  };\n}\n"],"names":["COLOR_MODE_LABELS","id","label","SHOW_LEGEND_LABELS","description","createInitialStatChartOptions","calculation","format","unit","sparkline","legendMode"],"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;AAoBjC,OAAO,MAAMA,oBAA0C;IACrD;QAAEC,IAAI;QAAQC,OAAO;IAAO;IAC5B;QAAED,IAAI;QAASC,OAAO;IAAO;IAC7B;QAAED,IAAI;QAAoBC,OAAO;IAAa;CAC/C,CAAC;AAUF,OAAO,MAAMC,qBAA4C;IACvD;QAAEF,IAAI;QAAQC,OAAO;QAAQE,aAAa;IAA8D;IACxG;QAAEH,IAAI;QAAMC,OAAO;QAAME,aAAa;IAAqB;IAC3D;QAAEH,IAAI;QAAOC,OAAO;QAAOE,aAAa;IAAqB;CAC9D,CAAC;AAqBF,OAAO,SAASC;IACd,OAAO;QACLC,aAAa;QACbC,QAAQ;YACNC,MAAM;QACR;QACAC,WAAW,CAAC;QACZC,YAAY;IACd;AACF"}
+{"version":3,"sources":["../../src/stat-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 { FontSizeOption, FormatOptions, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport { CalculationType, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Definition } from '@perses-dev/spec';\n\n/**\n * The schema for a StatChart panel.\n */\nexport interface StatChartDefinition extends Definition<StatChartOptions> {\n  kind: 'StatChart';\n}\n\nexport type ColorMode = 'none' | 'value' | 'background_solid';\n\nexport type ColorModeLabelItem = {\n  id: ColorMode;\n  label: string;\n};\n\nexport const COLOR_MODE_LABELS: ColorModeLabelItem[] = [\n  { id: 'none', label: 'None' },\n  { id: 'value', label: 'Text' },\n  { id: 'background_solid', label: 'Background' },\n];\n\nexport type legendMode = 'auto' | 'on' | 'off';\n\nexport type ShowLegendLabelItem = {\n  id: legendMode;\n  label: string;\n  description?: string;\n};\n\nexport const SHOW_LEGEND_LABELS: ShowLegendLabelItem[] = [\n  { id: 'auto', label: 'Auto', description: 'Show legend for multi-series, hide legend for single series' },\n  { id: 'on', label: 'On', description: 'Always show legend' },\n  { id: 'off', label: 'Off', description: 'Always hide legend' },\n];\n\nexport interface StatChartOptions {\n  calculation: CalculationType;\n  format: FormatOptions;\n  metricLabel?: string;\n  thresholds?: ThresholdOptions;\n  sparkline?: StatChartSparklineOptions;\n  valueFontSize?: FontSizeOption;\n  mappings?: ValueMapping[];\n  colorMode?: ColorMode;\n  legendMode?: legendMode;\n}\n\nexport interface StatChartSparklineOptions {\n  color?: string;\n  width?: number;\n}\n\nexport type StatChartOptionsEditorProps = OptionsEditorProps<StatChartOptions>;\n\nexport function createInitialStatChartOptions(): StatChartOptions {\n  return {\n    calculation: 'last-number',\n    format: {\n      unit: 'decimal',\n    },\n    sparkline: {},\n    legendMode: 'auto',\n  };\n}\n"],"names":["COLOR_MODE_LABELS","id","label","SHOW_LEGEND_LABELS","description","createInitialStatChartOptions","calculation","format","unit","sparkline","legendMode"],"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;AAoBjC,OAAO,MAAMA,oBAA0C;IACrD;QAAEC,IAAI;QAAQC,OAAO;IAAO;IAC5B;QAAED,IAAI;QAASC,OAAO;IAAO;IAC7B;QAAED,IAAI;QAAoBC,OAAO;IAAa;CAC/C,CAAC;AAUF,OAAO,MAAMC,qBAA4C;IACvD;QAAEF,IAAI;QAAQC,OAAO;QAAQE,aAAa;IAA8D;IACxG;QAAEH,IAAI;QAAMC,OAAO;QAAME,aAAa;IAAqB;IAC3D;QAAEH,IAAI;QAAOC,OAAO;QAAOE,aAAa;IAAqB;CAC9D,CAAC;AAqBF,OAAO,SAASC;IACd,OAAO;QACLC,aAAa;QACbC,QAAQ;YACNC,MAAM;QACR;QACAC,WAAW,CAAC;QACZC,YAAY;IACd;AACF"}

package/lib/utils/calculate-value.d.ts

@@ -1,3 +1,4 @@
-import { CalculationsMap, CalculationType, TimeSeries } from '@perses-dev/core';
+import { CalculationsMap, CalculationType } from '@perses-dev/plugin-system';
+import { TimeSeries } from '@perses-dev/spec';
 export declare const calculateValue: (calculation: CalculationType, seriesData: TimeSeries) => ReturnType<(typeof CalculationsMap)[CalculationType]>;
 //# sourceMappingURL=calculate-value.d.ts.map

package/lib/utils/calculate-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-value.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAuB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErG,eAAO,MAAM,cAAc,GACzB,aAAa,eAAe,EAC5B,YAAY,UAAU,KACrB,UAAU,CAAC,CAAC,OAAO,eAAe,EAAE,eAAe,CAAC,CAMtD,CAAC"}
+{"version":3,"file":"calculate-value.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAuB,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,cAAc,GACzB,aAAa,eAAe,EAC5B,YAAY,UAAU,KACrB,UAAU,CAAC,CAAC,OAAO,eAAe,EAAE,eAAe,CAAC,CAMtD,CAAC"}

package/lib/utils/calculate-value.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 { CalculationsMap, DEFAULT_CALCULATION } from '@perses-dev/core';
+import { CalculationsMap, DEFAULT_CALCULATION } from '@perses-dev/plugin-system';
 export const calculateValue = (calculation, seriesData)=>{
     if (CalculationsMap[calculation] === undefined) {
         console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);

package/lib/utils/calculate-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/calculate-value.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 { CalculationsMap, CalculationType, DEFAULT_CALCULATION, TimeSeries } from '@perses-dev/core';\n\nexport const calculateValue = (\n  calculation: CalculationType,\n  seriesData: TimeSeries\n): ReturnType<(typeof CalculationsMap)[CalculationType]> => {\n  if (CalculationsMap[calculation] === undefined) {\n    console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);\n  }\n  const calculate = CalculationsMap[calculation] ?? CalculationsMap[DEFAULT_CALCULATION];\n  return calculate(seriesData.values);\n};\n"],"names":["CalculationsMap","DEFAULT_CALCULATION","calculateValue","calculation","seriesData","undefined","console","warn","calculate","values"],"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,eAAe,EAAmBC,mBAAmB,QAAoB,mBAAmB;AAErG,OAAO,MAAMC,iBAAiB,CAC5BC,aACAC;IAEA,IAAIJ,eAAe,CAACG,YAAY,KAAKE,WAAW;QAC9CC,QAAQC,IAAI,CAAC,CAAC,oCAAoC,EAAEJ,YAAY,cAAc,EAAEF,qBAAqB;IACvG;IACA,MAAMO,YAAYR,eAAe,CAACG,YAAY,IAAIH,eAAe,CAACC,oBAAoB;IACtF,OAAOO,UAAUJ,WAAWK,MAAM;AACpC,EAAE"}
+{"version":3,"sources":["../../../src/utils/calculate-value.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 { CalculationsMap, CalculationType, DEFAULT_CALCULATION } from '@perses-dev/plugin-system';\nimport { TimeSeries } from '@perses-dev/spec';\n\nexport const calculateValue = (\n  calculation: CalculationType,\n  seriesData: TimeSeries\n): ReturnType<(typeof CalculationsMap)[CalculationType]> => {\n  if (CalculationsMap[calculation] === undefined) {\n    console.warn(`Invalid StatChart panel calculation ${calculation}, fallback to ${DEFAULT_CALCULATION}`);\n  }\n  const calculate = CalculationsMap[calculation] ?? CalculationsMap[DEFAULT_CALCULATION];\n  return calculate(seriesData.values);\n};\n"],"names":["CalculationsMap","DEFAULT_CALCULATION","calculateValue","calculation","seriesData","undefined","console","warn","calculate","values"],"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,eAAe,EAAmBC,mBAAmB,QAAQ,4BAA4B;AAGlG,OAAO,MAAMC,iBAAiB,CAC5BC,aACAC;IAEA,IAAIJ,eAAe,CAACG,YAAY,KAAKE,WAAW;QAC9CC,QAAQC,IAAI,CAAC,CAAC,oCAAoC,EAAEJ,YAAY,cAAc,EAAEF,qBAAqB;IACvG;IACA,MAAMO,YAAYR,eAAe,CAACG,YAAY,IAAIH,eAAe,CAACC,oBAAoB;IACtF,OAAOO,UAAUJ,WAAWK,MAAM;AACpC,EAAE"}

package/lib/utils/format-stat-chart-value.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptions } from '@perses-dev/core';
+import { FormatOptions } from '@perses-dev/components';
 export declare const formatStatChartValue: (value?: string | number | null, format?: FormatOptions) => string;
 //# sourceMappingURL=format-stat-chart-value.d.ts.map

package/lib/utils/format-stat-chart-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-stat-chart-value.d.ts","sourceRoot":"","sources":["../../../src/utils/format-stat-chart-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,aAAa,KAAG,MAU7F,CAAC"}
+{"version":3,"file":"format-stat-chart-value.d.ts","sourceRoot":"","sources":["../../../src/utils/format-stat-chart-value.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAe,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,aAAa,KAAG,MAU7F,CAAC"}

package/lib/utils/format-stat-chart-value.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 { formatValue } from '@perses-dev/core';
+import { formatValue } from '@perses-dev/components';
 export const formatStatChartValue = (value, format)=>{
     if (value === null) {
         return 'null';

package/lib/utils/format-stat-chart-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/format-stat-chart-value.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, formatValue } from '@perses-dev/core';\n\nexport const formatStatChartValue = (value?: string | number | null, format?: FormatOptions): string => {\n  if (value === null) {\n    return 'null';\n  } else if (typeof value === 'number') {\n    return formatValue(value, format);\n  } else if (value === undefined) {\n    return '';\n  } else {\n    return value;\n  }\n};\n"],"names":["formatValue","formatStatChartValue","value","format","undefined"],"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,SAAwBA,WAAW,QAAQ,mBAAmB;AAE9D,OAAO,MAAMC,uBAAuB,CAACC,OAAgCC;IACnE,IAAID,UAAU,MAAM;QAClB,OAAO;IACT,OAAO,IAAI,OAAOA,UAAU,UAAU;QACpC,OAAOF,YAAYE,OAAOC;IAC5B,OAAO,IAAID,UAAUE,WAAW;QAC9B,OAAO;IACT,OAAO;QACL,OAAOF;IACT;AACF,EAAE"}
+{"version":3,"sources":["../../../src/utils/format-stat-chart-value.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, formatValue } from '@perses-dev/components';\n\nexport const formatStatChartValue = (value?: string | number | null, format?: FormatOptions): string => {\n  if (value === null) {\n    return 'null';\n  } else if (typeof value === 'number') {\n    return formatValue(value, format);\n  } else if (value === undefined) {\n    return '';\n  } else {\n    return value;\n  }\n};\n"],"names":["formatValue","formatStatChartValue","value","format","undefined"],"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,SAAwBA,WAAW,QAAQ,yBAAyB;AAEpE,OAAO,MAAMC,uBAAuB,CAACC,OAAgCC;IACnE,IAAID,UAAU,MAAM;QAClB,OAAO;IACT,OAAO,IAAI,OAAOA,UAAU,UAAU;QACpC,OAAOF,YAAYE,OAAOC;IAC5B,OAAO,IAAID,UAAUE,WAAW;QAC9B,OAAO;IACT,OAAO;QACL,OAAOF;IACT;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"get-color.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,iBAAiB,EAC9B,IAAI,CAAC,EAAE,gBAAgB,EACvB,KAAK,CAAC,EAAE,cAAc,GACrB,MAAM,CA4BR"}
+{"version":3,"file":"get-color.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color.ts"],"names":[],"mappings":"AAaA,OAAO,EAAqB,iBAAiB,EAAkC,MAAM,wBAAwB,CAAC;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,iBAAiB,EAC9B,IAAI,CAAC,EAAE,gBAAgB,EACvB,KAAK,CAAC,EAAE,cAAc,GACrB,MAAM,CA4BR"}

package/lib/utils/get-color.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 { applyValueMapping } from '@perses-dev/core';
+import { applyValueMapping } from '@perses-dev/components';
 export function getStatChartColor(chartsTheme, spec, value) {
     const { mappings, thresholds } = spec ?? {};
     // Determine the default color from thresholds or theme

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/get-color.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 } from '@perses-dev/components';\nimport { applyValueMapping, ThresholdOptions, ValueMapping } from '@perses-dev/core';\nimport { StatChartOptions } from '../stat-chart-model';\n\ntype StatChartValue = number | string | null;\n\nexport function getStatChartColor(\n  chartsTheme: PersesChartsTheme,\n  spec?: StatChartOptions,\n  value?: StatChartValue\n): string {\n  const { mappings, thresholds } = spec ?? {};\n\n  // Determine the default color from thresholds or theme\n  const defaultColor = thresholds?.defaultColor ?? chartsTheme.thresholds.defaultColor;\n\n  if (value === undefined || value === null || value === '' || (!thresholds?.steps && !mappings)) {\n    return defaultColor;\n  }\n\n  // Check mappings first\n  if (mappings?.length) {\n    const colorFromMappings = getColorFromMappings(value, mappings);\n    if (colorFromMappings) {\n      return colorFromMappings;\n    }\n  }\n\n  // Check thresholds next\n  if (thresholds) {\n    const colorFromThresholds = getColorFromThresholds(value, thresholds, chartsTheme, defaultColor);\n    if (colorFromThresholds) {\n      return colorFromThresholds;\n    }\n  }\n\n  // Fallback to default color\n  return defaultColor;\n}\n\nfunction getColorFromMappings(value: StatChartValue, mappings: ValueMapping[]): string | null {\n  if (mappings?.length && value !== undefined && value !== null) {\n    const { color } = applyValueMapping(value, mappings);\n    return color || null;\n  }\n  return null;\n}\n\nfunction getColorFromThresholds(\n  value: StatChartValue,\n  thresholds: ThresholdOptions,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps && typeof value === 'number') {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? null;\n  }\n  return null;\n}\n"],"names":["applyValueMapping","getStatChartColor","chartsTheme","spec","value","mappings","thresholds","defaultColor","undefined","steps","length","colorFromMappings","getColorFromMappings","colorFromThresholds","getColorFromThresholds","color","matchingColors","map","step","index","palette","filter"],"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;AAGjC,SAASA,iBAAiB,QAAwC,mBAAmB;AAKrF,OAAO,SAASC,kBACdC,WAA8B,EAC9BC,IAAuB,EACvBC,KAAsB;IAEtB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH,QAAQ,CAAC;IAE1C,uDAAuD;IACvD,MAAMI,eAAeD,YAAYC,gBAAgBL,YAAYI,UAAU,CAACC,YAAY;IAEpF,IAAIH,UAAUI,aAAaJ,UAAU,QAAQA,UAAU,MAAO,CAACE,YAAYG,SAAS,CAACJ,UAAW;QAC9F,OAAOE;IACT;IAEA,uBAAuB;IACvB,IAAIF,UAAUK,QAAQ;QACpB,MAAMC,oBAAoBC,qBAAqBR,OAAOC;QACtD,IAAIM,mBAAmB;YACrB,OAAOA;QACT;IACF;IAEA,wBAAwB;IACxB,IAAIL,YAAY;QACd,MAAMO,sBAAsBC,uBAAuBV,OAAOE,YAAYJ,aAAaK;QACnF,IAAIM,qBAAqB;YACvB,OAAOA;QACT;IACF;IAEA,4BAA4B;IAC5B,OAAON;AACT;AAEA,SAASK,qBAAqBR,KAAqB,EAAEC,QAAwB;IAC3E,IAAIA,UAAUK,UAAUN,UAAUI,aAAaJ,UAAU,MAAM;QAC7D,MAAM,EAAEW,KAAK,EAAE,GAAGf,kBAAkBI,OAAOC;QAC3C,OAAOU,SAAS;IAClB;IACA,OAAO;AACT;AAEA,SAASD,uBACPV,KAAqB,EACrBE,UAA4B,EAC5BJ,WAA8B,EAC9BK,YAAoB;IAEpB,IAAID,YAAYG,SAAS,OAAOL,UAAU,UAAU;QAClD,MAAMY,iBAAiBV,WAAWG,KAAK,CACpCQ,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIf,SAASc,KAAKd,KAAK,EAAE;gBACvB,OAAOc,KAAKH,KAAK,IAAIb,YAAYI,UAAU,CAACc,OAAO,CAACD,MAAM,IAAIZ;YAChE;YACA,OAAO;QACT,GACCc,MAAM,CAAC,CAACN,QAA2BA,UAAU;QAEhD,OAAOC,cAAc,CAACA,eAAeN,MAAM,GAAG,EAAE,IAAI;IACtD;IACA,OAAO;AACT"}
+{"version":3,"sources":["../../../src/utils/get-color.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 { applyValueMapping, PersesChartsTheme, ThresholdOptions, ValueMapping } from '@perses-dev/components';\nimport { StatChartOptions } from '../stat-chart-model';\n\ntype StatChartValue = number | string | null;\n\nexport function getStatChartColor(\n  chartsTheme: PersesChartsTheme,\n  spec?: StatChartOptions,\n  value?: StatChartValue\n): string {\n  const { mappings, thresholds } = spec ?? {};\n\n  // Determine the default color from thresholds or theme\n  const defaultColor = thresholds?.defaultColor ?? chartsTheme.thresholds.defaultColor;\n\n  if (value === undefined || value === null || value === '' || (!thresholds?.steps && !mappings)) {\n    return defaultColor;\n  }\n\n  // Check mappings first\n  if (mappings?.length) {\n    const colorFromMappings = getColorFromMappings(value, mappings);\n    if (colorFromMappings) {\n      return colorFromMappings;\n    }\n  }\n\n  // Check thresholds next\n  if (thresholds) {\n    const colorFromThresholds = getColorFromThresholds(value, thresholds, chartsTheme, defaultColor);\n    if (colorFromThresholds) {\n      return colorFromThresholds;\n    }\n  }\n\n  // Fallback to default color\n  return defaultColor;\n}\n\nfunction getColorFromMappings(value: StatChartValue, mappings: ValueMapping[]): string | null {\n  if (mappings?.length && value !== undefined && value !== null) {\n    const { color } = applyValueMapping(value, mappings);\n    return color || null;\n  }\n  return null;\n}\n\nfunction getColorFromThresholds(\n  value: StatChartValue,\n  thresholds: ThresholdOptions,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps && typeof value === 'number') {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? null;\n  }\n  return null;\n}\n"],"names":["applyValueMapping","getStatChartColor","chartsTheme","spec","value","mappings","thresholds","defaultColor","undefined","steps","length","colorFromMappings","getColorFromMappings","colorFromThresholds","getColorFromThresholds","color","matchingColors","map","step","index","palette","filter"],"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,iBAAiB,QAA2D,yBAAyB;AAK9G,OAAO,SAASC,kBACdC,WAA8B,EAC9BC,IAAuB,EACvBC,KAAsB;IAEtB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH,QAAQ,CAAC;IAE1C,uDAAuD;IACvD,MAAMI,eAAeD,YAAYC,gBAAgBL,YAAYI,UAAU,CAACC,YAAY;IAEpF,IAAIH,UAAUI,aAAaJ,UAAU,QAAQA,UAAU,MAAO,CAACE,YAAYG,SAAS,CAACJ,UAAW;QAC9F,OAAOE;IACT;IAEA,uBAAuB;IACvB,IAAIF,UAAUK,QAAQ;QACpB,MAAMC,oBAAoBC,qBAAqBR,OAAOC;QACtD,IAAIM,mBAAmB;YACrB,OAAOA;QACT;IACF;IAEA,wBAAwB;IACxB,IAAIL,YAAY;QACd,MAAMO,sBAAsBC,uBAAuBV,OAAOE,YAAYJ,aAAaK;QACnF,IAAIM,qBAAqB;YACvB,OAAOA;QACT;IACF;IAEA,4BAA4B;IAC5B,OAAON;AACT;AAEA,SAASK,qBAAqBR,KAAqB,EAAEC,QAAwB;IAC3E,IAAIA,UAAUK,UAAUN,UAAUI,aAAaJ,UAAU,MAAM;QAC7D,MAAM,EAAEW,KAAK,EAAE,GAAGf,kBAAkBI,OAAOC;QAC3C,OAAOU,SAAS;IAClB;IACA,OAAO;AACT;AAEA,SAASD,uBACPV,KAAqB,EACrBE,UAA4B,EAC5BJ,WAA8B,EAC9BK,YAAoB;IAEpB,IAAID,YAAYG,SAAS,OAAOL,UAAU,UAAU;QAClD,MAAMY,iBAAiBV,WAAWG,KAAK,CACpCQ,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIf,SAASc,KAAKd,KAAK,EAAE;gBACvB,OAAOc,KAAKH,KAAK,IAAIb,YAAYI,UAAU,CAACc,OAAO,CAACD,MAAM,IAAIZ;YAChE;YACA,OAAO;QACT,GACCc,MAAM,CAAC,CAACN,QAA2BA,UAAU;QAEhD,OAAOC,cAAc,CAACA,eAAeN,MAAM,GAAG,EAAE,IAAI;IACtD;IACA,OAAO;AACT"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "StatChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.12.1",
+      "buildVersion": "0.13.0-beta.1",
       "buildName": "@perses-dev/stat-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StatChart.d861cce0.js",
+      "name": "__mf/js/StatChart.27dac9af.js",
       "path": "",
       "type": "global"
     },
@@ -20,8 +20,7 @@
       "api": ""
     },
     "globalName": "StatChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.5.1",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StatChart/\"; }"
   },
   "shared": [
@@ -35,34 +34,36 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.d4e1eee8.js"
+            "__mf/js/async/274.0a3b59a5.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:@emotion/styled",
       "name": "@emotion/styled",
-      "version": "11.14.0",
+      "version": "11.14.1",
       "singleton": true,
-      "requiredVersion": "^11.14.0",
+      "requiredVersion": "^11.14.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.046777ba.js",
-            "__mf/js/async/616.f83c59ff.js"
+            "__mf/js/async/235.d89662f4.js",
+            "__mf/js/async/616.68b848ee.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:@hookform/resolvers",
@@ -74,53 +75,58 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.6d7b1a7f.js",
-            "__mf/js/async/968.eb198ceb.js"
+            "__mf/js/async/587.806e94c8.js",
+            "__mf/js/async/968.86a4b472.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.53.1",
+      "version": "0.54.0-beta.8",
       "singleton": true,
-      "requiredVersion": "^0.53.1",
+      "requiredVersion": "^0.54.0-beta.8",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/901.44b39122.js"
+            "__mf/js/async/285.7864c984.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/285.85c2cbf6.css"
+          ]
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.53.1",
+      "version": "0.54.0-beta.8",
       "singleton": true,
-      "requiredVersion": "^0.53.1",
+      "requiredVersion": "^0.54.0-beta.8",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/634.26891fea.js"
+            "__mf/js/async/90.408311a5.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:date-fns",
@@ -132,14 +138,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.8a915b5e.js"
+            "__mf/js/async/192.c8e5200d.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:echarts",
@@ -151,33 +158,35 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.c0881a00.js"
+            "__mf/js/async/873.05eb2387.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart: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.b57d43bb.js"
+            "__mf/js/async/392.342419bd.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:react-dom",
@@ -189,14 +198,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.57be52e3.js"
+            "__mf/js/async/470.02952871.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:react",
@@ -208,14 +218,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.3f61f76f.js"
+            "__mf/js/async/121.86811fc5.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "StatChart:date-fns-tz",
@@ -227,14 +238,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.c7471d24.js"
+            "__mf/js/async/978.6beaa6c4.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -245,27 +257,26 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/465.fc9973fc.js",
-            "__mf/js/async/119.b85eb681.js",
-            "__mf/js/async/721.0467c07c.js",
-            "__mf/js/async/302.b54c0505.js",
-            "__mf/js/async/__federation_expose_StatChart.61c049f1.js"
+            "__mf/js/async/465.178c329d.js",
+            "__mf/js/async/866.e6542737.js",
+            "__mf/js/async/721.bc9d8f7f.js",
+            "__mf/js/async/570.f407deb7.js",
+            "__mf/js/async/__federation_expose_StatChart.2840969d.js"
           ],
           "async": [
-            "__mf/js/async/588.496be9cb.js",
-            "__mf/js/async/71.603fe88a.js",
-            "__mf/js/async/356.f5a1c439.js",
-            "__mf/js/async/604.e0d336cb.js",
-            "__mf/js/async/450.6c3d739b.js",
-            "__mf/js/async/lib-router.18b45155.js",
-            "__mf/js/async/177.eb221fda.js"
+            "__mf/js/async/588.5332d073.js",
+            "__mf/js/async/356.44f67235.js",
+            "__mf/js/async/71.b1847413.js",
+            "__mf/js/async/872.0e741a4f.js",
+            "__mf/js/async/450.0ad74d00.js",
+            "__mf/js/async/lib-router.cc319a7d.js",
+            "__mf/js/async/177.47e93ede.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css",
-            "__mf/css/async/823.d3010b86.css"
+            "__mf/css/async/285.85c2cbf6.css"
           ]
         }
       },