@perses-dev/bar-chart-plugin 0.13.0 → 0.14.0-beta.1

package/lib/tresholds.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 zip from 'lodash/zip';
+import zip from "lodash/zip";
 export const defaultThresholdInput = {
     steps: [
         {

package/lib/tresholds.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tresholds.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, StepOptions, ThresholdColorPalette, ThresholdOptions } from '@perses-dev/components';\nimport zip from 'lodash/zip';\n\nexport type GaugeColorStop = [number, string];\n\nexport type EChartsAxisLineColors = GaugeColorStop[];\n\nexport const defaultThresholdInput: ThresholdOptions = { steps: [{ value: 0 }] };\n\nexport function convertThresholds(\n  thresholds: ThresholdOptions,\n  unit: FormatOptions,\n  max: number,\n  palette: ThresholdColorPalette\n): EChartsAxisLineColors {\n  const defaultThresholdColor = thresholds.defaultColor ?? palette.defaultColor;\n  const defaultThresholdSteps: EChartsAxisLineColors = [[0, defaultThresholdColor]];\n\n  if (thresholds.steps !== undefined) {\n    // https://echarts.apache.org/en/option.html#series-gauge.axisLine.lineStyle.color\n    // color segments must be decimal between 0 and 1\n    const segmentMax = 1;\n    const valuesArr: number[] = thresholds.steps.map((step: StepOptions) => {\n      if (thresholds.mode === 'percent') {\n        return step.value / 100;\n      }\n      return step.value / max;\n    });\n    valuesArr.push(segmentMax);\n\n    const colorsArr = thresholds.steps.map((step: StepOptions, index) => step.color ?? palette.palette[index]);\n    colorsArr.unshift(defaultThresholdColor);\n\n    const zippedArr = zip(valuesArr, colorsArr);\n    return zippedArr.map((elem) => {\n      const convertedValues = elem[0] ?? segmentMax;\n      const convertedColors = elem[1] ?? defaultThresholdColor;\n      return [convertedValues, convertedColors];\n    });\n  } else {\n    return defaultThresholdSteps;\n  }\n}\n"],"names":["zip","defaultThresholdInput","steps","value","convertThresholds","thresholds","unit","max","palette","defaultThresholdColor","defaultColor","defaultThresholdSteps","undefined","segmentMax","valuesArr","map","step","mode","push","colorsArr","index","color","unshift","zippedArr","elem","convertedValues","convertedColors"],"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,SAAS,aAAa;AAM7B,OAAO,MAAMC,wBAA0C;IAAEC,OAAO;QAAC;YAAEC,OAAO;QAAE;KAAE;AAAC,EAAE;AAEjF,OAAO,SAASC,kBACdC,UAA4B,EAC5BC,IAAmB,EACnBC,GAAW,EACXC,OAA8B;IAE9B,MAAMC,wBAAwBJ,WAAWK,YAAY,IAAIF,QAAQE,YAAY;IAC7E,MAAMC,wBAA+C;QAAC;YAAC;YAAGF;SAAsB;KAAC;IAEjF,IAAIJ,WAAWH,KAAK,KAAKU,WAAW;QAClC,kFAAkF;QAClF,iDAAiD;QACjD,MAAMC,aAAa;QACnB,MAAMC,YAAsBT,WAAWH,KAAK,CAACa,GAAG,CAAC,CAACC;YAChD,IAAIX,WAAWY,IAAI,KAAK,WAAW;gBACjC,OAAOD,KAAKb,KAAK,GAAG;YACtB;YACA,OAAOa,KAAKb,KAAK,GAAGI;QACtB;QACAO,UAAUI,IAAI,CAACL;QAEf,MAAMM,YAAYd,WAAWH,KAAK,CAACa,GAAG,CAAC,CAACC,MAAmBI,QAAUJ,KAAKK,KAAK,IAAIb,QAAQA,OAAO,CAACY,MAAM;QACzGD,UAAUG,OAAO,CAACb;QAElB,MAAMc,YAAYvB,IAAIc,WAAWK;QACjC,OAAOI,UAAUR,GAAG,CAAC,CAACS;YACpB,MAAMC,kBAAkBD,IAAI,CAAC,EAAE,IAAIX;YACnC,MAAMa,kBAAkBF,IAAI,CAAC,EAAE,IAAIf;YACnC,OAAO;gBAACgB;gBAAiBC;aAAgB;QAC3C;IACF,OAAO;QACL,OAAOf;IACT;AACF"}
+{"version":3,"sources":["../../src/tresholds.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, StepOptions, ThresholdColorPalette, ThresholdOptions } from '@perses-dev/components';\nimport zip from 'lodash/zip';\n\nexport type GaugeColorStop = [number, string];\n\nexport type EChartsAxisLineColors = GaugeColorStop[];\n\nexport const defaultThresholdInput: ThresholdOptions = { steps: [{ value: 0 }] };\n\nexport function convertThresholds(\n  thresholds: ThresholdOptions,\n  unit: FormatOptions,\n  max: number,\n  palette: ThresholdColorPalette,\n): EChartsAxisLineColors {\n  const defaultThresholdColor = thresholds.defaultColor ?? palette.defaultColor;\n  const defaultThresholdSteps: EChartsAxisLineColors = [[0, defaultThresholdColor]];\n\n  if (thresholds.steps !== undefined) {\n    // https://echarts.apache.org/en/option.html#series-gauge.axisLine.lineStyle.color\n    // color segments must be decimal between 0 and 1\n    const segmentMax = 1;\n    const valuesArr: number[] = thresholds.steps.map((step: StepOptions) => {\n      if (thresholds.mode === 'percent') {\n        return step.value / 100;\n      }\n      return step.value / max;\n    });\n    valuesArr.push(segmentMax);\n\n    const colorsArr = thresholds.steps.map((step: StepOptions, index) => step.color ?? palette.palette[index]);\n    colorsArr.unshift(defaultThresholdColor);\n\n    const zippedArr = zip(valuesArr, colorsArr);\n    return zippedArr.map((elem) => {\n      const convertedValues = elem[0] ?? segmentMax;\n      const convertedColors = elem[1] ?? defaultThresholdColor;\n      return [convertedValues, convertedColors];\n    });\n  } else {\n    return defaultThresholdSteps;\n  }\n}\n"],"names":["zip","defaultThresholdInput","steps","value","convertThresholds","thresholds","unit","max","palette","defaultThresholdColor","defaultColor","defaultThresholdSteps","undefined","segmentMax","valuesArr","map","step","mode","push","colorsArr","index","color","unshift","zippedArr","elem","convertedValues","convertedColors"],"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,SAAS,aAAa;AAM7B,OAAO,MAAMC,wBAA0C;IAAEC,OAAO;QAAC;YAAEC,OAAO;QAAE;KAAE;AAAC,EAAE;AAEjF,OAAO,SAASC,kBACdC,UAA4B,EAC5BC,IAAmB,EACnBC,GAAW,EACXC,OAA8B;IAE9B,MAAMC,wBAAwBJ,WAAWK,YAAY,IAAIF,QAAQE,YAAY;IAC7E,MAAMC,wBAA+C;QAAC;YAAC;YAAGF;SAAsB;KAAC;IAEjF,IAAIJ,WAAWH,KAAK,KAAKU,WAAW;QAClC,kFAAkF;QAClF,iDAAiD;QACjD,MAAMC,aAAa;QACnB,MAAMC,YAAsBT,WAAWH,KAAK,CAACa,GAAG,CAAC,CAACC;YAChD,IAAIX,WAAWY,IAAI,KAAK,WAAW;gBACjC,OAAOD,KAAKb,KAAK,GAAG;YACtB;YACA,OAAOa,KAAKb,KAAK,GAAGI;QACtB;QACAO,UAAUI,IAAI,CAACL;QAEf,MAAMM,YAAYd,WAAWH,KAAK,CAACa,GAAG,CAAC,CAACC,MAAmBI,QAAUJ,KAAKK,KAAK,IAAIb,QAAQA,OAAO,CAACY,MAAM;QACzGD,UAAUG,OAAO,CAACb;QAElB,MAAMc,YAAYvB,IAAIc,WAAWK;QACjC,OAAOI,UAAUR,GAAG,CAAC,CAACS;YACpB,MAAMC,kBAAkBD,IAAI,CAAC,EAAE,IAAIX;YACnC,MAAMa,kBAAkBF,IAAI,CAAC,EAAE,IAAIf;YACnC,OAAO;gBAACgB;gBAAiBC;aAAgB;QAC3C;IACF,OAAO;QACL,OAAOf;IACT;AACF"}

package/lib/utils.d.ts

@@ -1,8 +1,14 @@
-import { SortOption } from '@perses-dev/components';
-import { BarChartData } from './BarChartBase';
+import type { SortOption } from '@perses-dev/components';
+import type { ColorOverride } from './bar-chart-model';
+import type { BarChartData } from './BarChartBase';
 export declare function calculatePercentages(data: BarChartData[]): Array<{
     label: string;
     value: number;
 }>;
 export declare function sortSeriesData(data: BarChartData[], sortOrder?: SortOption): BarChartData[];
+/**
+ * Returns the color of the first override whose regex matches the given name.
+ * Invalid regex patterns are skipped. Returns undefined if no override matches.
+ */
+export declare function getOverrideColor(name: string, overrides?: ColorOverride[]): string | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CASlG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,SAAS,GAAE,UAAyB,GAAG,YAAY,EAAE,CA8BzG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CASlG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,SAAS,GAAE,UAAyB,GAAG,YAAY,EAAE,CA8BzG;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,MAAM,GAAG,SAAS,CAe9F"}

package/lib/utils.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_SORT } from './bar-chart-model';
+import { DEFAULT_SORT } from "./bar-chart-model.js";
 export function calculatePercentages(data) {
     const sum = data.reduce((accumulator, { value })=>accumulator + (value ?? 0), 0);
     return data.map((seriesData)=>{
@@ -24,7 +24,7 @@ export function calculatePercentages(data) {
 export function sortSeriesData(data, sortOrder = DEFAULT_SORT) {
     if (sortOrder === 'asc') {
         // sort in ascending order by value
-        return data.sort((a, b)=>{
+        return data.toSorted((a, b)=>{
             if (a.value === null) {
                 return 1;
             }
@@ -38,7 +38,7 @@ export function sortSeriesData(data, sortOrder = DEFAULT_SORT) {
         });
     } else {
         // sort in descending order by value
-        return data.sort((a, b)=>{
+        return data.toSorted((a, b)=>{
             if (a.value === null) {
                 return -1;
             }
@@ -52,5 +52,24 @@ export function sortSeriesData(data, sortOrder = DEFAULT_SORT) {
         });
     }
 }
+/**
+ * Returns the color of the first override whose regex matches the given name.
+ * Invalid regex patterns are skipped. Returns undefined if no override matches.
+ */ export function getOverrideColor(name, overrides) {
+    if (!overrides) return undefined;
+    for (const override of overrides){
+        if (override.regex === '') {
+            continue;
+        }
+        try {
+            if (new RegExp(override.regex).test(name)) {
+                return override.color;
+            }
+        } catch  {
+        // ignore invalid regex patterns
+        }
+    }
+    return undefined;
+}
 
 //# sourceMappingURL=utils.js.map

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 { SortOption } from '@perses-dev/components';\nimport { DEFAULT_SORT } from './bar-chart-model';\nimport { BarChartData } from './BarChartBase';\n\nexport function calculatePercentages(data: BarChartData[]): Array<{ label: string; value: number }> {\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: percentage,\n    };\n  });\n}\n\nexport function sortSeriesData(data: BarChartData[], sortOrder: SortOption = DEFAULT_SORT): BarChartData[] {\n  if (sortOrder === 'asc') {\n    // sort in ascending order by value\n    return data.sort((a, b) => {\n      if (a.value === null) {\n        return 1;\n      }\n      if (b.value === null) {\n        return -1;\n      }\n      if (a.value === b.value) {\n        return 0;\n      }\n      return a.value < b.value ? 1 : -1;\n    });\n  } else {\n    // sort in descending order by value\n    return data.sort((a, b) => {\n      if (a.value === null) {\n        return -1;\n      }\n      if (b.value === null) {\n        return 1;\n      }\n      if (a.value === b.value) {\n        return 0;\n      }\n      return a.value < b.value ? -1 : 1;\n    });\n  }\n}\n"],"names":["DEFAULT_SORT","calculatePercentages","data","sum","reduce","accumulator","value","map","seriesData","percentage","sortSeriesData","sortOrder","sort","a","b"],"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,YAAY,QAAQ,oBAAoB;AAGjD,OAAO,SAASC,qBAAqBC,IAAoB;IACvD,MAAMC,MAAMD,KAAKE,MAAM,CAAC,CAACC,aAAa,EAAEC,KAAK,EAAE,GAAKD,cAAeC,CAAAA,SAAS,CAAA,GAAI;IAChF,OAAOJ,KAAKK,GAAG,CAAC,CAACC;QACf,MAAMC,aAAa,AAAED,CAAAA,WAAWF,KAAK,IAAI,CAAA,IAAKH,MAAO;QACrD,OAAO;YACL,GAAGK,UAAU;YACbF,OAAOG;QACT;IACF;AACF;AAEA,OAAO,SAASC,eAAeR,IAAoB,EAAES,YAAwBX,YAAY;IACvF,IAAIW,cAAc,OAAO;QACvB,mCAAmC;QACnC,OAAOT,KAAKU,IAAI,CAAC,CAACC,GAAGC;YACnB,IAAID,EAAEP,KAAK,KAAK,MAAM;gBACpB,OAAO;YACT;YACA,IAAIQ,EAAER,KAAK,KAAK,MAAM;gBACpB,OAAO,CAAC;YACV;YACA,IAAIO,EAAEP,KAAK,KAAKQ,EAAER,KAAK,EAAE;gBACvB,OAAO;YACT;YACA,OAAOO,EAAEP,KAAK,GAAGQ,EAAER,KAAK,GAAG,IAAI,CAAC;QAClC;IACF,OAAO;QACL,oCAAoC;QACpC,OAAOJ,KAAKU,IAAI,CAAC,CAACC,GAAGC;YACnB,IAAID,EAAEP,KAAK,KAAK,MAAM;gBACpB,OAAO,CAAC;YACV;YACA,IAAIQ,EAAER,KAAK,KAAK,MAAM;gBACpB,OAAO;YACT;YACA,IAAIO,EAAEP,KAAK,KAAKQ,EAAER,KAAK,EAAE;gBACvB,OAAO;YACT;YACA,OAAOO,EAAEP,KAAK,GAAGQ,EAAER,KAAK,GAAG,CAAC,IAAI;QAClC;IACF;AACF"}
+{"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 { SortOption } from '@perses-dev/components';\n\nimport type { ColorOverride } from './bar-chart-model';\nimport { DEFAULT_SORT } from './bar-chart-model';\nimport type { BarChartData } from './BarChartBase';\n\nexport function calculatePercentages(data: BarChartData[]): Array<{ label: string; value: number }> {\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: percentage,\n    };\n  });\n}\n\nexport function sortSeriesData(data: BarChartData[], sortOrder: SortOption = DEFAULT_SORT): BarChartData[] {\n  if (sortOrder === 'asc') {\n    // sort in ascending order by value\n    return data.toSorted((a, b) => {\n      if (a.value === null) {\n        return 1;\n      }\n      if (b.value === null) {\n        return -1;\n      }\n      if (a.value === b.value) {\n        return 0;\n      }\n      return a.value < b.value ? 1 : -1;\n    });\n  } else {\n    // sort in descending order by value\n    return data.toSorted((a, b) => {\n      if (a.value === null) {\n        return -1;\n      }\n      if (b.value === null) {\n        return 1;\n      }\n      if (a.value === b.value) {\n        return 0;\n      }\n      return a.value < b.value ? -1 : 1;\n    });\n  }\n}\n\n/**\n * Returns the color of the first override whose regex matches the given name.\n * Invalid regex patterns are skipped. Returns undefined if no override matches.\n */\nexport function getOverrideColor(name: string, overrides?: ColorOverride[]): string | undefined {\n  if (!overrides) return undefined;\n  for (const override of overrides) {\n    if (override.regex === '') {\n      continue;\n    }\n    try {\n      if (new RegExp(override.regex).test(name)) {\n        return override.color;\n      }\n    } catch {\n      // ignore invalid regex patterns\n    }\n  }\n  return undefined;\n}\n"],"names":["DEFAULT_SORT","calculatePercentages","data","sum","reduce","accumulator","value","map","seriesData","percentage","sortSeriesData","sortOrder","toSorted","a","b","getOverrideColor","name","overrides","undefined","override","regex","RegExp","test","color"],"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;AAKjC,SAASA,YAAY,QAAQ,uBAAoB;AAGjD,OAAO,SAASC,qBAAqBC,IAAoB;IACvD,MAAMC,MAAMD,KAAKE,MAAM,CAAC,CAACC,aAAa,EAAEC,KAAK,EAAE,GAAKD,cAAeC,CAAAA,SAAS,CAAA,GAAI;IAChF,OAAOJ,KAAKK,GAAG,CAAC,CAACC;QACf,MAAMC,aAAa,AAAED,CAAAA,WAAWF,KAAK,IAAI,CAAA,IAAKH,MAAO;QACrD,OAAO;YACL,GAAGK,UAAU;YACbF,OAAOG;QACT;IACF;AACF;AAEA,OAAO,SAASC,eAAeR,IAAoB,EAAES,YAAwBX,YAAY;IACvF,IAAIW,cAAc,OAAO;QACvB,mCAAmC;QACnC,OAAOT,KAAKU,QAAQ,CAAC,CAACC,GAAGC;YACvB,IAAID,EAAEP,KAAK,KAAK,MAAM;gBACpB,OAAO;YACT;YACA,IAAIQ,EAAER,KAAK,KAAK,MAAM;gBACpB,OAAO,CAAC;YACV;YACA,IAAIO,EAAEP,KAAK,KAAKQ,EAAER,KAAK,EAAE;gBACvB,OAAO;YACT;YACA,OAAOO,EAAEP,KAAK,GAAGQ,EAAER,KAAK,GAAG,IAAI,CAAC;QAClC;IACF,OAAO;QACL,oCAAoC;QACpC,OAAOJ,KAAKU,QAAQ,CAAC,CAACC,GAAGC;YACvB,IAAID,EAAEP,KAAK,KAAK,MAAM;gBACpB,OAAO,CAAC;YACV;YACA,IAAIQ,EAAER,KAAK,KAAK,MAAM;gBACpB,OAAO;YACT;YACA,IAAIO,EAAEP,KAAK,KAAKQ,EAAER,KAAK,EAAE;gBACvB,OAAO;YACT;YACA,OAAOO,EAAEP,KAAK,GAAGQ,EAAER,KAAK,GAAG,CAAC,IAAI;QAClC;IACF;AACF;AAEA;;;CAGC,GACD,OAAO,SAASS,iBAAiBC,IAAY,EAAEC,SAA2B;IACxE,IAAI,CAACA,WAAW,OAAOC;IACvB,KAAK,MAAMC,YAAYF,UAAW;QAChC,IAAIE,SAASC,KAAK,KAAK,IAAI;YACzB;QACF;QACA,IAAI;YACF,IAAI,IAAIC,OAAOF,SAASC,KAAK,EAAEE,IAAI,CAACN,OAAO;gBACzC,OAAOG,SAASI,KAAK;YACvB;QACF,EAAE,OAAM;QACN,gCAAgC;QAClC;IACF;IACA,OAAOL;AACT"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "BarChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0",
+      "buildVersion": "0.14.0-beta.1",
       "buildName": "@perses-dev/bar-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/BarChart.9e1e78c7.js",
+      "name": "__mf/js/BarChart.96061263.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "BarChart",
+    "globalName": "BarChart_0_14_0_beta_1",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart~0.14.0-beta.1/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.3b869914.js"
+            "__mf/js/async/274.99be7531.js"
           ]
         },
         "css": {
@@ -54,9 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.b9e83b0f.js",
-            "__mf/js/async/616.673776b4.js",
-            "__mf/js/async/854.8910fbf0.js"
+            "__mf/js/async/235.838c8cc3.js",
+            "__mf/js/async/616.335036c9.js"
           ]
         },
         "css": {
@@ -76,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.19607cd0.js",
-            "__mf/js/async/968.0da0003e.js"
+            "__mf/js/async/587.7c99f561.js",
+            "__mf/js/async/968.28847a9e.js"
           ]
         },
         "css": {
@@ -90,20 +89,20 @@
     {
       "id": "BarChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.0c10a71e.js"
+            "__mf/js/async/826.6a3f7587.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       },
@@ -112,14 +111,14 @@
     {
       "id": "BarChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.966246a4.js"
+            "__mf/js/async/354.05669930.js"
           ]
         },
         "css": {
@@ -139,27 +138,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d5754c56.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "fallback": ""
-    },
-    {
-      "id": "BarChart:echarts",
-      "name": "echarts",
-      "version": "5.5.0",
-      "singleton": true,
-      "requiredVersion": "^undefined",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/873.2961fe42.js"
+            "__mf/js/async/192.a124e348.js"
           ]
         },
         "css": {
@@ -179,7 +158,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.e557410b.js"
+            "__mf/js/async/963.55379fe9.js"
           ]
         },
         "css": {
@@ -199,27 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.43a49d02.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "fallback": ""
-    },
-    {
-      "id": "BarChart:mdi-material-ui",
-      "name": "mdi-material-ui",
-      "version": "7.9.4",
-      "singleton": true,
-      "requiredVersion": "^7.4.0",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/496.b1d86a71.js"
+            "__mf/js/async/392.8ca69bee.js"
           ]
         },
         "css": {
@@ -239,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.bbaeb6f6.js"
+            "__mf/js/async/470.37aae926.js"
           ]
         },
         "css": {
@@ -259,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.473596c1.js"
+            "__mf/js/async/121.4accbf8e.js"
           ]
         },
         "css": {
@@ -279,28 +238,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/458.e0bfe246.js",
-            "__mf/js/async/77.64992029.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "fallback": ""
-    },
-    {
-      "id": "BarChart:date-fns-tz",
-      "name": "date-fns-tz",
-      "version": "3.2.0",
-      "singleton": true,
-      "requiredVersion": "^3.2.0",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/978.83c86840.js"
+            "__mf/js/async/458.f3986424.js",
+            "__mf/js/async/77.6c4e4558.js"
           ]
         },
         "css": {
@@ -319,27 +258,22 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/934.e8708047.js",
-            "__mf/js/async/823.55761759.js",
-            "__mf/js/async/46.822ac417.js",
-            "__mf/js/async/603.73790c72.js",
-            "__mf/js/async/977.4f77cf46.js",
-            "__mf/js/async/__federation_expose_BarChart.cf3b83b6.js"
+            "__mf/js/async/240.dc4df0d9.js",
+            "__mf/js/async/720.e55c1cd1.js",
+            "__mf/js/async/977.52b40a67.js",
+            "__mf/js/async/__federation_expose_BarChart.0ccf4bdc.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.9c050a7f.js",
-            "__mf/js/async/815.60db8972.js",
-            "__mf/js/async/356.4b7b13a4.js",
-            "__mf/js/async/177.3e3ea369.js",
-            "__mf/js/async/588.3e2e88e6.js",
-            "__mf/js/async/71.8dde0897.js",
-            "__mf/js/async/435.7b8a2474.js"
+            "__mf/js/async/lib-router.5ddcb9bb.js",
+            "__mf/js/async/138.127b391c.js",
+            "__mf/js/async/356.78964032.js",
+            "__mf/js/async/663.d87cae88.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "BarChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0",
+      "buildVersion": "0.14.0-beta.1",
       "buildName": "@perses-dev/bar-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/BarChart.9e1e78c7.js",
+      "name": "__mf/js/BarChart.96061263.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "BarChart",
+    "globalName": "BarChart_0_14_0_beta_1",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart~0.14.0-beta.1/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.3b869914.js"
+            "__mf/js/async/274.99be7531.js"
           ]
         },
         "css": {
@@ -60,9 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.b9e83b0f.js",
-            "__mf/js/async/616.673776b4.js",
-            "__mf/js/async/854.8910fbf0.js"
+            "__mf/js/async/235.838c8cc3.js",
+            "__mf/js/async/616.335036c9.js"
           ]
         },
         "css": {
@@ -86,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.19607cd0.js",
-            "__mf/js/async/968.0da0003e.js"
+            "__mf/js/async/587.7c99f561.js",
+            "__mf/js/async/968.28847a9e.js"
           ]
         },
         "css": {
@@ -101,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "eager": false,
       "id": "BarChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.0c10a71e.js"
+            "__mf/js/async/826.6a3f7587.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       },
@@ -129,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0",
+      "requiredVersion": "^0.55.0-beta.6",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0",
+      "version": "0.55.0-beta.6",
       "eager": false,
       "id": "BarChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.966246a4.js"
+            "__mf/js/async/354.05669930.js"
           ]
         },
         "css": {
@@ -165,31 +164,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d5754c56.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "usedIn": [],
-      "usedExports": [],
-      "fallback": ""
-    },
-    {
-      "singleton": true,
-      "requiredVersion": "^undefined",
-      "shareScope": "default",
-      "name": "echarts",
-      "version": "5.5.0",
-      "eager": false,
-      "id": "BarChart:echarts",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/873.2961fe42.js"
+            "__mf/js/async/192.a124e348.js"
           ]
         },
         "css": {
@@ -213,7 +188,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.e557410b.js"
+            "__mf/js/async/963.55379fe9.js"
           ]
         },
         "css": {
@@ -239,31 +214,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.43a49d02.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "usedIn": [],
-      "usedExports": [],
-      "fallback": ""
-    },
-    {
-      "singleton": true,
-      "requiredVersion": "^7.4.0",
-      "shareScope": "default",
-      "name": "mdi-material-ui",
-      "version": "7.9.4",
-      "eager": false,
-      "id": "BarChart:mdi-material-ui",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/496.b1d86a71.js"
+            "__mf/js/async/392.8ca69bee.js"
           ]
         },
         "css": {
@@ -287,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.bbaeb6f6.js"
+            "__mf/js/async/470.37aae926.js"
           ]
         },
         "css": {
@@ -311,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.473596c1.js"
+            "__mf/js/async/121.4accbf8e.js"
           ]
         },
         "css": {
@@ -337,32 +288,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/458.e0bfe246.js",
-            "__mf/js/async/77.64992029.js"
-          ]
-        },
-        "css": {
-          "async": [],
-          "sync": []
-        }
-      },
-      "usedIn": [],
-      "usedExports": [],
-      "fallback": ""
-    },
-    {
-      "singleton": true,
-      "requiredVersion": "^3.2.0",
-      "shareScope": "default",
-      "name": "date-fns-tz",
-      "version": "3.2.0",
-      "eager": false,
-      "id": "BarChart:date-fns-tz",
-      "assets": {
-        "js": {
-          "async": [],
-          "sync": [
-            "__mf/js/async/978.83c86840.js"
+            "__mf/js/async/458.f3986424.js",
+            "__mf/js/async/77.6c4e4558.js"
           ]
         },
         "css": {
@@ -391,27 +318,22 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/934.e8708047.js",
-            "__mf/js/async/823.55761759.js",
-            "__mf/js/async/46.822ac417.js",
-            "__mf/js/async/603.73790c72.js",
-            "__mf/js/async/977.4f77cf46.js",
-            "__mf/js/async/__federation_expose_BarChart.cf3b83b6.js"
+            "__mf/js/async/240.dc4df0d9.js",
+            "__mf/js/async/720.e55c1cd1.js",
+            "__mf/js/async/977.52b40a67.js",
+            "__mf/js/async/__federation_expose_BarChart.0ccf4bdc.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.9c050a7f.js",
-            "__mf/js/async/815.60db8972.js",
-            "__mf/js/async/356.4b7b13a4.js",
-            "__mf/js/async/177.3e3ea369.js",
-            "__mf/js/async/588.3e2e88e6.js",
-            "__mf/js/async/71.8dde0897.js",
-            "__mf/js/async/435.7b8a2474.js"
+            "__mf/js/async/lib-router.5ddcb9bb.js",
+            "__mf/js/async/138.127b391c.js",
+            "__mf/js/async/356.78964032.js",
+            "__mf/js/async/663.d87cae88.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       }