@perses-dev/pie-chart-plugin 0.14.0-beta.1 → 0.14.0-beta.2

package/lib/PieChartOptionsEditorSettings.js

@@ -12,9 +12,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import merge from 'lodash/merge';
+import omit from 'lodash/omit';
 import { CalculationSelector, LegendOptionsEditor } from '@perses-dev/plugin-system';
 import { produce } from 'immer';
-import { FormatControls, OptionsColorPicker, OptionsEditorGroup, OptionsEditorGrid, OptionsEditorColumn, SortSelector, ModeSelector, OptionsEditorControl, useChartsTheme, isPercentUnit } from '@perses-dev/components';
+import { FormatControls, OptionsColorPicker, OptionsEditorGroup, OptionsEditorGrid, OptionsEditorColumn, SortSelector, ModeSelector, OptionsEditorControl, useChartsTheme, isPercentUnit, isUnitWithShortValues } from '@perses-dev/components';
 import { Button, FormControl, InputLabel, MenuItem, Select, Stack, Switch, Typography } from '@mui/material';
 import { useMemo } from 'react';
 import { DEFAULT_FORMAT } from './pie-chart-model';
@@ -71,7 +72,9 @@ export function PieChartOptionsEditorSettings(props) {
         }));
     };
     // ensures decimalPlaces defaults to correct value
