@groupeactual/ui-kit 1.7.10 → 2.0.0-beta.1

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 (143) hide show
  1. package/dist/cjs/index.js +15095 -66
  2. package/dist/es/{src/DesignSystemProvider.d.ts → DesignSystemProvider.d.ts} +6 -5
  3. package/dist/es/{src/components → components}/Accordion/Accordion.d.ts +1 -1
  4. package/dist/es/{src/components → components}/BannerNotification/BannerNotification.d.ts +1 -1
  5. package/dist/es/{src/components → components}/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  6. package/dist/es/{src/components → components}/Button/Button.d.ts +2 -2
  7. package/dist/es/{src/components → components}/Chip/Chip.d.ts +1 -1
  8. package/dist/es/components/Datatable/Datatable.d.ts +4 -0
  9. package/dist/es/{src/components → components}/EmbbededNotification/EmbeddedNotification.d.ts +1 -1
  10. package/dist/es/{src/components/UploadDocument → components/FileUploader}/FileUploader.d.ts +1 -1
  11. package/dist/es/components/Form/AutoCompleteMulti/AutoCompleteMulti.d.ts +23 -0
  12. package/dist/es/{src/components → components}/Form/AutoCompleteSingle/AutoCompleteSingle.d.ts +8 -5
  13. package/dist/es/components/Form/Checkbox/Checkbox.d.ts +12 -0
  14. package/dist/es/components/Form/CheckboxGroup/CheckboxGroup.d.ts +12 -0
  15. package/dist/es/components/Form/CheckboxGroup/checkboxgroup.interface.d.ts +6 -0
  16. package/dist/es/{src/components → components}/Form/DatePicker/DatePicker.d.ts +6 -4
  17. package/dist/es/{src/components → components}/Form/MultiSelect/MultiSelect.d.ts +3 -3
  18. package/dist/es/components/Form/RadioGroup/RadioGroup.d.ts +16 -0
  19. package/dist/es/{src/components → components}/Form/Select/Select.d.ts +3 -3
  20. package/dist/es/components/Form/Switch/Switch.d.ts +11 -0
  21. package/dist/es/{src/components → components}/Form/TextField/TextField.d.ts +6 -5
  22. package/dist/es/{src/components → components}/Form/TimePicker/TimePicker.d.ts +3 -3
  23. package/dist/es/{src/components → components}/IconButton/IconButton.d.ts +3 -3
  24. package/dist/es/components/IconProvider/IconProvider.d.ts +24 -0
  25. package/dist/es/{src/components → components}/Link/Link.d.ts +1 -2
  26. package/dist/es/components/MenuItem/MenuItem.d.ts +9 -0
  27. package/dist/es/components/Modal/Dialog/Dialog.d.ts +4 -0
  28. package/dist/es/components/Modal/Drawer/Drawer.d.ts +4 -0
  29. package/dist/es/{src/components → components}/Navigation/Stepper/Stepper.d.ts +1 -1
  30. package/dist/es/{src/components → components}/Pagination/Pagination.d.ts +2 -1
  31. package/dist/es/{src/components → components}/Snackbar/Snackbar.d.ts +1 -1
  32. package/dist/es/components/TabsPanel/TabsPanel.d.ts +4 -0
  33. package/dist/es/components/TabsPanel/index.d.ts +1 -0
  34. package/dist/es/components/TabsPanel/tab.interface.d.ts +17 -0
  35. package/dist/es/components/Text/Text.d.ts +8 -0
  36. package/dist/es/{src/components → components}/Tooltip/Tooltip.d.ts +1 -1
  37. package/dist/es/{src/components → components}/index.d.ts +3 -2
  38. package/dist/es/index.d.ts +104 -152
  39. package/dist/es/index.js +37 -79
  40. package/package.json +20 -17
  41. package/src/DesignSystemProvider.tsx +21 -36
  42. package/src/components/Accordion/Accordion.tsx +41 -59
  43. package/src/components/BannerNotification/BannerNotification.tsx +19 -20
  44. package/src/components/Breadcrumbs/Breadcrumbs.tsx +32 -28
  45. package/src/components/Button/Button.tsx +70 -17
  46. package/src/components/Chip/Chip.tsx +88 -117
  47. package/src/components/Datatable/Datatable.tsx +49 -37
  48. package/src/components/Datatable/DatatableCellRender.tsx +1 -1
  49. package/src/components/EmbbededNotification/EmbeddedNotification.tsx +78 -69
  50. package/src/components/FileUploader/FileUploader.tsx +767 -0
  51. package/src/components/Form/AutoCompleteMulti/AutoCompleteMulti.tsx +289 -172
  52. package/src/components/Form/AutoCompleteSingle/AutoCompleteSingle.tsx +228 -126
  53. package/src/components/Form/Checkbox/Checkbox.tsx +38 -96
  54. package/src/components/Form/CheckboxGroup/CheckboxGroup.tsx +86 -60
  55. package/src/components/Form/CheckboxGroup/checkboxgroup.interface.ts +0 -15
  56. package/src/components/Form/DatePicker/DatePicker.tsx +88 -40
  57. package/src/components/Form/MultiSelect/MultiSelect.tsx +196 -171
  58. package/src/components/Form/RadioGroup/RadioGroup.tsx +76 -82
  59. package/src/components/Form/Select/Select.tsx +156 -136
  60. package/src/components/Form/Switch/Switch.tsx +87 -47
  61. package/src/components/Form/TextField/TextField.tsx +125 -76
  62. package/src/components/Form/TimePicker/TimePicker.tsx +26 -7
  63. package/src/components/IconButton/IconButton.tsx +64 -39
  64. package/src/components/IconProvider/IconProvider.tsx +88 -69
  65. package/src/components/Link/Link.tsx +6 -10
  66. package/src/components/MenuItem/MenuItem.tsx +35 -23
  67. package/src/components/Modal/Dialog/Dialog.tsx +17 -14
  68. package/src/components/Modal/Drawer/Drawer.tsx +95 -74
  69. package/src/components/Navigation/Stepper/Step.tsx +7 -6
  70. package/src/components/Navigation/Stepper/Stepper.tsx +24 -23
  71. package/src/components/NotistackAdapter/NotistackAdapter.tsx +1 -1
  72. package/src/components/Pagination/Pagination.tsx +131 -118
  73. package/src/components/Snackbar/Snackbar.tsx +29 -29
  74. package/src/components/TabsPanel/TabsPanel.tsx +151 -0
  75. package/src/components/TabsPanel/index.ts +1 -0
  76. package/src/components/TabsPanel/tab.interface.ts +20 -0
  77. package/src/components/Text/Text.tsx +25 -12
  78. package/src/components/Tooltip/Tooltip.tsx +54 -51
  79. package/src/components/index.ts +3 -2
  80. package/src/index.ts +0 -1
  81. package/dist/es/src/components/Datatable/Datatable.d.ts +0 -4
  82. package/dist/es/src/components/Form/AutoCompleteMulti/AutoCompleteMulti.d.ts +0 -19
  83. package/dist/es/src/components/Form/Checkbox/Checkbox.d.ts +0 -14
  84. package/dist/es/src/components/Form/CheckboxGroup/CheckboxGroup.d.ts +0 -12
  85. package/dist/es/src/components/Form/CheckboxGroup/checkboxgroup.interface.d.ts +0 -8
  86. package/dist/es/src/components/Form/RadioGroup/RadioGroup.d.ts +0 -18
  87. package/dist/es/src/components/Form/Switch/Switch.d.ts +0 -10
  88. package/dist/es/src/components/IconProvider/IconProvider.d.ts +0 -19
  89. package/dist/es/src/components/MenuItem/MenuItem.d.ts +0 -10
  90. package/dist/es/src/components/Modal/Dialog/Dialog.d.ts +0 -4
  91. package/dist/es/src/components/Modal/Drawer/Drawer.d.ts +0 -4
  92. package/dist/es/src/components/Text/Text.d.ts +0 -8
  93. package/dist/es/src/index.d.ts +0 -5
  94. package/dist/es/src/interfaces/theme.d.ts +0 -51
  95. package/src/components/UploadDocument/FileUploader.tsx +0 -728
  96. package/src/interfaces/theme.ts +0 -51
  97. /package/dist/es/{src/components → components}/Accordion/index.d.ts +0 -0
  98. /package/dist/es/{src/components → components}/BannerNotification/index.d.ts +0 -0
  99. /package/dist/es/{src/components → components}/Breadcrumbs/index.d.ts +0 -0
  100. /package/dist/es/{src/components → components}/Button/index.d.ts +0 -0
  101. /package/dist/es/{src/components → components}/Chip/index.d.ts +0 -0
  102. /package/dist/es/{src/components → components}/Datatable/DatatableCellRender.d.ts +0 -0
  103. /package/dist/es/{src/components → components}/Datatable/datatable.interface.d.ts +0 -0
  104. /package/dist/es/{src/components → components}/Datatable/index.d.ts +0 -0
  105. /package/dist/es/{src/components → components}/Datatable/use-pagination-props.hook.d.ts +0 -0
  106. /package/dist/es/{src/components → components}/EmbbededNotification/index.d.ts +0 -0
  107. /package/dist/es/{src/components/UploadDocument → components/FileUploader}/fileuploader.interface.d.ts +0 -0
  108. /package/dist/es/{src/components/UploadDocument → components/FileUploader}/index.d.ts +0 -0
  109. /package/dist/es/{src/components → components}/Form/AutoCompleteMulti/index.d.ts +0 -0
  110. /package/dist/es/{src/components → components}/Form/AutoCompleteSingle/index.d.ts +0 -0
  111. /package/dist/es/{src/components → components}/Form/Checkbox/index.d.ts +0 -0
  112. /package/dist/es/{src/components → components}/Form/CheckboxGroup/index.d.ts +0 -0
  113. /package/dist/es/{src/components → components}/Form/DatePicker/index.d.ts +0 -0
  114. /package/dist/es/{src/components → components}/Form/MultiSelect/index.d.ts +0 -0
  115. /package/dist/es/{src/components → components}/Form/RadioGroup/index.d.ts +0 -0
  116. /package/dist/es/{src/components → components}/Form/Select/index.d.ts +0 -0
  117. /package/dist/es/{src/components → components}/Form/Switch/index.d.ts +0 -0
  118. /package/dist/es/{src/components → components}/Form/TextField/index.d.ts +0 -0
  119. /package/dist/es/{src/components → components}/Form/TimePicker/index.d.ts +0 -0
  120. /package/dist/es/{src/components → components}/IconButton/index.d.ts +0 -0
  121. /package/dist/es/{src/components → components}/IconProvider/index.d.ts +0 -0
  122. /package/dist/es/{src/components → components}/Link/index.d.ts +0 -0
  123. /package/dist/es/{src/components → components}/MenuItem/index.d.ts +0 -0
  124. /package/dist/es/{src/components → components}/Modal/Dialog/index.d.ts +0 -0
  125. /package/dist/es/{src/components → components}/Modal/Drawer/index.d.ts +0 -0
  126. /package/dist/es/{src/components → components}/Modal/modal.interface.d.ts +0 -0
  127. /package/dist/es/{src/components → components}/Navigation/Stepper/Step.d.ts +0 -0
  128. /package/dist/es/{src/components → components}/Navigation/Stepper/index.d.ts +0 -0
  129. /package/dist/es/{src/components → components}/Navigation/Stepper/stepper.helper.d.ts +0 -0
  130. /package/dist/es/{src/components → components}/Navigation/Stepper/stepper.interface.d.ts +0 -0
  131. /package/dist/es/{src/components → components}/NotistackAdapter/NotistackAdapter.d.ts +0 -0
  132. /package/dist/es/{src/components → components}/NotistackAdapter/index.d.ts +0 -0
  133. /package/dist/es/{src/components → components}/Pagination/index.d.ts +0 -0
  134. /package/dist/es/{src/components → components}/Pagination/pagination.helper.d.ts +0 -0
  135. /package/dist/es/{src/components → components}/Snackbar/index.d.ts +0 -0
  136. /package/dist/es/{src/components → components}/Text/index.d.ts +0 -0
  137. /package/dist/es/{src/components → components}/Tooltip/index.d.ts +0 -0
  138. /package/dist/es/{src/components → components}/Tooltip/tooltip.interface.d.ts +0 -0
  139. /package/dist/es/{src/helpers → helpers}/GooglePickerWrapper.d.ts +0 -0
  140. /package/dist/es/{src/hooks → hooks}/useGooleDrivePicker.d.ts +0 -0
  141. /package/dist/es/{src/types → types}/googleDrive.d.ts +0 -0
  142. /package/src/components/{UploadDocument → FileUploader}/fileuploader.interface.ts +0 -0
  143. /package/src/components/{UploadDocument → FileUploader}/index.ts +0 -0
