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

package/lib/utils.d.ts

@@ -1,6 +1,6 @@
-import { FormatOptions, LegendItem, ModeOption, SortOption, TableColumnConfig } from '@perses-dev/components';
-import { ComparisonValues, LegendValue } from '@perses-dev/plugin-system';
-import { PieChartData } from './PieChartBase';
+import type { FormatOptions, LegendItem, ModeOption, SortOption, TableColumnConfig } from '@perses-dev/components';
+import type { ComparisonValues, LegendValue } from '@perses-dev/plugin-system';
+import type { PieChartData } from './PieChartBase';
 export declare function sortSeriesData<T extends PieChartData>(data: T[], sortOrder?: SortOption): T[];
 type formatterProps = {
     name: string;

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,UAAU,EACV,UAAU,EACV,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAqB,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,GAAE,UAAyB,GAAG,CAAC,EAAE,CAW3G;AAED,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAC5F,eAAO,MAAM,mBAAmB,GAAI,gBAAgB,aAAa,KAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAQrG,CAAC;AACF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,gBAAgB,aAAa,KAC5B,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAKpC,CAAC;AAkBF,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,CAChB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,KACnD,UAAU,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAClB,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,EACtD,aAAa,CAAC,EAAE,aAAa,KAC1B,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;CAC3C;AAED,qBAAa,wBAAyB,YAAW,oBAAoB;IACnE,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,GAAG,UAAU,EAAE;IAG3E,kBAAkB,IAAI,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAG3D;AAED,qBAAa,yBAA0B,YAAW,oBAAoB;IACpE,gBAAgB,CACd,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,GACrD,UAAU,EAAE;IAwBf,kBAAkB,CAChB,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,EACtD,aAAa,CAAC,EAAE,aAAa,GAC5B,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAuBxC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEnH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAK/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,GAAE,UAAyB,GAAG,CAAC,EAAE,CAW3G;AAED,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAC5F,eAAO,MAAM,mBAAmB,GAAI,gBAAgB,aAAa,KAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAQrG,CAAC;AACF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,gBAAgB,aAAa,KAC5B,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAKpC,CAAC;AAkBF,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,CAChB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,KACnD,UAAU,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAClB,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,EACtD,aAAa,CAAC,EAAE,aAAa,KAC1B,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;CAC3C;AAED,qBAAa,wBAAyB,YAAW,oBAAoB;IACnE,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,GAAG,UAAU,EAAE;IAG3E,kBAAkB,IAAI,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAG3D;AAED,qBAAa,yBAA0B,YAAW,oBAAoB;IACpE,gBAAgB,CACd,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,GACrD,UAAU,EAAE;IAwBf,kBAAkB,CAChB,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,EACtD,aAAa,CAAC,EAAE,aAAa,GAC5B,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAuBxC"}

package/lib/utils.js

@@ -10,12 +10,12 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { formatValue } from '@perses-dev/components';
-import { format } from 'echarts';
-import { comparisonLegends } from '@perses-dev/plugin-system';
-import { DEFAULT_SORT } from './pie-chart-model';
+import { formatValue } from "@perses-dev/components";
+import { comparisonLegends } from "@perses-dev/plugin-system";
+import { format } from "echarts";
+import { DEFAULT_SORT } from "./pie-chart-model.js";
 export function sortSeriesData(data, sortOrder = DEFAULT_SORT) {
-    return data.sort((a, b)=>{
+    return data.toSorted((a, b)=>{
         // Handle null values - push them to the end regardless of sort order
         if (a.value === null && b.value === null) return 0;
         if (a.value === null) return 1;

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.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 {\n  FormatOptions,\n  formatValue,\n  LegendItem,\n  ModeOption,\n  SortOption,\n  TableColumnConfig,\n} from '@perses-dev/components';\nimport { format } from 'echarts';\nimport { comparisonLegends, ComparisonValues, LegendValue } from '@perses-dev/plugin-system';\nimport { PieChartData } from './PieChartBase';\nimport { DEFAULT_SORT } from './pie-chart-model';\n\nexport function sortSeriesData<T extends PieChartData>(data: T[], sortOrder: SortOption = DEFAULT_SORT): T[] {\n  return data.sort((a, b) => {\n    // Handle null values - push them to the end regardless of sort order\n    if (a.value === null && b.value === null) return 0;\n    if (a.value === null) return 1;\n    if (b.value === null) return -1;\n\n    // Sort by value\n    const diff = (a.value ?? 0) - (b.value ?? 0);\n    return sortOrder === 'asc' ? diff : -diff;\n  });\n}\n\ntype formatterProps = { name: string; value: number | unknown[] | object; percent: number };\nexport const getTooltipFormatter = (formatOptions?: FormatOptions): ((props: formatterProps) => string) => {\n  const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n  return ({ name, value, percent }: formatterProps): string => {\n    if (typeof value === 'number') {\n      return `${format.encodeHTML(name)}: ${formatValue(value, formatOptions)} (${formatValue(percent, relativeFormatOptions)})`;\n    }\n    return `${format.encodeHTML(name)}: ${format.encodeHTML(value.toString())}`;\n  };\n};\nexport const getLabelFormatter = (\n  mode?: ModeOption,\n  formatOptions?: FormatOptions\n): ((props: formatterProps) => string) => {\n  if (mode === 'percentage') {\n    return percentageLabelFormatter(formatOptions);\n  }\n  return labelFormatter(formatOptions);\n};\n\nconst labelFormatter = (formatOptions?: FormatOptions) => {\n  return ({ name, value }: formatterProps): string => {\n    if (typeof value === 'number') {\n      return `${name}:\\n${formatValue(value, formatOptions)}`;\n    }\n    return `${name}:\\n${format.encodeHTML(value.toString())}`;\n  };\n};\n\nconst percentageLabelFormatter = (formatOptions?: FormatOptions) => {\n  const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n  return ({ name, percent }: formatterProps): string => {\n    return `${name}:\\n${formatValue(percent, relativeFormatOptions)}`;\n  };\n};\n\nexport interface PieChartLegendMapper {\n  mapToLegendItems: (\n    pieChartData: Array<Required<PieChartData>>,\n    selectedValues?: Array<LegendValue | ComparisonValues>\n  ) => LegendItem[];\n  mapToLegendColumns: (\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n    formatOptions?: FormatOptions\n  ) => Array<TableColumnConfig<LegendItem>>;\n}\n\nexport class PieChartListLegendMapper implements PieChartLegendMapper {\n  mapToLegendItems(pieChartData: Array<Required<PieChartData>>): LegendItem[] {\n    return pieChartData.map(({ id, name, itemStyle }) => ({ id: id, label: name, color: itemStyle.color, data: {} }));\n  }\n  mapToLegendColumns(): Array<TableColumnConfig<LegendItem>> {\n    return [];\n  }\n}\n\nexport class PieChartTableLegendMapper implements PieChartLegendMapper {\n  mapToLegendItems(\n    pieChartData: Array<Required<PieChartData>>,\n    selectedValues?: Array<LegendValue | ComparisonValues>\n  ): LegendItem[] {\n    const relativePieChartData = calculatePercentages(pieChartData);\n    const absoluteValueSelected = selectedValues?.includes('abs');\n    const relativeValueSelected = selectedValues?.includes('relative');\n    return pieChartData.map(({ id, name, itemStyle, value }) => {\n      const data: { [k in ComparisonValues]?: number } = {};\n      if (absoluteValueSelected && typeof value === 'number') {\n        data['abs'] = value;\n      }\n      if (relativeValueSelected) {\n        const itemPercentageValue = relativePieChartData.find((rpd) => rpd.id === id)?.value;\n        if (typeof itemPercentageValue === 'number') {\n          data['relative'] = itemPercentageValue;\n        }\n      }\n      return {\n        id: id,\n        label: name,\n        color: itemStyle.color,\n        data: data,\n      };\n    });\n  }\n\n  mapToLegendColumns(\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n    formatOptions?: FormatOptions\n  ): Array<TableColumnConfig<LegendItem>> {\n    const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n    return (\n      selectedValues?.toSorted().map((v) => {\n        const comparisonValue = isComparisonValue(v);\n        return {\n          accessorKey: `data.${v}`,\n          header: comparisonValue ? comparisonLegends[v].label : v,\n          headerDescription: comparisonValue ? comparisonLegends[v].description : undefined,\n          width: 90,\n          align: 'right',\n          cellDescription: true,\n          enableSorting: true,\n          cell: ({ getValue }): string => {\n            const cellValue = getValue();\n            return typeof cellValue === 'number' && formatOptions\n              ? formatValue(cellValue, v === 'relative' ? relativeFormatOptions : formatOptions)\n              : cellValue;\n          },\n        };\n      }) ?? []\n    );\n  }\n}\n\nfunction calculatePercentages<T extends PieChartData>(data: T[]): T[] {\n  const sum = data.reduce((accumulator, { value }) => accumulator + (value ?? 0), 0);\n  return data.map((seriesData) => {\n    const percentage = ((seriesData.value ?? 0) / sum) * 100;\n    return {\n      ...seriesData,\n      value: Number(percentage.toFixed(4)),\n    };\n  });\n}\n\nconst comparisonValuesArray = Object.keys(comparisonLegends);\nfunction isComparisonValue(value: string | undefined): value is ComparisonValues {\n  return typeof value === 'string' && comparisonValuesArray.includes(value);\n}\n"],"names":["formatValue","format","comparisonLegends","DEFAULT_SORT","sortSeriesData","data","sortOrder","sort","a","b","value","diff","getTooltipFormatter","formatOptions","relativeFormatOptions","unit","decimalPlaces","name","percent","encodeHTML","toString","getLabelFormatter","mode","percentageLabelFormatter","labelFormatter","PieChartListLegendMapper","mapToLegendItems","pieChartData","map","id","itemStyle","label","color","mapToLegendColumns","PieChartTableLegendMapper","selectedValues","relativePieChartData","calculatePercentages","absoluteValueSelected","includes","relativeValueSelected","itemPercentageValue","find","rpd","toSorted","v","comparisonValue","isComparisonValue","accessorKey","header","headerDescription","description","undefined","width","align","cellDescription","enableSorting","cell","getValue","cellValue","sum","reduce","accumulator","seriesData","percentage","Number","toFixed","comparisonValuesArray","Object","keys"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils.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, LegendItem, ModeOption, SortOption, TableColumnConfig } from '@perses-dev/components';\nimport { formatValue } from '@perses-dev/components';\nimport type { ComparisonValues, LegendValue } from '@perses-dev/plugin-system';\nimport { comparisonLegends } from '@perses-dev/plugin-system';\nimport { format } from 'echarts';\n\nimport { DEFAULT_SORT } from './pie-chart-model';\nimport type { PieChartData } from './PieChartBase';\n\nexport function sortSeriesData<T extends PieChartData>(data: T[], sortOrder: SortOption = DEFAULT_SORT): T[] {\n  return data.toSorted((a, b) => {\n    // Handle null values - push them to the end regardless of sort order\n    if (a.value === null && b.value === null) return 0;\n    if (a.value === null) return 1;\n    if (b.value === null) return -1;\n\n    // Sort by value\n    const diff = (a.value ?? 0) - (b.value ?? 0);\n    return sortOrder === 'asc' ? diff : -diff;\n  });\n}\n\ntype formatterProps = { name: string; value: number | unknown[] | object; percent: number };\nexport const getTooltipFormatter = (formatOptions?: FormatOptions): ((props: formatterProps) => string) => {\n  const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n  return ({ name, value, percent }: formatterProps): string => {\n    if (typeof value === 'number') {\n      return `${format.encodeHTML(name)}: ${formatValue(value, formatOptions)} (${formatValue(percent, relativeFormatOptions)})`;\n    }\n    return `${format.encodeHTML(name)}: ${format.encodeHTML(value.toString())}`;\n  };\n};\nexport const getLabelFormatter = (\n  mode?: ModeOption,\n  formatOptions?: FormatOptions,\n): ((props: formatterProps) => string) => {\n  if (mode === 'percentage') {\n    return percentageLabelFormatter(formatOptions);\n  }\n  return labelFormatter(formatOptions);\n};\n\nconst labelFormatter = (formatOptions?: FormatOptions) => {\n  return ({ name, value }: formatterProps): string => {\n    if (typeof value === 'number') {\n      return `${name}:\\n${formatValue(value, formatOptions)}`;\n    }\n    return `${name}:\\n${format.encodeHTML(value.toString())}`;\n  };\n};\n\nconst percentageLabelFormatter = (formatOptions?: FormatOptions) => {\n  const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n  return ({ name, percent }: formatterProps): string => {\n    return `${name}:\\n${formatValue(percent, relativeFormatOptions)}`;\n  };\n};\n\nexport interface PieChartLegendMapper {\n  mapToLegendItems: (\n    pieChartData: Array<Required<PieChartData>>,\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n  ) => LegendItem[];\n  mapToLegendColumns: (\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n    formatOptions?: FormatOptions,\n  ) => Array<TableColumnConfig<LegendItem>>;\n}\n\nexport class PieChartListLegendMapper implements PieChartLegendMapper {\n  mapToLegendItems(pieChartData: Array<Required<PieChartData>>): LegendItem[] {\n    return pieChartData.map(({ id, name, itemStyle }) => ({ id: id, label: name, color: itemStyle.color, data: {} }));\n  }\n  mapToLegendColumns(): Array<TableColumnConfig<LegendItem>> {\n    return [];\n  }\n}\n\nexport class PieChartTableLegendMapper implements PieChartLegendMapper {\n  mapToLegendItems(\n    pieChartData: Array<Required<PieChartData>>,\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n  ): LegendItem[] {\n    const relativePieChartData = calculatePercentages(pieChartData);\n    const absoluteValueSelected = selectedValues?.includes('abs');\n    const relativeValueSelected = selectedValues?.includes('relative');\n    return pieChartData.map(({ id, name, itemStyle, value }) => {\n      const data: { [k in ComparisonValues]?: number } = {};\n      if (absoluteValueSelected && typeof value === 'number') {\n        data['abs'] = value;\n      }\n      if (relativeValueSelected) {\n        const itemPercentageValue = relativePieChartData.find((rpd) => rpd.id === id)?.value;\n        if (typeof itemPercentageValue === 'number') {\n          data['relative'] = itemPercentageValue;\n        }\n      }\n      return {\n        id: id,\n        label: name,\n        color: itemStyle.color,\n        data: data,\n      };\n    });\n  }\n\n  mapToLegendColumns(\n    selectedValues?: Array<LegendValue | ComparisonValues>,\n    formatOptions?: FormatOptions,\n  ): Array<TableColumnConfig<LegendItem>> {\n    const relativeFormatOptions = { unit: 'percent', decimalPlaces: formatOptions?.decimalPlaces } as const;\n    return (\n      selectedValues?.toSorted().map((v) => {\n        const comparisonValue = isComparisonValue(v);\n        return {\n          accessorKey: `data.${v}`,\n          header: comparisonValue ? comparisonLegends[v].label : v,\n          headerDescription: comparisonValue ? comparisonLegends[v].description : undefined,\n          width: 90,\n          align: 'right',\n          cellDescription: true,\n          enableSorting: true,\n          cell: ({ getValue }): string => {\n            const cellValue = getValue();\n            return typeof cellValue === 'number' && formatOptions\n              ? formatValue(cellValue, v === 'relative' ? relativeFormatOptions : formatOptions)\n              : cellValue;\n          },\n        };\n      }) ?? []\n    );\n  }\n}\n\nfunction calculatePercentages<T extends PieChartData>(data: T[]): T[] {\n  const sum = data.reduce((accumulator, { value }) => accumulator + (value ?? 0), 0);\n  return data.map((seriesData) => {\n    const percentage = ((seriesData.value ?? 0) / sum) * 100;\n    return {\n      ...seriesData,\n      value: Number(percentage.toFixed(4)),\n    };\n  });\n}\n\nconst comparisonValuesArray = Object.keys(comparisonLegends);\nfunction isComparisonValue(value: string | undefined): value is ComparisonValues {\n  return typeof value === 'string' && comparisonValuesArray.includes(value);\n}\n"],"names":["formatValue","comparisonLegends","format","DEFAULT_SORT","sortSeriesData","data","sortOrder","toSorted","a","b","value","diff","getTooltipFormatter","formatOptions","relativeFormatOptions","unit","decimalPlaces","name","percent","encodeHTML","toString","getLabelFormatter","mode","percentageLabelFormatter","labelFormatter","PieChartListLegendMapper","mapToLegendItems","pieChartData","map","id","itemStyle","label","color","mapToLegendColumns","PieChartTableLegendMapper","selectedValues","relativePieChartData","calculatePercentages","absoluteValueSelected","includes","relativeValueSelected","itemPercentageValue","find","rpd","v","comparisonValue","isComparisonValue","accessorKey","header","headerDescription","description","undefined","width","align","cellDescription","enableSorting","cell","getValue","cellValue","sum","reduce","accumulator","seriesData","percentage","Number","toFixed","comparisonValuesArray","Object","keys"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,WAAW,QAAQ,yBAAyB;AAErD,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,YAAY,QAAQ,uBAAoB;AAGjD,OAAO,SAASC,eAAuCC,IAAS,EAAEC,YAAwBH,YAAY;IACpG,OAAOE,KAAKE,QAAQ,CAAC,CAACC,GAAGC;QACvB,qEAAqE;QACrE,IAAID,EAAEE,KAAK,KAAK,QAAQD,EAAEC,KAAK,KAAK,MAAM,OAAO;QACjD,IAAIF,EAAEE,KAAK,KAAK,MAAM,OAAO;QAC7B,IAAID,EAAEC,KAAK,KAAK,MAAM,OAAO,CAAC;QAE9B,gBAAgB;QAChB,MAAMC,OAAO,AAACH,CAAAA,EAAEE,KAAK,IAAI,CAAA,IAAMD,CAAAA,EAAEC,KAAK,IAAI,CAAA;QAC1C,OAAOJ,cAAc,QAAQK,OAAO,CAACA;IACvC;AACF;AAGA,OAAO,MAAMC,sBAAsB,CAACC;IAClC,MAAMC,wBAAwB;QAAEC,MAAM;QAAWC,eAAeH,eAAeG;IAAc;IAC7F,OAAO,CAAC,EAAEC,IAAI,EAAEP,KAAK,EAAEQ,OAAO,EAAkB;QAC9C,IAAI,OAAOR,UAAU,UAAU;YAC7B,OAAO,GAAGR,OAAOiB,UAAU,CAACF,MAAM,EAAE,EAAEjB,YAAYU,OAAOG,eAAe,EAAE,EAAEb,YAAYkB,SAASJ,uBAAuB,CAAC,CAAC;QAC5H;QACA,OAAO,GAAGZ,OAAOiB,UAAU,CAACF,MAAM,EAAE,EAAEf,OAAOiB,UAAU,CAACT,MAAMU,QAAQ,KAAK;IAC7E;AACF,EAAE;AACF,OAAO,MAAMC,oBAAoB,CAC/BC,MACAT;IAEA,IAAIS,SAAS,cAAc;QACzB,OAAOC,yBAAyBV;IAClC;IACA,OAAOW,eAAeX;AACxB,EAAE;AAEF,MAAMW,iBAAiB,CAACX;IACtB,OAAO,CAAC,EAAEI,IAAI,EAAEP,KAAK,EAAkB;QACrC,IAAI,OAAOA,UAAU,UAAU;YAC7B,OAAO,GAAGO,KAAK,GAAG,EAAEjB,YAAYU,OAAOG,gBAAgB;QACzD;QACA,OAAO,GAAGI,KAAK,GAAG,EAAEf,OAAOiB,UAAU,CAACT,MAAMU,QAAQ,KAAK;IAC3D;AACF;AAEA,MAAMG,2BAA2B,CAACV;IAChC,MAAMC,wBAAwB;QAAEC,MAAM;QAAWC,eAAeH,eAAeG;IAAc;IAC7F,OAAO,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAkB;QACvC,OAAO,GAAGD,KAAK,GAAG,EAAEjB,YAAYkB,SAASJ,wBAAwB;IACnE;AACF;AAaA,OAAO,MAAMW;IACXC,iBAAiBC,YAA2C,EAAgB;QAC1E,OAAOA,aAAaC,GAAG,CAAC,CAAC,EAAEC,EAAE,EAAEZ,IAAI,EAAEa,SAAS,EAAE,GAAM,CAAA;gBAAED,IAAIA;gBAAIE,OAAOd;gBAAMe,OAAOF,UAAUE,KAAK;gBAAE3B,MAAM,CAAC;YAAE,CAAA;IAChH;IACA4B,qBAA2D;QACzD,OAAO,EAAE;IACX;AACF;AAEA,OAAO,MAAMC;IACXR,iBACEC,YAA2C,EAC3CQ,cAAsD,EACxC;QACd,MAAMC,uBAAuBC,qBAAqBV;QAClD,MAAMW,wBAAwBH,gBAAgBI,SAAS;QACvD,MAAMC,wBAAwBL,gBAAgBI,SAAS;QACvD,OAAOZ,aAAaC,GAAG,CAAC,CAAC,EAAEC,EAAE,EAAEZ,IAAI,EAAEa,SAAS,EAAEpB,KAAK,EAAE;YACrD,MAAML,OAA6C,CAAC;YACpD,IAAIiC,yBAAyB,OAAO5B,UAAU,UAAU;gBACtDL,IAAI,CAAC,MAAM,GAAGK;YAChB;YACA,IAAI8B,uBAAuB;gBACzB,MAAMC,sBAAsBL,qBAAqBM,IAAI,CAAC,CAACC,MAAQA,IAAId,EAAE,KAAKA,KAAKnB;gBAC/E,IAAI,OAAO+B,wBAAwB,UAAU;oBAC3CpC,IAAI,CAAC,WAAW,GAAGoC;gBACrB;YACF;YACA,OAAO;gBACLZ,IAAIA;gBACJE,OAAOd;gBACPe,OAAOF,UAAUE,KAAK;gBACtB3B,MAAMA;YACR;QACF;IACF;IAEA4B,mBACEE,cAAsD,EACtDtB,aAA6B,EACS;QACtC,MAAMC,wBAAwB;YAAEC,MAAM;YAAWC,eAAeH,eAAeG;QAAc;QAC7F,OACEmB,gBAAgB5B,WAAWqB,IAAI,CAACgB;YAC9B,MAAMC,kBAAkBC,kBAAkBF;YAC1C,OAAO;gBACLG,aAAa,CAAC,KAAK,EAAEH,GAAG;gBACxBI,QAAQH,kBAAkB5C,iBAAiB,CAAC2C,EAAE,CAACb,KAAK,GAAGa;gBACvDK,mBAAmBJ,kBAAkB5C,iBAAiB,CAAC2C,EAAE,CAACM,WAAW,GAAGC;gBACxEC,OAAO;gBACPC,OAAO;gBACPC,iBAAiB;gBACjBC,eAAe;gBACfC,MAAM,CAAC,EAAEC,QAAQ,EAAE;oBACjB,MAAMC,YAAYD;oBAClB,OAAO,OAAOC,cAAc,YAAY7C,gBACpCb,YAAY0D,WAAWd,MAAM,aAAa9B,wBAAwBD,iBAClE6C;gBACN;YACF;QACF,MAAM,EAAE;IAEZ;AACF;AAEA,SAASrB,qBAA6ChC,IAAS;IAC7D,MAAMsD,MAAMtD,KAAKuD,MAAM,CAAC,CAACC,aAAa,EAAEnD,KAAK,EAAE,GAAKmD,cAAenD,CAAAA,SAAS,CAAA,GAAI;IAChF,OAAOL,KAAKuB,GAAG,CAAC,CAACkC;QACf,MAAMC,aAAa,AAAED,CAAAA,WAAWpD,KAAK,IAAI,CAAA,IAAKiD,MAAO;QACrD,OAAO;YACL,GAAGG,UAAU;YACbpD,OAAOsD,OAAOD,WAAWE,OAAO,CAAC;QACnC;IACF;AACF;AAEA,MAAMC,wBAAwBC,OAAOC,IAAI,CAACnE;AAC1C,SAAS6C,kBAAkBpC,KAAyB;IAClD,OAAO,OAAOA,UAAU,YAAYwD,sBAAsB3B,QAAQ,CAAC7B;AACrE"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "PieChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.14.0",
+      "buildVersion": "0.15.0-beta.2",
       "buildName": "@perses-dev/pie-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/PieChart.a102eecb.js",
+      "name": "__mf/js/PieChart.5c25af4b.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "PieChart",
+    "globalName": "PieChart_0_15_0_beta_2",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart~0.15.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.5c1e13d7.js"
+            "__mf/js/async/274.0fa32f07.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.495df342.js",
-            "__mf/js/async/616.702bde53.js"
+            "__mf/js/async/235.2bb8ba2f.js",
+            "__mf/js/async/616.cebd9b21.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.a59f7544.js",
-            "__mf/js/async/968.6009cb29.js"
+            "__mf/js/async/587.fceb5f76.js",
+            "__mf/js/async/968.69813416.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "PieChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.7",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.7",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.65618c74.js"
+            "__mf/js/async/788.cf73b628.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "PieChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.7",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.7",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.b800e1ff.js"
+            "__mf/js/async/407.2557a182.js"
           ]
         },
         "css": {
@@ -138,7 +138,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d45ba757.js"
+            "__mf/js/async/192.e77db572.js"
           ]
         },
         "css": {
@@ -158,7 +158,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.8941a36f.js"
+            "__mf/js/async/873.48c1c973.js"
           ]
         },
         "css": {
@@ -178,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.281005cf.js"
+            "__mf/js/async/392.311100c7.js"
           ]
         },
         "css": {
@@ -198,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.0b301928.js"
+            "__mf/js/async/470.7f042d46.js"
           ]
         },
         "css": {
@@ -218,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.61df50b5.js"
+            "__mf/js/async/121.3f985aad.js"
           ]
         },
         "css": {
@@ -237,25 +237,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/554.507b3545.js",
-            "__mf/js/async/376.196cec5c.js",
-            "__mf/js/async/603.224eeb96.js",
-            "__mf/js/async/66.13296185.js",
-            "__mf/js/async/__federation_expose_PieChart.9cd45fce.js"
+            "__mf/js/async/554.ffbb20fd.js",
+            "__mf/js/async/376.d72b6d45.js",
+            "__mf/js/async/603.312da395.js",
+            "__mf/js/async/66.77308b27.js",
+            "__mf/js/async/__federation_expose_PieChart.2e3c97fd.js"
           ],
           "async": [
-            "__mf/js/async/469.ea0276a5.js",
-            "__mf/js/async/lib-router.c182f4dd.js",
-            "__mf/js/async/576.9e075806.js",
-            "__mf/js/async/356.5cd094ae.js",
-            "__mf/js/async/177.7624b91a.js",
-            "__mf/js/async/663.d4632bd2.js"
+            "__mf/js/async/lib-router.64f2eab9.js",
+            "__mf/js/async/237.418111c6.js",
+            "__mf/js/async/356.b5aee61d.js",
+            "__mf/js/async/71.87ecdff0.js",
+            "__mf/js/async/469.a5d124bd.js",
+            "__mf/js/async/588.a2bbd130.js",
+            "__mf/js/async/978.d64118ad.js",
+            "__mf/js/async/77.9d431bfa.js",
+            "__mf/js/async/496.ea85fb9d.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "PieChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.14.0",
+      "buildVersion": "0.15.0-beta.2",
       "buildName": "@perses-dev/pie-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/PieChart.a102eecb.js",
+      "name": "__mf/js/PieChart.5c25af4b.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "PieChart",
+    "globalName": "PieChart_0_15_0_beta_2",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/PieChart~0.15.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.5c1e13d7.js"
+            "__mf/js/async/274.0fa32f07.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.495df342.js",
-            "__mf/js/async/616.702bde53.js"
+            "__mf/js/async/235.2bb8ba2f.js",
+            "__mf/js/async/616.cebd9b21.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.a59f7544.js",
-            "__mf/js/async/968.6009cb29.js"
+            "__mf/js/async/587.fceb5f76.js",
+            "__mf/js/async/968.69813416.js"
           ]
         },
         "css": {
@@ -100,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.7",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.7",
       "eager": false,
       "id": "PieChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.65618c74.js"
+            "__mf/js/async/788.cf73b628.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       },
@@ -128,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.7",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.7",
       "eager": false,
       "id": "PieChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.b800e1ff.js"
+            "__mf/js/async/407.2557a182.js"
           ]
         },
         "css": {
@@ -164,7 +164,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d45ba757.js"
+            "__mf/js/async/192.e77db572.js"
           ]
         },
         "css": {
@@ -188,7 +188,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.8941a36f.js"
+            "__mf/js/async/873.48c1c973.js"
           ]
         },
         "css": {
@@ -214,7 +214,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.281005cf.js"
+            "__mf/js/async/392.311100c7.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.0b301928.js"
+            "__mf/js/async/470.7f042d46.js"
           ]
         },
         "css": {
@@ -262,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.61df50b5.js"
+            "__mf/js/async/121.3f985aad.js"
           ]
         },
         "css": {
@@ -293,25 +293,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/554.507b3545.js",
-            "__mf/js/async/376.196cec5c.js",
-            "__mf/js/async/603.224eeb96.js",
-            "__mf/js/async/66.13296185.js",
-            "__mf/js/async/__federation_expose_PieChart.9cd45fce.js"
+            "__mf/js/async/554.ffbb20fd.js",
+            "__mf/js/async/376.d72b6d45.js",
+            "__mf/js/async/603.312da395.js",
+            "__mf/js/async/66.77308b27.js",
+            "__mf/js/async/__federation_expose_PieChart.2e3c97fd.js"
           ],
           "async": [
-            "__mf/js/async/469.ea0276a5.js",
-            "__mf/js/async/lib-router.c182f4dd.js",
-            "__mf/js/async/576.9e075806.js",
-            "__mf/js/async/356.5cd094ae.js",
-            "__mf/js/async/177.7624b91a.js",
-            "__mf/js/async/663.d4632bd2.js"
+            "__mf/js/async/lib-router.64f2eab9.js",
+            "__mf/js/async/237.418111c6.js",
+            "__mf/js/async/356.b5aee61d.js",
+            "__mf/js/async/71.87ecdff0.js",
+            "__mf/js/async/469.a5d124bd.js",
+            "__mf/js/async/588.a2bbd130.js",
+            "__mf/js/async/978.d64118ad.js",
+            "__mf/js/async/77.9d431bfa.js",
+            "__mf/js/async/496.ea85fb9d.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/pie-chart-plugin",
-  "version": "0.14.0",
+  "version": "0.15.0-beta.2",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -14,29 +14,29 @@
     "dev": "rsbuild dev",
     "build": "npm run build-mf && concurrently \"npm:build:*\"",
     "build-mf": "rsbuild build",
-    "build:cjs": "swc ./src -d dist/lib/cjs --strip-leading-paths --config-file ../.cjs.swcrc",
     "build:esm": "swc ./src -d dist/lib --strip-leading-paths --config-file ../.swcrc",
     "build:types": "tsc --project tsconfig.build.json",
-    "lint": "eslint src --ext .ts,.tsx",
-    "test": "cross-env LC_ALL=C TZ=UTC jest",
+    "lint": "oxlint src",
+    "test": "cross-env LC_ALL=C TZ=UTC vitest run",
     "type-check": "tsc --noEmit"
   },
