uikit-react-public 0.44.2 → 0.44.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/Calendar/Calendar.d.ts +1 -1
  2. package/dist/components/Calendar/Calendar.stories.d.ts +1 -1
  3. package/dist/components/Calendar/Calendar.types.d.ts +8 -0
  4. package/dist/components/Calendar/index.d.ts +1 -1
  5. package/dist/components/Calendar/subcomponents/Day.d.ts +4 -2
  6. package/dist/components/Calendar/subcomponents/Day.stories.d.ts +1 -1
  7. package/dist/components/Calendar/subcomponents/EventDot.d.ts +3 -1
  8. package/dist/components/Calendar/subcomponents/Grid.d.ts +3 -2
  9. package/dist/components/Calendar/subcomponents/__tests__/Day.test.d.ts +1 -0
  10. package/dist/components/Calendar/subcomponents/__tests__/EventDot.test.d.ts +1 -0
  11. package/dist/components/Datepicker/Datepicker.types.d.ts +2 -1
  12. package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts +3 -2
  13. package/dist/components/index.d.ts +1 -1
  14. package/dist/index.js +3275 -3227
  15. package/lib/components/Accordion/Accordion.tsx +1 -3
  16. package/lib/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +2 -2
  17. package/lib/components/Calendar/Calendar.stories.tsx +47 -12
  18. package/lib/components/Calendar/Calendar.tsx +2 -0
  19. package/lib/components/Calendar/Calendar.types.ts +15 -0
  20. package/lib/components/Calendar/__tests__/Calendar.test.tsx +37 -2
  21. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +462 -231
  22. package/lib/components/Calendar/index.ts +6 -1
  23. package/lib/components/Calendar/subcomponents/Day.tsx +44 -5
  24. package/lib/components/Calendar/subcomponents/EventDot.tsx +42 -6
  25. package/lib/components/Calendar/subcomponents/Grid.tsx +4 -1
  26. package/lib/components/Calendar/subcomponents/__tests__/Day.test.tsx +139 -0
  27. package/lib/components/Calendar/subcomponents/__tests__/EventDot.test.tsx +78 -0
  28. package/lib/components/Datepicker/Datepicker.stories.tsx +29 -6
  29. package/lib/components/Datepicker/Datepicker.types.ts +6 -1
  30. package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +26 -0
  31. package/lib/components/Datepicker/subcomponents/CustomDatepicker.tsx +8 -1
  32. package/lib/components/index.ts +1 -1
  33. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  import { CalendarProps } from './Calendar.types';
