@groupeactual/ui-kit 1.7.9 → 1.8.1

package/dist/es/index.d.ts

@@ -1,30 +1,30 @@
 import React, { ReactNode, FocusEventHandler, BaseSyntheticEvent, MouseEventHandler, MouseEvent, PropsWithChildren } from 'react';
-import { TypographyProps, LinkProps, ButtonProps, TextFieldProps, SelectProps, CheckboxProps, RadioGroupProps, AccordionProps, BreadcrumbsProps, BoxProps, ChipProps, TooltipProps, AutocompleteProps, MenuItemProps, AlertProps, SxProps, Theme as Theme$1, CardProps, SwitchProps, IconButtonProps } from '@mui/material';
+import { TypographyProps, LinkProps, ButtonProps, TextFieldProps, SelectProps, CheckboxProps, RadioGroupProps, AccordionProps, BreadcrumbsProps, BoxProps, ChipProps, TooltipProps, AutocompleteProps, MenuItemProps, AlertProps, SxProps, Theme as Theme$1, CardProps, SwitchProps, IconButtonProps, ToggleButtonGroupProps } from '@mui/material';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { CustomContentProps } from 'notistack';
 import { ModalProps as ModalProps$1 } from '@mui/material/Modal';
 import { DatePickerProps } from '@mui/x-date-pickers-pro';
 import { Dayjs } from 'dayjs';
 
-interface Props$q extends Omit<TypographyProps, 'variant'> {
+interface Props$r extends Omit<TypographyProps, 'variant'> {
     variant?: 'bigNumber' | 'body1' | 'body1Regular' | 'body1Medium' | 'body1Bold' | 'body2' | 'body2Regular' | 'body2Medium' | 'body2Bold' | 'caption' | 'buttonNotif' | 'header1' | 'header2' | 'header3' | 'header4' | 'h1' | 'h2' | 'h3' | 'h4' | 'link1' | 'link2';
     component?: any;
 }
-declare const Text: (props: Props$q) => React.JSX.Element;
+declare const Text: (props: Props$r) => React.JSX.Element;
 
-interface Props$p extends Omit<LinkProps, 'variant'> {
+interface Props$q extends Omit<LinkProps, 'variant'> {
     variant?: 'link1' | 'link2';
     component?: any;
 }
-declare const Link: (props: Props$p) => React.JSX.Element;
+declare const Link: (props: Props$q) => React.JSX.Element;
 
-interface Props$o extends Omit<ButtonProps, 'variant' | 'children'> {
+interface Props$p extends Omit<ButtonProps, 'variant' | 'children'> {
     variant?: 'primary' | 'secondary';
     children?: ReactNode;
 }
-declare const Button: ({ variant, children, ...props }: Props$o) => React.JSX.Element;
+declare const Button: ({ variant, children, ...props }: Props$p) => React.JSX.Element;
 
-interface Props$n extends Omit<TextFieldProps, 'error'> {
+interface Props$o extends Omit<TextFieldProps, 'error'> {
     error?: string;
     label?: string;
     value?: string | unknown;
@@ -40,9 +40,9 @@ interface Props$n extends Omit<TextFieldProps, 'error'> {
     onBlur?: FocusEventHandler<unknown>;
     onChange?: (_e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
-declare const TextField: React.ForwardRefExoticComponent<Props$n & React.RefAttributes<HTMLDivElement>>;
+declare const TextField: React.ForwardRefExoticComponent<Props$o & React.RefAttributes<HTMLDivElement>>;
 
-interface Props$m<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
+interface Props$n<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
     options: T[];
     placeholder?: string;
     disabled?: boolean;
@@ -59,9 +59,9 @@ interface Props$m<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color'
     onBlur?: (_event: BaseSyntheticEvent) => void;
     onClick?: (_event: BaseSyntheticEvent) => void;
 }
-declare const Select: <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, popupIcon, onChange, getRenderValue, ...props }: Props$m<T>) => React.JSX.Element;
+declare const Select: <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, popupIcon, onChange, getRenderValue, ...props }: Props$n<T>) => React.JSX.Element;
 
-interface Props$l<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
+interface Props$m<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
     label: string;
     options: T[] | [];
     helperText?: string;
@@ -77,9 +77,9 @@ interface Props$l<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'valu
     getRenderValue: (_option: T) => string;
     getKeyValue: (_option: T) => string;
 }
-declare const MultiSelect: <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props$l<T>) => React.JSX.Element;
+declare const MultiSelect: <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props$m<T>) => React.JSX.Element;
 
