@groupeactual/ui-kit 1.7.0-beta.0 → 1.7.0-beta.3

package/dist/es/index.d.ts

@@ -1,43 +1,33 @@
-import React, { ReactNode, FocusEventHandler, BaseSyntheticEvent, MouseEventHandler, MouseEvent, ReactElement, PropsWithChildren } from 'react';
+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 { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { BoxProps as BoxProps$1 } from '@mui/system';
-import { IconDefinition as IconDefinition$1 } from '@fortawesome/pro-regular-svg-icons';
 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$p extends Omit<TypographyProps, 'variant'> {
+interface Props$q 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$p): React.JSX.Element;
-    displayName: string;
-};
+declare const Text: (props: Props$q) => React.JSX.Element;
 
-interface Props$o extends Omit<LinkProps, 'variant'> {
+interface Props$p extends Omit<LinkProps, 'variant'> {
     variant?: 'link1' | 'link2';
     component?: any;
 }
-declare const Link: {
-    (props: Props$o): React.JSX.Element;
-    displayName: string;
-};
+declare const Link: (props: Props$p) => React.JSX.Element;
 
-interface Props$n extends Omit<ButtonProps, 'variant' | 'children'> {
+interface Props$o extends Omit<ButtonProps, 'variant' | 'children'> {
     variant?: 'primary' | 'secondary';
     children?: ReactNode;
 }
-declare const Button: {
-    ({ variant, children, ...props }: Props$n): React.JSX.Element;
-    displayName: string;
-};
+declare const Button: ({ variant, children, ...props }: Props$o) => React.JSX.Element;
 
-interface Props$m extends Omit<TextFieldProps, 'error'> {
+interface Props$n extends Omit<TextFieldProps, 'error'> {
     error?: string;
-    label: string;
+    label?: string;
     value?: string | unknown;
     name?: string;
     placeholder?: string;
@@ -46,15 +36,14 @@ interface Props$m extends Omit<TextFieldProps, 'error'> {
     maxLength?: number;
     width?: number | string;
     className?: string;
+    focused?: boolean;
+    onClick?: (_e: React.MouseEvent<HTMLInputElement>) => void;
     onBlur?: FocusEventHandler<unknown>;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onChange?: (_e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
-declare const TextField: {
-    ({ name, value, error, onBlur, onChange, label, disabled, width, endAdornment, placeholder, maxLength, ...props }: Props$m): React.JSX.Element;
-    displayName: string;
-};
+declare const TextField: React.ForwardRefExoticComponent<Props$n & React.RefAttributes<HTMLDivElement>>;
 
-interface Props$l<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
+interface Props$m<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
     options: T[];
     placeholder?: string;
     disabled?: boolean;
@@ -66,16 +55,14 @@ interface Props$l<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color'
     error?: string;
     className?: string;
     popupIcon?: IconDefinition;
-    getRenderValue: (option: T) => string;
-    onChange: (value: T) => void;
-    onBlur?: (event: BaseSyntheticEvent) => void;
+    getRenderValue: (_option: T) => string;
+    onChange: (_value: T) => void;
+    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$l<T>): React.JSX.Element;
-    displayName: string;
-};
+declare const Select: <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, popupIcon, onChange, getRenderValue, ...props }: Props$m<T>) => React.JSX.Element;
 
-interface Props$k<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
+interface Props$l<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
     label: string;
     options: T[] | [];
     helperText?: string;
@@ -87,48 +74,41 @@ interface Props$k<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'valu
     disabled?: boolean;
     className?: string;
     onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    onChange: (value: T[]) => void;
-    getRenderValue: (option: T) => string;
-    getKeyValue: (option: T) => string;
+    onChange: (_value: T[]) => void;
+    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$k<T>): React.JSX.Element;
-    displayName: string;
-};
+declare const MultiSelect: <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props$l<T>) => React.JSX.Element;
 
-interface Props$j {
+interface Props$k {
     name: string;
     value: boolean;
-    label: string;
-    onChange?: (field: string, value: boolean, shouldValidate?: boolean | undefined) => void;
+    label: ReactNode;
+    onChange?: (_field: string, _value: boolean, _shouldValidate?: boolean | undefined) => void;
     helperText?: string;
     error?: string;
     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$j): React.JSX.Element;
-    displayName: string;
-};
+declare const Checkbox: ({ name, value, error, helperText, label, infoBubbleContent, infoBubblePosition, onChange, disabled, ...props }: CheckboxProps & Props$k) => React.JSX.Element;
 