@@ -1,13 +1,14 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- type Theme = 'Default' | 'Ep';
2
+ import { Theme } from '@groupeactual/design-tokens';
3
+ import { PaletteMode } from '@mui/material';
3
4
  export interface DesignSystemContextValues {
4
- isDarkTheme: boolean;
5
5
  themeName: Theme;
6
- toggleDarkTheme: () => void;
6
+ mode: PaletteMode;
7
7
  }
8
8
  export declare const DesignSystemContext: React.Context<DesignSystemContextValues>;
9
9
  interface Props {
10
- name?: Theme;
10
+ themeName?: Theme;
11
+ mode?: PaletteMode;
11
12
  }
12
- declare const DesignSystemProvider: ({ children, name: themeName, }: PropsWithChildren<Props>) => React.JSX.Element;
13
+ declare const DesignSystemProvider: ({ children, themeName, mode, }: PropsWithChildren<Props>) => React.JSX.Element;
13
14
  export default DesignSystemProvider;
@@ -8,5 +8,5 @@ interface Props extends AccordionProps {
8
8
  disabled?: boolean;
9
9
  onClick?: MouseEventHandler;
10
10
  }
11
- declare const Accordion: ({ title, summaryHeight, expanded, onClick, children, ...props }: Props) => React.JSX.Element;
11
+ declare const Accordion: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  export default Accordion;
@@ -4,5 +4,5 @@ interface Props extends AlertProps {
4
4
  text: string;
5
5
  onClose?: () => void;
6
6
  }
