andoncloud-dashboard-toolkit 1.5.82 → 1.5.84

package/dist/index.js

@@ -6,8 +6,6 @@ import CalendarTodayIcon from "@mui/icons-material/CalendarToday";
 import { AccessBlocker, AccessGuard, Checkbox, fetch, refreshUserData, registerTranslations, useAccess, useStore } from "andoncloud-sdk";
 import dayjs from "dayjs";
 import gql from "graphql-tag";
-import isoWeek from "dayjs/plugin/isoWeek.js";
-import quarterOfYear from "dayjs/plugin/quarterOfYear.js";
 import "dayjs/locale/pl.js";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { DateCalendar } from "@mui/x-date-pickers/DateCalendar";
@@ -17,6 +15,8 @@ import isBetween from "dayjs/plugin/isBetween.js";
 import { mergeSx } from "merge-sx";
 import LockIcon from "@mui/icons-material/Lock";
 import SearchIcon from "@mui/icons-material/Search";
+import isoWeek from "dayjs/plugin/isoWeek.js";
+import quarterOfYear from "dayjs/plugin/quarterOfYear.js";
 import TextTruncate from "react-text-truncate";
 import durationPlugin from "dayjs/plugin/duration.js";
 import { keyframes } from "@mui/system";
@@ -124,6 +124,11 @@ let InsightsAggregation = /* @__PURE__ */ function(InsightsAggregation) {
 	InsightsAggregation["Weekly"] = "WEEKLY";
 	return InsightsAggregation;
 }({});
