@perses-dev/stat-chart-plugin 0.6.0 → 0.7.1

package/lib/cjs/utils/calculate-font-size.js

@@ -0,0 +1,55 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOptimalFontSize", {
+    enumerable: true,
+    get: function() {
+        return useOptimalFontSize;
+    }
+});
+const _components = require("@perses-dev/components");
+let canvasContext;
+function getGlobalCanvasContext() {
+    if (!canvasContext) {
+        canvasContext = document.createElement('canvas').getContext('2d');
+        if (canvasContext === null) {
+            throw new Error('Canvas context is null.');
+        }
+    }
+    return canvasContext;
+}
+function useOptimalFontSize({ text, fontWeight, width, height, lineHeight, maxSize, fontSizeOverride }) {
+    const ctx = getGlobalCanvasContext();
+    const { echartsTheme } = (0, _components.useChartsTheme)();
+    // if user has selected a font size in the settings, use it instead of calculating the optimal size
+    if (fontSizeOverride !== undefined) {
+        return Number(fontSizeOverride);
+    }
+    const textStyle = echartsTheme.textStyle;
+    const fontSize = Number(textStyle?.fontSize) ?? 12;
+    const fontFamily = textStyle?.fontFamily ?? 'Lato';
+    // set the font on the canvas context
+    const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;
+    ctx.font = fontStyle;
+    // measure the width of the text with the given font style
+    const textMetrics = ctx.measureText(text);
+    // check how much bigger we can make the font while staying within the width and height
+    const fontSizeBasedOnWidth = width / textMetrics.width * fontSize;
+    const fontSizeBasedOnHeight = height / lineHeight;
+    // return the smaller font size
+    const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);
+    return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;
+}

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

@@ -0,0 +1,34 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "formatStatChartValue", {
+    enumerable: true,
+    get: function() {
+        return formatStatChartValue;
+    }
+});
+const _core = require("@perses-dev/core");
+const formatStatChartValue = (value, format)=>{
+    if (value === null) {
+        return 'null';
+    } else if (typeof value === 'number') {
+        return (0, _core.formatValue)(value, format);
+    } else if (value === undefined) {
+        return '';
+    } else {
+        return value;
+    }
+};

package/lib/index.d.ts

@@ -4,4 +4,5 @@ export * from './StatChart';
 export * from './StatChartOptionsEditorSettings';
 export * from './StatChartPanel';
 export * from './StatChartValueMappingEditor';
+export * from './StatChartBase';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iBAAiB,CAAC"}

package/lib/index.js

@@ -1,8 +1,21 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 export { getPluginModule } from './getPluginModule';
 export * from './stat-chart-model';
 export * from './StatChart';
 export * from './StatChartOptionsEditorSettings';
 export * from './StatChartPanel';
 export * from './StatChartValueMappingEditor';