7
- declare const BannerNotification: ({ text, severity, onClose }: Props) => React.JSX.Element;
7
+ declare const BannerNotification: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
8
  export default BannerNotification;
@@ -5,8 +5,8 @@ interface LinkItem {
5
5
  title: string;
6
6
  }
7
7
  interface Props extends BreadcrumbsProps {
8
- PageName: string;
8
+ currentPage: string;
9
9
  links?: LinkItem[];
10
10
  }
11
- declare const Breadcrumbs: ({ PageName, links, ...props }: Props) => React.JSX.Element;
11
+ declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  export default Breadcrumbs;
@@ -1,8 +1,8 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ButtonProps } from '@mui/material';
3
3
  interface Props extends Omit<ButtonProps, 'variant' | 'children'> {
4
- variant?: 'primary' | 'secondary';
4
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'destructive';
5
5
  children?: ReactNode;
6
6
  }
7
- declare const Button: ({ variant, children, ...props }: Props) => React.JSX.Element;
7
+ declare const Button: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
8
8
  export default Button;
@@ -12,5 +12,5 @@ interface Props extends Omit<ChipPropsMUI, 'suffix' | 'prefix' | 'onDelete' | 'o
12
12
  maxWidth?: string | number;
13
13
  maxLength?: number;
14
14
  }
