andoncloud-dashboard-toolkit 1.5.19 → 1.5.21

package/dist/locales/index.d.ts

@@ -15,6 +15,8 @@ declare const resources: {
             "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;
@@ -59,6 +61,8 @@ declare const resources: {
             "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;

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

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

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

@@ -0,0 +1,13 @@
+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

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

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

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

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

@@ -0,0 +1,14 @@
+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

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

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

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

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,4 @@
+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

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

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,6 @@
+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';