@perses-dev/bar-chart-plugin 0.6.0

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

@@ -0,0 +1,27 @@
+import { ModeOption, SortOption } from '@perses-dev/components';
+import { CalculationType, Definition, FormatOptions } from '@perses-dev/core';
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+export declare const DEFAULT_FORMAT: FormatOptions;
+export declare const DEFAULT_SORT: SortOption;
+export declare const DEFAULT_MODE: ModeOption;
+/**
+ * The schema for a BarChart panel.
+ */
+export interface BarChartDefinition extends Definition<BarChartOptions> {
+    kind: 'BarChart';
+}
+/**
+ * The Options object type supported by the BarChart panel plugin.
+ */
+export interface BarChartOptions {
+    calculation: CalculationType;
+    format?: FormatOptions;
+    sort?: SortOption;
+    mode?: ModeOption;
+}
+export type BarChartOptionsEditorProps = OptionsEditorProps<BarChartOptions>;
+/**
+ * Creates the initial/empty options for a BarChart panel.
+ */
+export declare function createInitialBarChartOptions(): BarChartOptions;
+//# sourceMappingURL=bar-chart-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart-model.d.ts","sourceRoot":"","sources":["../../src/bar-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAuB,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,eAAO,MAAM,cAAc,EAAE,aAAsD,CAAC;AACpF,eAAO,MAAM,YAAY,EAAE,UAAmB,CAAC;AAC/C,eAAO,MAAM,YAAY,EAAE,UAAoB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,eAAe,CAAC;IACrE,IAAI,EAAE,UAAU,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE7E;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,eAAe,CAO9D"}

package/lib/bar-chart-model.js

@@ -0,0 +1,31 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { DEFAULT_CALCULATION } from '@perses-dev/core';
+export const DEFAULT_FORMAT = {
+    unit: 'decimal',
+    shortValues: true
+};
+export const DEFAULT_SORT = 'desc';
+export const DEFAULT_MODE = 'value';
+/**
+ * Creates the initial/empty options for a BarChart panel.
+ */ export function createInitialBarChartOptions() {
+    return {
+        calculation: DEFAULT_CALCULATION,
+        format: DEFAULT_FORMAT,
+        sort: DEFAULT_SORT,
+        mode: DEFAULT_MODE
+    };
+}
+
+//# sourceMappingURL=bar-chart-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bar-chart-model.ts"],"sourcesContent":["// Copyright 2023 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 { ModeOption, SortOption } from '@perses-dev/components';\nimport { CalculationType, DEFAULT_CALCULATION, Definition, FormatOptions } from '@perses-dev/core';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\nexport const DEFAULT_FORMAT: FormatOptions = { unit: 'decimal', shortValues: true };\nexport const DEFAULT_SORT: SortOption = 'desc';\nexport const DEFAULT_MODE: ModeOption = 'value';\n\n/**\n * The schema for a BarChart panel.\n */\nexport interface BarChartDefinition extends Definition<BarChartOptions> {\n  kind: 'BarChart';\n}\n\n/**\n * The Options object type supported by the BarChart panel plugin.\n */\nexport interface BarChartOptions {\n  calculation: CalculationType;\n  format?: FormatOptions;\n  sort?: SortOption;\n  mode?: ModeOption;\n}\n\nexport type BarChartOptionsEditorProps = OptionsEditorProps<BarChartOptions>;\n\n/**\n * Creates the initial/empty options for a BarChart panel.\n */\nexport function createInitialBarChartOptions(): BarChartOptions {\n  return {\n    calculation: DEFAULT_CALCULATION,\n    format: DEFAULT_FORMAT,\n    sort: DEFAULT_SORT,\n    mode: DEFAULT_MODE,\n  };\n}\n"],"names":["DEFAULT_CALCULATION","DEFAULT_FORMAT","unit","shortValues","DEFAULT_SORT","DEFAULT_MODE","createInitialBarChartOptions","calculation","format","sort","mode"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAA0BA,mBAAmB,QAAmC,mBAAmB;AAGnG,OAAO,MAAMC,iBAAgC;IAAEC,MAAM;IAAWC,aAAa;AAAK,EAAE;AACpF,OAAO,MAAMC,eAA2B,OAAO;AAC/C,OAAO,MAAMC,eAA2B,QAAQ;AAqBhD;;CAEC,GACD,OAAO,SAASC;IACd,OAAO;QACLC,aAAaP;QACbQ,QAAQP;QACRQ,MAAML;QACNM,MAAML;IACR;AACF"}

