andoncloud-dashboard-toolkit 1.5.34 → 1.5.36

package/dist/locales/index.d.ts

@@ -4,45 +4,65 @@ declare const resources: {
             "Are you sure you want to delete this widget?": string;
             Cancel: string;
             Delete: string;
-            "filters.dayType.label": string;
-            "filters.dayType.calendar": string;
-            "filters.dayType.production": string;
-            "filters.shifts.label": string;
-            "filters.shifts.allShifts": string;
-            "filters.dateRange.label": string;
-            "filters.dateRange.from": string;
-            "filters.dateRange.to": string;
-            "filters.search.placeholder": string;
-            "filters.search.noResults": string;
-            "filters.premium.indicator": string;
-            "filters.periods.currentShift": string;
-            "filters.periods.lastShift": string;
-            "filters.periods.today": string;
-            "filters.periods.yesterday": string;
-            "filters.periods.last7Days": string;
-            "filters.periods.last14Days": string;
-            "filters.periods.last30Days": string;
-            "filters.periods.last90Days": string;
-            "filters.periods.last180Days": string;
-            "filters.periods.last365Days": string;
-            "filters.periods.currentWeek": string;
-            "filters.periods.currentMonth": string;
-            "filters.periods.currentQuarter": string;
-            "filters.periods.currentYear": string;
-            "filters.periods.previousWeek": string;
-            "filters.periods.previousMonth": string;
-            "filters.periods.previousQuarter": string;
-            "filters.periods.previousYear": string;
-            "filters.periods.last2Weeks": string;
-            "filters.periods.last4Weeks": string;
-            "filters.periods.last8Weeks": string;
-            "filters.periods.last12Weeks": string;
-            "filters.periods.last3Months": string;
-            "filters.periods.last6Months": string;
-            "filters.periods.last12Months": string;
-            "filters.periods.week": string;
-            "filters.accessDenied.title": string;
-            "filters.accessDenied.close": string;
+            widgetCard: {
+                error: string;
+                retry: string;
+            };
+            dashboardFilters: {
+                dayType: {
+                    label: string;
+                    calendar: string;
+                    production: string;
+                };
+                shifts: {
+                    label: string;
+                    allShifts: string;
+                };
+                dateRange: {
+                    label: string;
+                    from: string;
+                    to: string;
+                };
+                search: {
+                    placeholder: string;
+                    noResults: string;
+                };
+                premium: {
+                    indicator: string;
+                };
+                periods: {
+                    currentShift: string;
+                    lastShift: string;
+                    today: string;
+                    yesterday: string;
+                    last7Days: string;
+                    last14Days: string;
+                    last30Days: string;
+                    last90Days: string;
+                    last180Days: string;
+                    last365Days: string;
+                    currentWeek: string;
+                    currentMonth: string;
+                    currentQuarter: string;
+                    currentYear: string;
+                    previousWeek: string;
+                    previousMonth: string;
+                    previousQuarter: string;
+                    previousYear: string;
+                    last2Weeks: string;
+                    last4Weeks: string;
+                    last8Weeks: string;
+                    last12Weeks: string;
+                    last3Months: string;
+                    last6Months: string;
+                    last12Months: string;
+                    week: string;
+                };
+                accessDenied: {
+                    title: string;
+                    close: string;
+                };
+            };
         };
     };
     pl: {
@@ -50,45 +70,65 @@ declare const resources: {
             "Are you sure you want to delete this widget?": string;
             Cancel: string;
             Delete: string;
-            "filters.dayType.label": string;
-            "filters.dayType.calendar": string;
-            "filters.dayType.production": string;
-            "filters.shifts.label": string;
-            "filters.shifts.allShifts": string;
-            "filters.dateRange.label": string;
-            "filters.dateRange.from": string;
-            "filters.dateRange.to": string;
-            "filters.search.placeholder": string;
-            "filters.search.noResults": string;
-            "filters.premium.indicator": string;
-            "filters.periods.currentShift": string;
-            "filters.periods.lastShift": string;
-            "filters.periods.today": string;
-            "filters.periods.yesterday": string;
-            "filters.periods.last7Days": string;
-            "filters.periods.last14Days": string;
-            "filters.periods.last30Days": string;
-            "filters.periods.last90Days": string;
-            "filters.periods.last180Days": string;
-            "filters.periods.last365Days": string;
-            "filters.periods.currentWeek": string;
-            "filters.periods.currentMonth": string;
-            "filters.periods.currentQuarter": string;
-            "filters.periods.currentYear": string;
-            "filters.periods.previousWeek": string;
-            "filters.periods.previousMonth": string;
-            "filters.periods.previousQuarter": string;
-            "filters.periods.previousYear": string;
-            "filters.periods.last2Weeks": string;
-            "filters.periods.last4Weeks": string;
-            "filters.periods.last8Weeks": string;
-            "filters.periods.last12Weeks": string;
-            "filters.periods.last3Months": string;
-            "filters.periods.last6Months": string;
-            "filters.periods.last12Months": string;
-            "filters.periods.week": string;
-            "filters.accessDenied.title": string;
-            "filters.accessDenied.close": string;
+            widgetCard: {
+                error: string;
+                retry: string;
+            };
+            dashboardFilters: {
+                dayType: {
+                    label: string;
+                    calendar: string;
+                    production: string;
+                };
+                shifts: {
+                    label: string;
+                    allShifts: string;
+                };
+                dateRange: {
+                    label: string;
+                    from: string;
+                    to: string;
+                };
+                search: {
+                    placeholder: string;
+                    noResults: string;
+                };
+                premium: {
+                    indicator: string;
+                };
+                periods: {
+                    currentShift: string;
+                    lastShift: string;
+                    today: string;
+                    yesterday: string;
+                    last7Days: string;
+                    last14Days: string;
+                    last30Days: string;
+                    last90Days: string;
+                    last180Days: string;
+                    last365Days: string;
+                    currentWeek: string;
+                    currentMonth: string;
+                    currentQuarter: string;
+                    currentYear: string;
+                    previousWeek: string;
+                    previousMonth: string;
+                    previousQuarter: string;
+                    previousYear: string;
+                    last2Weeks: string;
+                    last4Weeks: string;
+                    last8Weeks: string;
+                    last12Weeks: string;
+                    last3Months: string;
+                    last6Months: string;
+                    last12Months: string;
+                    week: string;
+                };
+                accessDenied: {
+                    title: string;
+                    close: string;
+                };
+            };
         };
     };
 };