-    const format = merge({}, DEFAULT_FORMAT, value.format);
+    const format = merge({}, !value.format || isUnitWithShortValues(value.format) ? DEFAULT_FORMAT : omit(DEFAULT_FORMAT, [
+        'shortValues'
+    ]), value.format);
     const colorScheme = useMemo(()=>{
         return Array.isArray(colorPalette) ? colorPalette.length === 1 ? 'gradient' : 'theme' : 'default';
     }, [

package/lib/PieChartOptionsEditorSettings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PieChartOptionsEditorSettings.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 merge from 'lodash/merge';\nimport {\n  CalculationSelector,\n  CalculationSelectorProps,\n  CalculationType,\n  LegendOptionsEditor,\n  LegendOptionsEditorProps,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport {\n  FormatControls,\n  FormatControlsProps,\n  OptionsColorPicker,\n  OptionsEditorGroup,\n  OptionsEditorGrid,\n  OptionsEditorColumn,\n  SortSelector,\n  SortSelectorProps,\n  ModeSelector,\n  ModeSelectorProps,\n  ModeOption,\n  SortOption,\n  OptionsEditorControl,\n  useChartsTheme,\n  FormatOptions,\n  isPercentUnit,\n} from '@perses-dev/components';\nimport {\n  Button,\n  FormControl,\n  InputLabel,\n  MenuItem,\n  Select,\n  Stack,\n  Switch,\n  SwitchProps,\n  Typography,\n} from '@mui/material';\nimport { ReactElement, useMemo } from 'react';\nimport { PieChartOptions, PieChartOptionsEditorProps, DEFAULT_FORMAT } from './pie-chart-model';\n\nexport function PieChartOptionsEditorSettings(props: PieChartOptionsEditorProps): ReactElement {\n  const { onChange, value } = props;\n\n  const handleCalculationChange: CalculationSelectorProps['onChange'] = (newCalculation: CalculationType) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.calculation = newCalculation;\n      })\n    );\n  };\n\n  const handleLegendChange: LegendOptionsEditorProps['onChange'] = (newLegend) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.legend = newLegend;\n      })\n    );\n  };\n\n  const handleUnitChange: FormatControlsProps['onChange'] = (newFormat: FormatOptions) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.format = newFormat;\n      })\n    );\n  };\n\n  const handleSortChange: SortSelectorProps['onChange'] = (newSort: SortOption) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.sort = newSort;\n      })\n    );\n  };\n\n  const handleModeChange: ModeSelectorProps['onChange'] = (newMode: ModeOption) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.mode = newMode;\n      })\n    );\n  };\n\n  const handleShowLabelsChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.showLabels = checked;\n      })\n    );\n  };\n\n  const chartsTheme = useChartsTheme();\n  const themePalette = chartsTheme.echartsTheme.color;\n\n  const colorPalette: string[] | undefined = useMemo(() => {\n    return value.colorPalette || undefined;\n  }, [value.colorPalette]);\n\n  const handleColorChange = (color?: string[]): void => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        if (Array.isArray(color)) {\n          draft.colorPalette = color;\n        } else if (typeof color === 'string') {\n          draft.colorPalette = [color];\n        } else {\n          draft.colorPalette = undefined;\n        }\n      })\n    );\n  };\n\n  // ensures decimalPlaces defaults to correct value\n  const format = merge({}, DEFAULT_FORMAT, value.format);\n\n  type ColorScheme = 'default' | 'theme' | 'gradient';\n\n  const colorScheme: ColorScheme = useMemo(() => {\n    return Array.isArray(colorPalette) ? (colorPalette.length === 1 ? 'gradient' : 'theme') : 'default';\n  }, [colorPalette]);\n\n  const handleColorSchemeChange = (scheme: ColorScheme): void => {\n    if (scheme === 'theme') {\n      handleColorChange(themePalette as string[]);\n    } else if (scheme === 'default') {\n      handleColorChange();\n    } else {\n      // gradient: keep existing single color if present (user-chosen via OptionsColorPicker)\n      if (Array.isArray(colorPalette) && colorPalette.length === 1) {\n        return;\n      }\n      // initialize with a sensible default so the color picker shows a color\n      handleColorChange(['#ff0000']);\n    }\n  };\n\n  const colorHelpText = useMemo(() => {\n    if (colorPalette === undefined) {\n      return 'Colors will be automatically assigned using metrics name hash.';\n    }\n    if (Array.isArray(colorPalette) && colorPalette.length > 1) {\n      return 'Colors will be automatically assigned using the current theme color palette.';\n    }\n    if (Array.isArray(colorPalette) && colorPalette.length === 1) {\n      return 'All series will use a gradient based on the selected color.';\n    }\n    return undefined;\n  }, [colorPalette]);\n\n  return (\n    <OptionsEditorGrid>\n      <OptionsEditorColumn>\n        <LegendOptionsEditor calculation=\"comparison\" value={value.legend} onChange={handleLegendChange} />\n        <OptionsEditorGroup title=\"Misc\">\n          <OptionsEditorControl\n            label=\"Show Labels\"\n            control={<Switch checked={Boolean(value.showLabels)} onChange={handleShowLabelsChange} />}\n          />\n          <FormatControls value={format} onChange={handleUnitChange} disabled={value.mode === 'percentage'} />\n          <CalculationSelector value={value.calculation} onChange={handleCalculationChange} />\n          <SortSelector value={value.sort} onChange={handleSortChange} />\n          <ModeSelector value={value.mode} onChange={handleModeChange} disablePercentageMode={isPercentUnit(format)} />\n        </OptionsEditorGroup>\n      </OptionsEditorColumn>\n      <OptionsEditorColumn>\n        <OptionsEditorGroup title=\"Colors\">\n          <Stack spacing={2}>\n            <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n              <FormControl size=\"small\" sx={{ minWidth: 150 }}>\n                <InputLabel>Color Scheme</InputLabel>\n                <Select\n                  value={colorScheme}\n                  label=\"Color Scheme\"\n                  onChange={(e) => handleColorSchemeChange(e.target.value as ColorScheme)}\n                >\n                  <MenuItem value=\"default\">Default</MenuItem>\n                  <MenuItem value=\"theme\">Theme</MenuItem>\n                  <MenuItem value=\"gradient\">Gradient</MenuItem>\n                </Select>\n              </FormControl>\n              {Array.isArray(colorPalette) && colorPalette.length === 1 && (\n                <OptionsColorPicker\n                  label=\"Color\"\n                  color={colorPalette?.[0] ?? (themePalette as string[])[0] ?? '#ff0000'}\n                  onColorChange={(c: string) => handleColorChange([c])}\n                />\n              )}\n            </Stack>\n            {colorHelpText && (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {colorHelpText}\n              </Typography>\n            )}\n          </Stack>\n        </OptionsEditorGroup>\n        <OptionsEditorGroup title=\"Reset Settings\">\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            onClick={() => {\n              onChange(\n                produce(value, (draft: PieChartOptions) => {\n                  // reset button removes all optional panel options\n                  draft.legend = undefined;\n                  draft.colorPalette = undefined;\n                })\n              );\n            }}\n          >\n            Reset To Defaults\n          </Button>\n        </OptionsEditorGroup>\n      </OptionsEditorColumn>\n    </OptionsEditorGrid>\n  );\n}\n"],"names":["merge","CalculationSelector","LegendOptionsEditor","produce","FormatControls","OptionsColorPicker","OptionsEditorGroup","OptionsEditorGrid","OptionsEditorColumn","SortSelector","ModeSelector","OptionsEditorControl","useChartsTheme","isPercentUnit","Button","FormControl","InputLabel","MenuItem","Select","Stack","Switch","Typography","useMemo","DEFAULT_FORMAT","PieChartOptionsEditorSettings","props","onChange","value","handleCalculationChange","newCalculation","draft","calculation","handleLegendChange","newLegend","legend","handleUnitChange","newFormat","format","handleSortChange","newSort","sort","handleModeChange","newMode","mode","handleShowLabelsChange","_","checked","showLabels","chartsTheme","themePalette","echartsTheme","color","colorPalette","undefined","handleColorChange","Array","isArray","colorScheme","length","handleColorSchemeChange","scheme","colorHelpText","title","label","control","Boolean","disabled","disablePercentageMode","spacing","direction","alignItems","size","sx","minWidth","e","target","onColorChange","c","variant","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../src/PieChartOptionsEditorSettings.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 merge from 'lodash/merge';\nimport omit from 'lodash/omit';\nimport {\n  CalculationSelector,\n  CalculationSelectorProps,\n  CalculationType,\n  LegendOptionsEditor,\n  LegendOptionsEditorProps,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport {\n  FormatControls,\n  FormatControlsProps,\n  OptionsColorPicker,\n  OptionsEditorGroup,\n  OptionsEditorGrid,\n  OptionsEditorColumn,\n  SortSelector,\n  SortSelectorProps,\n  ModeSelector,\n  ModeSelectorProps,\n  ModeOption,\n  SortOption,\n  OptionsEditorControl,\n  useChartsTheme,\n  FormatOptions,\n  isPercentUnit,\n  isUnitWithShortValues,\n} from '@perses-dev/components';\nimport {\n  Button,\n  FormControl,\n  InputLabel,\n  MenuItem,\n  Select,\n  Stack,\n  Switch,\n  SwitchProps,\n  Typography,\n} from '@mui/material';\nimport { ReactElement, useMemo } from 'react';\nimport { PieChartOptions, PieChartOptionsEditorProps, DEFAULT_FORMAT } from './pie-chart-model';\n\nexport function PieChartOptionsEditorSettings(props: PieChartOptionsEditorProps): ReactElement {\n  const { onChange, value } = props;\n\n  const handleCalculationChange: CalculationSelectorProps['onChange'] = (newCalculation: CalculationType) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.calculation = newCalculation;\n      })\n    );\n  };\n\n  const handleLegendChange: LegendOptionsEditorProps['onChange'] = (newLegend) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.legend = newLegend;\n      })\n    );\n  };\n\n  const handleUnitChange: FormatControlsProps['onChange'] = (newFormat: FormatOptions) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.format = newFormat;\n      })\n    );\n  };\n\n  const handleSortChange: SortSelectorProps['onChange'] = (newSort: SortOption) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.sort = newSort;\n      })\n    );\n  };\n\n  const handleModeChange: ModeSelectorProps['onChange'] = (newMode: ModeOption) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.mode = newMode;\n      })\n    );\n  };\n\n  const handleShowLabelsChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        draft.showLabels = checked;\n      })\n    );\n  };\n\n  const chartsTheme = useChartsTheme();\n  const themePalette = chartsTheme.echartsTheme.color;\n\n  const colorPalette: string[] | undefined = useMemo(() => {\n    return value.colorPalette || undefined;\n  }, [value.colorPalette]);\n\n  const handleColorChange = (color?: string[]): void => {\n    onChange(\n      produce(value, (draft: PieChartOptions) => {\n        if (Array.isArray(color)) {\n          draft.colorPalette = color;\n        } else if (typeof color === 'string') {\n          draft.colorPalette = [color];\n        } else {\n          draft.colorPalette = undefined;\n        }\n      })\n    );\n  };\n\n  // ensures decimalPlaces defaults to correct value\n  const format = merge(\n    {},\n    !value.format || isUnitWithShortValues(value.format) ? DEFAULT_FORMAT : omit(DEFAULT_FORMAT, ['shortValues']),\n    value.format\n  );\n\n  type ColorScheme = 'default' | 'theme' | 'gradient';\n\n  const colorScheme: ColorScheme = useMemo(() => {\n    return Array.isArray(colorPalette) ? (colorPalette.length === 1 ? 'gradient' : 'theme') : 'default';\n  }, [colorPalette]);\n\n  const handleColorSchemeChange = (scheme: ColorScheme): void => {\n    if (scheme === 'theme') {\n      handleColorChange(themePalette as string[]);\n    } else if (scheme === 'default') {\n      handleColorChange();\n    } else {\n      // gradient: keep existing single color if present (user-chosen via OptionsColorPicker)\n      if (Array.isArray(colorPalette) && colorPalette.length === 1) {\n        return;\n      }\n      // initialize with a sensible default so the color picker shows a color\n      handleColorChange(['#ff0000']);\n    }\n  };\n\n  const colorHelpText = useMemo(() => {\n    if (colorPalette === undefined) {\n      return 'Colors will be automatically assigned using metrics name hash.';\n    }\n    if (Array.isArray(colorPalette) && colorPalette.length > 1) {\n      return 'Colors will be automatically assigned using the current theme color palette.';\n    }\n    if (Array.isArray(colorPalette) && colorPalette.length === 1) {\n      return 'All series will use a gradient based on the selected color.';\n    }\n    return undefined;\n  }, [colorPalette]);\n\n  return (\n    <OptionsEditorGrid>\n      <OptionsEditorColumn>\n        <LegendOptionsEditor calculation=\"comparison\" value={value.legend} onChange={handleLegendChange} />\n        <OptionsEditorGroup title=\"Misc\">\n          <OptionsEditorControl\n            label=\"Show Labels\"\n            control={<Switch checked={Boolean(value.showLabels)} onChange={handleShowLabelsChange} />}\n          />\n          <FormatControls value={format} onChange={handleUnitChange} disabled={value.mode === 'percentage'} />\n          <CalculationSelector value={value.calculation} onChange={handleCalculationChange} />\n          <SortSelector value={value.sort} onChange={handleSortChange} />\n          <ModeSelector value={value.mode} onChange={handleModeChange} disablePercentageMode={isPercentUnit(format)} />\n        </OptionsEditorGroup>\n      </OptionsEditorColumn>\n      <OptionsEditorColumn>\n        <OptionsEditorGroup title=\"Colors\">\n          <Stack spacing={2}>\n            <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n              <FormControl size=\"small\" sx={{ minWidth: 150 }}>\n                <InputLabel>Color Scheme</InputLabel>\n                <Select\n                  value={colorScheme}\n                  label=\"Color Scheme\"\n                  onChange={(e) => handleColorSchemeChange(e.target.value as ColorScheme)}\n                >\n                  <MenuItem value=\"default\">Default</MenuItem>\n                  <MenuItem value=\"theme\">Theme</MenuItem>\n                  <MenuItem value=\"gradient\">Gradient</MenuItem>\n                </Select>\n              </FormControl>\n              {Array.isArray(colorPalette) && colorPalette.length === 1 && (\n                <OptionsColorPicker\n                  label=\"Color\"\n                  color={colorPalette?.[0] ?? (themePalette as string[])[0] ?? '#ff0000'}\n                  onColorChange={(c: string) => handleColorChange([c])}\n                />\n              )}\n            </Stack>\n            {colorHelpText && (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {colorHelpText}\n              </Typography>\n            )}\n          </Stack>\n        </OptionsEditorGroup>\n        <OptionsEditorGroup title=\"Reset Settings\">\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            onClick={() => {\n              onChange(\n                produce(value, (draft: PieChartOptions) => {\n                  // reset button removes all optional panel options\n                  draft.legend = undefined;\n                  draft.colorPalette = undefined;\n                })\n              );\n            }}\n          >\n            Reset To Defaults\n          </Button>\n        </OptionsEditorGroup>\n      </OptionsEditorColumn>\n    </OptionsEditorGrid>\n  );\n}\n"],"names":["merge","omit","CalculationSelector","LegendOptionsEditor","produce","FormatControls","OptionsColorPicker","OptionsEditorGroup","OptionsEditorGrid","OptionsEditorColumn","SortSelector","ModeSelector","OptionsEditorControl","useChartsTheme","isPercentUnit","isUnitWithShortValues","Button","FormControl","InputLabel","MenuItem","Select","Stack","Switch","Typography","useMemo","DEFAULT_FORMAT","PieChartOptionsEditorSettings","props","onChange","value","handleCalculationChange","newCalculation","draft","calculation","handleLegendChange","newLegend","legend","handleUnitChange","newFormat","format","handleSortChange","newSort","sort","handleModeChange","newMode","mode","handleShowLabelsChange","_","checked","showLabels","chartsTheme","themePalette","echartsTheme","color","colorPalette","undefined","handleColorChange","Array","isArray","colorScheme","length","handleColorSchemeChange","scheme","colorHelpText","title","label","control","Boolean","disabled","disablePercentageMode","spacing","direction","alignItems","size","sx","minWidth","e","target","onColorChange","c","variant","onClick"],"mappings":"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"}