15
- declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props) => React.JSX.Element;
15
+ declare const Chip: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export default Chip;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { Props } from './datatable.interface';
3
+ declare const Datatable: <T extends object>(_props: Props<T> & React.RefAttributes<HTMLTableElement>) => React.ReactNode;
4
+ export default Datatable;
@@ -6,5 +6,5 @@ interface Props extends BoxProps {
6
6
  text?: ReactNode;
7
7
  actionButton?: ReactNode;
8
8
  }
9
- declare const EmbeddedNotification: ({ title, text, variant, actionButton, ...props }: Props) => React.JSX.Element;
9
+ declare const EmbeddedNotification: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
10
  export default EmbeddedNotification;
@@ -23,5 +23,5 @@ interface Props {
23
23
  onTouched?: () => void;
24
24
  onFilesDataChange?: (_fileData: FileDataType[] | undefined) => void;
25
25
  }
26
- 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) => React.JSX.Element;
26
+ declare const FileUploader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
27
27
  export default FileUploader;
@@ -0,0 +1,23 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { type AutocompleteProps } from '@mui/material';
3
+ interface Props<T> extends Omit<AutocompleteProps<T, true, true, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'autocomplete' | 'searchIcon'> {
4
+ value: T[] | undefined;
5
+ label?: ReactNode;
6
+ helperText?: string;
7
+ placeholder?: string;
8
+ options: T[];
9
+ color?: 'success';
10
+ width?: number | string;
11
+ error?: string;
12
+ searchIcon?: boolean;
13
+ icon?: ReactNode;
14
+ isOptionEqualToValue?: (_option: T, _value: T) => boolean;
15
+ getOptionLabel: (_option: T) => string;
16
+ getKeyValue: (_option: T) => string;
17
+ onChange: (_value: T[]) => void;
18
+ getOptionDisabled?: (_option: T) => boolean;
19
+ getOptionGroupLabel?: (_option: T) => string;
20
+ handleOptionChip?: (_option: T) => ReactNode | undefined;
21
+ }
22
+ declare const AutoCompleteMulti: <T>(_props: Props<T> & React.RefAttributes<HTMLSelectElement>) => React.ReactNode;
23
+ export default AutoCompleteMulti;
@@ -1,17 +1,20 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { type AutocompleteProps } from '@mui/material';
3
3
  interface Props<T> extends Omit<AutocompleteProps<T, false, false, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error' | 'getOptionLabel'> {