package/lib/bootstrap.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bootstrap.d.ts.map

package/lib/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/bootstrap.tsx"],"names":[],"mappings":""}

package/lib/bootstrap.js

@@ -0,0 +1,19 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
+
+//# sourceMappingURL=bootstrap.js.map

package/lib/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 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 React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/BarChart.js

@@ -0,0 +1,38 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BarChart", {
+    enumerable: true,
+    get: function() {
+        return BarChart;
+    }
+});
+const _barchartmodel = require("./bar-chart-model");
+const _BarChartOptionsEditorSettings = require("./BarChartOptionsEditorSettings");
+const _BarChartPanel = require("./BarChartPanel");
+const BarChart = {
+    PanelComponent: _BarChartPanel.BarChartPanel,
+    panelOptionsEditorComponents: [
+        {
+            label: 'Settings',
+            content: _BarChartOptionsEditorSettings.BarChartOptionsEditorSettings
+        }
+    ],
+    supportedQueryTypes: [
+        'TimeSeriesQuery'
+    ],
+    createInitialOptions: _barchartmodel.createInitialBarChartOptions
+};

package/lib/cjs/BarChartOptionsEditorSettings.js

@@ -0,0 +1,108 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BarChartOptionsEditorSettings", {
+    enumerable: true,
+    get: function() {
+        return BarChartOptionsEditorSettings;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _components = require("@perses-dev/components");
+const _core = require("@perses-dev/core");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _immer = require("immer");
+const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
+const _barchartmodel = require("./bar-chart-model");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function BarChartOptionsEditorSettings(props) {
+    const { onChange, value } = props;
+    const handleCalculationChange = (newCalculation)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.calculation = newCalculation;
+        }));
+    };
+    const handleUnitChange = (newFormat)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.format = newFormat;
+        }));
+    };
+    const handleSortChange = (newSort)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.sort = newSort;
+        }));
+    };
+    const handleModeChange = (newMode)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.mode = newMode;
+        }));
+    };
+    const handleResetSettings = ()=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.calculation = _core.DEFAULT_CALCULATION;
+            draft.format = _barchartmodel.DEFAULT_FORMAT;
+            draft.sort = _barchartmodel.DEFAULT_SORT;
+            draft.mode = _barchartmodel.DEFAULT_MODE;
+        }));
+    };
+    // ensures decimalPlaces defaults to correct value
+    const format = (0, _merge.default)({}, _barchartmodel.DEFAULT_FORMAT, value.format);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
+                    title: "Misc",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.FormatControls, {
+                            value: format,
+                            onChange: handleUnitChange,
+                            disabled: value.mode === 'percentage'
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.CalculationSelector, {
+                            value: value.calculation,
+                            onChange: handleCalculationChange
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SortSelector, {
+                            value: value.sort,
+                            onChange: handleSortChange
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ModeSelector, {
+                            value: value.mode,
+                            onChange: handleModeChange,
+                            disablePercentageMode: (0, _core.isPercentUnit)(format)
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
+                    title: "Reset Settings",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                        variant: "outlined",
+                        color: "secondary",
+                        onClick: handleResetSettings,
+                        children: "Reset To Defaults"
+                    })
+                })
+            })
+        ]
+    });
+}

package/lib/cjs/BarChartPanel.js

@@ -0,0 +1,70 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BarChartPanel", {
+    enumerable: true,
+    get: function() {
+        return BarChartPanel;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _components = require("@perses-dev/components");
+const _material = require("@mui/material");
+const _react = require("react");
+const _core = require("@perses-dev/core");
+const _utils = require("./utils");
+function BarChartPanel(props) {
+    const { spec: { calculation, format, sort, mode }, contentDimensions, queryResults } = props;
+    const chartsTheme = (0, _components.useChartsTheme)();
+    const PADDING = chartsTheme.container.padding.default;
+    const barChartData = (0, _react.useMemo)(()=>{
+        const calculate = _core.CalculationsMap[calculation];
+        const barChartData = [];
+        for (const result of queryResults){
+            for (const seriesData of result.data.series){
+                const series = {
+                    value: calculate(seriesData.values) ?? null,
+                    label: seriesData.formattedName ?? ''
+                };
+                barChartData.push(series);
+            }
+        }
+        const sortedBarChartData = (0, _utils.sortSeriesData)(barChartData, sort);
+        if (mode === 'percentage') {
+            return (0, _utils.calculatePercentages)(sortedBarChartData);
+        } else {
+            return sortedBarChartData;
+        }
+    }, [
+        queryResults,
+        sort,
+        mode,
+        calculation
+    ]);
+    if (contentDimensions === undefined) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        sx: {
+            padding: `${PADDING}px`
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.BarChart, {
+            width: contentDimensions.width - PADDING * 2,
+            height: contentDimensions.height - PADDING * 2,
+            data: barChartData,
+            format: format,
+            mode: mode
+        })
+    });
+}