-  "main": "lib/cjs/index.js",
+  "type": "module",
+  "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0",
-    "@perses-dev/plugin-system": "^0.54.0",
-    "@perses-dev/spec": "^0.2.0",
+    "@perses-dev/components": "^0.55.0-beta.7",
+    "@perses-dev/plugin-system": "^0.55.0-beta.7",
+    "@perses-dev/spec": "^0.3.0-beta.5",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",
     "lodash": "^4.17.21",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "use-resize-observer": "^9.0.0",
     "immer": "^10.1.1"
   },

package/__mf/js/async/121.61df50b5.js

@@ -1,2 +0,0 @@
-/*! For license information please see 121.61df50b5.js.LICENSE.txt */
-"use strict";(self.chunk_PieChart=self.chunk_PieChart||[]).push([["121"],{14403(e,t){var r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),i=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),l=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),y=Symbol.iterator,d={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,_={};function m(e,t,r){this.props=e,this.context=t,this.refs=_,this.updater=r||d}function b(){}function v(e,t,r){this.props=e,this.context=t,this.refs=_,this.updater=r||d}m.prototype.isReactComponent={},m.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},m.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},b.prototype=m.prototype;var S=v.prototype=new b;S.constructor=v,h(S,m.prototype),S.isPureReactComponent=!0;var E=Array.isArray,k=Object.prototype.hasOwnProperty,$={current:null},w={key:!0,ref:!0,__self:!0,__source:!0};function R(e,t,n){var o,u={},a=null,c=null;if(null!=t)for(o in void 0!==t.ref&&(c=t.ref),void 0!==t.key&&(a=""+t.key),t)k.call(t,o)&&!w.hasOwnProperty(o)&&(u[o]=t[o]);var i=arguments.length-2;if(1===i)u.children=n;else if(1<i){for(var f=Array(i),s=0;s<i;s++)f[s]=arguments[s+2];u.children=f}if(e&&e.defaultProps)for(o in i=e.defaultProps)void 0===u[o]&&(u[o]=i[o]);return{$$typeof:r,type:e,key:a,ref:c,props:u,_owner:$.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var g=/\/+/g;function j(e,t){var r,n;return"object"==typeof e&&null!==e&&null!=e.key?(r=""+e.key,n={"=":"=0",":":"=2"},"$"+r.replace(/[=:]/g,function(e){return n[e]})):t.toString(36)}function P(e,t,o){if(null==e)return e;var u=[],a=0;return!function e(t,o,u,a,c){var i,f,s,l=typeof t;("undefined"===l||"boolean"===l)&&(t=null);var p=!1;if(null===t)p=!0;else switch(l){case"string":case"number":p=!0;break;case"object":switch(t.$$typeof){case r:case n:p=!0}}if(p)return c=c(p=t),t=""===a?"."+j(p,0):a,E(c)?(u="",null!=t&&(u=t.replace(g,"$&/")+"/"),e(c,o,u,"",function(e){return e})):null!=c&&(C(c)&&(i=c,f=u+(!c.key||p&&p.key===c.key?"":(""+c.key).replace(g,"$&/")+"/")+t,c={$$typeof:r,type:i.type,key:f,ref:i.ref,props:i.props,_owner:i._owner}),o.push(c)),1;if(p=0,a=""===a?".":a+":",E(t))for(var d=0;d<t.length;d++){var h=a+j(l=t[d],d);p+=e(l,o,u,h,c)}else if("function"==typeof(h=null===(s=t)||"object"!=typeof s?null:"function"==typeof(s=y&&s[y]||s["@@iterator"])?s:null))for(t=h.call(t),d=0;!(l=t.next()).done;)h=a+j(l=l.value,d++),p+=e(l,o,u,h,c);else if("object"===l)throw Error("Objects are not valid as a React child (found: "+("[object Object]"===(o=String(t))?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.");return p}(e,u,"","",function(e){return t.call(o,e,a++)}),u}function O(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){(0===e._status||-1===e._status)&&(e._status=1,e._result=t)},function(t){(0===e._status||-1===e._status)&&(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var x={current:null},I={transition:null};function T(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:P,forEach:function(e,t,r){P(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return P(e,function(){t++}),t},toArray:function(e){return P(e,function(e){return e})||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=m,t.Fragment=o,t.Profiler=a,t.PureComponent=v,t.StrictMode=u,t.Suspense=s,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED={ReactCurrentDispatcher:x,ReactCurrentBatchConfig:I,ReactCurrentOwner:$},t.act=T,t.cloneElement=function(e,t,n){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),u=e.key,a=e.ref,c=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,c=$.current),void 0!==t.key&&(u=""+t.key),e.type&&e.type.defaultProps)var i=e.type.defaultProps;for(f in t)k.call(t,f)&&!w.hasOwnProperty(f)&&(o[f]=void 0===t[f]&&void 0!==i?i[f]:t[f])}var f=arguments.length-2;if(1===f)o.children=n;else if(1<f){i=Array(f);for(var s=0;s<f;s++)i[s]=arguments[s+2];o.children=i}return{$$typeof:r,type:e.type,key:u,ref:a,props:o,_owner:c}},t.createContext=function(e){return(e={$$typeof:i,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:c,_context:e},e.Consumer=e},t.createElement=R,t.createFactory=function(e){var t=R.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:f,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:O}},t.memo=function(e,t){return{$$typeof:l,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=T,t.useCallback=function(e,t){return x.current.useCallback(e,t)},t.useContext=function(e){return x.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return x.current.useDeferredValue(e)},t.useEffect=function(e,t){return x.current.useEffect(e,t)},t.useId=function(){return x.current.useId()},t.useImperativeHandle=function(e,t,r){return x.current.useImperativeHandle(e,t,r)},t.useInsertionEffect=function(e,t){return x.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return x.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return x.current.useMemo(e,t)},t.useReducer=function(e,t,r){return x.current.useReducer(e,t,r)},t.useRef=function(e){return x.current.useRef(e)},t.useState=function(e){return x.current.useState(e)},t.useSyncExternalStore=function(e,t,r){return x.current.useSyncExternalStore(e,t,r)},t.useTransition=function(){return x.current.useTransition()},t.version="18.3.1"},63696(e,t,r){e.exports=r(14403)}}]);

package/__mf/js/async/177.7624b91a.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_PieChart=self.chunk_PieChart||[]).push([["177"],{23712(){}}]);