-interface Props$k {
+interface Props$l {
     name: string;
     value: boolean;
     label: ReactNode;
@@ -89,7 +89,7 @@ interface Props$k {
     infoBubbleContent?: string;
     infoBubblePosition?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 }
-declare const Checkbox: ({ name, value, error, helperText, label, infoBubbleContent, infoBubblePosition, onChange, disabled, ...props }: CheckboxProps & Props$k) => React.JSX.Element;
+declare const Checkbox: ({ name, value, error, helperText, label, infoBubbleContent, infoBubblePosition, onChange, disabled, ...props }: CheckboxProps & Props$l) => React.JSX.Element;
 
 interface CheckboxItemType {
     label: ReactNode;
@@ -115,7 +115,7 @@ interface ItemType<T> {
     infoBubbleContent?: string;
     infoBubblePosition?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 }
-interface Props$j<T> extends Omit<RadioGroupProps, 'onChange'> {
+interface Props$k<T> extends Omit<RadioGroupProps, 'onChange'> {
     label: string;
     options: ItemType<T>[];
     onChange: (_value: T) => void;
@@ -123,9 +123,9 @@ interface Props$j<T> extends Omit<RadioGroupProps, 'onChange'> {
     helperText?: string;
     disabled?: boolean;
 }
-declare const RadioGroup: <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$j<T>) => React.JSX.Element;
+declare const RadioGroup: <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$k<T>) => React.JSX.Element;
 
-interface Props$i extends AccordionProps {
+interface Props$j extends AccordionProps {
     title?: string;
     summaryHeight?: number;
     expanded?: boolean;
@@ -133,17 +133,17 @@ interface Props$i extends AccordionProps {
     disabled?: boolean;
     onClick?: MouseEventHandler;
 }
-declare const Accordion: ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$i) => React.JSX.Element;
+declare const Accordion: ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$j) => React.JSX.Element;
 
 interface LinkItem {
     link: string;
     title: string;
 }
-interface Props$h extends BreadcrumbsProps {
+interface Props$i extends BreadcrumbsProps {
     PageName: string;
     links?: LinkItem[];
 }
-declare const Breadcrumbs: ({ PageName, links, ...props }: Props$h) => React.JSX.Element;
+declare const Breadcrumbs: ({ PageName, links, ...props }: Props$i) => React.JSX.Element;
 
 declare const FontSizes: {
     xs: number;
@@ -154,15 +154,15 @@ declare const FontSizes: {
     xxl: number;
     xxxl: number;
 };
-interface Props$g {
+interface Props$h {
     variant?: 'square' | 'none';
     icon: IconDefinition;
     color?: string;
     size?: number | keyof typeof FontSizes;
 }
-declare const IconProvider: ({ variant, icon, color, size, sx, ...props }: Props$g & BoxProps) => JSX.Element;
+declare const IconProvider: ({ variant, icon, color, size, sx, ...props }: Props$h & BoxProps) => JSX.Element;
 
-interface Props$f {
+interface Props$g {
     totalString: string;
     totalPerPageString: string;
     totalRows: number;
@@ -173,9 +173,9 @@ interface Props$f {
     setPage?: (_page: number) => void;
     setLimit?: (_limit: number) => void;
 }
-declare const Pagination: ({ totalString, totalPerPageString, hideTotal, limitsPerPage, page, totalRows, limit, setLimit, setPage, }: Props$f) => React.JSX.Element;
+declare const Pagination: ({ totalString, totalPerPageString, hideTotal, limitsPerPage, page, totalRows, limit, setLimit, setPage, }: Props$g) => React.JSX.Element;
 
-interface Props$e extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
+interface Props$f extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
     variant: 'filled' | 'outlined' | 'status' | 'statusFilled';
     label: string;
     prefixIcon?: IconDefinition;
@@ -186,27 +186,27 @@ interface Props$e extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'on
     maxWidth?: string | number;
     maxLength?: number;
 }
-declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$e) => React.JSX.Element;
+declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$f) => React.JSX.Element;
 
-interface Props$d extends BoxProps {
+interface Props$e extends BoxProps {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;
     text?: ReactNode;
     actionButton?: ReactNode;
 }
-declare const EmbeddedNotification: ({ title, text, variant, actionButton, ...props }: Props$d) => React.JSX.Element;
+declare const EmbeddedNotification: ({ title, text, variant, actionButton, ...props }: Props$e) => React.JSX.Element;
 
 type Placement = 'right' | 'bottom' | 'left' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 
-interface Props$c extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
+interface Props$d extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
     title: ReactNode;
     children: ReactNode;
     placement?: Placement;
     placementMargin?: number;
 }
-declare const Tooltip: ({ title, placement, children, placementMargin, ...tooltipProps }: Props$c) => React.JSX.Element;
+declare const Tooltip: ({ title, placement, children, placementMargin, ...tooltipProps }: Props$d) => React.JSX.Element;
 
-interface Props$b<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'getOptionLabel'> {
+interface Props$c<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'getOptionLabel'> {
     label: string;
     options: T[];
     helperText?: string;
@@ -219,7 +219,7 @@ interface Props$b<T> extends Omit<AutocompleteProps<T, false, false, false>, 'on
     error?: string;
     searchIcon?: boolean;
 }
-declare const AutoCompleteSingle: <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, searchIcon, ...props }: Props$b<T>) => React.JSX.Element;
+declare const AutoCompleteSingle: <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, searchIcon, ...props }: Props$c<T>) => React.JSX.Element;
 
 interface AutocompleteMultipleSelectProps<T> extends Omit<AutocompleteProps<T, true, true, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'autocomplete' | 'searchIcon'> {
     value: T[] | undefined;
@@ -253,7 +253,7 @@ interface FileDataType {
     driveAccessToken?: string;
 }
 
-interface Props$a {
+interface Props$b {
     title?: string;
     subTitle?: string;
     titleAddButton?: string;
@@ -276,29 +276,29 @@ interface Props$a {
     onTouched?: () => void;
     onFilesDataChange?: (_fileData: FileDataType[] | undefined) => void;
 }
-declare const FileUploader: ({ title, subTitle, titleAddButton, helperText, titleTooltip, files, isMulti, accept, acceptText, orText, fromLocalText, fromGoogleDriveText, disabled, error, enableGoogleDrive, googleAuthClientId, googleApiKey, _isDroppingFile, validateFile, onTouched, onFilesDataChange, }: Props$a) => React.JSX.Element;
+declare const FileUploader: ({ title, subTitle, titleAddButton, helperText, titleTooltip, files, isMulti, accept, acceptText, orText, fromLocalText, fromGoogleDriveText, disabled, error, enableGoogleDrive, googleAuthClientId, googleApiKey, _isDroppingFile, validateFile, onTouched, onFilesDataChange, }: Props$b) => React.JSX.Element;
 
-interface Props$9 extends Omit<MenuItemProps, 'onClick'> {
+interface Props$a extends Omit<MenuItemProps, 'onClick'> {
     onClick: (_event?: React.MouseEvent<HTMLElement>) => void;
     children: NonNullable<ReactNode>;
     testId?: string;
     disabled?: boolean;
 }
-declare const MenuItem: ({ onClick, children, testId, disabled, ...props }: Props$9) => React.JSX.Element;
+declare const MenuItem: ({ onClick, children, testId, disabled, ...props }: Props$a) => React.JSX.Element;
 
-interface Props$8 extends Omit<AlertProps, 'severity' | 'text'> {
+interface Props$9 extends Omit<AlertProps, 'severity' | 'text'> {
     text: string | React.ReactNode;
     severity: 'success' | 'warning' | 'error' | 'info';
 }
-declare const Snackbar: ({ text, severity }: Props$8) => React.JSX.Element;
+declare const Snackbar: ({ text, severity }: Props$9) => React.JSX.Element;
 
 declare const NotistackAdapter: React.ForwardRefExoticComponent<CustomContentProps & React.RefAttributes<HTMLDivElement>>;
 
-interface Props$7 extends AlertProps {
+interface Props$8 extends AlertProps {
     text: string;
     onClose?: () => void;
 }
-declare const BannerNotification: ({ text, severity, onClose }: Props$7) => React.JSX.Element;
+declare const BannerNotification: ({ text, severity, onClose }: Props$8) => React.JSX.Element;
 
 interface StepperItem {
     label: string;
@@ -312,39 +312,42 @@ interface Step {
     icon: IconDefinition;
 }
 
-interface Props$6 {
+interface Props$7 {
     steps: Step[];
     canNavigate: boolean;
     onNavigate?: (_url: string) => void;
     sx?: SxProps<Theme$1>;
 }
-declare const Stepper: ({ steps, canNavigate, onNavigate, sx, }: Props$6) => React.JSX.Element;
+declare const Stepper: ({ steps, canNavigate, onNavigate, sx, }: Props$7) => React.JSX.Element;
 
 interface ModalProps extends Omit<ModalProps$1, 'component' | 'open' | 'className' | 'onClose'> {
     open: boolean;
     title?: string;
     size?: 'small' | 'large';
-    component: ReactNode | null;
     footer?: ReactNode | null;
     cardProps?: Partial<CardProps>;
     className?: string;
     icon?: IconDefinition;
     onClose?: () => void;
 }
+interface DrawerProps extends Omit<ModalProps, 'icon'> {
+    titleLeftComponent?: ReactNode;
+    hideCloseButton?: boolean;
+}
 
-declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, "withHeaderDivider" | "icon">) => React.JSX.Element;
+declare const Drawer: ({ title, open, hideCloseButton, titleLeftComponent, footer, cardProps, size, children, onClose, ...props }: DrawerProps) => React.JSX.Element;
 
 declare const Dialog: ({ title, open, onClose, children, icon, ...props }: Omit<ModalProps, "footer" | "cardProps" | "size" | "component">) => React.JSX.Element;
 
-interface Props$5 {
+interface Props$6 {
     label: string;
     checked: boolean;
     leftSideLabel?: string;
     onClick: () => void;
 }
-declare const Switch: ({ label, checked, leftSideLabel, onClick, ...props }: SwitchProps & Props$5) => React.JSX.Element;
+declare const Switch: ({ label, checked, leftSideLabel, onClick, ...props }: SwitchProps & Props$6) => React.JSX.Element;
 
-interface Props$4<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
+interface Props$5<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
     value: T | null | undefined;
     onChange: (_value: T | null | undefined) => void;
     error?: string;
@@ -353,9 +356,9 @@ interface Props$4<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' |
     width?: string;
     locale?: 'fr' | 'en';
 }
-declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$4<T>) => React.JSX.Element;
+declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$5<T>) => React.JSX.Element;
 
-interface Props$3 extends Omit<TextFieldProps, 'error' | 'onChange'> {
+interface Props$4 extends Omit<TextFieldProps, 'error' | 'onChange'> {
     value: Dayjs | undefined;
     onChange?: (_time: string | Dayjs | undefined) => void;
     onTouched?: () => void;
@@ -370,7 +373,7 @@ interface Props$3 extends Omit<TextFieldProps, 'error' | 'onChange'> {
     locale?: 'fr' | 'en';
     color?: 'success';
 }
-declare const TimePicker: ({ value, label, helperText, error, disabled, minTime, maxTime, timeStep, locale, width, color, onTouched, onChange, ...props }: Props$3) => React.JSX.Element;
+declare const TimePicker: ({ value, label, helperText, error, disabled, minTime, maxTime, timeStep, locale, width, color, onTouched, onChange, ...props }: Props$4) => React.JSX.Element;
 
 type Order = 'asc' | 'desc';
 interface SortInfo {
@@ -424,15 +427,15 @@ type WithDetailsProps<T, D> = {
 type WithoutDetailsProps<T> = {
     onLoad: () => Promise<DatatableDataSet<T>>;
 };
-type Props$2<T extends object> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
+type Props$3<T extends object> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
 
-declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, isTableLayoutFixed, ...props }: Props$2<T>) => React.JSX.Element;
+declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, isTableLayoutFixed, ...props }: Props$3<T>) => React.JSX.Element;
 
 declare const DatatableCellRender: ({ data }: {
     data: string;
 }) => JSX.Element;
 
-interface Props$1 extends Omit<IconButtonProps, 'color'> {
+interface Props$2 extends Omit<IconButtonProps, 'color'> {
     icon: IconDefinition;
     variant?: 'default' | 'table';
     positionGroup?: 'left' | 'middle' | 'right';
@@ -443,7 +446,16 @@ interface Props$1 extends Omit<IconButtonProps, 'color'> {
     color?: string;
     onClick?: MouseEventHandler | undefined;
 }
-declare const IconButton: ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, color, onClick, ...iconButtonProps }: Props$1) => React.JSX.Element;
+declare const IconButton: ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, color, onClick, ...iconButtonProps }: Props$2) => React.JSX.Element;
+
+interface Props$1 extends ToggleButtonGroupProps {
+    selectedValue: string | string[];
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+declare const ToggleButtonGroup: ({ selectedValue, options, ...props }: Props$1) => React.JSX.Element;
 
 type Theme = 'Default' | 'Ep';
 interface DesignSystemContextValues {
@@ -509,4 +521,4 @@ interface PaletteDS {
     };
 }
 
-export { type AcceptTextType, Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, type CheckboxItemType, Chip, Datatable, DatatableCellRender, DatePicker, DesignSystemContext, type DesignSystemContextValues, DesignSystemProvider, Dialog, Drawer, EmbeddedNotification, type FileDataType, FileUploader, IconButton, IconProvider, Link, MenuItem, MultiSelect, NotistackAdapter, Pagination, type PaletteDS, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, TimePicker, Tooltip };
+export { type AcceptTextType, Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, type CheckboxItemType, Chip, Datatable, DatatableCellRender, DatePicker, DesignSystemContext, type DesignSystemContextValues, DesignSystemProvider, Dialog, Drawer, EmbeddedNotification, type FileDataType, FileUploader, IconButton, IconProvider, Link, MenuItem, MultiSelect, NotistackAdapter, Pagination, type PaletteDS, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, TimePicker, ToggleButtonGroup, Tooltip };