+export * from './StatChartBase';
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './stat-chart-model';\nexport * from './StatChart';\nexport * from './StatChartOptionsEditorSettings';\nexport * from './StatChartPanel';\nexport * from './StatChartValueMappingEditor';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,gCAAgC"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport * from './stat-chart-model';\nexport * from './StatChart';\nexport * from './StatChartOptionsEditorSettings';\nexport * from './StatChartPanel';\nexport * from './StatChartValueMappingEditor';\nexport * from './StatChartBase';\n"],"names":["getPluginModule"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,gCAAgC;AAC9C,cAAc,kBAAkB"}

package/lib/utils/calculate-font-size.d.ts

@@ -0,0 +1,16 @@
+import { FontSizeOption } from '@perses-dev/components';
+interface CalculateFontSize {
+    text: string;
+    fontWeight: number;
+    width: number;
+    height: number;
+    lineHeight: number;
+    maxSize?: number;
+    fontSizeOverride?: FontSizeOption;
+}
+/**
+ * Find the optimal font size given available space
+ */
+export declare function useOptimalFontSize({ text, fontWeight, width, height, lineHeight, maxSize, fontSizeOverride, }: CalculateFontSize): number;
+export {};
+//# sourceMappingURL=calculate-font-size.d.ts.map

package/lib/utils/calculate-font-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-font-size.d.ts","sourceRoot":"","sources":["../../../src/utils/calculate-font-size.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAkB,MAAM,wBAAwB,CAAC;AAExE,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC;CACnC;AAcD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,GACjB,EAAE,iBAAiB,GAAG,MAAM,CA0B5B"}

package/lib/utils/calculate-font-size.js

@@ -0,0 +1,49 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useChartsTheme } from '@perses-dev/components';
+let canvasContext;
+function getGlobalCanvasContext() {
+    if (!canvasContext) {
+        canvasContext = document.createElement('canvas').getContext('2d');
+        if (canvasContext === null) {
+            throw new Error('Canvas context is null.');
+        }
+    }
+    return canvasContext;
+}
+/**
+ * Find the optimal font size given available space
+ */ export function useOptimalFontSize({ text, fontWeight, width, height, lineHeight, maxSize, fontSizeOverride }) {
+    const ctx = getGlobalCanvasContext();
+    const { echartsTheme } = useChartsTheme();
+    // if user has selected a font size in the settings, use it instead of calculating the optimal size
+    if (fontSizeOverride !== undefined) {
+        return Number(fontSizeOverride);
+    }
+    const textStyle = echartsTheme.textStyle;
+    const fontSize = Number(textStyle?.fontSize) ?? 12;
+    const fontFamily = textStyle?.fontFamily ?? 'Lato';
+    // set the font on the canvas context
+    const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;
+    ctx.font = fontStyle;
+    // measure the width of the text with the given font style
+    const textMetrics = ctx.measureText(text);
+    // check how much bigger we can make the font while staying within the width and height
+    const fontSizeBasedOnWidth = width / textMetrics.width * fontSize;
+    const fontSizeBasedOnHeight = height / lineHeight;
+    // return the smaller font size
+    const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);
+    return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;
+}
+
+//# sourceMappingURL=calculate-font-size.js.map

