uikit-react-public 0.38.1 → 0.39.1

package/dist/components/Accordion/Accordion.Heading.d.ts

@@ -1,8 +1,9 @@
 import { default as React, HTMLAttributes } from 'react';
+import { HeadingProps } from '../Heading';
 export declare const NAME = "ucl-uikit-accordion__heading";
 export declare const ICON_NAME = "ucl-uikit-accordion__heading__icon";
 export interface AccordionHeadingProps extends HTMLAttributes<HTMLElement> {
-    as?: keyof HTMLElementTagNameMap;
+    as?: HeadingProps['as'];
     testId?: string;
 }
 declare const AccordionHeading: React.FC<AccordionHeadingProps>;

package/dist/components/Accordion/Accordion.d.ts

@@ -2,16 +2,22 @@ import { default as React, HTMLAttributes } from 'react';
 import { default as AccordionHeading } from './Accordion.Heading';
 import { default as AccordionPanel } from './Accordion.Panel';
 export declare const NAME = "ucl-uikit-accordion";
+export type AccordionSize = 'default' | 'large'
+/** @deprecated Use `default` instead. */
+ | 'small'
+/** @deprecated Use `large` instead. */
+ | 'medium';
+type NormalizedAccordionSize = Exclude<AccordionSize, 'small' | 'medium'>;
 interface AccordionContextProps {
     isOpen: boolean;
     toggleAccordion: () => void;
     disabled: boolean;
-    size: 'small' | 'medium';
+    size: NormalizedAccordionSize;
 }
 export declare const useAccordionContext: () => AccordionContextProps;
 export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
-    size?: 'small' | 'medium';
+    size?: AccordionSize;
     disabled?: boolean;
     isOpen?: boolean;
 }

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -44,7 +44,7 @@ declare const meta: {
     args: {
         isOpen: false;
         disabled: false;
-        size: "medium";
+        size: "default";
     };
     tags: string[];
 };
@@ -52,6 +52,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Disabled: Story;
-export declare const SmallSize: Story;
+export declare const LargeSize: Story;
 export declare const CustomHeadingElement: Story;
 export declare const MultipleAccordions: Story;

package/dist/components/Alert/Alert.d.ts