package/lib/cjs/bar-chart-model.js

@@ -0,0 +1,51 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_FORMAT: function() {
+        return DEFAULT_FORMAT;
+    },
+    DEFAULT_MODE: function() {
+        return DEFAULT_MODE;
+    },
+    DEFAULT_SORT: function() {
+        return DEFAULT_SORT;
+    },
+    createInitialBarChartOptions: function() {
+        return createInitialBarChartOptions;
+    }
+});
+const _core = require("@perses-dev/core");
+const DEFAULT_FORMAT = {
+    unit: 'decimal',
+    shortValues: true
+};
+const DEFAULT_SORT = 'desc';
+const DEFAULT_MODE = 'value';
+function createInitialBarChartOptions() {
+    return {
+        calculation: _core.DEFAULT_CALCULATION,
+        format: DEFAULT_FORMAT,
+        sort: DEFAULT_SORT,
+        mode: DEFAULT_MODE
+    };
+}

package/lib/cjs/bootstrap.js

@@ -0,0 +1,26 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const root = _client.default.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/env.d.js

@@ -0,0 +1,14 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+/// <reference types="@rsbuild/core/types" />
+"use strict";

package/lib/cjs/getPluginModule.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return getPluginModule;
+    }
+});
+const _packagejson = /*#__PURE__*/ _interop_require_default(require("../package.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getPluginModule() {
+    const { name, version, perses } = _packagejson.default;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}

package/lib/cjs/index-federation.js

@@ -0,0 +1,55 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/index.js

@@ -0,0 +1,40 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return _getPluginModule.getPluginModule;
+    }
+});
+_export_star(require("./bar-chart-model"), exports);
+_export_star(require("./BarChart"), exports);
+_export_star(require("./BarChartOptionsEditorSettings"), exports);
+const _getPluginModule = require("./getPluginModule");
+_export_star(require("./utils"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/setup-tests.js

@@ -0,0 +1,19 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/cjs/tresholds.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    convertThresholds: function() {
+        return convertThresholds;
+    },
+    defaultThresholdInput: function() {
+        return defaultThresholdInput;
+    }
+});
+const _zip = /*#__PURE__*/ _interop_require_default(require("lodash/zip"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const defaultThresholdInput = {
+    steps: [
+        {
+            value: 0
+        }
+    ]
+};
+function convertThresholds(thresholds, unit, max, palette) {
+    const defaultThresholdColor = thresholds.defaultColor ?? palette.defaultColor;
+    const defaultThresholdSteps = [
+        [
+            0,
+            defaultThresholdColor
+        ]
+    ];
+    if (thresholds.steps !== undefined) {
+        // https://echarts.apache.org/en/option.html#series-gauge.axisLine.lineStyle.color
+        // color segments must be decimal between 0 and 1
+        const segmentMax = 1;
+        const valuesArr = thresholds.steps.map((step)=>{
+            if (thresholds.mode === 'percent') {
+                return step.value / 100;
+            }
+            return step.value / max;
+        });
+        valuesArr.push(segmentMax);
+        const colorsArr = thresholds.steps.map((step, index)=>step.color ?? palette.palette[index]);
+        colorsArr.unshift(defaultThresholdColor);
+        const zippedArr = (0, _zip.default)(valuesArr, colorsArr);
+        return zippedArr.map((elem)=>{
+            const convertedValues = elem[0] ?? segmentMax;
+            const convertedColors = elem[1] ?? defaultThresholdColor;
+            return [
+                convertedValues,
+                convertedColors
+            ];
+        });
+    } else {
+        return defaultThresholdSteps;
+    }
+}