package/lib/cjs/PieChartOptionsEditorSettings.js

@@ -22,6 +22,7 @@ Object.defineProperty(exports, "PieChartOptionsEditorSettings", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
+const _omit = /*#__PURE__*/ _interop_require_default(require("lodash/omit"));
 const _pluginsystem = require("@perses-dev/plugin-system");
 const _immer = require("immer");
 const _components = require("@perses-dev/components");
@@ -86,7 +87,9 @@ function PieChartOptionsEditorSettings(props) {
         }));
     };
     // ensures decimalPlaces defaults to correct value
-    const format = (0, _merge.default)({}, _piechartmodel.DEFAULT_FORMAT, value.format);
+    const format = (0, _merge.default)({}, !value.format || (0, _components.isUnitWithShortValues)(value.format) ? _piechartmodel.DEFAULT_FORMAT : (0, _omit.default)(_piechartmodel.DEFAULT_FORMAT, [
+        'shortValues'
+    ]), value.format);
     const colorScheme = (0, _react.useMemo)(()=>{
         return Array.isArray(colorPalette) ? colorPalette.length === 1 ? 'gradient' : 'theme' : 'default';
     }, [

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "PieChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.14.0-beta.1",
+      "buildVersion": "0.14.0-beta.2",
       "buildName": "@perses-dev/pie-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/PieChart.8a08ba39.js",
+      "name": "__mf/js/PieChart.51289071.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "PieChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.a688b81f.js"
+            "__mf/js/async/274.5c1e13d7.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.47f639e4.js",
-            "__mf/js/async/616.b87a9b8b.js"
+            "__mf/js/async/235.495df342.js",
+            "__mf/js/async/616.702bde53.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.cb45262d.js",
-            "__mf/js/async/968.1b0e9683.js"
+            "__mf/js/async/587.a59f7544.js",
+            "__mf/js/async/968.6009cb29.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "PieChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/285.438eecb3.js"
+            "__mf/js/async/122.f035c1c1.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/285.85c2cbf6.css"
+            "__mf/css/async/122.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "PieChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.9a81d69e.js"
+            "__mf/js/async/570.0f39de07.js"
           ]
         },
         "css": {
@@ -131,14 +131,14 @@
     {
       "id": "PieChart:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
       "requiredVersion": "^4.1.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.8567667d.js"
+            "__mf/js/async/192.d45ba757.js"
           ]
         },
         "css": {
@@ -158,7 +158,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.10a8cf00.js"
+            "__mf/js/async/873.8941a36f.js"
           ]
         },
         "css": {
@@ -178,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.fd732e61.js"
+            "__mf/js/async/392.281005cf.js"
           ]
         },
         "css": {
@@ -198,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.f4861d15.js"
+            "__mf/js/async/470.0b301928.js"
           ]
         },
         "css": {
@@ -218,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.77d8ca8d.js"
+            "__mf/js/async/121.61df50b5.js"
           ]
         },
         "css": {
@@ -237,25 +237,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/554.97159342.js",
-            "__mf/js/async/376.9566e7f3.js",
-            "__mf/js/async/721.6e66d127.js",
-            "__mf/js/async/204.0b9b3971.js",
-            "__mf/js/async/__federation_expose_PieChart.7177fa08.js"
+            "__mf/js/async/554.507b3545.js",
+            "__mf/js/async/376.196cec5c.js",
+            "__mf/js/async/603.224eeb96.js",
+            "__mf/js/async/66.13296185.js",
+            "__mf/js/async/__federation_expose_PieChart.bf83dd91.js"
           ],
           "async": [
-            "__mf/js/async/469.3c02be86.js",
-            "__mf/js/async/lib-router.9b4805e4.js",
-            "__mf/js/async/356.f9173bd6.js",
-            "__mf/js/async/944.cfa573dc.js",
-            "__mf/js/async/177.5b05acb8.js",
-            "__mf/js/async/663.69a57e79.js"
+            "__mf/js/async/469.ea0276a5.js",
+            "__mf/js/async/lib-router.c182f4dd.js",
+            "__mf/js/async/356.5cd094ae.js",
+            "__mf/js/async/269.f89caf31.js",
+            "__mf/js/async/177.7624b91a.js",
+            "__mf/js/async/663.d4632bd2.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/285.85c2cbf6.css"
+            "__mf/css/async/122.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "PieChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.14.0-beta.1",
+      "buildVersion": "0.14.0-beta.2",
       "buildName": "@perses-dev/pie-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/PieChart.8a08ba39.js",
+      "name": "__mf/js/PieChart.51289071.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "PieChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart/\"; }"
   },
   "shared": [
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.a688b81f.js"
+            "__mf/js/async/274.5c1e13d7.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.47f639e4.js",
-            "__mf/js/async/616.b87a9b8b.js"
+            "__mf/js/async/235.495df342.js",
+            "__mf/js/async/616.702bde53.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.cb45262d.js",
-            "__mf/js/async/968.1b0e9683.js"
+            "__mf/js/async/587.a59f7544.js",
+            "__mf/js/async/968.6009cb29.js"
           ]
         },
         "css": {
@@ -100,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "eager": false,
       "id": "PieChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/285.438eecb3.js"
+            "__mf/js/async/122.f035c1c1.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/285.85c2cbf6.css"
+            "__mf/css/async/122.85c2cbf6.css"
           ]
         }
       },