4
- label: string;
4
+ label?: ReactNode;
5
5
  options: T[];
6
6
  helperText?: string;
7
7
  color?: 'success';
8
8
  placeholder?: string;
9
- getOptionLabel: (_option: T) => string | null | undefined;
10
- onChange: (_value: T | null) => void;
11
9
  value?: T | null;
12
10
  width?: number | string;
13
11
  error?: string;
14
12
  searchIcon?: boolean;
13
+ icon?: ReactNode;
14
+ getOptionGroupLabel?: (_option: T) => string;
15
+ handleOptionChip?: (_option: T) => ReactNode | undefined;
16
+ getOptionLabel: (_option: T) => string | null | undefined;
17
+ onChange: (_value: T | null) => void;
15
18
  }
16
- declare const AutoCompleteSingle: <T>({ value, label, placeholder, options, disabled, getOptionLabel, onChange, width, color, helperText, error, searchIcon, ...props }: Props<T>) => React.JSX.Element;
19
+ declare const AutoCompleteSingle: <T>(_props: Props<T> & React.RefAttributes<HTMLSelectElement>) => React.ReactNode;
17
20
  export default AutoCompleteSingle;
@@ -0,0 +1,12 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { CheckboxProps } from '@mui/material';
3
+ interface Props {
4
+ name: string;
5
+ value: boolean;
6
+ label: ReactNode;
7
+ onChange?: (_field: string, _value: boolean, _shouldValidate?: boolean | undefined) => void;
8
+ helperText?: string;
9
+ error?: string;
10
+ }
11
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ export default Checkbox;
@@ -0,0 +1,12 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { CheckboxItemType } from './checkboxgroup.interface';
3
+ interface CheckboxGroupProps {
4
+ label?: ReactNode;
5
+ options: CheckboxItemType[];
6
+ disabled?: boolean;
7
+ error?: string;
8
+ helperText?: string;
9
+ onChange?: (_selectedOptionsNameValue: Record<string, boolean>, _updatedOptions: CheckboxItemType[], _updatedIndexOptions: number) => void;
10
+ }
11
+ declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
12
+ export default CheckboxGroup;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ export interface CheckboxItemType {
3
+ label: ReactNode;
4
+ value: boolean;
5
+ name: string;
6
+ }
@@ -1,15 +1,17 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { DatePickerProps } from '@mui/x-date-pickers-pro';
3
3
  import { Dayjs } from 'dayjs';
4
4
  import 'dayjs/locale/fr';
5
5
  interface Props<T extends Dayjs> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
6
+ label?: ReactNode;
6
7
  value: T | null | undefined;
7
- onChange: (_value: T | null | undefined) => void;
8
+ disabled?: boolean;
8
9
  error?: string;