-interface ItemType$1 {
-    label: string;
+interface CheckboxItemType {
+    label: ReactNode;
     value: boolean;
     name: string;
     infoBubbleContent?: string;
     infoBubblePosition?: 'right' | 'bottom' | 'left' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 }
+
 interface CheckboxGroupProps {
     label: string;
-    options: ItemType$1[];
+    options: CheckboxItemType[];
     disabled?: boolean;
     error?: string;
     helperText?: string;
+    onChange?: (_selectedOptions: Record<string, boolean>) => void;
 }
-declare const CheckboxGroup: {
-    ({ options, label, disabled, error, helperText, }: CheckboxGroupProps): React.JSX.Element;
-    displayName: string;
-};
+declare const CheckboxGroup: ({ options, label, disabled, error, helperText, onChange, }: CheckboxGroupProps) => React.JSX.Element;
 
 interface ItemType<T> {
     label: string;
@@ -136,20 +116,17 @@ 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$i<T> extends Omit<RadioGroupProps, 'onChange'> {
+interface Props$j<T> extends Omit<RadioGroupProps, 'onChange'> {
     label: string;
     options: ItemType<T>[];
-    onChange: (value: T) => void;
+    onChange: (_value: T) => void;
     error?: string;
     helperText?: string;
     disabled?: boolean;
 }
-declare const RadioGroup: {
-    <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$i<T>): React.JSX.Element;
-    displayName: string;
-};
+declare const RadioGroup: <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$j<T>) => React.JSX.Element;
 
-interface Props$h extends AccordionProps {
+interface Props$i extends AccordionProps {
     title?: string;
     summaryHeight?: number;
     expanded?: boolean;
@@ -157,23 +134,17 @@ interface Props$h extends AccordionProps {
     disabled?: boolean;
     onClick?: MouseEventHandler;
 }
-declare const Accordion: {
-    ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$h): React.JSX.Element;
-    displayName: string;
-};
+declare const Accordion: ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$i) => React.JSX.Element;
 
 interface LinkItem {
     link: string;
     title: string;
 }
-interface Props$g extends BreadcrumbsProps {
+interface Props$h extends BreadcrumbsProps {
     PageName: string;
     links: LinkItem[];
 }
-declare const Breadcrumbs: {
-    ({ PageName, links, ...props }: Props$g): React.JSX.Element;
-    displayName: string;
-};
+declare const Breadcrumbs: ({ PageName, links, ...props }: Props$h) => React.JSX.Element;
 
 declare const FontSizes: {
     xs: number;
@@ -184,107 +155,100 @@ declare const FontSizes: {
     xxl: number;
     xxxl: number;
 };
-interface Props$f {
+interface Props$g {
     variant?: 'square' | 'none';
     icon: IconDefinition;
     color?: string;
     size?: number | keyof typeof FontSizes;
 }
-declare const IconProvider: {
-    ({ variant, icon, color, size, sx, ...props }: Props$f & BoxProps): JSX.Element;
-    displayName: string;
-};
+declare const IconProvider: ({ variant, icon, color, size, sx, ...props }: Props$g & BoxProps) => JSX.Element;
 
-interface Props$e {
+interface Props$f {
     totalString: string;
     totalPerPageString: string;
     totalRows: number;
     limitsPerPage?: number[];
     page?: number;
     limit?: number;
-    setPage?: (page: number) => void;
-    setLimit?: (limit: number) => void;
+    setPage?: (_page: number) => void;
+    setLimit?: (_limit: number) => void;
 }
-declare const Pagination: {
-    ({ totalString, totalPerPageString, limitsPerPage, setLimit, setPage, page, totalRows, limit, }: Props$e): React.JSX.Element;
-    displayName: string;
-};
+declare const Pagination: ({ totalString, totalPerPageString, limitsPerPage, setLimit, setPage, page, totalRows, limit, }: Props$f) => React.JSX.Element;
 
-interface Props$d extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
+interface Props$e extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
     variant: 'filled' | 'outlined' | 'status' | 'statusFilled';
     label: string;
     prefixIcon?: IconDefinition;
     suffixIcon?: IconDefinition;
-    suffixAction?: (e: MouseEvent) => void;
+    suffixAction?: (_e: MouseEvent) => void;
     suffixTooltip?: string;
     tooltip?: string;
     maxWidth?: string | number;
     maxLength?: number;
 }
-declare const Chip: {
-    ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$d): React.JSX.Element;
-    displayName: string;
-};
+declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$e) => React.JSX.Element;
 
-interface Props$c extends BoxProps$1 {
+interface Props$d extends BoxProps$1 {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;
     text?: ReactNode;
     actionButton?: ReactNode;
 }
-declare const EmbeddedNotification: {
-    ({ title, text, variant, actionButton, ...props }: Props$c): React.JSX.Element;
-    displayName: string;
-};
+declare const EmbeddedNotification: ({ title, text, variant, actionButton, ...props }: Props$d) => 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$b extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
-    title: string;
-    children: ReactElement;
+interface Props$c extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
+    title: ReactNode;
+    children: ReactNode;
     placement?: Placement;
+    placementMargin?: number;
 }
-declare const Tooltip: {
-    ({ title, placement, children, ...tooltipProps }: Props$b): React.JSX.Element;
-    displayName: string;
-};
+declare const Tooltip: ({ title, placement, children, placementMargin, ...tooltipProps }: Props$c) => React.JSX.Element;
 
-interface Props$a<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'getOptionLabel' | 'autocomplete'> {
+interface Props$b<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'getOptionLabel'> {
     label: string;
     options: T[];
     helperText?: string;
     color?: 'success';
     placeholder?: string;
-    getOptionLabel: (option: T) => string | null | undefined;
-    onChange: (value: T | null) => void;
+    getOptionLabel: (_option: T) => string | null | undefined;
+    onChange: (_value: T | null) => void;
     value?: T | null;
     width?: number | string;
     error?: string;
+    searchIcon?: boolean;
 }
-declare const AutoCompleteSingle: {
-    <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, ...props }: Props$a<T>): React.JSX.Element;
-    displayName: string;
-};
+declare const AutoCompleteSingle: <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, searchIcon, ...props }: Props$b<T>) => React.JSX.Element;
 
