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

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.2",
       "buildName": "@perses-dev/bar-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/BarChart.9e1e78c7.js",
+      "name": "__mf/js/BarChart.777a5fe9.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "BarChart",
+    "globalName": "BarChart_0_14_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/BarChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart~0.14.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.3b869914.js"
+            "__mf/js/async/274.becf0c4e.js"
           ]
         },
         "css": {
@@ -54,9 +54,9 @@
         "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.5bb676bf.js",
+            "__mf/js/async/616.6263efeb.js",
+            "__mf/js/async/854.49d186a1.js"
           ]
         },
         "css": {
@@ -76,8 +76,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.19607cd0.js",
-            "__mf/js/async/968.0da0003e.js"
+            "__mf/js/async/587.e4d2ed78.js",
+            "__mf/js/async/968.66f07975.js"
           ]
         },
         "css": {
@@ -90,20 +90,20 @@
     {
       "id": "BarChart:@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.0c10a71e.js"
+            "__mf/js/async/788.e72a42a8.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       },
@@ -112,14 +112,14 @@
     {
       "id": "BarChart:@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.966246a4.js"
+            "__mf/js/async/407.f9cff9c5.js"
           ]
         },
         "css": {
@@ -139,7 +139,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d5754c56.js"
+            "__mf/js/async/192.e523747d.js"
           ]
         },
         "css": {
@@ -159,7 +159,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.2961fe42.js"
+            "__mf/js/async/873.9b3f6f36.js"
           ]
         },
         "css": {
@@ -179,7 +179,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.e557410b.js"
+            "__mf/js/async/963.36fb71d2.js"
           ]
         },
         "css": {
@@ -199,7 +199,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.43a49d02.js"
+            "__mf/js/async/392.ce5748af.js"
           ]
         },
         "css": {
@@ -219,7 +219,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/496.b1d86a71.js"
+            "__mf/js/async/496.46cf1305.js"
           ]
         },
         "css": {
@@ -239,7 +239,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.bbaeb6f6.js"
+            "__mf/js/async/470.6bd33fa1.js"
           ]
         },
         "css": {
@@ -259,7 +259,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.473596c1.js"
+            "__mf/js/async/121.0dfa8a56.js"
           ]
         },
         "css": {
@@ -279,8 +279,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/458.e0bfe246.js",
-            "__mf/js/async/77.64992029.js"
+            "__mf/js/async/458.dd052408.js",
+            "__mf/js/async/77.d762eaa0.js"
           ]
         },
         "css": {
@@ -300,7 +300,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.83c86840.js"
+            "__mf/js/async/978.d27fe59a.js"
           ]
         },
         "css": {
@@ -319,27 +319,26 @@
       "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/934.04010fe7.js",
+            "__mf/js/async/823.2a2b516e.js",
+            "__mf/js/async/720.e068b3e4.js",
+            "__mf/js/async/603.6e4d4c2a.js",
+            "__mf/js/async/977.b3f21ee5.js",
+            "__mf/js/async/__federation_expose_BarChart.07c26459.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.a4768e7d.js",
+            "__mf/js/async/138.a47c7fc8.js",
+            "__mf/js/async/356.4a2d6a5d.js",
+            "__mf/js/async/588.ca7f0375.js",
+            "__mf/js/async/71.5f1bab20.js",
+            "__mf/js/async/435.4802f945.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": "BarChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0",
+      "buildVersion": "0.14.0-beta.2",
       "buildName": "@perses-dev/bar-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/BarChart.9e1e78c7.js",
+      "name": "__mf/js/BarChart.777a5fe9.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "BarChart",
+    "globalName": "BarChart_0_14_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/BarChart/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/BarChart~0.14.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.3b869914.js"
+            "__mf/js/async/274.becf0c4e.js"
           ]
         },
         "css": {
@@ -60,9 +60,9 @@
         "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.5bb676bf.js",
+            "__mf/js/async/616.6263efeb.js",
+            "__mf/js/async/854.49d186a1.js"
           ]
         },
         "css": {
@@ -86,8 +86,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.19607cd0.js",
-            "__mf/js/async/968.0da0003e.js"
+            "__mf/js/async/587.e4d2ed78.js",
+            "__mf/js/async/968.66f07975.js"
           ]
         },
         "css": {
@@ -101,23 +101,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": "BarChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/187.0c10a71e.js"
+            "__mf/js/async/788.e72a42a8.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/187.85c2cbf6.css"
+            "__mf/css/async/788.85c2cbf6.css"
           ]
         }
       },
@@ -129,17 +129,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": "BarChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/546.966246a4.js"
+            "__mf/js/async/407.f9cff9c5.js"
           ]
         },
         "css": {
@@ -165,7 +165,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.d5754c56.js"
+            "__mf/js/async/192.e523747d.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.2961fe42.js"
+            "__mf/js/async/873.9b3f6f36.js"
           ]
         },
         "css": {
@@ -213,7 +213,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/963.e557410b.js"
+            "__mf/js/async/963.36fb71d2.js"
           ]
         },
         "css": {
@@ -239,7 +239,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.43a49d02.js"
+            "__mf/js/async/392.ce5748af.js"
           ]
         },
         "css": {
@@ -263,7 +263,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/496.b1d86a71.js"
+            "__mf/js/async/496.46cf1305.js"
           ]
         },
         "css": {
@@ -287,7 +287,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.bbaeb6f6.js"
+            "__mf/js/async/470.6bd33fa1.js"
           ]
         },
         "css": {
@@ -311,7 +311,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.473596c1.js"
+            "__mf/js/async/121.0dfa8a56.js"
           ]
         },
         "css": {
@@ -337,8 +337,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/458.e0bfe246.js",
-            "__mf/js/async/77.64992029.js"
+            "__mf/js/async/458.dd052408.js",
+            "__mf/js/async/77.d762eaa0.js"
           ]
         },
         "css": {
@@ -362,7 +362,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.83c86840.js"
+            "__mf/js/async/978.d27fe59a.js"
           ]
         },
         "css": {
@@ -391,27 +391,26 @@
       "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/934.04010fe7.js",
+            "__mf/js/async/823.2a2b516e.js",
+            "__mf/js/async/720.e068b3e4.js",
+            "__mf/js/async/603.6e4d4c2a.js",
+            "__mf/js/async/977.b3f21ee5.js",
+            "__mf/js/async/__federation_expose_BarChart.07c26459.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.a4768e7d.js",
+            "__mf/js/async/138.a47c7fc8.js",
+            "__mf/js/async/356.4a2d6a5d.js",
+            "__mf/js/async/588.ca7f0375.js",
+            "__mf/js/async/71.5f1bab20.js",
+            "__mf/js/async/435.4802f945.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/bar-chart-plugin",
-  "version": "0.13.0",
+  "version": "0.14.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"
   },