9
- success?: boolean;
10
+ color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
10
11
  helperText?: string;
11
12
  width?: string;
12
13
  locale?: 'fr' | 'en';
14
+ onChange: (_value: T | null | undefined) => void;
13
15
  }
14
- declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props<T>) => React.JSX.Element;
16
+ declare const DatePicker: <T extends Dayjs>(_props: Props<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
15
17
  export default DatePicker;
@@ -1,7 +1,7 @@
1
- import React, { FocusEventHandler } from 'react';
1
+ import React, { FocusEventHandler, ReactNode } from 'react';
2
2
  import { SelectProps } from '@mui/material';
3
3
  interface Props<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
4
- label: string;
4
+ label: ReactNode;
5
5
  options: T[] | [];
6
6
  helperText?: string;
7
7
  color?: 'success';
@@ -16,5 +16,5 @@ interface Props<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value'
16
16
  getRenderValue: (_option: T) => string;
17
17
  getKeyValue: (_option: T) => string;
18
18
  }
19
- declare const MultiSelect: <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props<T>) => React.JSX.Element;
19
+ declare const MultiSelect: <T>(_props: Props<T> & React.RefAttributes<HTMLSelectElement>) => React.ReactNode;
20
20
  export default MultiSelect;
@@ -0,0 +1,16 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { RadioGroupProps } from '@mui/material';
3
+ interface ItemType<T> {
4
+ label?: ReactNode;
5
+ value: T;
6
+ }
7
+ interface Props<T> extends Omit<RadioGroupProps, 'onChange'> {
8
+ label?: ReactNode;
9
+ options: ItemType<T>[];
10
+ onChange: (_value: T) => void;
11
+ error?: string;
12
+ helperText?: string;
13
+ disabled?: boolean;
14
+ }
15
+ declare const RadioGroup: <T>(_props: Props<T> & React.RefAttributes<HTMLTableElement>) => React.ReactNode;
16
+ export default RadioGroup;
@@ -1,11 +1,11 @@
1
- import React, { BaseSyntheticEvent } from 'react';
1
+ import React, { BaseSyntheticEvent, ReactNode } from 'react';
2
2
  import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
3
3
  import { SelectProps } from '@mui/material';
4
4
  interface Props<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
5
+ label?: ReactNode;
5
6
  options: T[];
6
7
  placeholder?: string;
7
8
  disabled?: boolean;
8
- label?: string;
9
9
  helperText?: string;
10
10
  color?: 'success';
11
11
  value: T | undefined;
@@ -18,5 +18,5 @@ interface Props<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' |
18
18
  onBlur?: (_event: BaseSyntheticEvent) => void;
19
19
  onClick?: (_event: BaseSyntheticEvent) => void;
20
20
  }
21
- declare const Select: <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, popupIcon, onChange, getRenderValue, ...props }: Props<T>) => React.JSX.Element;
21
+ declare const Select: <T>(_props: Props<T> & React.RefAttributes<HTMLSelectElement>) => React.ReactNode;
22
22
  export default Select;
@@ -0,0 +1,11 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { SwitchProps } from '@mui/material';
3
+ interface Props {
4
+ label?: ReactNode;
5
+ helperText?: string;
6
+ checked: boolean;
7
+ leftSideLabel?: string;
8
+ onClick: () => void;
9
+ }
10
+ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
11
+ export default Switch;
@@ -1,10 +1,10 @@
1
1
  import React, { FocusEventHandler, ReactNode } from 'react';