@@ -128,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "eager": false,
       "id": "PieChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.9a81d69e.js"
+            "__mf/js/async/570.0f39de07.js"
           ]
         },
         "css": {
@@ -157,14 +157,14 @@
       "requiredVersion": "^4.1.0",
       "shareScope": "default",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "eager": false,
       "id": "PieChart:date-fns",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.8567667d.js"
+            "__mf/js/async/192.d45ba757.js"
           ]
         },
         "css": {
@@ -188,7 +188,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.10a8cf00.js"
+            "__mf/js/async/873.8941a36f.js"
           ]
         },
         "css": {
@@ -214,7 +214,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.fd732e61.js"
+            "__mf/js/async/392.281005cf.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.f4861d15.js"
+            "__mf/js/async/470.0b301928.js"
           ]
         },
         "css": {
@@ -262,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.77d8ca8d.js"
+            "__mf/js/async/121.61df50b5.js"
           ]
         },
         "css": {
@@ -293,25 +293,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/554.97159342.js",
-            "__mf/js/async/376.9566e7f3.js",
-            "__mf/js/async/721.6e66d127.js",
-            "__mf/js/async/204.0b9b3971.js",
-            "__mf/js/async/__federation_expose_PieChart.7177fa08.js"
+            "__mf/js/async/554.507b3545.js",
+            "__mf/js/async/376.196cec5c.js",
+            "__mf/js/async/603.224eeb96.js",
+            "__mf/js/async/66.13296185.js",
+            "__mf/js/async/__federation_expose_PieChart.bf83dd91.js"
           ],
           "async": [
-            "__mf/js/async/469.3c02be86.js",
-            "__mf/js/async/lib-router.9b4805e4.js",
-            "__mf/js/async/356.f9173bd6.js",
-            "__mf/js/async/944.cfa573dc.js",
-            "__mf/js/async/177.5b05acb8.js",
-            "__mf/js/async/663.69a57e79.js"
+            "__mf/js/async/469.ea0276a5.js",
+            "__mf/js/async/lib-router.c182f4dd.js",
+            "__mf/js/async/356.5cd094ae.js",
+            "__mf/js/async/269.f89caf31.js",
+            "__mf/js/async/177.7624b91a.js",
+            "__mf/js/async/663.d4632bd2.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/285.85c2cbf6.css"
+            "__mf/css/async/122.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/pie-chart-plugin",
-  "version": "0.14.0-beta.1",
+  "version": "0.14.0-beta.2",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -28,8 +28,8 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0-beta.8",
-    "@perses-dev/plugin-system": "^0.54.0-beta.8",
+    "@perses-dev/components": "^0.54.0-beta.11",
+    "@perses-dev/plugin-system": "^0.54.0-beta.11",
     "@perses-dev/spec": "^0.2.0-beta.6",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",