-interface AutocompleteMultipleSelectProps<T> extends Omit<AutocompleteProps<T, true, true, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'autocomplete'> {
+interface AutocompleteMultipleSelectProps<T> extends Omit<AutocompleteProps<T, true, true, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'autocomplete' | 'searchIcon'> {
     value: T[] | undefined;
     label?: string;
     helperText?: string;
     placeholder?: string;
     options: T[];
-    getOptionLabel: (option: T) => string;
-    getKeyValue: (option: T) => string;
-    onChange: (value: T[]) => void;
-    getOptionDisabled?: (option: T) => boolean;
+    getOptionLabel: (_option: T) => string;
+    getKeyValue: (_option: T) => string;
+    onChange: (_value: T[]) => void;
+    getOptionDisabled?: (_option: T) => boolean;
     color?: 'success';
     width?: number | string;
     error?: string;
+    searchIcon?: boolean;
+}
+declare const AutocompleteMultipleSelect: <T>({ value, label, placeholder, options, disabled, getOptionLabel, getKeyValue, onChange, getOptionDisabled, width, color, helperText, error, searchIcon, ...props }: AutocompleteMultipleSelectProps<T>) => React.JSX.Element;
+
+interface acceptText {
+    fileFormat?: string;
+    maxSize?: string;
+    subText?: string;
 }
-declare const AutocompleteMultipleSelect: <T>({ value, label, placeholder, options, disabled, getOptionLabel, getKeyValue, onChange, getOptionDisabled, width, color, helperText, error, ...props }: AutocompleteMultipleSelectProps<T>) => React.JSX.Element;
 
-interface Props$9 {
-    setFile: (file: File | null) => void;
-    enableGoogleDrive: boolean;
+interface Props$a {
+    setFile: (_file: File | null) => void;
+    title?: string;
+    titleTooltip?: string;
+    enableGoogleDrive?: boolean;
     googleAuthClientId?: string;
     googleApiKey?: string;
     error?: boolean;
@@ -292,16 +256,15 @@ interface Props$9 {
     fileUrl?: string | null;
     fileName?: string | null;
     accept?: string[];
-    acceptText?: string;
+    acceptText?: acceptText;
     disabledInput?: boolean;
-    title?: string;
     children?: JSX.Element | null;
     titleAddButton?: string;
-    subText?: string;
-    maxSize?: string;
+    _isDroppingFile?: boolean;
+    validateFile?: (_size: number, _type: string) => boolean;
     removeExistingFile?: () => void;
     onTouched?: () => void;
-    onFileDataChange?: (fileData: {
+    onFileDataChange?: (_fileData: {
         name: string;
         size: number;
         type?: string;
@@ -309,37 +272,74 @@ interface Props$9 {
         driveAccessToken?: string;
     } | null) => void;
 }
-declare const FileUploaderSingle: ({ enableGoogleDrive, googleAuthClientId, googleApiKey, error, helperText, accept, acceptText, title, subText, maxSize, disabledInput, children, fileUrl, fileName, titleAddButton, setFile, removeExistingFile, onTouched, onFileDataChange, }: Props$9) => React.JSX.Element;
-
-interface Props$8 extends MenuItemProps {
-    testId: string;
-    onAction: (value?: string) => void;
-    icon?: IconDefinition$1;
-    text: string;
-    value?: string;
+/**
+ * A single file uploader component that supports file selection from local storage or Google Drive.
+ *
+ * @param {string[]} accept - Array of accepted file types, will display acceptText message
+ * but not verify size or type of your file.
+ *
+ * Example:
+ * ```js
+ *    accept={[
+      'application/pdf',
+      'image/png',
+      'image/jpeg',
+      'image/jpg',
+    ]}
+ * ```
+ * @param {Object} acceptText - Object containing text for accepted file format, max size, and additional subtext.
+ *
+ * Example:
+ * ```js
+ *    acceptText={{
+      maxSize: '10 Mo',
+      subText: 'Sélectionnez un fichier',
+    }}
+ * ```
+ *
+ * @param {Function} validateFile - Function to validate the file size and type.
+ *
+ * Example:
+ * ```js
+ * validateFile={(size, type) => {
+ *   if (size > 10 * 1024 * 1024) {
+ *     setCustomFileError('Le fichier doit être inférieur à 10 Mo');
+ *     return true;
+ *   }
+ *   if (!['application/pdf', 'image/png', 'image/jpeg', 'image/jpg'].includes(type)) {
+ *     setCustomFileError('Le fichier doit être au format PDF, PNG, JPEG ou JPG');
+ *     return true;
+ *   }
+ *   return false;
+ * }}
+ * ```
+ *
+ * @param {Function} onFileDataChange - Callback function to handle file data changes and give you all informations you need
+ * to handle google drive file.
+ */
+declare const FileUploaderSingle: ({ enableGoogleDrive, googleAuthClientId, googleApiKey, error, helperText, accept, acceptText, title, titleTooltip, disabledInput, children, fileUrl, fileName, titleAddButton, _isDroppingFile, validateFile, setFile, removeExistingFile, onTouched, onFileDataChange, }: Props$a) => React.JSX.Element;
+
+interface Props$9 extends Omit<MenuItemProps, 'onClick'> {
+    onClick: (_event?: React.MouseEvent<HTMLElement>) => void;
+    children: NonNullable<ReactNode>;
+    testId?: string;
     disabled?: boolean;
 }
-declare const MenuItemCustom: ({ onAction, icon, text, testId, value, disabled, }: Props$8) => React.JSX.Element;
+declare const MenuItem: ({ onClick, children, testId, disabled, ...props }: Props$9) => React.JSX.Element;
 
-interface Props$7 extends Omit<AlertProps, 'severity' | 'text'> {
+interface Props$8 extends Omit<AlertProps, 'severity' | 'text'> {
     text: string | React.ReactNode;
     severity: 'success' | 'warning' | 'error' | 'info';
 }
-declare const Snackbar: {
-    ({ text, severity }: Props$7): React.JSX.Element;
-    displayName: string;
-};
+declare const Snackbar: ({ text, severity }: Props$8) => React.JSX.Element;
 
 declare const NotistackAdapter: React.ForwardRefExoticComponent<CustomContentProps & React.RefAttributes<HTMLDivElement>>;
 
-interface Props$6 extends AlertProps {
+interface Props$7 extends AlertProps {
     text: string;
     onClose?: () => void;
 }
-declare const BannerNotification: {
-    ({ text, severity, onClose }: Props$6): React.JSX.Element;
-    displayName: string;
-};
+declare const BannerNotification: ({ text, severity, onClose }: Props$7) => React.JSX.Element;
 
 interface StepperItem {
     label: string;
@@ -353,13 +353,13 @@ interface Step {
     icon: IconDefinition;
 }
 
-interface Props$5 {
+interface Props$6 {
     steps: Step[];
     canNavigate: boolean;
-    onNavigate?: (url: string) => void;
+    onNavigate?: (_url: string) => void;
     sx?: SxProps<Theme$1>;
 }
-declare const Stepper: ({ steps, canNavigate, onNavigate, sx, }: Props$5) => React.JSX.Element;
+declare const Stepper: ({ steps, canNavigate, onNavigate, sx, }: Props$6) => React.JSX.Element;
 
 interface ModalProps extends Omit<ModalProps$1, 'component' | 'open' | 'className' | 'onClose'> {
     open: boolean;
@@ -377,27 +377,41 @@ declare const Drawer: ({ title, open, onClose, component, footer, cardProps, siz
 
 declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, "footer" | "cardProps" | "size">) => React.JSX.Element;
 
-interface Props$4 {
+interface Props$5 {
     label: string;
     checked: boolean;
     leftSideLabel?: string;
     onClick: () => void;
 }
-declare const Switch: {
-    ({ label, checked, leftSideLabel, onClick, ...props }: SwitchProps & Props$4): React.JSX.Element;
-    displayName: string;
-};
+declare const Switch: ({ label, checked, leftSideLabel, onClick, ...props }: SwitchProps & Props$5) => React.JSX.Element;
 
-interface Props$3<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
+interface Props$4<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
     value: T | null | undefined;
-    onChange: (value: T | null | undefined) => void;
+    onChange: (_value: T | null | undefined) => void;
     error?: string;
     success?: boolean;
     helperText?: string;
     width?: string;
     locale?: 'fr' | 'en';
 }
-declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$3<T>) => React.JSX.Element;
+declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$4<T>) => React.JSX.Element;
+
+interface Props$3 extends Omit<TextFieldProps, 'error' | 'onChange'> {
+    value: Dayjs | undefined;
+    onChange?: (_time: string | Dayjs | undefined) => void;
+    onTouched?: () => void;
+    label?: string;
+    helperText?: string;
+    minTime?: Dayjs;
+    maxTime?: Dayjs;
+    timeStep?: number;
+    error?: string;
+    disabled?: boolean;
+    width?: string | number;
+    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;
 
 type Order = 'asc' | 'desc';
 interface SortInfo {
@@ -410,7 +424,7 @@ interface PaginationTrans {
 }
 type ColumnDatatable<T> = {
     name: string;
-    render: (record: T) => JSX.Element;
+    render: (_record: T) => JSX.Element;
     title?: string;
     topTitle?: string;
     width?: string;
@@ -424,15 +438,16 @@ type BaseProps<T> = {
     withPagination: boolean;
     withHeader?: boolean;
     sortInfo?: SortInfo | null;
-    onSort?: (info: SortInfo | null) => void;
+    isTableLayoutFixed?: boolean;
+    onSort?: (_info: SortInfo | null) => void;
 };
 type WithoutPaginationProps = {
     withPagination: false;
 };
 type PaginationProps = {
     withPagination: true;
-    setPage: (page: number) => void;
-    setLimit: (limit: number) => void;
+    setPage: (_page: number) => void;
+    setLimit: (_limit: number) => void;
     trans: PaginationTrans;
     withTopPagination?: boolean;
     limits?: number[];
@@ -451,13 +466,13 @@ type WithoutDetailsProps<T> = {
 };
 type Props$2<T extends object> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
 
-declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, ...props }: Props$2<T>) => React.JSX.Element;
+declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, isTableLayoutFixed, ...props }: Props$2<T>) => React.JSX.Element;
 
 declare const DatatableCellRender: ({ data }: {
     data: string;
 }) => JSX.Element;
 
-interface Props$1 extends IconButtonProps {
+interface Props$1 extends Omit<IconButtonProps, 'color'> {
     icon: IconDefinition;
     variant?: 'default' | 'table';
     positionGroup?: 'left' | 'middle' | 'right';
@@ -465,12 +480,10 @@ interface Props$1 extends IconButtonProps {
     tooltipPosition?: Placement;
     size?: 'small' | 'medium';
     sx?: SxProps<Theme$1>;
-    onClick?: (e: any) => void;
+    color?: string;
+    onClick?: MouseEventHandler | undefined;
 }
-declare const IconButton: {
-    ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, ...iconButtonProps }: Props$1): React.JSX.Element;
-    displayName: string;
-};
+declare const IconButton: ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, color, onClick, ...iconButtonProps }: Props$1) => React.JSX.Element;
 
 type Theme = 'Default' | 'Ep';
 interface DesignSystemContextValues {
@@ -484,4 +497,4 @@ interface Props {
 }
 declare const DesignSystemProvider: ({ children, name: themeName, }: PropsWithChildren<Props>) => React.JSX.Element;
 
-export { Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, Chip, Datatable, DatatableCellRender, DatePicker, DesignSystemContext, type DesignSystemContextValues, DesignSystemProvider, Dialog, Drawer, EmbeddedNotification, FileUploaderSingle, IconButton, IconProvider, Link, MenuItemCustom as MenuItem, MultiSelect, NotistackAdapter, Pagination, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, Tooltip };
+export { Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, type CheckboxItemType, Chip, Datatable, DatatableCellRender, DatePicker, DesignSystemContext, type DesignSystemContextValues, DesignSystemProvider, Dialog, Drawer, EmbeddedNotification, FileUploaderSingle, IconButton, IconProvider, Link, MenuItem, MultiSelect, NotistackAdapter, Pagination, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, TimePicker, Tooltip };