package/lib/utils/calculate-font-size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/calculate-font-size.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FontSizeOption, useChartsTheme } from '@perses-dev/components';\n\ninterface CalculateFontSize {\n  text: string;\n  fontWeight: number;\n  width: number;\n  height: number;\n  lineHeight: number;\n  maxSize?: number;\n  fontSizeOverride?: FontSizeOption;\n}\n\nlet canvasContext: CanvasRenderingContext2D | null;\n\nfunction getGlobalCanvasContext(): CanvasRenderingContext2D {\n  if (!canvasContext) {\n    canvasContext = document.createElement('canvas').getContext('2d');\n    if (canvasContext === null) {\n      throw new Error('Canvas context is null.');\n    }\n  }\n  return canvasContext;\n}\n\n/**\n * Find the optimal font size given available space\n */\nexport function useOptimalFontSize({\n  text,\n  fontWeight,\n  width,\n  height,\n  lineHeight,\n  maxSize,\n  fontSizeOverride,\n}: CalculateFontSize): number {\n  const ctx = getGlobalCanvasContext();\n  const { echartsTheme } = useChartsTheme();\n\n  // if user has selected a font size in the settings, use it instead of calculating the optimal size\n  if (fontSizeOverride !== undefined) {\n    return Number(fontSizeOverride);\n  }\n\n  const textStyle = echartsTheme.textStyle;\n  const fontSize = Number(textStyle?.fontSize) ?? 12;\n  const fontFamily = textStyle?.fontFamily ?? 'Lato';\n\n  // set the font on the canvas context\n  const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  ctx.font = fontStyle;\n  // measure the width of the text with the given font style\n  const textMetrics: TextMetrics = ctx.measureText(text);\n\n  // check how much bigger we can make the font while staying within the width and height\n  const fontSizeBasedOnWidth = (width / textMetrics.width) * fontSize;\n  const fontSizeBasedOnHeight = height / lineHeight;\n\n  // return the smaller font size\n  const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);\n  return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;\n}\n"],"names":["useChartsTheme","canvasContext","getGlobalCanvasContext","document","createElement","getContext","Error","useOptimalFontSize","text","fontWeight","width","height","lineHeight","maxSize","fontSizeOverride","ctx","echartsTheme","undefined","Number","textStyle","fontSize","fontFamily","fontStyle","font","textMetrics","measureText","fontSizeBasedOnWidth","fontSizeBasedOnHeight","finalFontSize","Math","min"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAyBA,cAAc,QAAQ,yBAAyB;AAYxE,IAAIC;AAEJ,SAASC;IACP,IAAI,CAACD,eAAe;QAClBA,gBAAgBE,SAASC,aAAa,CAAC,UAAUC,UAAU,CAAC;QAC5D,IAAIJ,kBAAkB,MAAM;YAC1B,MAAM,IAAIK,MAAM;QAClB;IACF;IACA,OAAOL;AACT;AAEA;;CAEC,GACD,OAAO,SAASM,mBAAmB,EACjCC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,gBAAgB,EACE;IAClB,MAAMC,MAAMb;IACZ,MAAM,EAAEc,YAAY,EAAE,GAAGhB;IAEzB,mGAAmG;IACnG,IAAIc,qBAAqBG,WAAW;QAClC,OAAOC,OAAOJ;IAChB;IAEA,MAAMK,YAAYH,aAAaG,SAAS;IACxC,MAAMC,WAAWF,OAAOC,WAAWC,aAAa;IAChD,MAAMC,aAAaF,WAAWE,cAAc;IAE5C,qCAAqC;IACrC,MAAMC,YAAY,GAAGb,WAAW,CAAC,EAAEW,SAAS,GAAG,EAAEC,YAAY;IAC7DN,IAAIQ,IAAI,GAAGD;IACX,0DAA0D;IAC1D,MAAME,cAA2BT,IAAIU,WAAW,CAACjB;IAEjD,uFAAuF;IACvF,MAAMkB,uBAAuB,AAAChB,QAAQc,YAAYd,KAAK,GAAIU;IAC3D,MAAMO,wBAAwBhB,SAASC;IAEvC,+BAA+B;IAC/B,MAAMgB,gBAAgBC,KAAKC,GAAG,CAACH,uBAAuBD;IACtD,OAAOb,UAAUgB,KAAKC,GAAG,CAACF,eAAef,WAAWe;AACtD"}

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

@@ -0,0 +1,3 @@
+import { FormatOptions } from '@perses-dev/core';
+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

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

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

@@ -0,0 +1,26 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { formatValue } from '@perses-dev/core';
+export const formatStatChartValue = (value, format)=>{
+    if (value === null) {
+        return 'null';
+    } else if (typeof value === 'number') {
+        return formatValue(value, format);
+    } else if (value === undefined) {
+        return '';
+    } else {
+        return value;
+    }
+};
+
+//# sourceMappingURL=format-stat-chart-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/format-stat-chart-value.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { 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,oCAAoC;AACpC,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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "StatChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.6.0",
+      "buildVersion": "0.7.1",
       "buildName": "@perses-dev/stat-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StatChart.b0400032.js",
+      "name": "__mf/js/StatChart.ea299ad7.js",
       "path": "",
       "type": "global"
     },