package/dist/utils/actioncable-client.d.ts

@@ -1,13 +1,16 @@
 import { ExecutionResult } from 'graphql/execution/execute';
 import { Observable } from 'rxjs';
 import { OperationOptions } from 'subscriptions-transport-ws';
+type DisconnectCallback = () => void;
 declare class ActionCableClient {
     private wsURL;
     private cable;
     private subscriptions;
-    constructor(url: string);
+    private onDisconnect?;
+    constructor(url: string, onDisconnect?: DisconnectCallback);
     private addSubscription;
     connect(token: string, lang: string): void;
+    disconnect(): void;
     request(request: OperationOptions): Observable<ExecutionResult>;
     hasSubscription(id: string): boolean;
 }

package/dist/utils/graphql-ws-client.d.ts

@@ -1,7 +1,20 @@
 import { OperationOptions } from 'subscriptions-transport-ws';
+interface SubscriptionEntry<T = unknown> {
+    query: OperationOptions['query'];
+    variables?: OperationOptions['variables'];
+    onData?: (item: T) => void;
+    onError: (error: Error) => void;
+}
 declare class GraphqlWsClient {
     private actionCableClient;
-    constructor(url: string, token: string, lang: string);
+    private registry;
+    private activeRxSubscriptions;
+    constructor(url: string, token: string, lang: string, onDisconnect?: () => void);
     subscribe<T = unknown>(query: OperationOptions['query'], variables?: OperationOptions['variables'], onData?: (item: T) => void, onError?: (error: Error) => void): () => void;
+    disconnect(): void;
+    getActiveSubscriptions(): Map<string, SubscriptionEntry>;
+    resubscribe(): void;
+    private subscribeToActionCable;
 }
 export default GraphqlWsClient;
+export type { SubscriptionEntry };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const LIBRARY_VERSION = "1.5.21";
+export declare const LIBRARY_VERSION = "1.5.36";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "andoncloud-dashboard-toolkit",
-  "version": "1.5.34",
+  "version": "1.5.36",
   "description": "Made with create-react-library",
   "author": "",
   "license": "MIT",