2
- declare const Calendar: ({ pickedDate, pickedMonth, onDatePick, minDate, maxDate, minYear, maxYear, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react").JSX.Element;
2
+ declare const Calendar: ({ pickedDate, pickedMonth, onDatePick, minDate, maxDate, minYear, maxYear, events, statuses, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react").JSX.Element;
3
3
  export default Calendar;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ pickedDate, pickedMonth, onDatePick, minDate, maxDate, minYear, maxYear, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react").JSX.Element;
4
+ component: ({ pickedDate, pickedMonth, onDatePick, minDate, maxDate, minYear, maxYear, events, statuses, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react").JSX.Element;
5
5
  parameters: {
6
6
  layout: string;
7
7
  };
@@ -1,5 +1,12 @@
1
+ export type CalendarEventVariant = 'critical' | 'success' | 'caution' | 'warning' | 'info';
2
+ export type CalendarStatusConfig = {
3
+ variant: CalendarEventVariant;
4
+ ariaLabel: string;
5
+ };
6
+ export type CalendarStatuses = Record<string, CalendarStatusConfig>;
1
7
  export type CalendarEvent = {
2
8
  date: string;
9
+ status?: string;
3
10
  };
4
11
  export type AcademicWeek = {
5
12
  start: string;
@@ -14,6 +21,7 @@ export interface CalendarProps {
14
21
  minYear?: number;
15
22
  maxYear?: number;
16
23
  events?: CalendarEvent[];
24
+ statuses?: CalendarStatuses;
17
25
  showAcademicWeeks?: boolean;
18
26
  academicWeeks?: AcademicWeek[];
19
27
  testId?: string;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Calendar';
2
- export type { CalendarProps, CalendarEvent, AcademicWeek } from './Calendar.types';
2
+ export type { CalendarProps, CalendarEvent, CalendarStatuses, AcademicWeek, } from './Calendar.types';
@@ -1,4 +1,4 @@
1
- import { CalendarEvent } from '../Calendar.types';
1
+ import { CalendarEvent, CalendarStatuses } from '../Calendar.types';
2
2
  export interface DayProps {
3
3
  date: Date;
4
4
  onPick?: (date: Date, event: React.SyntheticEvent) => void;
@@ -7,6 +7,8 @@ export interface DayProps {
7
7
  isInCurrentMonth?: boolean;
8
8
  isDisabled?: boolean;
9
9
  events?: CalendarEvent[];
10
+ statuses?: CalendarStatuses;
11
+ ariaLabel?: string;
10
12
  }
11
- declare const Day: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: DayProps) => import("react").JSX.Element;
13
+ declare const Day: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, statuses, ariaLabel, }: DayProps) => import("react").JSX.Element;
12
14
  export default Day;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: import('./Day').DayProps) => import("react").JSX.Element;
4
+ component: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, statuses, ariaLabel, }: import('./Day').DayProps) => import("react").JSX.Element;
5
5
  argTypes: {
6
6
  events: {
7
7
  table: {
@@ -1,6 +1,8 @@
1
+ import { CalendarEventVariant } from '../Calendar.types';
1
2
  interface EventDotProps {
2
3
  inverted: boolean;
3
4
  inCurrentMonth: boolean;
5
+ variant?: CalendarEventVariant;
4
6
  }
5
- declare const EventDot: ({ inverted, inCurrentMonth }: EventDotProps) => import("react").JSX.Element;
7
+ declare const EventDot: ({ inverted, inCurrentMonth, variant }: EventDotProps) => import("react").JSX.Element;
6
8
  export default EventDot;
@@ -1,4 +1,4 @@
1
- import { CalendarEvent } from '../Calendar.types';
1
+ import { CalendarEvent, CalendarStatuses } from '../Calendar.types';
2
2
  interface GridProps {
3
3
  month: Date;
4
4
  pickedDate: Date | null;
@@ -6,6 +6,7 @@ interface GridProps {
6
6
  minDate: Date | null;
7
7
  maxDate: Date | null;
8
8
  events: CalendarEvent[];
9
+ statuses?: CalendarStatuses;
9
10
  }
10
- declare const Grid: ({ month, pickedDate, onDatePick, minDate, maxDate, events, }: GridProps) => import("react").JSX.Element;
11
+ declare const Grid: ({ month, pickedDate, onDatePick, minDate, maxDate, events, statuses, }: GridProps) => import("react").JSX.Element;
11
12
  export default Grid;
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes, RefObject } from 'react';
2
- import { CalendarEvent, AcademicWeek } from '../Calendar';
2
+ import { CalendarEvent, CalendarStatuses, AcademicWeek } from '../Calendar';
3
3
  import { InputProps } from './subcomponents/DatepickerInput';
4
4
  export type DatepickerValue = Date | null;
5
5
  interface BaseDatepickerProps {
@@ -11,6 +11,7 @@ interface BaseDatepickerProps {
11
11
  maxYear?: number;
12
12
  pickedMonth?: Date | null;
13
13
  events?: CalendarEvent[];
14
+ statuses?: CalendarStatuses;
14
15
  showAcademicWeeks?: boolean;
15
16
  academicWeeks?: AcademicWeek[];
16
17
  testId?: string;
@@ -1,5 +1,5 @@
1
1
  import { DatepickerValue } from '../Datepicker.types';
2
- import { CalendarEvent, AcademicWeek } from '../../Calendar';
2
+ import { CalendarEvent, CalendarStatuses, AcademicWeek } from '../../Calendar';
3
3
  import { InputProps } from './DatepickerInput';
4
4
  interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  value?: DatepickerValue;
@@ -12,6 +12,7 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
12
12
  disabled?: boolean;
13
13
  clearable?: boolean;
14
14
  events?: CalendarEvent[];
15
+ statuses?: CalendarStatuses;
15
16
  showAcademicWeeks?: boolean;
16
17
  academicWeeks?: AcademicWeek[];
17
18
  testId?: string;
@@ -19,5 +20,5 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
19
20
  inputRef?: React.RefObject<HTMLInputElement>;
20
21
  inputProps?: InputProps;
21
22
  }
22
- declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, pickedMonth, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
23
+ declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, pickedMonth, disabled, clearable, events, statuses, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
23
24
  export default CustomDatepicker;
@@ -119,7 +119,7 @@ export type { DatepickerProps } from './Datepicker';
119
119
  export { default as NativeDatepicker } from './NativeDatepicker';
120
120
  export type { NativeDatepickerProps } from './NativeDatepicker';
121
121
  export { default as Calendar } from './Calendar';
122
- export type { CalendarProps } from './Calendar';
122
+ export type { CalendarProps, CalendarStatuses } from './Calendar';
123
123
  export { default as WeekPicker } from './WeekPicker';
124
124
  export { default as FileInput } from './FileInput';
125
125
  export type { FileInputProps } from './FileInput';