@@ -94,9 +94,9 @@
     {
       "id": "StatChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.51.0-beta.1",
+      "version": "0.51.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.51.0-beta.1",
+      "requiredVersion": "^0.51.0-rc.0",
       "assets": {
         "js": {
           "async": [
@@ -108,7 +108,7 @@
             "__mf/js/async/75.fb6da1e8.js"
           ],
           "sync": [
-            "__mf/js/async/870.3ed3413d.js"
+            "__mf/js/async/533.31a8ec08.js"
           ]
         },
         "css": {
@@ -120,9 +120,9 @@
     {
       "id": "StatChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.51.0-beta.1",
+      "version": "0.51.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.51.0-beta.1",
+      "requiredVersion": "^0.51.0-rc.0",
       "assets": {
         "js": {
           "async": [
@@ -134,15 +134,16 @@
             "__mf/js/async/740.6ca05ea5.js",
             "__mf/js/async/238.6c65e7fc.js",
             "__mf/js/async/75.fb6da1e8.js",
-            "__mf/js/async/996.7e490e79.js",
-            "__mf/js/async/870.3ed3413d.js",
-            "__mf/js/async/298.0f019169.js",
+            "__mf/js/async/954.f8bb1788.js",
+            "__mf/js/async/804.10605a29.js",
+            "__mf/js/async/533.31a8ec08.js",
+            "__mf/js/async/331.faa6f9eb.js",
             "__mf/js/async/738.5905ca00.js",
-            "__mf/js/async/610.dad41cbd.js",
+            "__mf/js/async/409.1b8205de.js",
             "__mf/js/async/981.0942fcbb.js"
           ],
           "sync": [
-            "__mf/js/async/162.6eaaf026.js"
+            "__mf/js/async/65.b6ecfbe5.js"
           ]
         },
         "css": {
@@ -182,7 +183,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/610.dad41cbd.js"
+            "__mf/js/async/409.1b8205de.js"
           ]
         },
         "css": {
@@ -281,9 +282,10 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/318.98a6e364.js",
-            "__mf/js/async/298.0f019169.js",
-            "__mf/js/async/__federation_expose_StatChart.0d43d15e.js"
+            "__mf/js/async/954.f8bb1788.js",
+            "__mf/js/async/90.defedb11.js",
+            "__mf/js/async/331.faa6f9eb.js",
+            "__mf/js/async/__federation_expose_StatChart.1fd9af14.js"
           ],
           "async": [
             "__mf/js/async/964.f3efac0a.js",
@@ -292,17 +294,17 @@
             "__mf/js/async/238.6c65e7fc.js",
             "__mf/js/async/224.978cad14.js",
             "__mf/js/async/292.4573cfd2.js",
-            "__mf/js/async/996.7e490e79.js",
-            "__mf/js/async/877.0e870142.js",
-            "__mf/js/async/870.3ed3413d.js",
+            "__mf/js/async/804.10605a29.js",
+            "__mf/js/async/37.a33e38bf.js",
+            "__mf/js/async/533.31a8ec08.js",
             "__mf/js/async/173.b6c742e7.js",
             "__mf/js/async/740.6ca05ea5.js",
             "__mf/js/async/75.fb6da1e8.js",
             "__mf/js/async/lib-router.3a3f0205.js",
-            "__mf/js/async/162.6eaaf026.js",
+            "__mf/js/async/65.b6ecfbe5.js",
             "__mf/js/async/488.078788e1.js",
             "__mf/js/async/738.5905ca00.js",
-            "__mf/js/async/610.dad41cbd.js",
+            "__mf/js/async/409.1b8205de.js",
             "__mf/js/async/981.0942fcbb.js"
           ]
         },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "StatChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.6.0",
+      "buildVersion": "0.7.1",
       "buildName": "@perses-dev/stat-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StatChart.b0400032.js",
+      "name": "__mf/js/StatChart.ea299ad7.js",
       "path": "",
       "type": "global"
     },
@@ -102,10 +102,10 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.51.0-beta.1",
+      "requiredVersion": "^0.51.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.51.0-beta.1",
+      "version": "0.51.0-rc.0",
       "eager": false,
       "id": "StatChart:@perses-dev/components",
       "assets": {
@@ -119,7 +119,7 @@
             "__mf/js/async/75.fb6da1e8.js"
           ],
           "sync": [
-            "__mf/js/async/870.3ed3413d.js"
+            "__mf/js/async/533.31a8ec08.js"
           ]
         },
         "css": {
@@ -133,10 +133,10 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.51.0-beta.1",
+      "requiredVersion": "^0.51.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.51.0-beta.1",
+      "version": "0.51.0-rc.0",
       "eager": false,
       "id": "StatChart:@perses-dev/plugin-system",
       "assets": {
@@ -150,15 +150,16 @@
             "__mf/js/async/740.6ca05ea5.js",
             "__mf/js/async/238.6c65e7fc.js",
             "__mf/js/async/75.fb6da1e8.js",
-            "__mf/js/async/996.7e490e79.js",
-            "__mf/js/async/870.3ed3413d.js",
-            "__mf/js/async/298.0f019169.js",
+            "__mf/js/async/954.f8bb1788.js",
+            "__mf/js/async/804.10605a29.js",
+            "__mf/js/async/533.31a8ec08.js",
+            "__mf/js/async/331.faa6f9eb.js",
             "__mf/js/async/738.5905ca00.js",
-            "__mf/js/async/610.dad41cbd.js",
+            "__mf/js/async/409.1b8205de.js",
             "__mf/js/async/981.0942fcbb.js"
           ],
           "sync": [
-            "__mf/js/async/162.6eaaf026.js"
+            "__mf/js/async/65.b6ecfbe5.js"
           ]
         },
         "css": {
@@ -206,7 +207,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/610.dad41cbd.js"
+            "__mf/js/async/409.1b8205de.js"
           ]
         },
         "css": {
@@ -327,9 +328,10 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/318.98a6e364.js",
-            "__mf/js/async/298.0f019169.js",
-            "__mf/js/async/__federation_expose_StatChart.0d43d15e.js"
+            "__mf/js/async/954.f8bb1788.js",
+            "__mf/js/async/90.defedb11.js",
+            "__mf/js/async/331.faa6f9eb.js",
+            "__mf/js/async/__federation_expose_StatChart.1fd9af14.js"
           ],
           "async": [
             "__mf/js/async/964.f3efac0a.js",
@@ -338,17 +340,17 @@
             "__mf/js/async/238.6c65e7fc.js",
             "__mf/js/async/224.978cad14.js",
             "__mf/js/async/292.4573cfd2.js",
-            "__mf/js/async/996.7e490e79.js",
-            "__mf/js/async/877.0e870142.js",
-            "__mf/js/async/870.3ed3413d.js",
+            "__mf/js/async/804.10605a29.js",
+            "__mf/js/async/37.a33e38bf.js",
+            "__mf/js/async/533.31a8ec08.js",
             "__mf/js/async/173.b6c742e7.js",
             "__mf/js/async/740.6ca05ea5.js",
             "__mf/js/async/75.fb6da1e8.js",
             "__mf/js/async/lib-router.3a3f0205.js",
-            "__mf/js/async/162.6eaaf026.js",
+            "__mf/js/async/65.b6ecfbe5.js",
             "__mf/js/async/488.078788e1.js",
             "__mf/js/async/738.5905ca00.js",
-            "__mf/js/async/610.dad41cbd.js",
+            "__mf/js/async/409.1b8205de.js",
             "__mf/js/async/981.0942fcbb.js"
           ]
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/stat-chart-plugin",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "scripts": {
     "dev": "rsbuild dev",
     "build": "npm run build-mf && concurrently \"npm:build:*\"",
@@ -19,9 +19,9 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.51.0-beta.1",
-    "@perses-dev/core": "^0.51.0-beta.1",
-    "@perses-dev/plugin-system": "^0.51.0-beta.1",
+    "@perses-dev/components": "^0.51.0-rc.0",
+    "@perses-dev/core": "^0.51.0-rc.0",
+    "@perses-dev/plugin-system": "^0.51.0-rc.0",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",