andoncloud-prometheus-widget 1.3.18 → 1.3.19

package/dist/index.cjs

@@ -1,628 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-let andoncloud_sdk = require("andoncloud-sdk");
-let react = require("react");
-let andoncloud_dashboard_toolkit = require("andoncloud-dashboard-toolkit");
-let andoncloud_widget_base = require("andoncloud-widget-base");
-let react_i18next = require("react-i18next");
-let _mui_icons_material = require("@mui/icons-material");
-let _mui_lab = require("@mui/lab");
-let _mui_material = require("@mui/material");
-let formik = require("formik");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_chartjs_2 = require("react-chartjs-2");
-let chart_js = require("chart.js");
-chart_js = __toESM(chart_js);
-let chartjs_plugin_datasource_prometheus = require("chartjs-plugin-datasource-prometheus");
-chartjs_plugin_datasource_prometheus = __toESM(chartjs_plugin_datasource_prometheus);
-let dayjs = require("dayjs");
-dayjs = __toESM(dayjs);
-let lodash_pick = require("lodash.pick");
-lodash_pick = __toESM(lodash_pick);
-let color = require("color");
-color = __toESM(color);
-let compare_versions = require("compare-versions");
-let yup = require("yup");
-yup = __toESM(yup);
-let i18next = require("i18next");
-i18next = __toESM(i18next);
-//#region src/locales/en/translation.json
-var translation_default$1 = { prometheusWidget: {
-	"addAnotherDisplayedQueryParameter": "Add another displayed query parameter",
-	"addAnotherQuery": "Add another query",
-	"advanced": "Advanced",
-	"currentShift": "Current shift",
-	"customTitle": "Custom title",
-	"displayedQueryParameter": "Displayed query parameter",
-	"endpointUrl": "Endpoint URL",
-	"name": "Name",
-	"period": "Period",
-	"previousShift": "Previous shift",
-	"query": "Query",
-	"settings": "Settings",
-	"thisFieldIsRequired": "This field is required",
-	"xAxisUnit": "X axis unit",
-	"displayName": "PromQL chart",
-	"titleQueries_one": "{{count}} query",
-	"titleQueries_other": "{{count}} queries",
-	"titleCurrentShift": "current shift",
-	"titlePreviousShift": "previous shift",
-	"yAxisUnit": "Y axis unit"
-} };
-//#endregion
-//#region src/locales/pl/translation.json
-var translation_default = { prometheusWidget: {
-	"addAnotherDisplayedQueryParameter": "Dodaj kolejny wyświetlany parametr zapytania",
-	"addAnotherQuery": "Dodaj kolejne zapytanie",
-	"advanced": "Zaawansowane",
-	"currentShift": "Obecna zmiana",
-	"customTitle": "Własny tytuł",
-	"displayedQueryParameter": "Wyświetlany parametr zapytania",
-	"endpointUrl": "Adres URL",
-	"name": "Nazwa",
-	"period": "Okres",
-	"previousShift": "Poprzednia zmiana",
-	"query": "Zapytanie",
-	"settings": "Ustawienia",
-	"thisFieldIsRequired": "To pole jest wymagane",
-	"xAxisUnit": "Jednostka osi X",
-	"displayName": "Wykres PromQL",
-	"titleQueries_one": "{{count}} zapytanie",
-	"titleQueries_few": "{{count}} zapytania",
-	"titleQueries_many": "{{count}} zapytań",
-	"titleCurrentShift": "obecna zmiana",
-	"titlePreviousShift": "poprzednia zmiana",
-	"yAxisUnit": "Jednostka osi Y"
-} };
-//#endregion
-//#region src/locales/index.ts
-const resources = {
-	en: { translation: translation_default$1 },
-	pl: { translation: translation_default }
-};
-//#endregion
-//#region src/version.ts
-const LIBRARY_VERSION = "1.3.9";
-//#endregion
-//#region src/types.ts
-let QueriesPeriod = /* @__PURE__ */ function(QueriesPeriod) {
-	QueriesPeriod["CURRENT_SHIFT"] = "CURRENT_SHIFT";
-	QueriesPeriod["PREVIOUS_SHIFT"] = "PREVIOUS_SHIFT";
-	return QueriesPeriod;
-}({});
-//#endregion
-//#region src/components/SettingsFormContent/index.tsx
-const SettingsFormContent = ({ formProps }) => {
-	const [selectedTab, setSelectedTab] = (0, react.useState)("settings");
-	const emptyQueryItem = {
-		query: "",
-		displayName: ""
-	};
-	const formControlStyles = { mt: 2 };
-	const { t } = (0, react_i18next.useTranslation)();
-	const setPrometheusQuery = (i, item) => {
-		const queries = [...formProps.values.prometheusQueries || [emptyQueryItem]];
-		queries[i] = {
-			...queries[i],
-			...item
-		};
-		formProps.setFieldValue("prometheusQueries", queries);
-	};
-	const addQueryField = () => {
-		const queries = [...formProps.values.prometheusQueries || [emptyQueryItem]];
-		formProps.setFieldValue("prometheusQueries", [...queries, emptyQueryItem]);
-	};
-	const removeQueryField = (i) => {
-		const queries = [...formProps.values.prometheusQueries || [emptyQueryItem]];
-		queries.splice(i, 1);
-		formProps.setFieldValue("prometheusQueries", queries);
-	};
-	const setDisplayedQueryParam = (i, value) => {
-		const params = [...formProps.values.displayedQueryParams || [""]];
-		params[i] = value;
-		formProps.setFieldValue("displayedQueryParams", params);
-	};
-	const addDisplayedQueryParam = () => {
-		const params = [...formProps.values.displayedQueryParams || [""]];
-		formProps.setFieldValue("displayedQueryParams", [...params, ""]);
-	};
-	const removeDisplayedQueryParam = (i) => {
-		const params = [...formProps.values.displayedQueryParams || [""]];
-		params.splice(i, 1);
-		formProps.setFieldValue("displayedQueryParams", params);
-	};
-	const mapPeriodToLabel = (period) => {
-		switch (period) {
-			case QueriesPeriod.PREVIOUS_SHIFT: return t("prometheusWidget.previousShift");
-			default: return t("prometheusWidget.currentShift");
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_lab.TabContext, {
-		value: selectedTab,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_lab.TabList, {
-				onChange: (_, value) => setSelectedTab(value),
-				centered: true,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tab, {
-					label: t("prometheusWidget.settings"),
-					value: "settings"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tab, {
-					label: t("prometheusWidget.advanced"),
-					value: "advanced"
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_lab.TabPanel, {
-				value: "settings",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
-					mb: 2,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-								name: "endpointUrl",
-								label: t("prometheusWidget.endpointUrl"),
-								value: formProps.values.endpointUrl,
-								onChange: formProps.handleChange,
-								onBlur: formProps.handleBlur,
-								error: formProps.touched.endpointUrl && Boolean(formProps.errors.endpointUrl),
-								helperText: formProps.touched.endpointUrl && formProps.errors.endpointUrl,
-								"data-testid": "prometheus.settings.endpoint-url",
-								fullWidth: true
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.InputLabel, {
-									id: "queries-period-label",
-									children: t("prometheusWidget.period")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Select, {
-									variant: "outlined",
-									name: "queriesPeriod",
-									labelId: "queries-period-label",
-									value: formProps.values.queriesPeriod || QueriesPeriod.CURRENT_SHIFT,
-									onChange: formProps.handleChange,
-									onBlur: formProps.handleBlur,
-									error: formProps.touched.queriesPeriod && Boolean(formProps.errors.queriesPeriod),
-									"data-testid": "prometheus.settings.period-select",
-									fullWidth: true,
-									children: Object.keys(QueriesPeriod).map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.MenuItem, {
-										value: QueriesPeriod[key],
-										children: mapPeriodToLabel(QueriesPeriod[key])
-									}, key))
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormHelperText, {
-									error: true,
-									children: formProps.touched.queriesPeriod && formProps.errors.queriesPeriod
-								})
-							]
-						}),
-						(formProps.values.prometheusQueries || [emptyQueryItem]).map(({ query, displayName }, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, {
-								direction: "row",
-								width: "100%",
-								gap: 1,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-										label: t("prometheusWidget.query"),
-										value: query,
-										onChange: (e) => setPrometheusQuery(i, { query: e.target.value }),
-										onBlur: formProps.handleBlur,
-										error: formProps.touched.prometheusQueries?.[i]?.query && Boolean((0, formik.getIn)(formProps.errors, `prometheusQueries.[${i}].query`)),
-										helperText: formProps.touched.prometheusQueries?.[i]?.query && (0, formik.getIn)(formProps.errors, `prometheusQueries.[${i}].query`),
-										"data-testid": `prometheus.settings.query-input-${i}`,
-										fullWidth: true
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-										label: t("prometheusWidget.name"),
-										value: displayName,
-										onChange: (e) => setPrometheusQuery(i, {
-											query,
-											displayName: e.target.value
-										}),
-										onBlur: formProps.handleBlur,
-										error: formProps.touched.prometheusQueries?.[i]?.displayName && Boolean((0, formik.getIn)(formProps.errors, `prometheusQueries.[${i}].displayName`)),
-										helperText: formProps.touched.prometheusQueries?.[i]?.displayName && (0, formik.getIn)(formProps.errors, `prometheusQueries.[${i}].displayName`),
-										"data-testid": `prometheus.settings.query-name-${i}`,
-										fullWidth: true
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
-										color: "error",
-										onClick: () => removeQueryField(i),
-										"data-testid": `prometheus.settings.remove-query-${i}`,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material.Clear, {})
-									})
-								]
-							})
-						}, i)),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
-							color: "secondary",
-							onClick: addQueryField,
-							sx: { mt: (theme) => theme.spacing(2) },
-							"data-testid": "prometheus.settings.add-query",
-							fullWidth: true,
-							children: t("prometheusWidget.addAnotherQuery")
-						}),
-						(formProps.values.displayedQueryParams || [""]).map((param, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, {
-								direction: "row",
-								width: "100%",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-									label: t("prometheusWidget.displayedQueryParameter"),
-									value: param,
-									onChange: (e) => setDisplayedQueryParam(i, e.target.value),
-									error: formProps.touched.displayedQueryParams?.[i] && Boolean((0, formik.getIn)(formProps.errors, `displayedQueryParams.[${i}]`)),
-									helperText: formProps.touched.displayedQueryParams?.[i] && (0, formik.getIn)(formProps.errors, `displayedQueryParams.[${i}]`),
-									"data-testid": `prometheus.settings.param-input-${i}`,
-									fullWidth: true
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
-									color: "error",
-									onClick: () => removeDisplayedQueryParam(i),
-									"data-testid": `prometheus.settings.remove-param-${i}`,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material.Clear, {})
-								})]
-							})
-						}, i)),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
-							color: "secondary",
-							onClick: addDisplayedQueryParam,
-							sx: { mt: (theme) => theme.spacing(2) },
-							"data-testid": "prometheus.settings.add-param",
-							fullWidth: true,
-							children: t("prometheusWidget.addAnotherDisplayedQueryParameter")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-								name: "xAxisUnit",
-								label: t("prometheusWidget.xAxisUnit"),
-								value: formProps.values.xAxisUnit || "",
-								onChange: formProps.handleChange,
-								onBlur: formProps.handleBlur,
-								error: formProps.touched.xAxisUnit && Boolean(formProps.errors.xAxisUnit),
-								helperText: formProps.touched.xAxisUnit && formProps.errors.xAxisUnit,
-								"data-testid": "prometheus.settings.x-axis-unit",
-								fullWidth: true
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControl, {
-							sx: formControlStyles,
-							fullWidth: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-								name: "yAxisUnit",
-								label: t("prometheusWidget.yAxisUnit"),
-								value: formProps.values.yAxisUnit || "",
-								onChange: formProps.handleChange,
-								onBlur: formProps.handleBlur,
-								error: formProps.touched.yAxisUnit && Boolean(formProps.errors.yAxisUnit),
-								helperText: formProps.touched.yAxisUnit && formProps.errors.yAxisUnit,
-								"data-testid": "prometheus.settings.y-axis-unit",
-								fullWidth: true
-							})
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_lab.TabPanel, {
-				value: "advanced",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
-					name: "customTitle",
-					label: t("prometheusWidget.customTitle"),
-					value: formProps.values.customTitle,
-					onChange: formProps.handleChange,
-					"data-testid": "prometheus.settings.custom-title",
-					fullWidth: true
-				})
-			})
-		]
-	});
-};
-//#endregion
-//#region src/helpers.ts
-const getQueriesTimeRange = (period, data) => {
-	const currentDate = (0, dayjs.default)();
-	const normalizedShifts = (0, andoncloud_dashboard_toolkit.normalizeShifts)(data?.shifts, currentDate);
-	const currentShift = (0, andoncloud_dashboard_toolkit.getCurrentShift)(currentDate, normalizedShifts);
-	const recentShift = (0, andoncloud_dashboard_toolkit.getRecentShift)(currentDate, normalizedShifts);
-	switch (period) {
-		case QueriesPeriod.CURRENT_SHIFT:
-			if (currentShift) return {
-				startedAt: currentShift.startedAt.toDate(),
-				finishedAt: currentShift.finishedAt.toDate()
-			};
-			if (recentShift) return {
-				startedAt: recentShift.startedAt.toDate(),
-				finishedAt: recentShift.finishedAt.toDate()
-			};
-			return null;
-		case QueriesPeriod.PREVIOUS_SHIFT:
-			if (recentShift) return {
-				startedAt: recentShift.startedAt.toDate(),
-				finishedAt: recentShift.finishedAt.toDate()
-			};
-			return null;
-		default: return null;
-	}
-};
-//#endregion
-//#region src/components/PrometheusChart/GradientPlugin.ts
-const createGradient = (ctx, area) => {
-	return ctx.createLinearGradient(0, area.bottom, 0, area.top);
-};
-const getScale = (chart, datasetId) => {
-	const meta = chart.getDatasetMeta(datasetId);
-	return meta.controller._yScale || meta.controller.chart.scales[meta.yAxisID];
-};
-const GradientPlugin = {
-	id: "gradient",
-	beforeDatasetsUpdate(chart) {
-		const ctx = chart.ctx;
-		const datasets = chart.data.datasets;
-		if (ctx && datasets) for (let i = 0; i < datasets.length; i++) {
-			const dataset = datasets[i];
-			const scale = getScale(chart, i);
-			if (scale) {
-				const gradient = createGradient(ctx, scale);
-				const borderColor = (0, color.default)(dataset.borderColor);
-				gradient.addColorStop(0, borderColor.alpha(.1).hexa());
-				gradient.addColorStop(1, borderColor.alpha(.5).hexa());
-				dataset.backgroundColor = gradient;
-			}
-		}
-	}
-};
-//#endregion
-//#region src/components/PrometheusChart/index.tsx
-chart_js.default.defaults.global.defaultFontSize = 12;
-chart_js.default.defaults.global.defaultFontColor = "rgba(255, 255, 255, 0.75)";
-const PrometheusChart = ({ data, settings }) => {
-	const chart = (0, react.useRef)(null);
-	const [chartData] = (0, react.useState)({
-		labels: [],
-		datasets: []
-	});
-	const [queriesTimeRange, setQueriesTimeRange] = (0, react.useState)(null);
-	const [timeLabels, setTimeLabels] = (0, react.useState)([]);
-	(0, react.useEffect)(() => {
-		if (chart.current) chart.current.update();
-		if (queriesTimeRange) setTimeLabels((0, andoncloud_dashboard_toolkit.generateTimeRange)((0, dayjs.default)(queriesTimeRange.startedAt), (0, dayjs.default)(queriesTimeRange.finishedAt), "minutes", 15));
-	}, [queriesTimeRange]);
-	(0, react.useEffect)(() => {
-		setQueriesTimeRange(getQueriesTimeRange(settings.queriesPeriod, data));
-		if (settings?.queriesPeriod === QueriesPeriod.CURRENT_SHIFT) {
-			const intervalId = setInterval(() => {
-				if (chart.current && chart.current.options.plugins) {
-					const nextTimeRange = getQueriesTimeRange(settings.queriesPeriod, data);
-					setQueriesTimeRange(nextTimeRange);
-					chart.current.options.plugins["datasource-prometheus"].timeRange = {
-						...chart.current.options.plugins["datasource-prometheus"].timeRange,
-						start: nextTimeRange?.startedAt,
-						end: nextTimeRange?.finishedAt
-					};
-					chart.current.update();
-				}
-			}, 3e4);
-			return () => {
-				clearInterval(intervalId);
-			};
-		}
-		return () => {};
-	}, [data, settings]);
-	return queriesTimeRange && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_chartjs_2.Chart, {
-		ref: chart,
-		type: "line",
-		data: chartData,
-		plugins: [chartjs_plugin_datasource_prometheus.default, GradientPlugin],
-		options: {
-			scales: {
-				xAxes: [{
-					type: "time",
-					labels: timeLabels,
-					time: { displayFormats: {
-						millisecond: "HH:mm:ss.SSS",
-						second: "HH:mm:ss",
-						minute: "HH:mm",
-						hour: "HH"
-					} },
-					ticks: { source: "labels" },
-					gridLines: { color: "rgba(255, 255, 255, 0.1)" },
-					...settings.xAxisUnit && { scaleLabel: {
-						display: true,
-						labelString: settings.xAxisUnit
-					} }
-				}],
-				yAxes: [{
-					gridLines: { color: "rgba(255, 255, 255, 0.1)" },
-					...settings.xAxisUnit && { scaleLabel: {
-						display: true,
-						labelString: settings.yAxisUnit
-					} }
-				}]
-			},
-			elements: { point: { radius: 0 } },
-			maintainAspectRatio: false,
-			animation: { duration: 0 },
-			plugins: { "datasource-prometheus": {
-				prometheus: { endpoint: settings.endpointUrl },
-				query: settings.prometheusQueries.map(({ query }) => query),
-				timeRange: {
-					type: "absolute",
-					start: queriesTimeRange.startedAt,
-					end: queriesTimeRange.finishedAt,
-					step: 30
-				},
-				fillGaps: true,
-				fill: true
-			} },
-			legend: { labels: { filter: (item) => {
-				const regex = /{(?:[^{}]*)*}/;
-				const paramsMatch = item.text.match(regex);
-				const queryDisplayName = settings?.prometheusQueries[item.datasetIndex]?.displayName;
-				if (queryDisplayName) {
-					if (paramsMatch && paramsMatch.index !== 0) {
-						const queryParams = eval("(" + paramsMatch[0].replaceAll("=", ":") + ")");
-						const queryParamsValues = Object.values((0, lodash_pick.default)(queryParams, settings.displayedQueryParams)).join(" - ");
-						if (queryParamsValues) item.text = `${queryDisplayName} - ${queryParamsValues}`;
-						else item.text = queryDisplayName;
-					}
-				} else {
-					const replaceAfter = (text, index, replacement) => {
-						return text.substring(0, index) + replacement;
-					};
-					if (paramsMatch && paramsMatch.index !== 0) {
-						const matchIndex = paramsMatch.index || 0;
-						const queryParams = eval("(" + paramsMatch[0].replaceAll("=", ":") + ")");
-						item.text = replaceAfter(item.text, matchIndex, JSON.stringify((0, lodash_pick.default)(queryParams, settings.displayedQueryParams)));
-					} else item.text = settings?.prometheusQueries[item.datasetIndex].query;
-				}
-				return item;
-			} } }
-		}
-	});
-};
-//#endregion
-//#region src/components/WidgetView/index.tsx
-const WidgetView = ({ data, settings }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
-		display: "flex",
-		width: "100%",
-		minWidth: "500px",
-		height: "100%",
-		minHeight: "250px",
-		p: 2,
-		children: settings && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrometheusChart, {
-			data,
-			settings
-		})
-	});
-};
-//#endregion
-//#region src/components/Widget/utils.ts
-const getSettingsFormProps = (t) => {
-	yup.setLocale({ mixed: { required: t("prometheusWidget.thisFieldIsRequired") } });
-	return {
-		initialValues: {
-			customTitle: "",
-			endpointUrl: "",
-			queriesPeriod: QueriesPeriod.CURRENT_SHIFT,
-			prometheusQueries: [],
-			displayedQueryParams: [],
-			xAxisUnit: "",
-			yAxisUnit: ""
-		},
-		validationSchema: yup.object({
-			endpointUrl: yup.string().required(),
-			queriesPeriod: yup.string().required(),
-			prometheusQueries: yup.array().of(yup.object().shape({
-				query: yup.string().required(),
-				displayName: yup.string().required()
-			})),
-			displayedQueryParams: yup.array().of(yup.string().required()),
-			xAxisUnit: yup.string().required(),
-			yAxisUnit: yup.string().required()
-		})
-	};
-};
-const migrateSettings = (settings) => {
-	if (!(0, compare_versions.satisfies)(settings.version || "1.0.0", ">=1.2.5")) return {
-		...settings,
-		prometheusQueries: settings.prometheusQueries.map((query) => ({
-			query,
-			displayName: ""
-		}))
-	};
-	return settings;
-};
-//#endregion
-//#region src/components/Widget/index.tsx
-const Widget = ({ url, wsUrl, lang, data, ...widgetProps }) => {
-	const { graphqlSdk, gqlWsClient } = (0, andoncloud_dashboard_toolkit.useGqlClients)({
-		url,
-		wsUrl,
-		lang
-	});
-	const [widgetData, setWidgetData] = (0, react.useState)(data);
-	(0, react.useEffect)(() => {
-		if (!data && graphqlSdk) graphqlSdk.listShifts().then(({ shifts }) => setWidgetData((current) => ({
-			...current || {},
-			shifts
-		}))).catch(() => {});
-	}, [data, graphqlSdk]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(andoncloud_widget_base.BaseWidget, {
-		...widgetProps,
-		url,
-		lang,
-		locales: resources,
-		data: widgetData,
-		gqlClients: {
-			graphqlSdk,
-			gqlWsClient
-		},
-		WidgetView,
-		getSettingsFormProps,
-		SettingsFormContent,
-		migrateSettings,
-		version: LIBRARY_VERSION,
-		"data-testid": "prometheus-widget"
-	});
-};
-//#endregion
-//#region src/core/title.ts
-const ns = "prometheusWidget";
-const t = (key, lng, options) => i18next.default.t(`${ns}.${key}`, {
-	lng,
-	...options
-});
-const getDisplayName = (lang) => t("displayName", lang);
-const getTitle = (_data, settings, _filters, lang) => {
-	const name = getDisplayName(lang);
-	if (!settings?.prometheusQueries?.length) return name;
-	const queryCount = settings.prometheusQueries.length;
-	const period = settings.queriesPeriod === "CURRENT_SHIFT" ? t("titleCurrentShift", lang) : t("titlePreviousShift", lang);
-	return `${name} — ${t("titleQueries", lang, { count: queryCount })}, ${period}`;
-};
-//#endregion
-//#region src/index.tsx
-(0, andoncloud_sdk.registerTranslations)(resources);
-const thumbnail = void 0;
-const requiredFeatures = ["feature.prometheus-widget"];
-const extraPermissions = [];
-//#endregion
-exports.Widget = Widget;
-exports.extraPermissions = extraPermissions;
-exports.getDisplayName = getDisplayName;
-exports.getTitle = getTitle;
-exports.requiredFeatures = requiredFeatures;
-exports.thumbnail = thumbnail;
-exports.version = LIBRARY_VERSION;
-
-//# sourceMappingURL=index.cjs.map