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

package/lib/PieChartBase.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { FormatOptions, ModeOption } from '@perses-dev/components';
+import type { FormatOptions, ModeOption } from '@perses-dev/components';
+import type { ReactElement } from 'react';
 export interface PieChartData {
     id?: string;
     name: string;

package/lib/PieChartBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartBase.d.ts","sourceRoot":"","sources":["../../src/PieChartBase.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAU,aAAa,EAAE,UAAU,EAAkB,MAAM,wBAAwB,CAAC;AAY3F,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA4DnE"}
+{"version":3,"file":"PieChartBase.d.ts","sourceRoot":"","sources":["../../src/PieChartBase.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAMxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA4DnE"}

package/lib/PieChartBase.js

@@ -11,14 +11,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 { use } from 'echarts/core';
-import { PieChart as EChartsPieChart } from 'echarts/charts';
-import { DatasetComponent, GridComponent, LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';
-import { CanvasRenderer } from 'echarts/renderers';
-import { Box, useTheme } from '@mui/material';
-import { EChart, useChartsTheme } from '@perses-dev/components';
-import { getLabelFormatter, getTooltipFormatter } from './utils';
-use([
+import { Box, useTheme } from "@mui/material";
+import { EChart, useChartsTheme } from "@perses-dev/components";
+import { PieChart as EChartsPieChart } from "echarts/charts";
+import { DatasetComponent, GridComponent, LegendComponent, TitleComponent, TooltipComponent } from "echarts/components";
+import { use as registerECharts } from "echarts/core";
+import { CanvasRenderer } from "echarts/renderers";
+import { getLabelFormatter, getTooltipFormatter } from "./utils.js";
+registerECharts([
     EChartsPieChart,
     GridComponent,
     DatasetComponent,

package/lib/PieChartBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PieChartBase.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 { use } from 'echarts/core';\nimport { PieChart as EChartsPieChart } from 'echarts/charts';\nimport { DatasetComponent, GridComponent, LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { Box, useTheme } from '@mui/material';\nimport { ReactElement } from 'react';\nimport { EChart, FormatOptions, ModeOption, useChartsTheme } from '@perses-dev/components';\nimport { getLabelFormatter, getTooltipFormatter } from './utils';\n\nuse([\n  EChartsPieChart,\n  GridComponent,\n  DatasetComponent,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  CanvasRenderer,\n]);\nexport interface PieChartData {\n  id?: string;\n  name: string;\n  value: number | null;\n  itemStyle?: {\n    color: string;\n  };\n}\n\nexport interface PieChartBaseProps {\n  width: number;\n  height: number;\n  data: PieChartData[] | null;\n  mode?: ModeOption;\n  showLabels?: boolean;\n  formatOptions?: FormatOptions;\n}\n\nexport function PieChartBase(props: PieChartBaseProps): ReactElement {\n  const { width, height, data, mode, formatOptions, showLabels } = props;\n  const chartsTheme = useChartsTheme();\n  const muiTheme = useTheme();\n\n  const option = {\n    tooltip: {\n      trigger: 'item',\n      formatter: getTooltipFormatter(formatOptions),\n      appendTo: document.body,\n      confine: false,\n    },\n    series: [\n      {\n        type: 'pie',\n        radius: '90%',\n        label: {\n          show: Boolean(showLabels),\n          position: 'inner',\n          fontSize: 14,\n          formatter: getLabelFormatter(mode, formatOptions),\n          overflow: 'truncate',\n          fontWeight: 'bold',\n        },\n        center: ['50%', '50%'],\n        data: data,\n        emphasis: {\n          itemStyle: {\n            shadowBlur: 10,\n            shadowOffsetX: 0,\n            shadowColor: 'rgba(0, 0, 0, 0.5)',\n          },\n        },\n        itemStyle: {\n          borderRadius: 5,\n          borderColor: muiTheme.palette.background.default,\n          borderWidth: 2,\n        },\n      },\n    ],\n  };\n\n  return (\n    <Box\n      style={{\n        width: width,\n        height: height,\n      }}\n      sx={{ overflow: 'auto' }}\n    >\n      <EChart\n        sx={{\n          width: '100%',\n          height: '100%',\n        }}\n        option={option}\n        theme={chartsTheme.echartsTheme}\n      />\n    </Box>\n  );\n}\n"],"names":["use","PieChart","EChartsPieChart","DatasetComponent","GridComponent","LegendComponent","TitleComponent","TooltipComponent","CanvasRenderer","Box","useTheme","EChart","useChartsTheme","getLabelFormatter","getTooltipFormatter","PieChartBase","props","width","height","data","mode","formatOptions","showLabels","chartsTheme","muiTheme","option","tooltip","trigger","formatter","appendTo","document","body","confine","series","type","radius","label","show","Boolean","position","fontSize","overflow","fontWeight","center","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","borderRadius","borderColor","palette","background","default","borderWidth","style","sx","theme","echartsTheme"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,QAAQ,eAAe;AACnC,SAASC,YAAYC,eAAe,QAAQ,iBAAiB;AAC7D,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,eAAe,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ,qBAAqB;AACxH,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,GAAG,EAAEC,QAAQ,QAAQ,gBAAgB;AAE9C,SAASC,MAAM,EAA6BC,cAAc,QAAQ,yBAAyB;AAC3F,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAU;AAEjEd,IAAI;IACFE;IACAE;IACAD;IACAG;IACAC;IACAF;IACAG;CACD;AAmBD,OAAO,SAASO,aAAaC,KAAwB;IACnD,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,EAAEC,UAAU,EAAE,GAAGN;IACjE,MAAMO,cAAcX;IACpB,MAAMY,WAAWd;IAEjB,MAAMe,SAAS;QACbC,SAAS;YACPC,SAAS;YACTC,WAAWd,oBAAoBO;YAC/BQ,UAAUC,SAASC,IAAI;YACvBC,SAAS;QACX;QACAC,QAAQ;YACN;gBACEC,MAAM;gBACNC,QAAQ;gBACRC,OAAO;oBACLC,MAAMC,QAAQhB;oBACdiB,UAAU;oBACVC,UAAU;oBACVZ,WAAWf,kBAAkBO,MAAMC;oBACnCoB,UAAU;oBACVC,YAAY;gBACd;gBACAC,QAAQ;oBAAC;oBAAO;iBAAM;gBACtBxB,MAAMA;gBACNyB,UAAU;oBACRC,WAAW;wBACTC,YAAY;wBACZC,eAAe;wBACfC,aAAa;oBACf;gBACF;gBACAH,WAAW;oBACTI,cAAc;oBACdC,aAAa1B,SAAS2B,OAAO,CAACC,UAAU,CAACC,OAAO;oBAChDC,aAAa;gBACf;YACF;SACD;IACH;IAEA,qBACE,KAAC7C;QACC8C,OAAO;YACLtC,OAAOA;YACPC,QAAQA;QACV;QACAsC,IAAI;YAAEf,UAAU;QAAO;kBAEvB,cAAA,KAAC9B;YACC6C,IAAI;gBACFvC,OAAO;gBACPC,QAAQ;YACV;YACAO,QAAQA;YACRgC,OAAOlC,YAAYmC,YAAY;;;AAIvC"}
+{"version":3,"sources":["../../src/PieChartBase.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 { Box, useTheme } from '@mui/material';\nimport type { FormatOptions, ModeOption } from '@perses-dev/components';\nimport { EChart, useChartsTheme } from '@perses-dev/components';\nimport { PieChart as EChartsPieChart } from 'echarts/charts';\nimport { DatasetComponent, GridComponent, LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';\nimport { use as registerECharts } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport type { ReactElement } from 'react';\n\nimport { getLabelFormatter, getTooltipFormatter } from './utils';\n\nregisterECharts([\n  EChartsPieChart,\n  GridComponent,\n  DatasetComponent,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  CanvasRenderer,\n]);\nexport interface PieChartData {\n  id?: string;\n  name: string;\n  value: number | null;\n  itemStyle?: {\n    color: string;\n  };\n}\n\nexport interface PieChartBaseProps {\n  width: number;\n  height: number;\n  data: PieChartData[] | null;\n  mode?: ModeOption;\n  showLabels?: boolean;\n  formatOptions?: FormatOptions;\n}\n\nexport function PieChartBase(props: PieChartBaseProps): ReactElement {\n  const { width, height, data, mode, formatOptions, showLabels } = props;\n  const chartsTheme = useChartsTheme();\n  const muiTheme = useTheme();\n\n  const option = {\n    tooltip: {\n      trigger: 'item',\n      formatter: getTooltipFormatter(formatOptions),\n      appendTo: document.body,\n      confine: false,\n    },\n    series: [\n      {\n        type: 'pie',\n        radius: '90%',\n        label: {\n          show: Boolean(showLabels),\n          position: 'inner',\n          fontSize: 14,\n          formatter: getLabelFormatter(mode, formatOptions),\n          overflow: 'truncate',\n          fontWeight: 'bold',\n        },\n        center: ['50%', '50%'],\n        data: data,\n        emphasis: {\n          itemStyle: {\n            shadowBlur: 10,\n            shadowOffsetX: 0,\n            shadowColor: 'rgba(0, 0, 0, 0.5)',\n          },\n        },\n        itemStyle: {\n          borderRadius: 5,\n          borderColor: muiTheme.palette.background.default,\n          borderWidth: 2,\n        },\n      },\n    ],\n  };\n\n  return (\n    <Box\n      style={{\n        width: width,\n        height: height,\n      }}\n      sx={{ overflow: 'auto' }}\n    >\n      <EChart\n        sx={{\n          width: '100%',\n          height: '100%',\n        }}\n        option={option}\n        theme={chartsTheme.echartsTheme}\n      />\n    </Box>\n  );\n}\n"],"names":["Box","useTheme","EChart","useChartsTheme","PieChart","EChartsPieChart","DatasetComponent","GridComponent","LegendComponent","TitleComponent","TooltipComponent","use","registerECharts","CanvasRenderer","getLabelFormatter","getTooltipFormatter","PieChartBase","props","width","height","data","mode","formatOptions","showLabels","chartsTheme","muiTheme","option","tooltip","trigger","formatter","appendTo","document","body","confine","series","type","radius","label","show","Boolean","position","fontSize","overflow","fontWeight","center","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","borderRadius","borderColor","palette","background","default","borderWidth","style","sx","theme","echartsTheme"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,EAAEC,QAAQ,QAAQ,gBAAgB;AAE9C,SAASC,MAAM,EAAEC,cAAc,QAAQ,yBAAyB;AAChE,SAASC,YAAYC,eAAe,QAAQ,iBAAiB;AAC7D,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,eAAe,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ,qBAAqB;AACxH,SAASC,OAAOC,eAAe,QAAQ,eAAe;AACtD,SAASC,cAAc,QAAQ,oBAAoB;AAGnD,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,aAAU;AAEjEH,gBAAgB;IACdP;IACAE;IACAD;IACAG;IACAC;IACAF;IACAK;CACD;AAmBD,OAAO,SAASG,aAAaC,KAAwB;IACnD,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,EAAEC,UAAU,EAAE,GAAGN;IACjE,MAAMO,cAAcrB;IACpB,MAAMsB,WAAWxB;IAEjB,MAAMyB,SAAS;QACbC,SAAS;YACPC,SAAS;YACTC,WAAWd,oBAAoBO;YAC/BQ,UAAUC,SAASC,IAAI;YACvBC,SAAS;QACX;QACAC,QAAQ;YACN;gBACEC,MAAM;gBACNC,QAAQ;gBACRC,OAAO;oBACLC,MAAMC,QAAQhB;oBACdiB,UAAU;oBACVC,UAAU;oBACVZ,WAAWf,kBAAkBO,MAAMC;oBACnCoB,UAAU;oBACVC,YAAY;gBACd;gBACAC,QAAQ;oBAAC;oBAAO;iBAAM;gBACtBxB,MAAMA;gBACNyB,UAAU;oBACRC,WAAW;wBACTC,YAAY;wBACZC,eAAe;wBACfC,aAAa;oBACf;gBACF;gBACAH,WAAW;oBACTI,cAAc;oBACdC,aAAa1B,SAAS2B,OAAO,CAACC,UAAU,CAACC,OAAO;oBAChDC,aAAa;gBACf;YACF;SACD;IACH;IAEA,qBACE,KAACvD;QACCwD,OAAO;YACLtC,OAAOA;YACPC,QAAQA;QACV;QACAsC,IAAI;YAAEf,UAAU;QAAO;kBAEvB,cAAA,KAACxC;YACCuD,IAAI;gBACFvC,OAAO;gBACPC,QAAQ;YACV;YACAO,QAAQA;YACRgC,OAAOlC,YAAYmC,YAAY;;;AAIvC"}

package/lib/PieChartOptionsEditorSettings.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { PieChartOptionsEditorProps } from './pie-chart-model';
+import type { ReactElement } from 'react';
+import type { PieChartOptionsEditorProps } from './pie-chart-model';
 export declare function PieChartOptionsEditorSettings(props: PieChartOptionsEditorProps): ReactElement;
 //# sourceMappingURL=PieChartOptionsEditorSettings.d.ts.map

package/lib/PieChartOptionsEditorSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartOptionsEditorSettings.d.ts","sourceRoot":"","sources":["../../src/PieChartOptionsEditorSettings.tsx"],"names":[],"mappings":"AAqDA,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAmB,0BAA0B,EAAkB,MAAM,mBAAmB,CAAC;AAEhG,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,0BAA0B,GAAG,YAAY,CAmL7F"}
+{"version":3,"file":"PieChartOptionsEditorSettings.d.ts","sourceRoot":"","sources":["../../src/PieChartOptionsEditorSettings.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAmB,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAGrF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,0BAA0B,GAAG,YAAY,CAsL7F"}

package/lib/PieChartOptionsEditorSettings.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 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.
@@ -11,14 +10,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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 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, 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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FormControl, InputLabel, MenuItem, Select, Stack, Switch, Typography } from "@mui/material";
+import { FormatControls, OptionsColorPicker, OptionsEditorGroup, OptionsEditorGrid, OptionsEditorColumn, SortSelector, ModeSelector, OptionsEditorControl, useChartsTheme, isPercentUnit, isUnitWithShortValues } from "@perses-dev/components";
+import { CalculationSelector, LegendOptionsEditor } from "@perses-dev/plugin-system";
+import { produce } from "immer";
+import merge from "lodash/merge";
+import omit from "lodash/omit";
+import { useMemo } from "react";
+import { DEFAULT_FORMAT } from "./pie-chart-model.js";
 export function PieChartOptionsEditorSettings(props) {
     const { onChange, value } = props;
     const handleCalculationChange = (newCalculation)=>{
@@ -76,7 +76,10 @@ export function PieChartOptionsEditorSettings(props) {
         'shortValues'
     ]), value.format);
     const colorScheme = useMemo(()=>{
-        return Array.isArray(colorPalette) ? colorPalette.length === 1 ? 'gradient' : 'theme' : 'default';
+        if (!Array.isArray(colorPalette)) {
+            return 'default';
+        }
+        return colorPalette.length === 1 ? 'gradient' : 'theme';
     }, [
         colorPalette
     ]);

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 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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"}
+{"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 type { SwitchProps } from '@mui/material';\nimport { Button, FormControl, InputLabel, MenuItem, Select, Stack, Switch, Typography } from '@mui/material';\nimport type {\n  FormatControlsProps,\n  SortSelectorProps,\n  ModeSelectorProps,\n  ModeOption,\n  SortOption,\n  FormatOptions,\n} from '@perses-dev/components';\nimport {\n  FormatControls,\n  OptionsColorPicker,\n  OptionsEditorGroup,\n  OptionsEditorGrid,\n  OptionsEditorColumn,\n  SortSelector,\n  ModeSelector,\n  OptionsEditorControl,\n  useChartsTheme,\n  isPercentUnit,\n  isUnitWithShortValues,\n} from '@perses-dev/components';\nimport type { CalculationSelectorProps, CalculationType, LegendOptionsEditorProps } from '@perses-dev/plugin-system';\nimport { CalculationSelector, LegendOptionsEditor } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport merge from 'lodash/merge';\nimport omit from 'lodash/omit';\nimport type { ReactElement } from 'react';\nimport { useMemo } from 'react';\n\nimport type { PieChartOptions, PieChartOptionsEditorProps } from './pie-chart-model';\nimport { 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    if (!Array.isArray(colorPalette)) {\n      return 'default';\n    }\n    return colorPalette.length === 1 ? 'gradient' : 'theme';\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":["Button","FormControl","InputLabel","MenuItem","Select","Stack","Switch","Typography","FormatControls","OptionsColorPicker","OptionsEditorGroup","OptionsEditorGrid","OptionsEditorColumn","SortSelector","ModeSelector","OptionsEditorControl","useChartsTheme","isPercentUnit","isUnitWithShortValues","CalculationSelector","LegendOptionsEditor","produce","merge","omit","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/PieChartPanel.d.ts

@@ -1,7 +1,7 @@
-import { PanelProps } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { TimeSeriesData } from '@perses-dev/spec';
-import { PieChartOptions } from './pie-chart-model';
+import type { PanelProps } from '@perses-dev/plugin-system';
+import type { TimeSeriesData } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+import type { PieChartOptions } from './pie-chart-model';
 export type PieChartPanelProps = PanelProps<PieChartOptions, TimeSeriesData>;
 export declare function PieChartPanel(props: PieChartPanelProps): ReactElement | null;
 //# sourceMappingURL=PieChartPanel.d.ts.map

package/lib/PieChartPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartPanel.d.ts","sourceRoot":"","sources":["../../src/PieChartPanel.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAoC,UAAU,EAAsB,MAAM,2BAA2B,CAAC;AAE7G,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAE7E,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA4H5E"}
+{"version":3,"file":"PieChartPanel.d.ts","sourceRoot":"","sources":["../../src/PieChartPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAE7E,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA4H5E"}

package/lib/PieChartPanel.js

@@ -11,16 +11,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 { Box } from '@mui/material';
-import { ContentWithLegend, DEFAULT_LEGEND, useChartsTheme, useId } from '@perses-dev/components';
-import { CalculationsMap, validateLegendSpec } from '@perses-dev/plugin-system';
-import merge from 'lodash/merge';
-import { useMemo, useRef, useState } from 'react';
-import { PieChartListLegendMapper, PieChartTableLegendMapper, sortSeriesData } from './utils';
-import { getSeriesColor } from './colors';
-import { PieChartBase } from './PieChartBase';
+import { Box } from "@mui/material";
+import { ContentWithLegend, DEFAULT_LEGEND, useChartsTheme, useId } from "@perses-dev/components";
+import { CalculationsMap, validateLegendSpec } from "@perses-dev/plugin-system";
+import merge from "lodash/merge";
+import { useMemo, useRef, useState } from "react";
+import { getSeriesColor } from "./colors.js";
+import { PieChartBase } from "./PieChartBase.js";
+import { PieChartListLegendMapper, PieChartTableLegendMapper, sortSeriesData } from "./utils.js";
 export function PieChartPanel(props) {
-    const { spec: { calculation, sort, mode, format: formatOptions, legend: pieChartLegend, colorPalette: colorPalette }, contentDimensions, queryResults } = props;
+    const { spec: { calculation, sort, mode, format: formatOptions, legend: pieChartLegend, colorPalette }, contentDimensions, queryResults } = props;
     const chartsTheme = useChartsTheme();
     const chartId = useId('time-series-panel');
     const seriesNames = queryResults.flatMap((result)=>result?.data.series?.map((series)=>series.name) || []);

package/lib/PieChartPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PieChartPanel.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 { Box } from '@mui/material';\nimport {\n  ChartInstance,\n  ContentWithLegend,\n  DEFAULT_LEGEND,\n  LegendProps,\n  SelectedLegendItemState,\n  useChartsTheme,\n  useId,\n} from '@perses-dev/components';\nimport { CalculationsMap, CalculationType, PanelProps, validateLegendSpec } from '@perses-dev/plugin-system';\nimport merge from 'lodash/merge';\nimport { ReactElement, useMemo, useRef, useState } from 'react';\nimport { TimeSeriesData } from '@perses-dev/spec';\nimport { PieChartOptions } from './pie-chart-model';\nimport { PieChartLegendMapper, PieChartListLegendMapper, PieChartTableLegendMapper, sortSeriesData } from './utils';\nimport { getSeriesColor } from './colors';\nimport { PieChartBase, PieChartData } from './PieChartBase';\n\nexport type PieChartPanelProps = PanelProps<PieChartOptions, TimeSeriesData>;\n\nexport function PieChartPanel(props: PieChartPanelProps): ReactElement | null {\n  const {\n    spec: { calculation, sort, mode, format: formatOptions, legend: pieChartLegend, colorPalette: colorPalette },\n    contentDimensions,\n    queryResults,\n  } = props;\n  const chartsTheme = useChartsTheme();\n  const chartId = useId('time-series-panel');\n  const seriesNames = queryResults.flatMap((result) => result?.data.series?.map((series) => series.name) || []);\n\n  // Memoize the color list so it only regenerates when color/palette/series count changes\n  const colorList = useMemo(() => {\n    return getSeriesColor(seriesNames, colorPalette);\n  }, [colorPalette, seriesNames]);\n\n  const pieChartData = useMemo((): Array<Required<PieChartData>> => {\n    const calculate = CalculationsMap[calculation as CalculationType];\n    const pieChartData: Array<Required<PieChartData>> = [];\n    queryResults.forEach((result, queryIndex) => {\n      const series = result?.data.series ?? [];\n\n      series.forEach((seriesData, seriesIndex) => {\n        const seriesId = `${chartId}${seriesData.name}${seriesIndex}${queryIndex}`;\n        const seriesColor = colorList[queryIndex * series.length + seriesIndex] ?? '#ff0000';\n\n        const seriesItem = {\n          id: seriesId,\n          value: calculate(seriesData.values) ?? null,\n          name: seriesData.formattedName ?? '',\n          itemStyle: {\n            color: seriesColor,\n          },\n        };\n\n        pieChartData.push(seriesItem);\n      });\n    });\n\n    return sortSeriesData(pieChartData, sort);\n  }, [calculation, chartId, colorList, queryResults, sort]);\n\n  const { legendItems, legendColumns } = useMemo(() => {\n    const pieChartLegendMapper: PieChartLegendMapper =\n      pieChartLegend?.mode === 'table' ? new PieChartTableLegendMapper() : new PieChartListLegendMapper();\n    const values = pieChartLegend?.values;\n    const legendItems = pieChartLegendMapper.mapToLegendItems(pieChartData, values);\n    const legendColumns = pieChartLegendMapper.mapToLegendColumns(values, formatOptions);\n    return {\n      legendItems,\n      legendColumns,\n    };\n  }, [formatOptions, pieChartData, pieChartLegend?.mode, pieChartLegend?.values]);\n\n  const contentPadding = chartsTheme.container.padding.default;\n  const adjustedContentDimensions: typeof contentDimensions = contentDimensions\n    ? {\n        width: contentDimensions.width - contentPadding * 2,\n        height: contentDimensions.height - contentPadding * 2,\n      }\n    : undefined;\n\n  const legend = useMemo(() => {\n    return props.spec.legend && validateLegendSpec(props.spec.legend)\n      ? merge({}, DEFAULT_LEGEND, props.spec.legend)\n      : undefined;\n  }, [props.spec.legend]);\n\n  const [selectedLegendItems, setSelectedLegendItems] = useState<SelectedLegendItemState>('ALL');\n\n  const [legendSorting, setLegendSorting] = useState<NonNullable<LegendProps['tableProps']>['sorting']>();\n\n  const chartRef = useRef<ChartInstance>(null);\n\n  // ensures there are fallbacks for unset properties since most\n  // users should not need to customize visual display\n\n  if (!contentDimensions) return null;\n\n  return (\n    <Box sx={{ padding: `${contentPadding}px` }}>\n      <ContentWithLegend\n        width={adjustedContentDimensions?.width ?? 400}\n        height={adjustedContentDimensions?.height ?? 1000}\n        // Making this small enough that the medium size doesn't get\n        // responsive-handling-ed away when in the panel options editor.\n        minChildrenHeight={50}\n        legendSize={legend?.size}\n        legendProps={\n          legend && {\n            options: legend,\n            data: legendItems,\n            selectedItems: selectedLegendItems,\n            onSelectedItemsChange: setSelectedLegendItems,\n            tableProps: {\n              columns: legendColumns,\n              sorting: legendSorting,\n              onSortingChange: setLegendSorting,\n            },\n            onItemMouseOver: (e, { id }): void => {\n              chartRef.current?.highlightSeries({ name: id });\n            },\n            onItemMouseOut: (): void => {\n              chartRef.current?.clearHighlightedSeries();\n            },\n          }\n        }\n      >\n        {({ height, width }) => {\n          return (\n            <Box style={{ height, width }}>\n              <PieChartBase\n                data={pieChartData}\n                width={width}\n                height={height}\n                mode={mode}\n                formatOptions={formatOptions}\n                showLabels={Boolean(props.spec.showLabels)}\n              />\n            </Box>\n          );\n        }}\n      </ContentWithLegend>\n    </Box>\n  );\n}\n"],"names":["Box","ContentWithLegend","DEFAULT_LEGEND","useChartsTheme","useId","CalculationsMap","validateLegendSpec","merge","useMemo","useRef","useState","PieChartListLegendMapper","PieChartTableLegendMapper","sortSeriesData","getSeriesColor","PieChartBase","PieChartPanel","props","spec","calculation","sort","mode","format","formatOptions","legend","pieChartLegend","colorPalette","contentDimensions","queryResults","chartsTheme","chartId","seriesNames","flatMap","result","data","series","map","name","colorList","pieChartData","calculate","forEach","queryIndex","seriesData","seriesIndex","seriesId","seriesColor","length","seriesItem","id","value","values","formattedName","itemStyle","color","push","legendItems","legendColumns","pieChartLegendMapper","mapToLegendItems","mapToLegendColumns","contentPadding","container","padding","default","adjustedContentDimensions","width","height","undefined","selectedLegendItems","setSelectedLegendItems","legendSorting","setLegendSorting","chartRef","sx","minChildrenHeight","legendSize","size","legendProps","options","selectedItems","onSelectedItemsChange","tableProps","columns","sorting","onSortingChange","onItemMouseOver","e","current","highlightSeries","onItemMouseOut","clearHighlightedSeries","style","showLabels","Boolean"],"mappings":"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"}
+{"version":3,"sources":["../../src/PieChartPanel.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 { Box } from '@mui/material';\nimport type { ChartInstance, LegendProps, SelectedLegendItemState } from '@perses-dev/components';\nimport { ContentWithLegend, DEFAULT_LEGEND, useChartsTheme, useId } from '@perses-dev/components';\nimport type { CalculationType, PanelProps } from '@perses-dev/plugin-system';\nimport { CalculationsMap, validateLegendSpec } from '@perses-dev/plugin-system';\nimport type { TimeSeriesData } from '@perses-dev/spec';\nimport merge from 'lodash/merge';\nimport type { ReactElement } from 'react';\nimport { useMemo, useRef, useState } from 'react';\n\nimport { getSeriesColor } from './colors';\nimport type { PieChartOptions } from './pie-chart-model';\nimport type { PieChartData } from './PieChartBase';\nimport { PieChartBase } from './PieChartBase';\nimport type { PieChartLegendMapper } from './utils';\nimport { PieChartListLegendMapper, PieChartTableLegendMapper, sortSeriesData } from './utils';\n\nexport type PieChartPanelProps = PanelProps<PieChartOptions, TimeSeriesData>;\n\nexport function PieChartPanel(props: PieChartPanelProps): ReactElement | null {\n  const {\n    spec: { calculation, sort, mode, format: formatOptions, legend: pieChartLegend, colorPalette },\n    contentDimensions,\n    queryResults,\n  } = props;\n  const chartsTheme = useChartsTheme();\n  const chartId = useId('time-series-panel');\n  const seriesNames = queryResults.flatMap((result) => result?.data.series?.map((series) => series.name) || []);\n\n  // Memoize the color list so it only regenerates when color/palette/series count changes\n  const colorList = useMemo(() => {\n    return getSeriesColor(seriesNames, colorPalette);\n  }, [colorPalette, seriesNames]);\n\n  const pieChartData = useMemo((): Array<Required<PieChartData>> => {\n    const calculate = CalculationsMap[calculation as CalculationType];\n    const pieChartData: Array<Required<PieChartData>> = [];\n    queryResults.forEach((result, queryIndex) => {\n      const series = result?.data.series ?? [];\n\n      series.forEach((seriesData, seriesIndex) => {\n        const seriesId = `${chartId}${seriesData.name}${seriesIndex}${queryIndex}`;\n        const seriesColor = colorList[queryIndex * series.length + seriesIndex] ?? '#ff0000';\n\n        const seriesItem = {\n          id: seriesId,\n          value: calculate(seriesData.values) ?? null,\n          name: seriesData.formattedName ?? '',\n          itemStyle: {\n            color: seriesColor,\n          },\n        };\n\n        pieChartData.push(seriesItem);\n      });\n    });\n\n    return sortSeriesData(pieChartData, sort);\n  }, [calculation, chartId, colorList, queryResults, sort]);\n\n  const { legendItems, legendColumns } = useMemo(() => {\n    const pieChartLegendMapper: PieChartLegendMapper =\n      pieChartLegend?.mode === 'table' ? new PieChartTableLegendMapper() : new PieChartListLegendMapper();\n    const values = pieChartLegend?.values;\n    const legendItems = pieChartLegendMapper.mapToLegendItems(pieChartData, values);\n    const legendColumns = pieChartLegendMapper.mapToLegendColumns(values, formatOptions);\n    return {\n      legendItems,\n      legendColumns,\n    };\n  }, [formatOptions, pieChartData, pieChartLegend?.mode, pieChartLegend?.values]);\n\n  const contentPadding = chartsTheme.container.padding.default;\n  const adjustedContentDimensions: typeof contentDimensions = contentDimensions\n    ? {\n        width: contentDimensions.width - contentPadding * 2,\n        height: contentDimensions.height - contentPadding * 2,\n      }\n    : undefined;\n\n  const legend = useMemo(() => {\n    return props.spec.legend && validateLegendSpec(props.spec.legend)\n      ? merge({}, DEFAULT_LEGEND, props.spec.legend)\n      : undefined;\n  }, [props.spec.legend]);\n\n  const [selectedLegendItems, setSelectedLegendItems] = useState<SelectedLegendItemState>('ALL');\n\n  const [legendSorting, setLegendSorting] = useState<NonNullable<LegendProps['tableProps']>['sorting']>();\n\n  const chartRef = useRef<ChartInstance>(null);\n\n  // ensures there are fallbacks for unset properties since most\n  // users should not need to customize visual display\n\n  if (!contentDimensions) return null;\n\n  return (\n    <Box sx={{ padding: `${contentPadding}px` }}>\n      <ContentWithLegend\n        width={adjustedContentDimensions?.width ?? 400}\n        height={adjustedContentDimensions?.height ?? 1000}\n        // Making this small enough that the medium size doesn't get\n        // responsive-handling-ed away when in the panel options editor.\n        minChildrenHeight={50}\n        legendSize={legend?.size}\n        legendProps={\n          legend && {\n            options: legend,\n            data: legendItems,\n            selectedItems: selectedLegendItems,\n            onSelectedItemsChange: setSelectedLegendItems,\n            tableProps: {\n              columns: legendColumns,\n              sorting: legendSorting,\n              onSortingChange: setLegendSorting,\n            },\n            onItemMouseOver: (e, { id }): void => {\n              chartRef.current?.highlightSeries({ name: id });\n            },\n            onItemMouseOut: (): void => {\n              chartRef.current?.clearHighlightedSeries();\n            },\n          }\n        }\n      >\n        {({ height, width }) => {\n          return (\n            <Box style={{ height, width }}>\n              <PieChartBase\n                data={pieChartData}\n                width={width}\n                height={height}\n                mode={mode}\n                formatOptions={formatOptions}\n                showLabels={Boolean(props.spec.showLabels)}\n              />\n            </Box>\n          );\n        }}\n      </ContentWithLegend>\n    </Box>\n  );\n}\n"],"names":["Box","ContentWithLegend","DEFAULT_LEGEND","useChartsTheme","useId","CalculationsMap","validateLegendSpec","merge","useMemo","useRef","useState","getSeriesColor","PieChartBase","PieChartListLegendMapper","PieChartTableLegendMapper","sortSeriesData","PieChartPanel","props","spec","calculation","sort","mode","format","formatOptions","legend","pieChartLegend","colorPalette","contentDimensions","queryResults","chartsTheme","chartId","seriesNames","flatMap","result","data","series","map","name","colorList","pieChartData","calculate","forEach","queryIndex","seriesData","seriesIndex","seriesId","seriesColor","length","seriesItem","id","value","values","formattedName","itemStyle","color","push","legendItems","legendColumns","pieChartLegendMapper","mapToLegendItems","mapToLegendColumns","contentPadding","container","padding","default","adjustedContentDimensions","width","height","undefined","selectedLegendItems","setSelectedLegendItems","legendSorting","setLegendSorting","chartRef","sx","minChildrenHeight","legendSize","size","legendProps","options","selectedItems","onSelectedItemsChange","tableProps","columns","sorting","onSortingChange","onItemMouseOver","e","current","highlightSeries","onItemMouseOut","clearHighlightedSeries","style","showLabels","Boolean"],"mappings":"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"}

package/lib/bootstrap.js

@@ -11,8 +11,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 React from 'react';
-import ReactDOM from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
 

package/lib/colors.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 ColorHash from 'color-hash';
+import ColorHash from "color-hash";
 // Valid hue values are 0 to 360 and can be adjusted to control the generated colors.
 // More info: https://github.com/zenozeng/color-hash#custom-hue
 // Picked min of 20 and max of 360 to exclude common threshold colors (red).
@@ -105,7 +105,7 @@ const redColorGenerator = new ColorHash({
                 colors.push(generateGradientColor(baseColor, gradientFactor));
             }
         }
-        return colors.sort((a, b)=>{
+        return colors.toSorted((a, b)=>{
             const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');
             const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');
             return seedA - seedB;
@@ -117,7 +117,7 @@ const redColorGenerator = new ColorHash({
         colors.push(color);
     }
     if (totalSeries > colorPalette.length) {
-        return colors.sort((a, b)=>{
+        return colors.toSorted((a, b)=>{
             const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');
             const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');
             return seedA - seedB;

package/lib/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/colors.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 ColorHash from 'color-hash';\n\n// Valid hue values are 0 to 360 and can be adjusted to control the generated colors.\n// More info: https://github.com/zenozeng/color-hash#custom-hue\n// Picked min of 20 and max of 360 to exclude common threshold colors (red).\n// Items with \"error\" in them will always be generated as red.\nconst ERROR_HUE_CUTOFF = 20;\nconst colorGenerator = new ColorHash({ hue: { min: ERROR_HUE_CUTOFF, max: 360 } });\nconst redColorGenerator = new ColorHash({ hue: { min: 0, max: ERROR_HUE_CUTOFF } });\n\nexport interface SeriesColorProps {\n  categoricalPalette: string[];\n  muiPrimaryColor: string;\n  seriesName: string;\n}\n\n// Color utility functions\n/**\n * Converts a number to a 2-digit hex string\n */\nfunction toHex(n: number): string {\n  const hex = n.toString(16);\n  return hex.length === 1 ? '0' + hex : hex;\n}\n\n/**\n * Converts a hex color string to RGB values\n */\nfunction hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const cleanHex = hex.replace('#', '');\n  return {\n    r: parseInt(cleanHex.substring(0, 2), 16),\n    g: parseInt(cleanHex.substring(2, 4), 16),\n    b: parseInt(cleanHex.substring(4, 6), 16),\n  };\n}\n\n/**\n * Returns a deterministic number between 0 and 1 for a given string\n */\nfunction stringToSeed(str: string): number {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32-bit integer\n  }\n  // Convert to positive number and normalize to 0-1 range\n  return Math.abs(hash) / 2147483647;\n}\n\n/**\n * Helper function to generate gradient colors for series within a query\n */\nexport function generateGradientColor(baseColor: string, factor: number): string {\n  // Convert hex color to RGB\n  const { r, g, b } = hexToRgb(baseColor);\n\n  const newR = Math.round(r * factor);\n  const newG = Math.round(g * factor);\n  const newB = Math.round(b * factor);\n\n  return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;\n}\n\n/**\n * Generates a list of color strings for a given number of series using a categorical palette.\n * When the number of series exceeds the palette size, it cycles through the palette\n * and applies gradients to create visual distinction.\n * @param totalSeries - The total number of series that need colors\n * @param colorPalette - Array of color strings to use as the base palette\n * @returns Array of color strings, one for each series\n */\nexport function getSeriesColor(seriesNames: string[], colorPalette?: string[]): string[] {\n  const totalSeries = seriesNames.length;\n\n  if (totalSeries <= 0) {\n    return [];\n  }\n\n  const colors: string[] = [];\n\n  // undefined palette - default\n  if (colorPalette === undefined) {\n    for (let nameIndex = 0; nameIndex < seriesNames.length; nameIndex++) {\n      const seriesColor = getDefaultSeriesColor({\n        categoricalPalette: ['#ff0000'],\n        muiPrimaryColor: '#ff0000',\n        seriesName: seriesNames[nameIndex] || '',\n      });\n      colors.push(seriesColor);\n    }\n    return colors;\n  }\n\n  // single color palette - generate gradients from that color\n  if (colorPalette.length === 1) {\n    const baseColor = colorPalette[0] ?? '#ff0000';\n    for (let i = 0; i < totalSeries; i++) {\n      if (i === 0) {\n        colors.push(baseColor);\n      } else {\n        const gradientFactor = 1 * ((totalSeries - i) / totalSeries);\n        colors.push(generateGradientColor(baseColor, gradientFactor));\n      }\n    }\n    return colors.sort((a, b) => {\n      const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');\n      const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');\n      return seedA - seedB;\n    });\n  }\n\n  // multi color palette - loops through colors and adds gradient when palette is exhausted\n  for (let i = 0; i < totalSeries; i++) {\n    const color = getColor(colorPalette, i);\n    colors.push(color);\n  }\n\n  if (totalSeries > colorPalette.length) {\n    return colors.sort((a, b) => {\n      const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');\n      const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');\n      return seedA - seedB;\n    });\n  }\n  return colors;\n}\n\n/**\n * Default classical qualitative palette that cycles through the colors array by index.\n * When colors start repeating (after exhausting the palette), applies gradients for distinction.\n */\nexport function getColor(palette: string[], seriesIndex: number): string {\n  // Handle undefined or empty palette\n  if (!palette || palette.length === 0) {\n    return '#ff0000';\n  }\n\n  const paletteTotalColors = palette.length;\n  const paletteIndex = seriesIndex % paletteTotalColors;\n  const baseColor = palette[paletteIndex] ?? '#ff0000';\n\n  // If we haven't exhausted the palette yet, use the original color\n  if (seriesIndex < paletteTotalColors) {\n    return baseColor;\n  }\n\n  // Calculate which \"cycle\" we're in (0 = first repeat, 1 = second repeat, etc.)\n  const cycleNumber = Math.floor(seriesIndex / paletteTotalColors);\n\n  // Apply gradient based on cycle number to create visual distinction\n  const gradientFactor = Math.min(1 - cycleNumber * 0.2, 1);\n  return generateGradientColor(baseColor, gradientFactor);\n}\n\nfunction computeConsistentColor(name: string, error: boolean): string {\n  const [hue, saturation, lightness] = error ? redColorGenerator.hsl(name) : colorGenerator.hsl(name);\n  const saturationPercent = `${(saturation * 100).toFixed(0)}%`;\n  const lightnessPercent = `${(lightness * 100).toFixed(0)}%`;\n  return `hsla(${hue.toFixed(2)},${saturationPercent},${lightnessPercent},0.9)`;\n}\n\n// To check whether a color has already been generated for a given string.\n// TODO: Predefined color aliases will be defined here\nconst colorLookup: Record<string, string> = {};\n\n/**\n * Return a consistent color for (name, error) tuple\n */\nexport function getConsistentColor(name: string, error: boolean): string {\n  const key = `${name}_____${error}`;\n  let value = colorLookup[key];\n  if (!value) {\n    value = computeConsistentColor(name, error);\n    colorLookup[key] = value;\n  }\n  return value;\n}\n\n/*\n * Generate a consistent series name color (if series name includes 'error', it will have a red hue).\n */\nexport function getConsistentSeriesNameColor(inputString: string): string {\n  return getConsistentColor(inputString, inputString.toLowerCase().includes('error'));\n}\n\n/**\n * Get line color as well as color for tooltip and legend, account for whether palette is 'categorical' or 'auto' aka generative\n */\nexport function getDefaultSeriesColor(props: SeriesColorProps): string {\n  const { categoricalPalette, muiPrimaryColor, seriesName } = props;\n\n  // Fallback is unlikely to set unless echarts theme palette in charts theme provider is undefined.\n  const fallbackColor =\n    Array.isArray(categoricalPalette) && categoricalPalette[0]\n      ? (categoricalPalette[0] as string) // Needed since echarts color property isn't always an array.\n      : muiPrimaryColor;\n\n  return getAutoPaletteColor(seriesName, fallbackColor);\n}\n\n/**\n * Get color from generative color palette, this approaches uses series name as the seed and\n * allows for consistent colors across panels (when all panels use this approach).\n */\nexport function getAutoPaletteColor(name: string, fallbackColor: string): string {\n  // corresponds to 'Auto' in palette.kind for generative color palette\n  const generatedColor = getConsistentSeriesNameColor(name);\n  return generatedColor ?? fallbackColor;\n}\n"],"names":["ColorHash","ERROR_HUE_CUTOFF","colorGenerator","hue","min","max","redColorGenerator","toHex","n","hex","toString","length","hexToRgb","cleanHex","replace","r","parseInt","substring","g","b","stringToSeed","str","hash","i","char","charCodeAt","Math","abs","generateGradientColor","baseColor","factor","newR","round","newG","newB","getSeriesColor","seriesNames","colorPalette","totalSeries","colors","undefined","nameIndex","seriesColor","getDefaultSeriesColor","categoricalPalette","muiPrimaryColor","seriesName","push","gradientFactor","sort","a","seedA","indexOf","seedB","color","getColor","palette","seriesIndex","paletteTotalColors","paletteIndex","cycleNumber","floor","computeConsistentColor","name","error","saturation","lightness","hsl","saturationPercent","toFixed","lightnessPercent","colorLookup","getConsistentColor","key","value","getConsistentSeriesNameColor","inputString","toLowerCase","includes","props","fallbackColor","Array","isArray","getAutoPaletteColor","generatedColor"],"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,OAAOA,eAAe,aAAa;AAEnC,qFAAqF;AACrF,+DAA+D;AAC/D,4EAA4E;AAC5E,8DAA8D;AAC9D,MAAMC,mBAAmB;AACzB,MAAMC,iBAAiB,IAAIF,UAAU;IAAEG,KAAK;QAAEC,KAAKH;QAAkBI,KAAK;IAAI;AAAE;AAChF,MAAMC,oBAAoB,IAAIN,UAAU;IAAEG,KAAK;QAAEC,KAAK;QAAGC,KAAKJ;IAAiB;AAAE;AAQjF,0BAA0B;AAC1B;;CAEC,GACD,SAASM,MAAMC,CAAS;IACtB,MAAMC,MAAMD,EAAEE,QAAQ,CAAC;IACvB,OAAOD,IAAIE,MAAM,KAAK,IAAI,MAAMF,MAAMA;AACxC;AAEA;;CAEC,GACD,SAASG,SAASH,GAAW;IAC3B,MAAMI,WAAWJ,IAAIK,OAAO,CAAC,KAAK;IAClC,OAAO;QACLC,GAAGC,SAASH,SAASI,SAAS,CAAC,GAAG,IAAI;QACtCC,GAAGF,SAASH,SAASI,SAAS,CAAC,GAAG,IAAI;QACtCE,GAAGH,SAASH,SAASI,SAAS,CAAC,GAAG,IAAI;IACxC;AACF;AAEA;;CAEC,GACD,SAASG,aAAaC,GAAW;IAC/B,IAAIC,OAAO;IACX,IAAK,IAAIC,IAAI,GAAGA,IAAIF,IAAIV,MAAM,EAAEY,IAAK;QACnC,MAAMC,OAAOH,IAAII,UAAU,CAACF;QAC5BD,OAAO,AAACA,CAAAA,QAAQ,CAAA,IAAKA,OAAOE;QAC5BF,OAAOA,OAAOA,MAAM,4BAA4B;IAClD;IACA,wDAAwD;IACxD,OAAOI,KAAKC,GAAG,CAACL,QAAQ;AAC1B;AAEA;;CAEC,GACD,OAAO,SAASM,sBAAsBC,SAAiB,EAAEC,MAAc;IACrE,2BAA2B;IAC3B,MAAM,EAAEf,CAAC,EAAEG,CAAC,EAAEC,CAAC,EAAE,GAAGP,SAASiB;IAE7B,MAAME,OAAOL,KAAKM,KAAK,CAACjB,IAAIe;IAC5B,MAAMG,OAAOP,KAAKM,KAAK,CAACd,IAAIY;IAC5B,MAAMI,OAAOR,KAAKM,KAAK,CAACb,IAAIW;IAE5B,OAAO,CAAC,CAAC,EAAEvB,MAAMwB,QAAQxB,MAAM0B,QAAQ1B,MAAM2B,OAAO;AACtD;AAEA;;;;;;;CAOC,GACD,OAAO,SAASC,eAAeC,WAAqB,EAAEC,YAAuB;IAC3E,MAAMC,cAAcF,YAAYzB,MAAM;IAEtC,IAAI2B,eAAe,GAAG;QACpB,OAAO,EAAE;IACX;IAEA,MAAMC,SAAmB,EAAE;IAE3B,8BAA8B;IAC9B,IAAIF,iBAAiBG,WAAW;QAC9B,IAAK,IAAIC,YAAY,GAAGA,YAAYL,YAAYzB,MAAM,EAAE8B,YAAa;YACnE,MAAMC,cAAcC,sBAAsB;gBACxCC,oBAAoB;oBAAC;iBAAU;gBAC/BC,iBAAiB;gBACjBC,YAAYV,WAAW,CAACK,UAAU,IAAI;YACxC;YACAF,OAAOQ,IAAI,CAACL;QACd;QACA,OAAOH;IACT;IAEA,4DAA4D;IAC5D,IAAIF,aAAa1B,MAAM,KAAK,GAAG;QAC7B,MAAMkB,YAAYQ,YAAY,CAAC,EAAE,IAAI;QACrC,IAAK,IAAId,IAAI,GAAGA,IAAIe,aAAaf,IAAK;YACpC,IAAIA,MAAM,GAAG;gBACXgB,OAAOQ,IAAI,CAAClB;YACd,OAAO;gBACL,MAAMmB,iBAAiB,IAAK,CAAA,AAACV,CAAAA,cAAcf,CAAAA,IAAKe,WAAU;gBAC1DC,OAAOQ,IAAI,CAACnB,sBAAsBC,WAAWmB;YAC/C;QACF;QACA,OAAOT,OAAOU,IAAI,CAAC,CAACC,GAAG/B;YACrB,MAAMgC,QAAQ/B,aAAagB,WAAW,CAACG,OAAOa,OAAO,CAACF,GAAG,IAAI;YAC7D,MAAMG,QAAQjC,aAAagB,WAAW,CAACG,OAAOa,OAAO,CAACjC,GAAG,IAAI;YAC7D,OAAOgC,QAAQE;QACjB;IACF;IAEA,yFAAyF;IACzF,IAAK,IAAI9B,IAAI,GAAGA,IAAIe,aAAaf,IAAK;QACpC,MAAM+B,QAAQC,SAASlB,cAAcd;QACrCgB,OAAOQ,IAAI,CAACO;IACd;IAEA,IAAIhB,cAAcD,aAAa1B,MAAM,EAAE;QACrC,OAAO4B,OAAOU,IAAI,CAAC,CAACC,GAAG/B;YACrB,MAAMgC,QAAQ/B,aAAagB,WAAW,CAACG,OAAOa,OAAO,CAACF,GAAG,IAAI;YAC7D,MAAMG,QAAQjC,aAAagB,WAAW,CAACG,OAAOa,OAAO,CAACjC,GAAG,IAAI;YAC7D,OAAOgC,QAAQE;QACjB;IACF;IACA,OAAOd;AACT;AAEA;;;CAGC,GACD,OAAO,SAASgB,SAASC,OAAiB,EAAEC,WAAmB;IAC7D,oCAAoC;IACpC,IAAI,CAACD,WAAWA,QAAQ7C,MAAM,KAAK,GAAG;QACpC,OAAO;IACT;IAEA,MAAM+C,qBAAqBF,QAAQ7C,MAAM;IACzC,MAAMgD,eAAeF,cAAcC;IACnC,MAAM7B,YAAY2B,OAAO,CAACG,aAAa,IAAI;IAE3C,kEAAkE;IAClE,IAAIF,cAAcC,oBAAoB;QACpC,OAAO7B;IACT;IAEA,+EAA+E;IAC/E,MAAM+B,cAAclC,KAAKmC,KAAK,CAACJ,cAAcC;IAE7C,oEAAoE;IACpE,MAAMV,iBAAiBtB,KAAKtB,GAAG,CAAC,IAAIwD,cAAc,KAAK;IACvD,OAAOhC,sBAAsBC,WAAWmB;AAC1C;AAEA,SAASc,uBAAuBC,IAAY,EAAEC,KAAc;IAC1D,MAAM,CAAC7D,KAAK8D,YAAYC,UAAU,GAAGF,QAAQ1D,kBAAkB6D,GAAG,CAACJ,QAAQ7D,eAAeiE,GAAG,CAACJ;IAC9F,MAAMK,oBAAoB,GAAG,AAACH,CAAAA,aAAa,GAAE,EAAGI,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7D,MAAMC,mBAAmB,GAAG,AAACJ,CAAAA,YAAY,GAAE,EAAGG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3D,OAAO,CAAC,KAAK,EAAElE,IAAIkE,OAAO,CAAC,GAAG,CAAC,EAAED,kBAAkB,CAAC,EAAEE,iBAAiB,KAAK,CAAC;AAC/E;AAEA,0EAA0E;AAC1E,sDAAsD;AACtD,MAAMC,cAAsC,CAAC;AAE7C;;CAEC,GACD,OAAO,SAASC,mBAAmBT,IAAY,EAAEC,KAAc;IAC7D,MAAMS,MAAM,GAAGV,KAAK,KAAK,EAAEC,OAAO;IAClC,IAAIU,QAAQH,WAAW,CAACE,IAAI;IAC5B,IAAI,CAACC,OAAO;QACVA,QAAQZ,uBAAuBC,MAAMC;QACrCO,WAAW,CAACE,IAAI,GAAGC;IACrB;IACA,OAAOA;AACT;AAEA;;CAEC,GACD,OAAO,SAASC,6BAA6BC,WAAmB;IAC9D,OAAOJ,mBAAmBI,aAAaA,YAAYC,WAAW,GAAGC,QAAQ,CAAC;AAC5E;AAEA;;CAEC,GACD,OAAO,SAASnC,sBAAsBoC,KAAuB;IAC3D,MAAM,EAAEnC,kBAAkB,EAAEC,eAAe,EAAEC,UAAU,EAAE,GAAGiC;IAE5D,kGAAkG;IAClG,MAAMC,gBACJC,MAAMC,OAAO,CAACtC,uBAAuBA,kBAAkB,CAAC,EAAE,GACrDA,kBAAkB,CAAC,EAAE,CAAY,6DAA6D;OAC/FC;IAEN,OAAOsC,oBAAoBrC,YAAYkC;AACzC;AAEA;;;CAGC,GACD,OAAO,SAASG,oBAAoBpB,IAAY,EAAEiB,aAAqB;IACrE,qEAAqE;IACrE,MAAMI,iBAAiBT,6BAA6BZ;IACpD,OAAOqB,kBAAkBJ;AAC3B"}
+{"version":3,"sources":["../../src/colors.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 ColorHash from 'color-hash';\n\n// Valid hue values are 0 to 360 and can be adjusted to control the generated colors.\n// More info: https://github.com/zenozeng/color-hash#custom-hue\n// Picked min of 20 and max of 360 to exclude common threshold colors (red).\n// Items with \"error\" in them will always be generated as red.\nconst ERROR_HUE_CUTOFF = 20;\nconst colorGenerator = new ColorHash({ hue: { min: ERROR_HUE_CUTOFF, max: 360 } });\nconst redColorGenerator = new ColorHash({ hue: { min: 0, max: ERROR_HUE_CUTOFF } });\n\nexport interface SeriesColorProps {\n  categoricalPalette: string[];\n  muiPrimaryColor: string;\n  seriesName: string;\n}\n\n// Color utility functions\n/**\n * Converts a number to a 2-digit hex string\n */\nfunction toHex(n: number): string {\n  const hex = n.toString(16);\n  return hex.length === 1 ? '0' + hex : hex;\n}\n\n/**\n * Converts a hex color string to RGB values\n */\nfunction hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const cleanHex = hex.replace('#', '');\n  return {\n    r: parseInt(cleanHex.substring(0, 2), 16),\n    g: parseInt(cleanHex.substring(2, 4), 16),\n    b: parseInt(cleanHex.substring(4, 6), 16),\n  };\n}\n\n/**\n * Returns a deterministic number between 0 and 1 for a given string\n */\nfunction stringToSeed(str: string): number {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32-bit integer\n  }\n  // Convert to positive number and normalize to 0-1 range\n  return Math.abs(hash) / 2147483647;\n}\n\n/**\n * Helper function to generate gradient colors for series within a query\n */\nexport function generateGradientColor(baseColor: string, factor: number): string {\n  // Convert hex color to RGB\n  const { r, g, b } = hexToRgb(baseColor);\n\n  const newR = Math.round(r * factor);\n  const newG = Math.round(g * factor);\n  const newB = Math.round(b * factor);\n\n  return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;\n}\n\n/**\n * Generates a list of color strings for a given number of series using a categorical palette.\n * When the number of series exceeds the palette size, it cycles through the palette\n * and applies gradients to create visual distinction.\n * @param totalSeries - The total number of series that need colors\n * @param colorPalette - Array of color strings to use as the base palette\n * @returns Array of color strings, one for each series\n */\nexport function getSeriesColor(seriesNames: string[], colorPalette?: string[]): string[] {\n  const totalSeries = seriesNames.length;\n\n  if (totalSeries <= 0) {\n    return [];\n  }\n\n  const colors: string[] = [];\n\n  // undefined palette - default\n  if (colorPalette === undefined) {\n    for (let nameIndex = 0; nameIndex < seriesNames.length; nameIndex++) {\n      const seriesColor = getDefaultSeriesColor({\n        categoricalPalette: ['#ff0000'],\n        muiPrimaryColor: '#ff0000',\n        seriesName: seriesNames[nameIndex] || '',\n      });\n      colors.push(seriesColor);\n    }\n    return colors;\n  }\n\n  // single color palette - generate gradients from that color\n  if (colorPalette.length === 1) {\n    const baseColor = colorPalette[0] ?? '#ff0000';\n    for (let i = 0; i < totalSeries; i++) {\n      if (i === 0) {\n        colors.push(baseColor);\n      } else {\n        const gradientFactor = 1 * ((totalSeries - i) / totalSeries);\n        colors.push(generateGradientColor(baseColor, gradientFactor));\n      }\n    }\n    return colors.toSorted((a, b) => {\n      const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');\n      const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');\n      return seedA - seedB;\n    });\n  }\n\n  // multi color palette - loops through colors and adds gradient when palette is exhausted\n  for (let i = 0; i < totalSeries; i++) {\n    const color = getColor(colorPalette, i);\n    colors.push(color);\n  }\n\n  if (totalSeries > colorPalette.length) {\n    return colors.toSorted((a, b) => {\n      const seedA = stringToSeed(seriesNames[colors.indexOf(a)] || 'fallback');\n      const seedB = stringToSeed(seriesNames[colors.indexOf(b)] || 'fallback');\n      return seedA - seedB;\n    });\n  }\n  return colors;\n}\n\n/**\n * Default classical qualitative palette that cycles through the colors array by index.\n * When colors start repeating (after exhausting the palette), applies gradients for distinction.\n */\nexport function getColor(palette: string[], seriesIndex: number): string {\n  // Handle undefined or empty palette\n  if (!palette || palette.length === 0) {\n    return '#ff0000';\n  }\n\n  const paletteTotalColors = palette.length;\n  const paletteIndex = seriesIndex % paletteTotalColors;\n  const baseColor = palette[paletteIndex] ?? '#ff0000';\n\n  // If we haven't exhausted the palette yet, use the original color\n  if (seriesIndex < paletteTotalColors) {\n    return baseColor;\n  }\n\n  // Calculate which \"cycle\" we're in (0 = first repeat, 1 = second repeat, etc.)\n  const cycleNumber = Math.floor(seriesIndex / paletteTotalColors);\n\n  // Apply gradient based on cycle number to create visual distinction\n  const gradientFactor = Math.min(1 - cycleNumber * 0.2, 1);\n  return generateGradientColor(baseColor, gradientFactor);\n}\n\nfunction computeConsistentColor(name: string, error: boolean): string {\n  const [hue, saturation, lightness] = error ? redColorGenerator.hsl(name) : colorGenerator.hsl(name);\n  const saturationPercent = `${(saturation * 100).toFixed(0)}%`;\n  const lightnessPercent = `${(lightness * 100).toFixed(0)}%`;\n  return `hsla(${hue.toFixed(2)},${saturationPercent},${lightnessPercent},0.9)`;\n}\n\n// To check whether a color has already been generated for a given string.\n// TODO: Predefined color aliases will be defined here\nconst colorLookup: Record<string, string> = {};\n\n/**\n * Return a consistent color for (name, error) tuple\n */\nexport function getConsistentColor(name: string, error: boolean): string {\n  const key = `${name}_____${error}`;\n  let value = colorLookup[key];\n  if (!value) {\n    value = computeConsistentColor(name, error);\n    colorLookup[key] = value;\n  }\n  return value;\n}\n\n/*\n * Generate a consistent series name color (if series name includes 'error', it will have a red hue).\n */\nexport function getConsistentSeriesNameColor(inputString: string): string {\n  return getConsistentColor(inputString, inputString.toLowerCase().includes('error'));\n}\n\n/**\n * Get line color as well as color for tooltip and legend, account for whether palette is 'categorical' or 'auto' aka generative\n */\nexport function getDefaultSeriesColor(props: SeriesColorProps): string {\n  const { categoricalPalette, muiPrimaryColor, seriesName } = props;\n\n  // Fallback is unlikely to set unless echarts theme palette in charts theme provider is undefined.\n  const fallbackColor =\n    Array.isArray(categoricalPalette) && categoricalPalette[0]\n      ? (categoricalPalette[0] as string) // Needed since echarts color property isn't always an array.\n      : muiPrimaryColor;\n\n  return getAutoPaletteColor(seriesName, fallbackColor);\n}\n\n/**\n * Get color from generative color palette, this approaches uses series name as the seed and\n * allows for consistent colors across panels (when all panels use this approach).\n */\nexport function getAutoPaletteColor(name: string, fallbackColor: string): string {\n  // corresponds to 'Auto' in palette.kind for generative color palette\n  const generatedColor = getConsistentSeriesNameColor(name);\n  return generatedColor ?? fallbackColor;\n}\n"],"names":["ColorHash","ERROR_HUE_CUTOFF","colorGenerator","hue","min","max","redColorGenerator","toHex","n","hex","toString","length","hexToRgb","cleanHex","replace","r","parseInt","substring","g","b","stringToSeed","str","hash","i","char","charCodeAt","Math","abs","generateGradientColor","baseColor","factor","newR","round","newG","newB","getSeriesColor","seriesNames","colorPalette","totalSeries","colors","undefined","nameIndex","seriesColor","getDefaultSeriesColor","categoricalPalette","muiPrimaryColor","seriesName","push","gradientFactor","toSorted","a","seedA","indexOf","seedB","color","getColor","palette","seriesIndex","paletteTotalColors","paletteIndex","cycleNumber","floor","computeConsistentColor","name","error","saturation","lightness","hsl","saturationPercent","toFixed","lightnessPercent","colorLookup","getConsistentColor","key","value","getConsistentSeriesNameColor","inputString","toLowerCase","includes","props","fallbackColor","Array","isArray","getAutoPaletteColor","generatedColor"],"mappings":"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"}

package/lib/getPluginModule.d.ts

@@ -1,4 +1,4 @@
-import { PluginModuleResource } from '@perses-dev/plugin-system';
+import type { PluginModuleResource } from '@perses-dev/plugin-system';
 /**
  * Returns the plugin module information from package.json
  */

package/lib/getPluginModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAIxF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}

package/lib/getPluginModule.js

@@ -10,7 +10,9 @@
 // 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 packageJson from '../package.json';
+import packageJson from "../package.json" with {
+    type: 'json'
+};
 /**
  * Returns the plugin module information from package.json
  */ export function getPluginModule() {

package/lib/getPluginModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getPluginModule.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 { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}
+{"version":3,"sources":["../../src/getPluginModule.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 type { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\n\nimport packageJson from '../package.json' with { type: 'json' };\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","type","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAOA,iBAAiB,uBAAuB;IAAEC,MAAM;AAAO,EAAE;AAEhE;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGL;IAClC,OAAO;QACLM,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.js

@@ -10,6 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import('./bootstrap');
+import("./bootstrap.js");
 
 //# sourceMappingURL=index-federation.js.map

package/lib/index.js

@@ -10,11 +10,11 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './PieChartPanel';
-export { getPluginModule } from './getPluginModule';
-export * from './colors';
-export * from './pie-chart-model';
-export * from './PieChart';
-export * from './PieChartOptionsEditorSettings';
+export * from "./PieChartPanel.js";
+export { getPluginModule } from "./getPluginModule.js";
+export * from "./colors.js";
+export * from "./pie-chart-model.js";
+export * from "./PieChart.js";
+export * from "./PieChartOptionsEditorSettings.js";
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.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\nexport * from './PieChartPanel';\nexport { getPluginModule } from './getPluginModule';\nexport * from './colors';\nexport * from './pie-chart-model';\nexport * from './PieChart';\nexport * from './PieChartOptionsEditorSettings';\n"],"names":["getPluginModule"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,kBAAkB;AAChC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,WAAW;AACzB,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kCAAkC"}
+{"version":3,"sources":["../../src/index.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\nexport * from './PieChartPanel';\nexport { getPluginModule } from './getPluginModule';\nexport * from './colors';\nexport * from './pie-chart-model';\nexport * from './PieChart';\nexport * from './PieChartOptionsEditorSettings';\n"],"names":["getPluginModule"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAkB;AAChC,SAASA,eAAe,QAAQ,uBAAoB;AACpD,cAAc,cAAW;AACzB,cAAc,uBAAoB;AAClC,cAAc,gBAAa;AAC3B,cAAc,qCAAkC"}

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

@@ -1,6 +1,6 @@
-import { FormatOptions, ModeOption, SortOption } from '@perses-dev/components';
-import { CalculationType, LegendSpecOptions, OptionsEditorProps } from '@perses-dev/plugin-system';
-import { Definition } from '@perses-dev/spec';
+import type { FormatOptions, ModeOption, SortOption } from '@perses-dev/components';
+import type { CalculationType, LegendSpecOptions, OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { Definition } from '@perses-dev/spec';
 export declare const DEFAULT_FORMAT: FormatOptions;
 export declare const DEFAULT_SORT: SortOption;
 export declare const DEFAULT_MODE: ModeOption;

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

@@ -1 +1 @@
-{"version":3,"file":"pie-chart-model.d.ts","sourceRoot":"","sources":["../../src/pie-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAuB,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,cAAc,EAAE,aAAsD,CAAC;AACpF,eAAO,MAAM,YAAY,EAAE,UAAmB,CAAC;AAC/C,eAAO,MAAM,YAAY,EAAE,UAAoB,CAAC;AAEhD,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,eAAe,CAAC;IACrE,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE7E,wBAAgB,4BAA4B,IAAI,eAAe,CAS9D"}
+{"version":3,"file":"pie-chart-model.d.ts","sourceRoot":"","sources":["../../src/pie-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAExG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,cAAc,EAAE,aAAsD,CAAC;AACpF,eAAO,MAAM,YAAY,EAAE,UAAmB,CAAC;AAC/C,eAAO,MAAM,YAAY,EAAE,UAAoB,CAAC;AAEhD,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,eAAe,CAAC;IACrE,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE7E,wBAAgB,4BAA4B,IAAI,eAAe,CAS9D"}

package/lib/pie-chart-model.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 { DEFAULT_CALCULATION } from '@perses-dev/plugin-system';
+import { DEFAULT_CALCULATION } from "@perses-dev/plugin-system";
 export const DEFAULT_FORMAT = {
     unit: 'decimal',
     shortValues: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pie-chart-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FormatOptions, ModeOption, SortOption } from '@perses-dev/components';\nimport { CalculationType, DEFAULT_CALCULATION, LegendSpecOptions, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Definition } from '@perses-dev/spec';\n\nexport const DEFAULT_FORMAT: FormatOptions = { unit: 'decimal', shortValues: true };\nexport const DEFAULT_SORT: SortOption = 'desc';\nexport const DEFAULT_MODE: ModeOption = 'value';\n\nexport interface BarChartDefinition extends Definition<PieChartOptions> {\n  kind: 'PieChart';\n}\n\nexport interface PieChartOptions {\n  calculation: CalculationType;\n  format?: FormatOptions;\n  colorPalette?: string[];\n  legend?: LegendSpecOptions;\n  mode?: ModeOption;\n  radius: number;\n  showLabels?: boolean;\n  sort?: SortOption;\n}\n\nexport type PieChartOptionsEditorProps = OptionsEditorProps<PieChartOptions>;\n\nexport function createInitialPieChartOptions(): PieChartOptions {\n  return {\n    calculation: DEFAULT_CALCULATION,\n    format: DEFAULT_FORMAT,\n    mode: DEFAULT_MODE,\n    radius: 50,\n    showLabels: false,\n    sort: DEFAULT_SORT,\n  };\n}\n"],"names":["DEFAULT_CALCULATION","DEFAULT_FORMAT","unit","shortValues","DEFAULT_SORT","DEFAULT_MODE","createInitialPieChartOptions","calculation","format","mode","radius","showLabels","sort"],"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,SAA0BA,mBAAmB,QAA+C,4BAA4B;AAGxH,OAAO,MAAMC,iBAAgC;IAAEC,MAAM;IAAWC,aAAa;AAAK,EAAE;AACpF,OAAO,MAAMC,eAA2B,OAAO;AAC/C,OAAO,MAAMC,eAA2B,QAAQ;AAmBhD,OAAO,SAASC;IACd,OAAO;QACLC,aAAaP;QACbQ,QAAQP;QACRQ,MAAMJ;QACNK,QAAQ;QACRC,YAAY;QACZC,MAAMR;IACR;AACF"}
+{"version":3,"sources":["../../src/pie-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 type { FormatOptions, ModeOption, SortOption } from '@perses-dev/components';\nimport type { CalculationType, LegendSpecOptions, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DEFAULT_CALCULATION } from '@perses-dev/plugin-system';\nimport type { Definition } from '@perses-dev/spec';\n\nexport const DEFAULT_FORMAT: FormatOptions = { unit: 'decimal', shortValues: true };\nexport const DEFAULT_SORT: SortOption = 'desc';\nexport const DEFAULT_MODE: ModeOption = 'value';\n\nexport interface BarChartDefinition extends Definition<PieChartOptions> {\n  kind: 'PieChart';\n}\n\nexport interface PieChartOptions {\n  calculation: CalculationType;\n  format?: FormatOptions;\n  colorPalette?: string[];\n  legend?: LegendSpecOptions;\n  mode?: ModeOption;\n  radius: number;\n  showLabels?: boolean;\n  sort?: SortOption;\n}\n\nexport type PieChartOptionsEditorProps = OptionsEditorProps<PieChartOptions>;\n\nexport function createInitialPieChartOptions(): PieChartOptions {\n  return {\n    calculation: DEFAULT_CALCULATION,\n    format: DEFAULT_FORMAT,\n    mode: DEFAULT_MODE,\n    radius: 50,\n    showLabels: false,\n    sort: DEFAULT_SORT,\n  };\n}\n"],"names":["DEFAULT_CALCULATION","DEFAULT_FORMAT","unit","shortValues","DEFAULT_SORT","DEFAULT_MODE","createInitialPieChartOptions","calculation","format","mode","radius","showLabels","sort"],"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;AAIjC,SAASA,mBAAmB,QAAQ,4BAA4B;AAGhE,OAAO,MAAMC,iBAAgC;IAAEC,MAAM;IAAWC,aAAa;AAAK,EAAE;AACpF,OAAO,MAAMC,eAA2B,OAAO;AAC/C,OAAO,MAAMC,eAA2B,QAAQ;AAmBhD,OAAO,SAASC;IACd,OAAO;QACLC,aAAaP;QACbQ,QAAQP;QACRQ,MAAMJ;QACNK,QAAQ;QACRC,YAAY;QACZC,MAAMR;IACR;AACF"}

package/lib/setup-tests.d.ts

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

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

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

package/lib/setup-tests.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom/vitest";
 // Always mock e-charts during tests since we don't have a proper canvas in jsdom
-jest.mock('echarts/core');
+vi.mock('echarts/core');
 
 //# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

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