@@ -19,16 +19,16 @@
   "scripts": {
     "build": "library-scripts build --external actioncable,andoncloud-sdk",
     "build:watch": "library-scripts build-watch --external actioncable,andoncloud-sdk",
-    "start:preview": "cd preview && npm run start",
-    "start": "run-p build:watch start:preview",
-    "test": "cypress run --component",
-    "prepare": "run-s build",
+    "generate": "run-s generate-operations generate-sdk prettier",
+    "generate-operations": "gqlg --schemaFilePath ./graphql-schema/schema.graphql --destDirPath ./src/operations/generated",
+    "generate-sdk": "graphql-codegen",
     "lint": "eslint --ext .ts,.tsx --quiet --fix .",
     "lint:ci": "eslint --ext .ts,.tsx --quiet .",
+    "prepare": "run-s build",
     "prettier": "prettier --write .",
-    "generate-operations": "gqlg --schemaFilePath ./graphql-schema/schema.graphql --destDirPath ./src/operations/generated",
-    "generate-sdk": "graphql-codegen",
-    "generate": "run-s generate-operations generate-sdk prettier",
+    "start": "run-p build:watch start:preview",
+    "start:preview": "cd preview && npm run start",
+    "test": "cypress run --component",
     "update": "ncu -u --reject eslint,rxjs,graphql,graphql-request && npm install --ignore-scripts && cd preview && ncu -u && npm install",
     "version:bump": "npm version --no-git-tag-version patch"
   },
@@ -46,7 +46,7 @@
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@graphql-codegen/cli": "^6.1.3",
+    "@graphql-codegen/cli": "^6.2.1",
     "@graphql-codegen/introspection": "5.0.1",
     "@graphql-codegen/typescript": "^5.0.9",
     "@graphql-codegen/typescript-document-nodes": "5.0.9",
@@ -60,23 +60,23 @@
     "@parcel/watcher": "^2.5.6",
     "@types/actioncable": "^5.2.11",
     "@types/lodash.isempty": "^4.4.9",
-    "@types/node": "^25.4.0",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-text-truncate": "^0.19.0",
     "actioncable": "^5.2.8",
-    "andoncloud-library-scripts": "^1.0.16",
-    "andoncloud-sdk": "^1.7.13",
+    "andoncloud-library-scripts": "^1.0.20",
+    "andoncloud-sdk": "^1.7.19",
     "copyfiles": "^2.4.1",
     "cross-env": "^10.1.0",
-    "cypress": "^15.11.0",
+    "cypress": "^15.12.0",
     "eslint": "^8.57.1",
     "eslint-config-andoncloud": "^1.0.0",
     "eslint-plugin-prettier": "^5.5.5",
     "gh-pages": "^6.3.0",
     "gql-generator": "^2.0.0",
     "graphql-request": "^4.3.0",
-    "i18next": "^25.8.17",
+    "i18next": "^25.8.18",
     "microbundle-crl": "^0.13.11",
     "mobx": "^6.15.0",
     "mobx-react-lite": "^4.1.1",
@@ -85,7 +85,7 @@
     "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-i18next": "^16.5.6",
+    "react-i18next": "^16.5.8",
     "react-router-dom": "^7.13.1",
     "react-scripts": "^5.0.1",
     "typescript": "^5.9.3",
@@ -99,11 +99,12 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "array-move": "^4.0.0",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.20",
     "graphql": "^15.8.0",
     "graphql-tag": "^2.12.6",
     "lodash.isempty": "^4.4.0",
     "merge-sx": "^3.4.0",
+    "react-error-boundary": "^6.1.1",
     "react-select": "^5.10.2",
     "react-text-truncate": "^0.19.0",
     "rxjs": "^6.6.7",

package/dist/cypress/support/component.d.ts

@@ -1,9 +0,0 @@
-import { mount } from 'cypress/react';
-declare global {
-    namespace Cypress {
-        interface Chainable {
-            mount: typeof mount;
-            getByTestId(selector: string, options?: Partial<Cypress.Loggable & Cypress.Timeoutable & Cypress.Withinable & Cypress.Shadow>): Cypress.Chainable<JQuery<HTMLElement>>;
-        }
-    }
-}

package/dist/cypress.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: Cypress.ConfigOptions<any>;
-export default _default;