+let InsightsPeriodView = /* @__PURE__ */ function(InsightsPeriodView) {
+	InsightsPeriodView["Breakdown"] = "BREAKDOWN";
+	InsightsPeriodView["Comparison"] = "COMPARISON";
+	return InsightsPeriodView;
+}({});
 let MetricTypeEnum = /* @__PURE__ */ function(MetricTypeEnum) {
 	MetricTypeEnum["Counter"] = "COUNTER";
 	MetricTypeEnum["Empty"] = "EMPTY";
@@ -3645,8 +3650,6 @@ const GetWorkplacePerformanceInsightsDocument = gql`
       totalUptimePercentage
       totalDowntime
       totalDowntimePercentage
-      offScheduleDuration
-      offScheduleSeconds
       mtbf
       mttr
       reasons {
@@ -3721,7 +3724,6 @@ const ListReasonsDocument = gql`
       leaf
       name
       statusColor
-      reasonGroupId
     }
   }
 `;
@@ -3885,14 +3887,6 @@ const ListWorkplaceAssignmentsDocument = gql`
 const ListWorkplacesDocument = gql`
   query listWorkplaces($filter: WorkplaceFilter) {
     workplaces(filter: $filter) {
-      currentStatusChange {
-        id
-        reason {
-          id
-          name
-          statusColor
-        }
-      }
       deactivated
       departmentId
       id
@@ -4997,7 +4991,7 @@ const resolveInitialValues = (values) => {
 	if (!values) return void 0;
 	const today = dayjs().format("YYYY-MM-DD");
 	return {
-		dayType: values.dayType ?? DayType.Production,
+		dayType: values.dayType ?? "PRODUCTION",
 		dateRange: values.dateRange ?? {
 			from: `${today}T00:00:00`,
 			to: `${today}T23:59:59`
@@ -5007,6 +5001,236 @@ const resolveInitialValues = (values) => {
 	};
 };
 //#endregion
+//#region src/locales/index.ts
+const resources = {
+	en: { translation: {
+		"Are you sure you want to delete this widget?": "Are you sure you want to delete this widget?",
+		Cancel: "Cancel",
+		Delete: "Delete",
+		widgetCard: {
+			"error": "Widget encountered an error",
+			"retry": "Retry",
+			"openSettings": "Open widget settings",
+			"showVersion": "Show widget version",
+			"deleteWidget": "Delete widget"
+		},
+		dashboardFilters: {
+			"dayType": {
+				"label": "Day type",
+				"calendar": "Calendar",
+				"production": "Production"
+			},
+			"shifts": {
+				"label": "Shifts",
+				"allShifts": "All shifts"
+			},
+			"dateRange": {
+				"label": "Date range",
+				"from": "From",
+				"to": "To"
+			},
+			"search": {
+				"placeholder": "Search periods...",
+				"noResults": "No periods found"
+			},
+			"premium": { "indicator": "Premium" },
+			"periods": {
+				"currentShift": "Current shift",
+				"lastShift": "Previous shift",
+				"today": "Today",
+				"yesterday": "Yesterday",
+				"last7Days": "Last 7 days",
+				"last14Days": "Last 14 days",
+				"last30Days": "Last 30 days",
+				"last90Days": "Last 90 days",
+				"last180Days": "Last 180 days",
+				"last365Days": "Last 365 days",
+				"currentWeek": "Current week",
+				"currentMonth": "Current month",
+				"currentQuarter": "Current quarter",
+				"currentYear": "Current year",
+				"previousWeek": "Previous week",
+				"previousMonth": "Previous month",
+				"previousQuarter": "Previous quarter",
+				"previousYear": "Previous year",
+				"last2Weeks": "Last 2 weeks",
+				"last4Weeks": "Last 4 weeks",
+				"last8Weeks": "Last 8 weeks",
+				"last12Weeks": "Last 12 weeks",
+				"last3Months": "Last 3 months",
+				"last6Months": "Last 6 months",
+				"last12Months": "Last 12 months",
+				"week": "Week {{week}}"
+			},
+			"accessDenied": {
+				"title": "Premium feature",
+				"close": "Close"
+			}
+		}
+	} },
+	pl: { translation: {
+		"Are you sure you want to delete this widget?": "Czy na pewno usunąć ten widżet?",
+		Cancel: "Anuluj",
+		Delete: "Usuń",
+		widgetCard: {
+			"error": "Widżet napotkał błąd",
+			"retry": "Ponów",
+			"openSettings": "Otwórz ustawienia widżetu",
+			"showVersion": "Pokaż wersję widżetu",
+			"deleteWidget": "Usuń widżet"
+		},
+		dashboardFilters: {
+			"dayType": {
+				"label": "Typ dnia",
+				"calendar": "Kalendarzowy",
+				"production": "Produkcyjny"
+			},
+			"shifts": {
+				"label": "Zmiany",
+				"allShifts": "Wszystkie zmiany"
+			},
+			"dateRange": {
+				"label": "Zakres dat",
+				"from": "Od",
+				"to": "Do"
+			},
+			"search": {
+				"placeholder": "Szukaj okresów...",
+				"noResults": "Nie znaleziono okresów"
+			},
+			"premium": { "indicator": "Premium" },
+			"periods": {
+				"currentShift": "Aktualna zmiana",
+				"lastShift": "Poprzednia zmiana",
+				"today": "Dzisiaj",
+				"yesterday": "Wczoraj",
+				"last7Days": "Ostatnie 7 dni",
+				"last14Days": "Ostatnie 14 dni",
+				"last30Days": "Ostatnie 30 dni",
+				"last90Days": "Ostatnie 90 dni",
+				"last180Days": "Ostatnie 180 dni",
+				"last365Days": "Ostatnie 365 dni",
+				"currentWeek": "Bieżący tydzień",
+				"currentMonth": "Bieżący miesiąc",
+				"currentQuarter": "Bieżący kwartał",
+				"currentYear": "Bieżący rok",
+				"previousWeek": "Poprzedni tydzień",
+				"previousMonth": "Poprzedni miesiąc",
+				"previousQuarter": "Poprzedni kwartał",
+				"previousYear": "Poprzedni rok",
+				"last2Weeks": "Ostatnie 2 tygodnie",
+				"last4Weeks": "Ostatnie 4 tygodnie",
+				"last8Weeks": "Ostatnie 8 tygodni",
+				"last12Weeks": "Ostatnie 12 tygodni",
+				"last3Months": "Ostatnie 3 miesiące",
+				"last6Months": "Ostatnie 6 miesięcy",
+				"last12Months": "Ostatnie 12 miesięcy",
+				"week": "Tydzień {{week}}"
+			},
+			"accessDenied": {
+				"title": "Funkcja Premium",
+				"close": "Zamknij"
+			}
+		}
+	} }
+};
+//#endregion
+//#region src/components/DashboardFilters/AccessDeniedModal/styles.ts
+const styles$6 = { dialog: {
+	"& .MuiDialog-paper": { borderRadius: "6px" },
+	"& .MuiDialogContent-root": { padding: 0 }
+} };
+//#endregion
+//#region src/components/DashboardFilters/AccessDeniedModal/index.tsx
+const FEATURE_KEY$1 = "feature.dashboard_extended_date_ranges";
+const AccessDeniedModal = ({ open, onClose, accessState, buttons, daysSinceExpiry, cooldownInfo, workplaceId, onFeatureRequest }) => {
+	const handleTrialRequest = useCallback(() => Promise.resolve(false), []);
+	const handleFeatureRequest = useCallback(async (payload) => {
+		const success = onFeatureRequest ? await onFeatureRequest(payload) : false;
+		if (success) onClose();
+		return success;
+	}, [onFeatureRequest, onClose]);
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onClose,
+		sx: styles$6.dialog,
+		"data-testid": "dashboard-filters.access-denied-dialog",
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("dashboardFilters.accessDenied.title") }), /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(AccessBlocker, {
+			accessState,
+			buttons,
+			daysSinceExpiry: daysSinceExpiry ?? void 0,
+			featureKey: FEATURE_KEY$1,
+			workplaceId,
+			cooldownInfo,
+			onTrialRequest: handleTrialRequest,
+			onFeatureRequest: handleFeatureRequest
+		}), /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
+			onClick: onClose,
+			children: t("dashboardFilters.accessDenied.close")
+		}) })] })]
+	});
+};
+//#endregion
+//#region src/components/DashboardFilters/DayTypeSelector/styles.ts
+const styles$5 = {
+	container: {
+		display: "flex",
+		alignItems: "center",
+		gap: (theme) => theme.spacing(1)
+	},
+	label: {
+		fontSize: "0.875rem",
+		whiteSpace: "nowrap",
+		color: (theme) => theme.palette.common.white
+	},
+	toggleGroup: { "& .MuiToggleButton-root": {
+		padding: (theme) => theme.spacing(.5, 1.5),
+		fontSize: "0.875rem",
+		opacity: .7,
+		color: (theme) => theme.palette.text.primary,
+		textTransform: "none",
+		borderRadius: "6px",
+		"&.Mui-selected": {
+			opacity: 1,
+			color: (theme) => theme.palette.common.white,
+			backgroundColor: (theme) => theme.palette.primary.main,
+			"&:hover": { backgroundColor: (theme) => theme.palette.primary.dark }
+		}
+	} }
+};
+//#endregion
+//#region src/components/DashboardFilters/DayTypeSelector/index.tsx
+const DayTypeSelector = ({ value, onChange }) => {
+	const { t } = useTranslation();
+	const handleChange = useCallback((_event, newValue) => {
+		if (newValue !== null) onChange(newValue);
+	}, [onChange]);
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: styles$5.container,
+		children: [/* @__PURE__ */ jsx(Typography, {
+			sx: styles$5.label,
+			children: t("dashboardFilters.dayType.label")
+		}), /* @__PURE__ */ jsxs(ToggleButtonGroup, {
+			value,
+			exclusive: true,
+			onChange: handleChange,
+			size: "small",
+			sx: styles$5.toggleGroup,
+			"data-testid": "dashboard-filters.day-type-selector",
+			children: [/* @__PURE__ */ jsx(ToggleButton, {
+				value: "CALENDAR",
+				"data-testid": "dashboard-filters.day-type-calendar",
+				children: t("dashboardFilters.dayType.calendar")
+			}), /* @__PURE__ */ jsx(ToggleButton, {
+				value: "PRODUCTION",
+				"data-testid": "dashboard-filters.day-type-production",
+				children: t("dashboardFilters.dayType.production")
+			})]
+		})]
+	});
+};
+//#endregion
 //#region src/helpers/shifts.ts
 const setDate = (date, shiftDate) => {
 	return shiftDate.year(date.year()).month(date.month()).date(date.date());
@@ -5091,7 +5315,7 @@ const formatDateTime = (date, time) => {
 	return date.hour(hours).minute(minutes).second(seconds || 0).format("YYYY-MM-DDTHH:mm:ss");
 };
 const createDateRange = (startDate, endDate, dayType, boundaries) => {
-	if (dayType === DayType.Calendar) return {
+	if (dayType === "CALENDAR") return {
 		from: formatDateTime(startDate, "00:00:00"),
 		to: formatDateTime(endDate, "23:59:59")
 	};
@@ -5427,7 +5651,7 @@ const getShiftTimeRange = (shift) => {
 	return `${parseShiftTime(shift.startedAt).slice(0, 5)} - ${parseShiftTime(shift.finishedAt).slice(0, 5)}`;
 };
 const getNextMidnight = (ctx) => {
-	if (ctx.dayType === DayType.Production && ctx.shifts.length > 0) {
+	if (ctx.dayType === "PRODUCTION" && ctx.shifts.length > 0) {
 		const [h, m, s] = getTimeBoundaries(ctx.shifts, ctx.selectedShiftIds).startTime.split(":").map(Number);
 		return dayjs().add(1, "day").hour(h).minute(m).second(s || 0).millisecond(0).toDate();
 	}
@@ -5464,230 +5688,6 @@ const getNextBoundary = (periodId, ctx) => {
 	}
 };
 //#endregion
-//#region src/locales/index.ts
-const resources = {
-	en: { translation: {
-		"Are you sure you want to delete this widget?": "Are you sure you want to delete this widget?",
-		Cancel: "Cancel",
-		Delete: "Delete",
-		widgetCard: {
-			"error": "Widget encountered an error",
-			"retry": "Retry"
-		},
-		dashboardFilters: {
-			"dayType": {
-				"label": "Day type",
-				"calendar": "Calendar",
-				"production": "Production"
-			},
-			"shifts": {
-				"label": "Shifts",
-				"allShifts": "All shifts"
-			},
-			"dateRange": {
-				"label": "Date range",
-				"from": "From",
-				"to": "To"
-			},
-			"search": {
-				"placeholder": "Search periods...",
-				"noResults": "No periods found"
-			},
-			"premium": { "indicator": "Premium" },
-			"periods": {
-				"currentShift": "Current shift",
-				"lastShift": "Previous shift",
-				"today": "Today",
-				"yesterday": "Yesterday",
-				"last7Days": "Last 7 days",
-				"last14Days": "Last 14 days",
-				"last30Days": "Last 30 days",
-				"last90Days": "Last 90 days",
-				"last180Days": "Last 180 days",
-				"last365Days": "Last 365 days",
-				"currentWeek": "Current week",
-				"currentMonth": "Current month",
-				"currentQuarter": "Current quarter",
-				"currentYear": "Current year",
-				"previousWeek": "Previous week",
-				"previousMonth": "Previous month",
-				"previousQuarter": "Previous quarter",
-				"previousYear": "Previous year",
-				"last2Weeks": "Last 2 weeks",
-				"last4Weeks": "Last 4 weeks",
-				"last8Weeks": "Last 8 weeks",
-				"last12Weeks": "Last 12 weeks",
-				"last3Months": "Last 3 months",
-				"last6Months": "Last 6 months",
-				"last12Months": "Last 12 months",
-				"week": "Week {{week}}"
-			},
-			"accessDenied": {
-				"title": "Premium feature",
-				"close": "Close"
-			}
-		}
-	} },
-	pl: { translation: {
-		"Are you sure you want to delete this widget?": "Czy na pewno usunąć ten widżet?",
-		Cancel: "Anuluj",
-		Delete: "Usuń",
-		widgetCard: {
-			"error": "Widżet napotkał błąd",
-			"retry": "Ponów"
-		},
-		dashboardFilters: {
-			"dayType": {
-				"label": "Typ dnia",
-				"calendar": "Kalendarzowy",
-				"production": "Produkcyjny"
-			},
-			"shifts": {
-				"label": "Zmiany",
-				"allShifts": "Wszystkie zmiany"
-			},
-			"dateRange": {
-				"label": "Zakres dat",
-				"from": "Od",
-				"to": "Do"
-			},
-			"search": {
-				"placeholder": "Szukaj okresów...",
-				"noResults": "Nie znaleziono okresów"
-			},
-			"premium": { "indicator": "Premium" },
-			"periods": {
-				"currentShift": "Aktualna zmiana",
-				"lastShift": "Poprzednia zmiana",
-				"today": "Dzisiaj",
-				"yesterday": "Wczoraj",
-				"last7Days": "Ostatnie 7 dni",
-				"last14Days": "Ostatnie 14 dni",
-				"last30Days": "Ostatnie 30 dni",
-				"last90Days": "Ostatnie 90 dni",
-				"last180Days": "Ostatnie 180 dni",
-				"last365Days": "Ostatnie 365 dni",
-				"currentWeek": "Bieżący tydzień",
-				"currentMonth": "Bieżący miesiąc",
-				"currentQuarter": "Bieżący kwartał",
-				"currentYear": "Bieżący rok",
-				"previousWeek": "Poprzedni tydzień",
-				"previousMonth": "Poprzedni miesiąc",
-				"previousQuarter": "Poprzedni kwartał",
-				"previousYear": "Poprzedni rok",
-				"last2Weeks": "Ostatnie 2 tygodnie",
-				"last4Weeks": "Ostatnie 4 tygodnie",
-				"last8Weeks": "Ostatnie 8 tygodni",
-				"last12Weeks": "Ostatnie 12 tygodni",
-				"last3Months": "Ostatnie 3 miesiące",
-				"last6Months": "Ostatnie 6 miesięcy",
-				"last12Months": "Ostatnie 12 miesięcy",
-				"week": "Tydzień {{week}}"
-			},
-			"accessDenied": {
-				"title": "Funkcja Premium",
-				"close": "Zamknij"
-			}
-		}
-	} }
-};
-//#endregion
-//#region src/components/DashboardFilters/AccessDeniedModal/styles.ts
-const styles$6 = { dialog: {
-	"& .MuiDialog-paper": { borderRadius: "6px" },
-	"& .MuiDialogContent-root": { padding: 0 }
-} };
-//#endregion
-//#region src/components/DashboardFilters/AccessDeniedModal/index.tsx
-const FEATURE_KEY$1 = "feature.dashboard_extended_date_ranges";
-const AccessDeniedModal = ({ open, onClose, accessState, buttons, daysSinceExpiry, cooldownInfo, workplaceId, onFeatureRequest }) => {
-	const handleTrialRequest = useCallback(() => Promise.resolve(false), []);
-	const handleFeatureRequest = useCallback(async (payload) => {
-		const success = onFeatureRequest ? await onFeatureRequest(payload) : false;
-		if (success) onClose();
-		return success;
-	}, [onFeatureRequest, onClose]);
-	const { t } = useTranslation();
-	return /* @__PURE__ */ jsxs(Dialog, {
-		open,
-		onClose,
-		sx: styles$6.dialog,
-		"data-testid": "dashboard-filters.access-denied-dialog",
-		children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("dashboardFilters.accessDenied.title") }), /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(AccessBlocker, {
-			accessState,
-			buttons,
-			daysSinceExpiry: daysSinceExpiry ?? void 0,
-			featureKey: FEATURE_KEY$1,
-			workplaceId,
-			cooldownInfo,
-			onTrialRequest: handleTrialRequest,
-			onFeatureRequest: handleFeatureRequest
-		}), /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
-			onClick: onClose,
-			children: t("dashboardFilters.accessDenied.close")
-		}) })] })]
-	});
-};
-//#endregion
-//#region src/components/DashboardFilters/DayTypeSelector/styles.ts
-const styles$5 = {
-	container: {
-		display: "flex",
-		alignItems: "center",
-		gap: (theme) => theme.spacing(1)
-	},
-	label: {
-		fontSize: "0.875rem",
-		whiteSpace: "nowrap",
-		color: (theme) => theme.palette.common.white
-	},
-	toggleGroup: { "& .MuiToggleButton-root": {
-		padding: (theme) => theme.spacing(.5, 1.5),
-		fontSize: "0.875rem",
-		opacity: .7,
-		color: (theme) => theme.palette.text.primary,
-		textTransform: "none",
-		borderRadius: "6px",
-		"&.Mui-selected": {
-			opacity: 1,
-			color: (theme) => theme.palette.common.white,
-			backgroundColor: (theme) => theme.palette.primary.main,
-			"&:hover": { backgroundColor: (theme) => theme.palette.primary.dark }
-		}
-	} }
-};
-//#endregion
-//#region src/components/DashboardFilters/DayTypeSelector/index.tsx
-const DayTypeSelector = ({ value, onChange }) => {
-	const { t } = useTranslation();
-	const handleChange = useCallback((_event, newValue) => {
-		if (newValue !== null) onChange(newValue);
-	}, [onChange]);
-	return /* @__PURE__ */ jsxs(Box, {
-		sx: styles$5.container,
-		children: [/* @__PURE__ */ jsx(Typography, {
-			sx: styles$5.label,
-			children: t("dashboardFilters.dayType.label")
-		}), /* @__PURE__ */ jsxs(ToggleButtonGroup, {
-			value,
-			exclusive: true,
-			onChange: handleChange,
-			size: "small",
-			sx: styles$5.toggleGroup,
-			"data-testid": "dashboard-filters.day-type-selector",
-			children: [/* @__PURE__ */ jsx(ToggleButton, {
-				value: DayType.Calendar,
-				"data-testid": "dashboard-filters.day-type-calendar",
-				children: t("dashboardFilters.dayType.calendar")
-			}), /* @__PURE__ */ jsx(ToggleButton, {
-				value: DayType.Production,
-				"data-testid": "dashboard-filters.day-type-production",
-				children: t("dashboardFilters.dayType.production")
-			})]
-		})]
-	});
-};
-//#endregion
 //#region src/components/DashboardFilters/PeriodList/styles.ts
 const styles$4 = {
 	container: {
@@ -5744,7 +5744,7 @@ const PeriodList = ({ dayType, shifts, selectedShiftIds, selectedPeriodId, hasAc
 		}, 300);
 	}, []);
 	const timeRangeLabel = useMemo(() => {
-		if (dayType !== DayType.Production || shifts.length === 0) return null;
+		if (dayType !== "PRODUCTION" || shifts.length === 0) return null;
 		return getTimeRangeLabel(shifts, selectedShiftIds);
 	}, [
 		dayType,
@@ -5769,7 +5769,7 @@ const PeriodList = ({ dayType, shifts, selectedShiftIds, selectedPeriodId, hasAc
 	}, [shifts]);
 	const filteredPeriods = useMemo(() => {
 		let available = periods.filter((period) => {
-			if (period.category === "shift_based" && dayType === DayType.Calendar) return false;
+			if (period.category === "shift_based" && dayType === "CALENDAR") return false;
 			return true;
 		});
 		if (debouncedQuery.trim()) {
@@ -6026,20 +6026,7 @@ const styles$2 = {
 		fontSize: "0.875rem",
 		opacity: .8
 	},
-	select: (theme) => ({
-		minWidth: 200,
-		maxWidth: 350,
-		"& .MuiInputBase-input.Mui-disabled": {
-			WebkitTextFillColor: theme.palette.text.primary,
-			opacity: .6
-		},
-		"& .MuiSelect-icon.Mui-disabled": {
-			color: theme.palette.text.primary,
-			opacity: .6
-		},
-		"& .Mui-disabled .MuiOutlinedInput-notchedOutline": { borderColor: theme.palette.divider },
-		"&:has(.Mui-disabled) .MuiInputLabel-root": { color: theme.palette.text.primary }
-	}),
+	select: { minWidth: 200 },
 	menuItem: { padding: (theme) => theme.spacing(.5, 1) },
 	listItemText: {
 		"& .MuiListItemText-primary": { fontSize: "0.875rem" },
@@ -6052,7 +6039,7 @@ const styles$2 = {
 };
 //#endregion
 //#region src/components/DashboardFilters/ShiftSelector/index.tsx
-const ShiftSelector = ({ shifts, selectedShiftIds, onChange, disabled = false }) => {
+const ShiftSelector = ({ shifts, selectedShiftIds, onChange }) => {
 	const { t } = useTranslation();
 	const handleChange = useCallback((event) => {
 		const value = event.target.value;
@@ -6060,15 +6047,12 @@ const ShiftSelector = ({ shifts, selectedShiftIds, onChange, disabled = false })
 	}, [onChange]);
 	const renderValue = useCallback((selected) => {
 		if (selected.length === 0) return t("dashboardFilters.shifts.allShifts");
-		const selectedNames = shifts.filter((s) => selected.includes(s.id)).map((s) => s.name);
-		if (selectedNames.length === 1) return selectedNames[0];
-		return `${selectedNames[0]} (+${selectedNames.length - 1})`;
+		return shifts.filter((s) => selected.includes(s.id)).map((s) => s.name).join(", ");
 	}, [shifts, t]);
 	return /* @__PURE__ */ jsx(Box, {
 		sx: styles$2.container,
 		children: /* @__PURE__ */ jsxs(FormControl, {
 			size: "small",
-			disabled,
 			sx: styles$2.select,
 			"data-testid": "dashboard-filters.shift-selector",
 			children: [/* @__PURE__ */ jsx(InputLabel, {
@@ -6081,6 +6065,7 @@ const ShiftSelector = ({ shifts, selectedShiftIds, onChange, disabled = false })
 				onChange: handleChange,
 				renderValue,
 				label: t("dashboardFilters.shifts.label"),
+				inputProps: { "aria-label": t("dashboardFilters.shifts.label") },
 				children: shifts.map((shift) => /* @__PURE__ */ jsxs(MenuItem, {
 					value: shift.id,
 					sx: styles$2.menuItem,
@@ -6107,7 +6092,7 @@ const buildCoreState = (values, shifts) => {
 	if (!values) {
 		const shiftId = shifts?.length ? resolveShiftIdForPeriod("current_shift", shifts) : null;
 		return {
-			dayType: DayType.Production,
+			dayType: "PRODUCTION",
 			selectedPeriodId: "current_shift",
 			customDateRange: null,
 			shiftIds: shiftId ? [shiftId] : []
@@ -6267,7 +6252,6 @@ const styles$1 = {
 };
 //#endregion
 //#region src/components/DashboardFilters/index.tsx
-registerTranslations(resources);
 const FEATURE_KEY = "feature.dashboard_extended_date_ranges";
 const DashboardFilters = ({ initialValues, onChange, shifts = [], onFeatureRequest }) => {
 	const { hasAccess, accessState, buttons, cooldownInfo, features } = useAccess([FEATURE_KEY]);
@@ -6276,14 +6260,11 @@ const DashboardFilters = ({ initialValues, onChange, shifts = [], onFeatureReque
 	const dateFieldRef = useRef(null);
 	const { filterValues, selectedPeriodId, handlers } = useDashboardFilters(useMemo(() => resolveInitialValues(initialValues), [initialValues]), shifts, onChange);
 	const { t } = useTranslation();
+	registerTranslations(resources);
 	const daysSinceExpiry = useMemo(() => {
 		return features.find((f) => f.featureKey === FEATURE_KEY)?.daysSinceExpiry ?? null;
 	}, [features]);
 	const filteredButtons = useMemo(() => buttons.filter((b) => b.action !== "start_trial"), [buttons]);
-	const isShiftLocked = useMemo(() => {
-		if (!selectedPeriodId) return false;
-		return periods.find((p) => p.id === selectedPeriodId)?.category === "shift_based";
-	}, [selectedPeriodId]);
 	const handlePeriodSelect = useCallback((period, dateRange) => {
 		if (period.needAccess && !hasAccess) {
 			setAccessModalOpen(true);
@@ -6325,8 +6306,7 @@ const DashboardFilters = ({ initialValues, onChange, shifts = [], onFeatureReque
 				}), /* @__PURE__ */ jsx(ShiftSelector, {
 					shifts,
 					selectedShiftIds: filterValues.shiftIds,
-					onChange: handlers.handleShiftChange,
-					disabled: isShiftLocked
+					onChange: handlers.handleShiftChange
 				})]
 			}),
 			/* @__PURE__ */ jsx(Popover, {
@@ -6580,12 +6560,12 @@ const MetricCard = ({ title, metricLabel, metricValue, progressValue, extraValue
 		const value = metricValue.textValue;
 		if (!value) return "";
 		switch (metricValue.unit) {
-			case MetricUnitEnum.Duration: {
+			case "DURATION": {
 				const duration = dayjs.duration(Number(value), "seconds");
 				return `${Math.floor(duration.asMinutes())}m ${duration.seconds()}s`;
 			}
-			case MetricUnitEnum.Percent: return `${formatFloat(parseFloat(value) * 100)}%`;
-			case MetricUnitEnum.Round: return formatFloat(parseFloat(value));
+			case "PERCENT": return `${formatFloat(parseFloat(value) * 100)}%`;
+			case "ROUND": return formatFloat(parseFloat(value));
 			default: return value;
 		}
 	};
@@ -6593,9 +6573,9 @@ const MetricCard = ({ title, metricLabel, metricValue, progressValue, extraValue
 	const getBackgroundColor = () => {
 		const statusColor = getStatusColor();
 		if (statusColor) switch (statusColor) {
-			case AndonLightColor.Green: return "#32D74B";
-			case AndonLightColor.Yellow: return "#FFC12F";
-			case AndonLightColor.Red: return "#FF3B2F";
+			case "green": return "#32D74B";
+			case "yellow": return "#FFC12F";
+			case "red": return "#FF3B2F";
 			default: return "#BBBBBBBF";
 		}
 		return "#FFFFFFBF";
@@ -6603,9 +6583,9 @@ const MetricCard = ({ title, metricLabel, metricValue, progressValue, extraValue
 	const getBackground = () => {
 		const statusColor = getStatusColor();
 		if (statusColor) switch (statusColor) {
-			case AndonLightColor.Green: return "linear-gradient(180deg, #31BF59 0%, #32D74B 100%)";
-			case AndonLightColor.Yellow: return "linear-gradient(360deg, #FFD60A 0%, #FFC12F 100%)";
-			case AndonLightColor.Red: return "linear-gradient(0deg, #F05C53 0%, #FF3B2F 100%)";
+			case "green": return "linear-gradient(180deg, #31BF59 0%, #32D74B 100%)";
+			case "yellow": return "linear-gradient(360deg, #FFD60A 0%, #FFC12F 100%)";
+			case "red": return "linear-gradient(0deg, #F05C53 0%, #FF3B2F 100%)";
 			default: return "rgba(187, 187, 187, 0.75)";
 		}
 		return "rgba(255, 255, 255, 0.75)";
@@ -6704,6 +6684,8 @@ const SortableSelect = ({ placeholder, options, selected, onChange }) => {
 		value: selected.map((value) => options.find((option) => option.value === value)),
 		onChange: (selected) => onChange([...selected || []].map((item) => item.value)),
 		closeMenuOnSelect: false,
+		menuPortalTarget: typeof document !== "undefined" ? document.body : void 0,
+		menuPosition: "fixed",
 		components: {
 			MultiValueContainer: SortableMultiValueContainer,
 			MultiValueLabel: SortableMultiValueLabel,
@@ -6737,6 +6719,10 @@ const SortableSelect = ({ placeholder, options, selected, onChange }) => {
 			option: (baseStyles, state) => ({
 				...baseStyles,
 				background: state.isFocused ? "#2A2E34" : "#1C1F25"
+			}),
+			menuPortal: (baseStyles) => ({
+				...baseStyles,
+				zIndex: 1500
 			})
 		}
 	});
@@ -6869,10 +6855,7 @@ var GraphqlWsClient = class {
 			if (keys.length !== 1) throw new Error(`Expected exactly one response key, got: ${keys.join(", ")}`);
 			return data[keys[0]];
 		};
-		if (!this.actionCableClient) {
-			console.warn("[dashboard-toolkit] WebSocket client not available — skipping subscription");
-			return { unsubscribe: () => {} };
-		}
+		if (!this.actionCableClient) throw new Error("No WS client available");
 		return this.actionCableClient.request({
 			query,
 			variables
@@ -6955,7 +6938,7 @@ const ErrorFallback = ({ resetErrorBoundary }) => {
 		sx: container,
 		children: [/* @__PURE__ */ jsx(Typography, {
 			variant: "body2",
-			color: "text.primary",
+			color: "text.secondary",
 			children: t("widgetCard.error")
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "outlined",
@@ -7125,7 +7108,6 @@ const styles = {
 };
 //#endregion
 //#region src/components/WidgetCard/index.tsx
-registerTranslations(resources);
 const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, getTitle, thumbnail, url, wsUrl, lang, filters, openSettingsModal, onSettingsModalOpened, onSettingsModalClosed, sidePanelOpened, updateSidePanelProps, onDelete, editMode, version, requiredFeatures, extraPermissions, ...cardProps }, ref) => {
 	const { graphqlSdk } = useGqlClients({
 		url,
@@ -7144,6 +7126,7 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 		setWidgetSettings(newSettings);
 	}, []);
 	const { t } = useTranslation();
+	registerTranslations(resources);
 	const displayTitle = useCallback(() => {
 		const trimmed = widgetSettings?.customTitle?.trim();
 		if (trimmed) return trimmed;
@@ -7214,6 +7197,7 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 					sx: styles.settingsButton,
 					onClick: handleOpenSettingsModal,
 					disabled: !hasAccess,
+					"aria-label": t("widgetCard.openSettings"),
 					"data-testid": "widget-card.settings-button",
 					children: /* @__PURE__ */ jsx(Settings, {})
 				}),
@@ -7222,6 +7206,7 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 					children: /* @__PURE__ */ jsx(Button, {
 						color: "secondary",
 						sx: styles.infoButton,
+						"aria-label": t("widgetCard.showVersion"),
 						"data-testid": "widget-card.info-button",
 						children: /* @__PURE__ */ jsx(Info, {})
 					})
@@ -7243,6 +7228,7 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 							setRemoveTooltipOpened(true);
 						},
 						loading: deleteInProgress,
+						"aria-label": t("widgetCard.deleteWidget"),
 						"data-testid": "widget-card.delete-button",
 						children: /* @__PURE__ */ jsx(Delete, {})
 					})
@@ -7279,9 +7265,9 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 				children: /* @__PURE__ */ jsx(AccessGuard, {
 					features: requiredFeatures,
 					extraPermissions,
+					backgroundImage: thumbnail,
 					onTrialRequest: handleTrialRequest,
 					onFeatureRequest: handleFeatureRequest,
-					backgroundImage: thumbnail,
 					children: /* @__PURE__ */ jsx(WidgetErrorBoundary, { children: /* @__PURE__ */ jsx(Widget, {
 						id,
 						url,
@@ -7289,9 +7275,7 @@ const WidgetCard = forwardRef(({ children, title, Widget, id, getDisplayName, ge
 						lang,
 						filters,
 						onDataChange: handleDataChange,
-						onDataSync: handleDataChange,
 						onSettingsChange: handleSettingsChange,
-						onSettingsSync: handleSettingsChange,
 						openSettingsModal,
 						onSettingsModalOpened,
 						onSettingsModalClosed,
@@ -7320,10 +7304,10 @@ const getValidAggregations = (dateRange) => {
 	const days = to.diff(from, "day");
 	const months = to.diff(from, "month");
 	const valid = [];
-	if (days <= MAX_DAYS_HOURLY) valid.push(InsightsAggregation.Hourly);
-	if (days >= MIN_DAYS_DAILY && days <= MAX_DAYS_DAILY) valid.push(InsightsAggregation.Daily);
-	if (days >= MIN_DAYS_WEEKLY && months <= MAX_MONTHS_WEEKLY) valid.push(InsightsAggregation.Weekly);
-	if (months >= MIN_MONTHS_MONTHLY && months <= MAX_MONTHS_MONTHLY) valid.push(InsightsAggregation.Monthly);
+	if (days <= MAX_DAYS_HOURLY) valid.push("HOURLY");
+	if (days >= MIN_DAYS_DAILY && days <= MAX_DAYS_DAILY) valid.push("DAILY");
+	if (days >= MIN_DAYS_WEEKLY && months <= MAX_MONTHS_WEEKLY) valid.push("WEEKLY");
+	if (months >= MIN_MONTHS_MONTHLY && months <= MAX_MONTHS_MONTHLY) valid.push("MONTHLY");
 	return valid;
 };
 const resolveAutoAggregation = (dateRange) => {
@@ -7331,10 +7315,10 @@ const resolveAutoAggregation = (dateRange) => {
 	const to = dayjs(dateRange.dateTo);
 	const days = to.diff(from, "day");
 	const months = to.diff(from, "month");
-	if (days <= 1) return InsightsAggregation.Hourly;
-	if (days <= 13) return InsightsAggregation.Daily;
-	if (months < 3) return InsightsAggregation.Weekly;
-	return InsightsAggregation.Monthly;
+	if (days <= 1) return "HOURLY";
+	if (days <= 13) return "DAILY";
+	if (months < 3) return "WEEKLY";
+	return "MONTHLY";
 };
 const resolveAggregation = (dateRange, savedAggregation) => {
 	if (savedAggregation) {
@@ -7343,6 +7327,47 @@ const resolveAggregation = (dateRange, savedAggregation) => {
 	return resolveAutoAggregation(dateRange);
 };
 //#endregion
+//#region src/helpers/period-view.ts
+const COMPARED_PERIODS_MIN = 2;
+const COMPARED_PERIODS_MAX = 13;
+const DEFAULT_COMPARED_PERIODS = 7;
+const MAX_DAYS_FOR_COMPARISON_DEFAULT = 6;
+const getValidComparedPeriods = () => ({
+	min: COMPARED_PERIODS_MIN,
+	max: COMPARED_PERIODS_MAX
+});
+const resolvePeriodViewDefault = (dateRange) => {
+	if (dayjs(dateRange.dateTo).diff(dayjs(dateRange.dateFrom), "day") <= MAX_DAYS_FOR_COMPARISON_DEFAULT) return {
+		periodView: "COMPARISON",
+		comparedPeriods: DEFAULT_COMPARED_PERIODS
+	};
+	return {
+		periodView: "BREAKDOWN",
+		aggregation: resolveAutoAggregation(dateRange)
+	};
+};
+const isValidSavedBreakdown = (savedSettings, dateRange) => {
+	if (savedSettings.periodView !== "BREAKDOWN") return false;
+	if (!savedSettings.aggregation) return false;
+	return getValidAggregations(dateRange).includes(savedSettings.aggregation);
+};
+const isValidSavedComparison = (savedSettings) => {
+	if (savedSettings.periodView !== "COMPARISON") return false;
+	const n = savedSettings.comparedPeriods;
+	return typeof n === "number" && n >= COMPARED_PERIODS_MIN && n <= COMPARED_PERIODS_MAX;
+};
+const resolvePeriodView = (dateRange, savedSettings, widgetDefault) => {
+	if (isValidSavedBreakdown(savedSettings, dateRange)) return {
+		periodView: "BREAKDOWN",
+		aggregation: savedSettings.aggregation
+	};
+	if (isValidSavedComparison(savedSettings)) return {
+		periodView: "COMPARISON",
+		comparedPeriods: savedSettings.comparedPeriods
+	};
+	return widgetDefault(dateRange);
+};
+//#endregion
 //#region src/helpers/time.ts
 const generateTimeRange = (start, end, unit, step) => {
 	const result = [];
@@ -7356,8 +7381,8 @@ const generateTimeRange = (start, end, unit, step) => {
 };
 //#endregion
 //#region src/version.ts
-const LIBRARY_VERSION = "1.5.82";
+const LIBRARY_VERSION = "1.5.84";
 //#endregion
-export { AccessRequestTypeEnum, ActualStaffingCountsDocument, AndonLightColor, ApplicationInfoDocument, AssignOperatorDocument, AssignOperatorToWorkplaceDocument, AvailabilityInsightsDocument, AvailabilityStatus, BulkUpsertStaffingPlansDocument, CompanyConfigDocument, ConfirmTooltip, CounterDirectoriesDocument, CounterKindEnum, CountersDocument, CreateDashboardDocument, CreateOrderDocument, CreateProductDocument, CreateStaffingPlanDocument, CreateStatusChangeDocument, CreateUserPresenceDocument, CreateWidgetDocument, CurrentUserDocument, DashboardFilters, DashboardsDocument, DayType, DepartmentsDocument, EditWorkOrderDocument, FloorPlansDocument, GetAvailabilityInsightsDocument, GetCompanyConfigDocument, GetProductionInsightsDocument, GetStatusInsightsDocument, GetWorkOrdersInsightsDocument, GetWorkplacePerformanceInsightsDocument, GraphqlWsClient, InsightsAggregation, ListActualStaffingCountsDocument, ListFloorPlansDocument, ListMetricValuesDocument, ListMetricsDocument, ListReasonsDocument, ListShiftsDocument, ListStaffingPlansDocument, ListStatusChangesDocument, ListWorkOrdersDocument, ListWorkplaceAssignmentsDocument, ListWorkplacesDocument, MetricCard, MetricTypeEnum, MetricUnitEnum, MetricValuesDocument, MetricsDocument, NotificationsDocument, OrdersDocument, OrdersExecutionsDocument, PauseOrderExecutionDocument, Period, PresenceStatusEnum, ProductionInsightsDocument, ProductionMode, ProductsDocument, ReasonsDocument, ReasonsRecommendationDocument, RemoveDashboardDocument, RemoveStaffingPlanDocument, RemoveUserPresenceDocument, RemoveWidgetDocument, RemoveWorkplaceUsersPresencesDocument, RequestFeatureAccessDocument, ScreenEnum, SetCounterDocument, ShiftsDocument, SortableSelect, StaffingPlansDocument, StandardRatesDocument, StartOrderExecutionDocument, StartTrialDocument, StatusChangeTransitionPermissionsDocument, StatusChangesDocument, StatusInsightsDocument, StatusScreenDisplayBlocksEnum, StopOrderExecutionDocument, TrainingStatus, UnassignOperatorDocument, UnassignOperatorFromWorkplaceDocument, UpdateDashboardDocument, UpdateNotificationDocument, UpdateOrderDocument, UpdateOrderExecutionDocument, UpdateStaffingPlanDocument, UpdateStatusChangeDocument, UpdateWidgetDocument, UpdateWorkOrderDocument, UsersDocument, UsersPresencesDocument, WidgetCard, WidgetDocument, WidgetErrorBoundary, WidgetsDocument, WorkOrderCreationMethodEnum, WorkOrderPriorityEnum, WorkOrderStatusEnum, WorkOrdersDocument, WorkOrdersInsightsDocument, WorkplaceAssignmentsDocument, WorkplaceEvent, WorkplaceEventDocument, WorkplacePerformanceInsightsDocument, WorkplacesDocument, findPeriodById, generateTimeRange, getCurrentShift, getGqlWsClient, getGraphqlSdk, getNextBoundary, getRecentShift, getSdk, getShiftTimeRange, getTimeRangeLabel, getValidAggregations, normalizeShifts, periods, resolveAggregation, resolveShiftIdForPeriod, useGqlClients, LIBRARY_VERSION as version };
+export { AccessRequestTypeEnum, ActualStaffingCountsDocument, AndonLightColor, ApplicationInfoDocument, AssignOperatorDocument, AssignOperatorToWorkplaceDocument, AvailabilityInsightsDocument, AvailabilityStatus, BulkUpsertStaffingPlansDocument, CompanyConfigDocument, ConfirmTooltip, CounterDirectoriesDocument, CounterKindEnum, CountersDocument, CreateDashboardDocument, CreateOrderDocument, CreateProductDocument, CreateStaffingPlanDocument, CreateStatusChangeDocument, CreateUserPresenceDocument, CreateWidgetDocument, CurrentUserDocument, DashboardFilters, DashboardsDocument, DayType, DepartmentsDocument, EditWorkOrderDocument, FloorPlansDocument, GetAvailabilityInsightsDocument, GetCompanyConfigDocument, GetProductionInsightsDocument, GetStatusInsightsDocument, GetWorkOrdersInsightsDocument, GetWorkplacePerformanceInsightsDocument, GraphqlWsClient, InsightsAggregation, InsightsPeriodView, ListActualStaffingCountsDocument, ListFloorPlansDocument, ListMetricValuesDocument, ListMetricsDocument, ListReasonsDocument, ListShiftsDocument, ListStaffingPlansDocument, ListStatusChangesDocument, ListWorkOrdersDocument, ListWorkplaceAssignmentsDocument, ListWorkplacesDocument, MetricCard, MetricTypeEnum, MetricUnitEnum, MetricValuesDocument, MetricsDocument, NotificationsDocument, OrdersDocument, OrdersExecutionsDocument, PauseOrderExecutionDocument, Period, PresenceStatusEnum, ProductionInsightsDocument, ProductionMode, ProductsDocument, ReasonsDocument, ReasonsRecommendationDocument, RemoveDashboardDocument, RemoveStaffingPlanDocument, RemoveUserPresenceDocument, RemoveWidgetDocument, RemoveWorkplaceUsersPresencesDocument, RequestFeatureAccessDocument, ScreenEnum, SetCounterDocument, ShiftsDocument, SortableSelect, StaffingPlansDocument, StandardRatesDocument, StartOrderExecutionDocument, StartTrialDocument, StatusChangeTransitionPermissionsDocument, StatusChangesDocument, StatusInsightsDocument, StatusScreenDisplayBlocksEnum, StopOrderExecutionDocument, TrainingStatus, UnassignOperatorDocument, UnassignOperatorFromWorkplaceDocument, UpdateDashboardDocument, UpdateNotificationDocument, UpdateOrderDocument, UpdateOrderExecutionDocument, UpdateStaffingPlanDocument, UpdateStatusChangeDocument, UpdateWidgetDocument, UpdateWorkOrderDocument, UsersDocument, UsersPresencesDocument, WidgetCard, WidgetDocument, WidgetErrorBoundary, WidgetsDocument, WorkOrderCreationMethodEnum, WorkOrderPriorityEnum, WorkOrderStatusEnum, WorkOrdersDocument, WorkOrdersInsightsDocument, WorkplaceAssignmentsDocument, WorkplaceEvent, WorkplaceEventDocument, WorkplacePerformanceInsightsDocument, WorkplacesDocument, findPeriodById, generateTimeRange, getCurrentShift, getGqlWsClient, getGraphqlSdk, getNextBoundary, getRecentShift, getSdk, getShiftTimeRange, getTimeRangeLabel, getValidAggregations, getValidComparedPeriods, normalizeShifts, periods, resolveAggregation, resolveAutoAggregation, resolvePeriodView, resolvePeriodViewDefault, resolveShiftIdForPeriod, useGqlClients, LIBRARY_VERSION as version };
 
 //# sourceMappingURL=index.js.map