@groupeactual/ui-kit 1.0.27-beta.4 → 1.0.27-beta.5

package/dist/cjs/types/components/Datatable/Datatable.d.ts

@@ -0,0 +1,16 @@
+import { Column, Row } from './datatable.interface';
+interface Props<T extends Row> {
+    values: T[];
+    columns: Column<T>[];
+    withHeader?: boolean;
+    withPagination?: boolean;
+    defaultRowPerPage?: number;
+    totalPerPageTrad?: string;
+    totalTrad?: string;
+    limitsPerPageArray?: number[];
+}
+declare const Datatable: {
+    <T extends Row>({ values, columns, withHeader, withPagination, defaultRowPerPage, totalPerPageTrad, totalTrad, limitsPerPageArray }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Datatable;

package/dist/cjs/types/components/Datatable/datatable.helper.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Compares two objects based on a specified property in descending order.
+ *
+ * @param a - The first object in the comparison.
+ * @param b - The second object in the comparison.
+ * @param orderBy - The property of the objects to base the comparison on.
+ * @returns A number indicating the order of the objects.
+ */
+export declare const descendingComparator: <T>(a: T, b: T, orderBy?: string) => 0 | 1 | -1;

package/dist/cjs/types/components/Datatable/datatable.interface.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type Order = 'asc' | 'desc';
+export interface Column<T> {
+    name: string;
+    render: (record: T) => JSX.Element;
+    title?: string;
+    width?: string;
+    sortable?: boolean;
+}
+export interface Row {
+    details?: ReactNode;
+}

package/dist/cjs/types/components/Datatable/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Datatable';

package/dist/cjs/types/components/Pagination/Pagination.d.ts

@@ -1,15 +1,15 @@
 interface Props {
     totalString: string;
     totalPerPageString: string;
-    totalPages: number;
     limitsPerPage: number[];
+    totalRows: number;
     setLimit?: (limit: number) => void;
     setPage?: (page: number) => void;
     page?: number;
     limit?: number;
 }
 declare const Pagination: {
-    ({ totalString, totalPerPageString, totalPages, limitsPerPage, setLimit, setPage, page, limit }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ totalString, totalPerPageString, limitsPerPage, setLimit, setPage, page, totalRows, limit }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Pagination;

package/dist/cjs/types/components/Pagination/pagination.helper.d.ts

@@ -0,0 +1 @@
+export declare const getTotalPages: (totalRows: number, limitPerPage: number) => number;

package/dist/cjs/types/components/index.d.ts

@@ -23,3 +23,4 @@ export { default as BannerNotification } from './BannerNotification/BannerNotifi
 export { default as Stepper } from './Stepper/Stepper';
 export { default as Switch } from './Form/Switch/Switch';
 export { default as DatePicker } from './Form/DatePicker';
+export { default as Datatable } from './Datatable/Datatable';

package/dist/es/index.d.ts

@@ -5,34 +5,34 @@ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { CustomContentProps } from 'notistack';
 import { DatePickerProps } from '@mui/x-date-pickers-pro';
 
-interface Props$m extends Omit<TypographyProps, 'variant'> {
+interface Props$n 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$m): react_jsx_runtime.JSX.Element;
+    (props: Props$n): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$l extends Omit<LinkProps, 'variant'> {
+interface Props$m extends Omit<LinkProps, 'variant'> {
     variant?: 'link1' | 'link2';
     component?: any;
 }
 declare const Link: {
-    (props: Props$l): react_jsx_runtime.JSX.Element;
+    (props: Props$m): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$k extends Omit<ButtonProps, 'variant' | 'children'> {
+interface Props$l extends Omit<ButtonProps, 'variant' | 'children'> {
     variant?: 'primary' | 'secondary';
     children?: ReactNode;
 }
 declare const Button: {
-    ({ variant, children, ...props }: Props$k): react_jsx_runtime.JSX.Element;
+    ({ variant, children, ...props }: Props$l): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$j extends Omit<TextFieldProps, 'error'> {
+interface Props$k extends Omit<TextFieldProps, 'error'> {
     error?: string;
     onBlur?: FocusEventHandler<unknown>;
     onChange?: InputProps['onChange'];
@@ -46,11 +46,11 @@ interface Props$j extends Omit<TextFieldProps, 'error'> {
     width?: number | string;
 }
 declare const TextField: {
-    ({ name, value, error, onBlur, onChange, label, disabled, width, endAdornment, placeholder, maxLength, ...props }: Props$j): react_jsx_runtime.JSX.Element;
+    ({ name, value, error, onBlur, onChange, label, disabled, width, endAdornment, placeholder, maxLength, ...props }: Props$k): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$i<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
+interface Props$j<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
     options: T[];
     getRenderValue: (option: T) => string;
     onChange: (value: T) => void;
@@ -62,11 +62,11 @@ interface Props$i<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color'
     error?: string;
 }
 declare const Select: {
-    <T>({ value, label, options, color, error, placeholder, onChange, getRenderValue, helperText, onBlur, width, disabled, ...props }: Props$i<T>): react_jsx_runtime.JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, onChange, getRenderValue, helperText, onBlur, width, disabled, ...props }: Props$j<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$h<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
+interface Props$i<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
     label: string;
     options: T[] | [];
     helperText?: string;
@@ -79,11 +79,11 @@ interface Props$h<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'valu
     error?: string;
 }
 declare const MultiSelect: {
-    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, onBlur, disabled, ...props }: Props$h<T>): react_jsx_runtime.JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, onBlur, disabled, ...props }: Props$i<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$g {
+interface Props$h {
     name: string;
     value: boolean;
     label: string;
@@ -94,7 +94,7 @@ interface Props$g {
     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$g): react_jsx_runtime.JSX.Element;
+    ({ name, value, error, helperText, label, infoBubbleContent, infoBubblePosition, onChange, disabled, ...props }: CheckboxProps & Props$h): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -123,7 +123,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$f<T> extends Omit<RadioGroupProps, 'onChange'> {
+interface Props$g<T> extends Omit<RadioGroupProps, 'onChange'> {
     label: string;
     options: ItemType<T>[];
     onChange: (value: T) => void;
@@ -132,18 +132,18 @@ interface Props$f<T> extends Omit<RadioGroupProps, 'onChange'> {
     disabled?: boolean;
 }
 declare const RadioGroup: {
-    <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$f<T>): react_jsx_runtime.JSX.Element;
+    <T>({ options, value, label, onChange, helperText, disabled, error, ...props }: Props$g<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$e extends AccordionProps {
+interface Props$f extends AccordionProps {
     title?: string;
     summaryHeight?: number;
     expanded?: boolean;
     onClick?: MouseEventHandler;
 }
 declare const Accordion: {
-    ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$e): react_jsx_runtime.JSX.Element;
+    ({ title, summaryHeight, expanded, onClick, children, ...props }: Props$f): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -151,12 +151,12 @@ interface LinkItem {
     link: string;
     title: string;
 }
-interface Props$d extends BreadcrumbsProps {
+interface Props$e extends BreadcrumbsProps {
     PageName: string;
     links: LinkItem[];
 }
 declare const Breadcrumbs: {
-    ({ PageName, links, ...props }: Props$d): react_jsx_runtime.JSX.Element;
+    ({ PageName, links, ...props }: Props$e): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -169,33 +169,33 @@ declare const FontSizes: {
     xxl: number;
     xxxl: number;
 };
-interface Props$c {
+interface Props$d {
     variant?: 'square' | 'none';
     icon: IconDefinition;
     color?: string;
     size?: number | keyof typeof FontSizes;
 }
 declare const IconProvider: {
-    ({ variant, icon, color, size, sx, ...props }: Props$c & BoxProps): JSX.Element;
+    ({ variant, icon, color, size, sx, ...props }: Props$d & BoxProps): JSX.Element;
     displayName: string;
 };
 
-interface Props$b {
+interface Props$c {
     totalString: string;
     totalPerPageString: string;
-    totalPages: number;
     limitsPerPage: number[];
+    totalRows: number;
     setLimit?: (limit: number) => void;
     setPage?: (page: number) => void;
     page?: number;
     limit?: number;
 }
 declare const Pagination: {
-    ({ totalString, totalPerPageString, totalPages, limitsPerPage, setLimit, setPage, page, limit }: Props$b): react_jsx_runtime.JSX.Element;
+    ({ totalString, totalPerPageString, limitsPerPage, setLimit, setPage, page, totalRows, limit }: Props$c): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$a extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
+interface Props$b extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
     variant: 'filled' | 'outlined' | 'status' | 'statusFilled';
     label: string;
     prefixIcon?: IconDefinition;
@@ -207,40 +207,40 @@ interface Props$a extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'on
     maxLength?: number;
 }
 declare const Chip: {
-    ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$a): react_jsx_runtime.JSX.Element;
+    ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props$b): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$9 extends BoxProps {
+interface Props$a extends BoxProps {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;
     text?: ReactNode;
 }
 declare const EmbeddedNotification: {
-    ({ title, text, variant, ...props }: Props$9): react_jsx_runtime.JSX.Element;
+    ({ title, text, variant, ...props }: Props$a): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$8 extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
+interface Props$9 extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
     title: string;
     children: ReactNode;
     placement?: 'right' | 'bottom' | 'left' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 }
 declare const Tooltip: {
-    ({ title, children, placement, ...props }: Props$8): react_jsx_runtime.JSX.Element;
+    ({ title, children, placement, ...props }: Props$9): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$7 {
+interface Props$8 {
     title: string;
     placement: 'right' | 'bottom' | 'left' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 }
 declare const InfoBubble: {
-    ({ title, placement, ...props }: Props$7): react_jsx_runtime.JSX.Element;
+    ({ title, placement, ...props }: Props$8): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$6<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error'> {
+interface Props$7<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error'> {
     label: string;
     options: T[];
     helperText?: string;
@@ -252,7 +252,7 @@ interface Props$6<T> extends Omit<AutocompleteProps<T, false, false, false>, 'on
     error?: string;
 }
 declare const AutoCompleteSingle: {
-    <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, ...props }: Props$6<T>): react_jsx_runtime.JSX.Element;
+    <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, ...props }: Props$7<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -270,23 +270,23 @@ interface AutocompleteMultipleSelectProps<T> extends Omit<AutocompleteProps<T, t
 }
 declare const AutocompleteMultipleSelect: <T>({ value, label, placeholder, options, disabled, getOptionLabel, getKeyValue, onChange, width, color, helperText, error, ...props }: AutocompleteMultipleSelectProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface Props$5 extends Omit<AlertProps, 'severity' | 'text'> {
+interface Props$6 extends Omit<AlertProps, 'severity' | 'text'> {
     text: string | React.ReactNode;
     severity: 'success' | 'warning' | 'error' | 'info';
 }
 declare const Snackbar: {
-    ({ text, severity }: Props$5): react_jsx_runtime.JSX.Element;
+    ({ text, severity }: Props$6): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 declare const NotistackAdapter: React.ForwardRefExoticComponent<CustomContentProps & React.RefAttributes<HTMLDivElement>>;
 
-interface Props$4 extends AlertProps {
+interface Props$5 extends AlertProps {
     text: string;
     onClose?: () => void;
 }
 declare const BannerNotification: {
-    ({ text, severity, onClose }: Props$4): react_jsx_runtime.JSX.Element;
+    ({ text, severity, onClose }: Props$5): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -302,26 +302,26 @@ interface Step {
     icon: IconDefinition;
 }
 
-interface Props$3 {
+interface Props$4 {
     steps: Step[];
     canNavigate: boolean;
     onNavigate?: (url: string) => void;
     sx?: SxProps<Theme$1>;
 }
-declare const Stepper: ({ steps, canNavigate, onNavigate, sx }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const Stepper: ({ steps, canNavigate, onNavigate, sx }: Props$4) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 {
+interface Props$3 {
     checked: boolean;
     label: string;
     leftSideLabel: string;
     onClick: () => void;
 }
 declare const Switch: {
-    ({ label, leftSideLabel, checked, onClick, ...props }: SwitchProps & Props$2): react_jsx_runtime.JSX.Element;
+    ({ label, leftSideLabel, checked, onClick, ...props }: SwitchProps & Props$3): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface Props$1<T> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
+interface Props$2<T> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
     value: T;
     onChange: (value: T | null) => void;
     error?: string;
@@ -329,7 +329,33 @@ interface Props$1<T> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
     helperText?: string;
     width?: string;
 }
-declare const DatePicker: <T extends {}>({ value, onChange, error, success, helperText, width, ...props }: Props$1<T>) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: <T extends {}>({ value, onChange, error, success, helperText, width, ...props }: Props$2<T>) => react_jsx_runtime.JSX.Element;
+
+interface Column<T> {
+    name: string;
+    render: (record: T) => JSX.Element;
+    title?: string;
+    width?: string;
+    sortable?: boolean;
+}
+interface Row {
+    details?: ReactNode;
+}
+
+interface Props$1<T extends Row> {
+    values: T[];
+    columns: Column<T>[];
+    withHeader?: boolean;
+    withPagination?: boolean;
+    defaultRowPerPage?: number;
+    totalPerPageTrad?: string;
+    totalTrad?: string;
+    limitsPerPageArray?: number[];
+}
+declare const Datatable: {
+    <T extends Row>({ values, columns, withHeader, withPagination, defaultRowPerPage, totalPerPageTrad, totalTrad, limitsPerPageArray }: Props$1<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type Theme = 'Default' | 'Ep';
 interface DesignSystemContextValues {
@@ -343,4 +369,4 @@ interface Props {
 }
 declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, Chip, DatePicker, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, EmbeddedNotification, IconProvider, InfoBubble, Link, MultiSelect, NotistackAdapter, Pagination, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, Tooltip };
+export { Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, Chip, Datatable, DatePicker, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, EmbeddedNotification, IconProvider, InfoBubble, Link, MultiSelect, NotistackAdapter, Pagination, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, Tooltip };