package/dist/src/components/ConfirmTooltip/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { TooltipProps } from '@mui/material';
-interface ConfirmTooltipProps extends Omit<TooltipProps, 'title'> {
-    confirmMessage: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    confirmButtonTestId?: string;
-    cancelButtonTestId?: string;
-}
-declare const ConfirmTooltip: React.FC<ConfirmTooltipProps>;
-export default ConfirmTooltip;

package/dist/src/components/ConfirmTooltip/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/AccessDeniedModal/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { AccessButton, AccessState, CooldownInfo, FeatureRequestPayload } from 'andoncloud-sdk';
-export type AccessDeniedModalProps = {
-    open: boolean;
-    onClose: () => void;
-    accessState: AccessState;
-    buttons: AccessButton[];
-    daysSinceExpiry: number | null;
-    cooldownInfo: CooldownInfo;
-    workplaceId?: string;
-    onFeatureRequest?: (payload: FeatureRequestPayload) => Promise<boolean>;
-};
-declare const AccessDeniedModal: React.FC<AccessDeniedModalProps>;
-export default AccessDeniedModal;

package/dist/src/components/DashboardFilters/AccessDeniedModal/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/DateRangePicker/index.d.ts

@@ -1,18 +0,0 @@
-import 'dayjs/locale/pl';
-import React from 'react';
-import { DayType, Shift } from '../../../graphql-request';
-import type { DateRange, PeriodDefinition, PeriodId } from '../types';
-export type DateRangePickerProps = {
-    dateRange: DateRange;
-    dayType: DayType;
-    shifts: Shift[];
-    selectedShiftIds: string[];
-    hasAccess: boolean;
-    selectedPeriodId?: PeriodId;
-    onDayTypeChange: (dayType: DayType) => void;
-    onDateRangeChange: (dateRange: DateRange) => void;
-    onPeriodSelect: (period: PeriodDefinition, dateRange: DateRange) => void;
-    onAccessDenied: () => void;
-};
-declare const DateRangePicker: React.FC<DateRangePickerProps>;
-export default DateRangePicker;

package/dist/src/components/DashboardFilters/DateRangePicker/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/DayTypeSelector/DayTypeSelector.cy.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/DashboardFilters/DayTypeSelector/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DayType } from '../../../graphql-request';
-export type DayTypeSelectorProps = {
-    value: DayType;
-    onChange: (value: DayType) => void;
-};
-declare const DayTypeSelector: React.FC<DayTypeSelectorProps>;
-export default DayTypeSelector;

package/dist/src/components/DashboardFilters/DayTypeSelector/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/PeriodList/PeriodList.cy.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/DashboardFilters/PeriodList/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { DayType, Shift } from '../../../graphql-request';
-import type { DateRange, PeriodDefinition, PeriodId } from '../types';
-export type PeriodListProps = {
-    dayType: DayType;
-    shifts: Shift[];
-    selectedShiftIds: string[];
-    selectedPeriodId?: PeriodId;
-    hasAccess: boolean;
-    onPeriodSelect: (period: PeriodDefinition, dateRange: DateRange) => void;
-};
-declare const PeriodList: React.FC<PeriodListProps>;
-export default PeriodList;

package/dist/src/components/DashboardFilters/PeriodList/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/ShiftSelector/ShiftSelector.cy.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/DashboardFilters/ShiftSelector/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Shift } from '../../../graphql-request';
-export type ShiftSelectorProps = {
-    shifts: Shift[];
-    selectedShiftIds: string[];
-    onChange: (shiftIds: string[]) => void;
-};
-declare const ShiftSelector: React.FC<ShiftSelectorProps>;
-export default ShiftSelector;

package/dist/src/components/DashboardFilters/ShiftSelector/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DashboardFiltersProps } from './types';
-declare const DashboardFilters: React.FC<DashboardFiltersProps>;
-export default DashboardFilters;

package/dist/src/components/DashboardFilters/periods.cy.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/DashboardFilters/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/DashboardFilters/types.d.ts