@@ -16,8 +16,8 @@ export interface AlertBaseProps extends HTMLAttributes<HTMLDivElement> {
 export type AlertProps = AlertBaseProps & MarginProps;
 declare const Alert: {
     ({ type, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
-    Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
-    Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
+    Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+    Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
 };
 export interface IAlertSubComponents {
     Title: typeof AlertTitle;

package/dist/components/Alert/Alert.stories.d.ts

@@ -3,8 +3,8 @@ declare const meta: {
     title: string;
     component: {
         ({ type, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
-        Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
-        Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
+        Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+        Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
     } & import('./Alert').IAlertSubComponents;
     parameters: {
         layout: string;

package/dist/components/Alert/AlertMessage.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__message";
 export interface AlertMessageProps extends HTMLAttributes<HTMLParagraphElement> {
     testId?: string;
 }
-declare const AlertMessage: ({ testId, className, children, }: AlertMessageProps) => import("react").JSX.Element;
+declare const AlertMessage: ({ testId, className, children, ...props }: AlertMessageProps) => import("react").JSX.Element;
 export default AlertMessage;

package/dist/components/Alert/AlertTitle.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__title";
 export interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     testId?: string;
 }
-declare const AlertTitle: ({ children, testId }: AlertTitleProps) => import("react").JSX.Element;
+declare const AlertTitle: ({ children, testId, className, ...props }: AlertTitleProps) => import("react").JSX.Element;
 export default AlertTitle;

package/dist/components/Calendar/Calendar.d.ts

@@ -1,3 +1,3 @@
 import { CalendarProps } from './Calendar.types';
-declare const Calendar: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react").JSX.Element;
+declare const Calendar: ({ pickedDate, onDatePick, minDate, maxDate, minYear, maxYear, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react").JSX.Element;
 export default Calendar;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react").JSX.Element;
+    component: ({ pickedDate, onDatePick, minDate, maxDate, minYear, maxYear, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Calendar/Calendar.types.d.ts

@@ -10,6 +10,8 @@ export interface CalendarProps {
     onDatePick?: (date: Date | null, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
+    minYear?: number;
+    maxYear?: number;
     events?: CalendarEvent[];
     showAcademicWeeks?: boolean;
     academicWeeks?: AcademicWeek[];

package/dist/components/Calendar/subcomponents/Controls.d.ts

@@ -1,6 +1,10 @@
 interface ControlsProps {
     month: Date;
     changeMonth: (change: number) => void;
+    onMonthSelect: (monthIndex: number) => void;
+    onYearSelect: (year: number) => void;
+    minYear: number;
+    maxYear: number;
 }
-declare const Controls: ({ month, changeMonth }: ControlsProps) => import("react").JSX.Element;
+declare const Controls: ({ month, changeMonth, onMonthSelect, onYearSelect, minYear, maxYear, }: ControlsProps) => import("react").JSX.Element;
 export default Controls;

package/dist/components/Calendar/subcomponents/ControlsSelect.d.ts

@@ -0,0 +1,9 @@
+import { OptionData } from '../../Select';
+interface ControlsSelectProps<T extends string | number> {
+    label: string;
+    value: T;
+    options: OptionData<T>[];
+    onValueChange: (value: T, event: React.SyntheticEvent) => void;
+}
+declare const ControlsSelect: <T extends string | number>({ label, value, options, onValueChange, }: ControlsSelectProps<T>) => import("react").JSX.Element;
+export default ControlsSelect;

package/dist/components/Calendar/utils/index.d.ts

@@ -2,3 +2,5 @@ export { default as normaliseMonth } from './normaliseMonth/normaliseMonth';
 export { default as parseDateFromString } from './parseDateFromString/parseDateFromString';
 export { default as getAcademicWeekNumbers } from './getAcademicWeekNumbers/getAcademicWeekNumbers';
 export { default as getDatesForCalendarGrid } from './getDatesForCalendarGrid/getDatesForCalendarGrid';
+export { default as months } from './months/months';
+export type { CalendarMonth } from './months/months';

package/dist/components/Calendar/utils/months/months.d.ts

@@ -0,0 +1,6 @@
+export type CalendarMonth = {
+    name: string;
+    index: number;
+};
+declare const months: () => CalendarMonth[];
+export default months;

package/dist/components/Calendar/utils/months/months.test.d.ts

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

package/dist/components/Datepicker/Datepicker.d.ts

@@ -1,3 +1,3 @@
 import { DatepickerProps } from './Datepicker.types';
-declare const Datepicker: ({ value, onValueChange, minDate, maxDate, disabled, className, clearable, ...props }: DatepickerProps) => import("react").JSX.Element;
+declare const Datepicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, className, clearable, ...props }: DatepickerProps) => import("react").JSX.Element;
 export default Datepicker;

package/dist/components/Datepicker/Datepicker.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, onValueChange, minDate, maxDate, disabled, className, clearable, ...props }: import('./Datepicker.types').DatepickerProps) => import("react").JSX.Element;
+    component: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, className, clearable, ...props }: import('./Datepicker.types').DatepickerProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Datepicker/Datepicker.types.d.ts

@@ -7,6 +7,8 @@ interface BaseDatepickerProps {
     onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
+    minYear?: number;
+    maxYear?: number;
     events?: CalendarEvent[];
     showAcademicWeeks?: boolean;
     academicWeeks?: AcademicWeek[];

package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts

@@ -6,6 +6,8 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
+    minYear?: number;
+    maxYear?: number;
     disabled?: boolean;
     clearable?: boolean;
     events?: CalendarEvent[];
@@ -16,5 +18,5 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     inputRef?: React.RefObject<HTMLInputElement>;
     inputProps?: InputProps;
 }
-declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
+declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
 export default CustomDatepicker;

package/dist/components/Field/HelperText.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export interface HelperTextProps extends HTMLAttributes<HTMLDivElement> {
+export interface HelperTextProps extends HTMLAttributes<HTMLSpanElement> {
     testId?: string;
 }
 declare const HelperText: ({ testId, className, children, ...props }: HelperTextProps) => import("react").JSX.Element;

package/dist/components/Select/Select.types.d.ts

@@ -92,6 +92,18 @@ type SelectBaseProps<T = string | number> = Omit<React.HTMLAttributes<HTMLElemen
      * Custom className for the options panel
      */
     panelClassName?: string;
+    /**
+     * Custom className for the custom select visible field
+     */
+    visibleFieldClassName?: string;
+    /**
+     * Custom className for each custom select option
+     */
+    optionClassName?: string;
+    /**
+     * Custom className for the custom select chevron icon
+     */
+    chevronIconClassName?: string;
     /**
      * Ref forwarded to the rendered element
      * (div for custom, select for native)

package/dist/components/Select/subcomponents/CustomSelect.d.ts

@@ -1,4 +1,4 @@
 import { InternalSelectProps } from '../Select.types';
 type CustomSelectProps<T> = Omit<InternalSelectProps<T>, 'native' | 'nativeHtmlAttributes'>;
-declare const CustomSelect: <T extends string | number>({ selectionBehaviour, value, options, onValueChange, disabled, clearable, placeholder, lineBreak, dropdownWidth, filterInputProps, width, testId, className, panelClassName, filterable, ref, ...props }: CustomSelectProps<T>) => import("react").JSX.Element;
+declare const CustomSelect: <T extends string | number>({ selectionBehaviour, value, options, onValueChange, disabled, clearable, placeholder, lineBreak, dropdownWidth, filterInputProps, width, testId, className, panelClassName, visibleFieldClassName, optionClassName, chevronIconClassName, filterable, ref, ...props }: CustomSelectProps<T>) => import("react").JSX.Element;
 export default CustomSelect;

package/dist/components/Select/subcomponents/VisibleField.d.ts

@@ -8,7 +8,9 @@ interface VisibleFieldProps<T> {
     clearable?: boolean;
     onClear?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     clearButtonRef?: React.RefObject<HTMLButtonElement | null>;
+    className?: string;
+    chevronIconClassName?: string;
     children?: React.ReactNode;
 }
-declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, filterable, clearable, onClear, clearButtonRef, children, }: VisibleFieldProps<T>) => import("react").JSX.Element;
+declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, filterable, clearable, onClear, clearButtonRef, className, chevronIconClassName, children, }: VisibleFieldProps<T>) => import("react").JSX.Element;
 export default VisibleField;

package/dist/components/WeekPicker/WeekPicker.d.ts

@@ -1,3 +1,3 @@
 import { WeekPickerProps } from './WeekPicker.types';
-declare const WeekPicker: ({ value, onValueChange, minDate, maxDate, disabled, className, ...props }: WeekPickerProps) => import("react").JSX.Element;
+declare const WeekPicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, className, ...props }: WeekPickerProps) => import("react").JSX.Element;
 export default WeekPicker;

package/dist/components/WeekPicker/WeekPicker.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, onValueChange, minDate, maxDate, disabled, className, ...props }: import('./WeekPicker.types').WeekPickerProps) => import("react").JSX.Element;
+    component: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, className, ...props }: import('./WeekPicker.types').WeekPickerProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/WeekPicker/WeekPicker.types.d.ts

@@ -6,6 +6,8 @@ export interface WeekPickerProps extends HTMLAttributes<HTMLDivElement> {
     onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
+    minYear?: number;
+    maxYear?: number;
     disabled?: boolean;
     events?: CalendarEvent[];
     showAcademicWeeks?: boolean;

package/dist/components/WeekPicker/subcomponents/CustomDatepicker.d.ts

@@ -5,6 +5,8 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
+    minYear?: number;
+    maxYear?: number;
     disabled?: boolean;
     events?: CalendarEvent[];
     showAcademicWeeks?: boolean;
@@ -13,5 +15,5 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: React.RefObject<HTMLDivElement>;
     inputRef?: React.RefObject<HTMLInputElement>;
 }
-declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
+declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, minYear, maxYear, disabled, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
 export default CustomDatepicker;