2
- import { TextFieldProps } from '@mui/material';
3
- interface Props extends Omit<TextFieldProps, 'error'> {
4
- error?: string;
5
- label?: string;
2
+ import { OutlinedInputProps } from '@mui/material';
3
+ interface Props extends Omit<OutlinedInputProps, 'error'> {
4
+ label?: ReactNode;
6
5
  value?: string | unknown;
7
6
  name?: string;
7
+ error?: string;
8
8
  placeholder?: string;
9
9
  disabled?: boolean;
10
10
  endAdornment?: ReactNode;
@@ -12,9 +12,10 @@ interface Props extends Omit<TextFieldProps, 'error'> {
12
12
  width?: number | string;
13
13
  className?: string;
14
14
  focused?: boolean;
15
+ helperText?: string;
15
16
  onClick?: (_e: React.MouseEvent<HTMLInputElement>) => void;
16
17
  onBlur?: FocusEventHandler<unknown>;
17
18
  onChange?: (_e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
18
19
  }
19
- declare const TextField: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
+ declare const TextField: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
20
21
  export default TextField;
@@ -1,11 +1,11 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { TextFieldProps } from '@mui/material';
3
3
  import { Dayjs } from 'dayjs';
4
- interface Props extends Omit<TextFieldProps, 'error' | 'onChange'> {
4
+ interface Props extends Omit<TextFieldProps, 'error' | 'onChange' | 'margin' | 'onInvalid' | 'onKeyDown' | 'onKeyUp' | 'slotProps'> {
5
5
  value: Dayjs | undefined;
6
6
  onChange?: (_time: string | Dayjs | undefined) => void;
7
7
  onTouched?: () => void;
8
- label?: string;
8
+ label?: ReactNode;
9
9
  helperText?: string;
10
10
  minTime?: Dayjs;
11
11
  maxTime?: Dayjs;
@@ -4,14 +4,14 @@ import { IconButtonProps, SxProps, Theme } from '@mui/material';
4
4
  import { Placement } from '@/components/Tooltip/tooltip.interface';
5
5
  interface Props extends Omit<IconButtonProps, 'color'> {
6
6
  icon: IconDefinition;
7
- variant?: 'default' | 'table';
7
+ variant?: 'plain' | 'outlined';
8
8
  positionGroup?: 'left' | 'middle' | 'right';
9
9
  tooltipText?: string;
10
10
  tooltipPosition?: Placement;
11
11
  size?: 'small' | 'medium';
12
12
  sx?: SxProps<Theme>;
13
- color?: string;
13
+ color?: 'neutral' | 'success' | 'warning' | 'danger';
14
14
  onClick?: MouseEventHandler | undefined;
15
15
  }
16
- declare const IconButton: ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, color, onClick, ...iconButtonProps }: Props) => React.JSX.Element;
16
+ declare const IconButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
17
17
  export default IconButton;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
3
+ import { Theme } from '@mui/material';
4
+ declare const FontSizes: {
5
+ xs: number;
6
+ sm: number;
7
+ md: number;
8
+ lg: number;
9
+ xl: number;
10
+ xxl: number;
11
+ xxxl: number;
12
+ };
13
+ interface Props {
14
+ variant?: 'square' | 'none';
15
+ icon: IconDefinition;
16
+ color?: string;
17
+ size?: number | keyof typeof FontSizes;
18
+ }
19
+ declare const IconProvider: React.ForwardRefExoticComponent<Omit<Props & import("@mui/system").BoxOwnProps<Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
20
+ ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
21
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<Theme>> & {
22
+ component?: React.ElementType;
23
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
+ export default IconProvider;
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { LinkProps } from '@mui/material';
3
3
  interface Props extends Omit<LinkProps, 'variant'> {
4
4
  variant?: 'link1' | 'link2';
5
- component?: any;
6
5
  }
7
- declare const Link: (props: Props) => React.JSX.Element;
6
+ declare const Link: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
8
7
  export default Link;
@@ -0,0 +1,9 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { MenuItemProps } from '@mui/material';
3
+ interface Props extends Omit<MenuItemProps, 'onClick'> {
4
+ onClick?: (_event?: React.MouseEvent<HTMLLIElement>) => void;
5
+ selected?: boolean;
6
+ children: NonNullable<ReactNode>;
7
+ }
8
+ declare const MenuItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;
9
+ export default MenuItem;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ModalProps } from '@/components/Modal/modal.interface';
3
+ declare const Dialog: React.ForwardRefExoticComponent<Omit<Omit<ModalProps, "footer" | "component" | "size" | "cardProps">, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default Dialog;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { DrawerProps } from '@/components/Modal/modal.interface';
3
+ declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default Drawer;
@@ -7,5 +7,5 @@ interface Props {
7
7
  onNavigate?: (_url: string) => void;
8
8
  sx?: SxProps<Theme>;
9
9
  }
10
- declare const Stepper: ({ steps, canNavigate, onNavigate, sx, }: Props) => React.JSX.Element;
10
+ declare const Stepper: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
11
11
  export default Stepper;
@@ -7,8 +7,9 @@ interface Props {
7
7
  limitsPerPage?: number[];
8
8
  page?: number;
9
9
  limit?: number;
10
+ disabled?: boolean;
10
11
  setPage?: (_page: number) => void;
11
12
  setLimit?: (_limit: number) => void;
12
13
  }
13
- declare const Pagination: ({ totalString, totalPerPageString, hideTotal, limitsPerPage, page, totalRows, limit, setLimit, setPage, }: Props) => React.JSX.Element;
14
+ declare const Pagination: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
14
15
  export default Pagination;
@@ -4,5 +4,5 @@ interface Props extends Omit<AlertProps, 'severity' | 'text'> {
4
4
  text: string | React.ReactNode;
5
5
  severity: 'success' | 'warning' | 'error' | 'info';
6
6
  }
7
- declare const Snackbar: ({ text, severity }: Props) => React.JSX.Element;
7
+ declare const Snackbar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
8
  export default Snackbar;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TabsPanelProps } from './tab.interface';
3
+ declare const TabsPanel: React.ForwardRefExoticComponent<TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
4
+ export default TabsPanel;
@@ -0,0 +1 @@
1
+ export { default } from './TabsPanel';
@@ -0,0 +1,17 @@
1
+ import { ReactNode, SyntheticEvent } from 'react';
2
+ export interface TabPanelProps {
3
+ children: ReactNode;
4
+ value: number;
5
+ index: number;
6
+ }
7
+ export interface TabData {
8
+ label: string;
9
+ content: ReactNode;
10
+ }
11
+ export interface TabsPanelProps {
12
+ tabs: TabData[];
13
+ value?: number;
14
+ width?: string | number;
15
+ disabled?: boolean;
16
+ onChange?: (_event: SyntheticEvent, _newValue: number) => void;
17
+ }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { TypographyProps } from '@mui/material';
3
+ interface Props extends Omit<TypographyProps, 'variant'> {
4
+ variant?: 'bigNumber' | 'body1' | 'body1Medium' | 'body1Bold' | 'body2' | 'body2Medium' | 'body2Bold' | 'h1' | 'h2' | 'h3' | 'h4' | 'caption' | 'buttonNotif' | 'link1' | 'link2';
5
+ component?: any;
6
+ }
7
+ declare const Text: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ export default Text;
@@ -7,5 +7,5 @@ interface Props extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
7
7
  placement?: Placement;
8
8
  placementMargin?: number;
9
9
  }
10
- declare const Tooltip: ({ title, placement, children, placementMargin, ...tooltipProps }: Props) => React.JSX.Element;
10
+ declare const Tooltip: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
11
  export default Tooltip;
@@ -17,8 +17,8 @@ export { default as EmbeddedNotification } from './EmbbededNotification/Embedded
17
17
  export { default as Tooltip } from './Tooltip/Tooltip';
18
18
  export { default as AutoCompleteSingle } from './Form/AutoCompleteSingle';
19
19
  export { default as AutoCompleteMulti } from './Form/AutoCompleteMulti';
20
- export { default as FileUploader } from './UploadDocument/FileUploader';
21
- export type { AcceptTextType, FileDataType, } from './UploadDocument/fileuploader.interface';
20
+ export { default as FileUploader } from './FileUploader/FileUploader';
21
+ export type { AcceptTextType, FileDataType, } from './FileUploader/fileuploader.interface';
22
22
  export { default as MenuItem } from './MenuItem/MenuItem';
23
23
  export { default as Snackbar } from './Snackbar/Snackbar';
24
24
  export { default as NotistackAdapter } from './NotistackAdapter/NotistackAdapter';
@@ -32,3 +32,4 @@ export { default as TimePicker } from './Form/TimePicker';
32
32
  export { default as Datatable } from './Datatable/Datatable';
33
33
  export { default as DatatableCellRender } from './Datatable/DatatableCellRender';
34
34
  export { default as IconButton } from './IconButton/IconButton';
35
+ export { default as TabsPanel } from './TabsPanel';