@@ -1,36 +0,0 @@
-import type { FeatureRequestPayload } from 'andoncloud-sdk';
-import type { DayType, Shift } from '../../graphql-request';
-export type DateRange = {
-    from: string;
-    to: string;
-};
-export type CalendarPeriodId = 'today' | 'yesterday' | 'last_7_days' | 'last_14_days' | 'last_30_days' | 'last_90_days' | 'last_180_days' | 'last_365_days' | 'current_week' | 'current_month' | 'current_quarter' | 'current_year' | 'previous_week' | 'previous_month' | 'previous_quarter' | 'previous_year' | 'last_2_weeks' | 'last_4_weeks' | 'last_8_weeks' | 'last_12_weeks' | 'last_3_months' | 'last_6_months' | 'last_12_months';
-export type ShiftPeriodId = 'current_shift' | 'last_shift';
-export type WeekPeriodId = `week_${number}`;
-export type PeriodId = CalendarPeriodId | ShiftPeriodId | WeekPeriodId;
-export type FilterValues = {
-    dayType: DayType;
-    dateRange: DateRange;
-    shiftIds: string[];
-    selectedPeriodId?: PeriodId;
-};
-export type DashboardFiltersProps = {
-    initialValues?: FilterValues;
-    onChange: (values: FilterValues) => void;
-    shifts: Shift[];
-    onFeatureRequest?: (payload: FeatureRequestPayload) => Promise<boolean>;
-};
-export type PeriodCategory = 'shift_based' | 'rolling' | 'relative_days' | 'previous' | 'current' | 'calendar_weeks' | 'fiscal' | 'weeks';
-export type CalculateContext = {
-    dayType: DayType;
-    shifts: Shift[];
-    selectedShiftIds: string[];
-};
-export type PeriodDefinition = {
-    id: PeriodId;
-    labelKey: string;
-    labelParams?: Record<string, string | number>;
-    needAccess: boolean;
-    category: PeriodCategory;
-    calculate: (ctx: CalculateContext) => DateRange;
-};

package/dist/src/components/MetricCard/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CardProps } from '@mui/material';
-import { MetricValue } from '@/graphql-request';
-interface MetricCardProps extends CardProps {
-    title: string;
-    metricLabel: React.ReactNode;
-    metricValue?: MetricValue;
-    progressValue?: MetricValue;
-    extraValue?: React.ReactNode;
-    animateBackgroundColor?: boolean;
-    rounded?: boolean;
-}
-declare const MetricCard: React.FC<MetricCardProps>;
-export default MetricCard;

package/dist/src/components/MetricCard/styles.d.ts

@@ -1,15 +0,0 @@
-import { SxProps, Theme } from '@mui/system';
-interface StylesProps {
-    card: {
-        rounded?: boolean;
-    };
-    cardOverlay: {
-        background: string;
-    };
-    showBgPattern: boolean;
-    backgroundColor: string;
-    animateBackgroundColor?: boolean;
-}
-export declare const hexToRgba: (hex: string, alpha?: number) => string;
-declare const makeStyles: (props: StylesProps) => Record<string, SxProps<Theme>>;
-export default makeStyles;

package/dist/src/components/SortableSelect/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { OnChangeValue, Options } from 'react-select';
-export interface Option {
-    label: string;
-    value: string;
-}
-interface SortableSelectProps {
-    placeholder: string;
-    options: Options<Option>;
-    selected: Array<Option['value']>;
-    onChange: (selected: OnChangeValue<Option['value'], true>) => void;
-}
-declare const SortableSelect: React.FC<SortableSelectProps>;
-export default SortableSelect;

package/dist/src/components/WidgetCard/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { WidgetCardProps as BaseWidgetCardProps } from '@/types';
-type WidgetCardProps = Omit<BaseWidgetCardProps, 'ref'> & {
-    ref?: React.LegacyRef<HTMLDivElement>;
-};
-declare const WidgetCard: React.FC<WidgetCardProps>;
-export default WidgetCard;

package/dist/src/components/WidgetCard/styles.d.ts

@@ -1,3 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-declare const styles: Record<string, SxProps<Theme>>;
-export default styles;

package/dist/src/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as ConfirmTooltip } from './ConfirmTooltip';
-export { default as DashboardFilters } from './DashboardFilters';
-export { default as MetricCard } from './MetricCard';
-export { default as SortableSelect } from './SortableSelect';
-export { default as WidgetCard } from './WidgetCard';
-export type { DateRange, FilterValues, DashboardFiltersProps, PeriodDefinition, PeriodCategory, PeriodId, CalendarPeriodId, ShiftPeriodId, WeekPeriodId, CalculateContext, } from './DashboardFilters/types';