@groupeactual/ui-kit 0.4.25 → 0.4.27

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 (50) hide show
  1. package/dist/cjs/DesignSystemProvider.d.ts +2 -2
  2. package/dist/cjs/components/Button/Button.d.ts +4 -4
  3. package/dist/cjs/components/Chip/Chip.d.ts +13 -1
  4. package/dist/cjs/components/EmbbededNotification/EmbeddedNotification.d.ts +2 -2
  5. package/dist/cjs/components/Form/MultiSelect/MultiSelect.d.ts +14 -0
  6. package/dist/cjs/components/Form/MultiSelect/index.d.ts +1 -0
  7. package/dist/cjs/components/Form/Select/Select.d.ts +14 -0
  8. package/dist/cjs/components/Form/Select/index.d.ts +1 -0
  9. package/dist/cjs/components/Form/TextField/TextField.d.ts +1 -2
  10. package/dist/cjs/components/Icon/Icon.d.ts +3 -3
  11. package/dist/cjs/components/Tooltip/Tooltip.d.ts +8 -0
  12. package/dist/cjs/components/Tooltip/index.d.ts +1 -0
  13. package/dist/cjs/components/index.d.ts +3 -0
  14. package/dist/cjs/index.js +4667 -731
  15. package/dist/cjs/index.js.map +1 -1
  16. package/dist/esm/DesignSystemProvider.d.ts +2 -2
  17. package/dist/esm/components/Button/Button.d.ts +4 -4
  18. package/dist/esm/components/Chip/Chip.d.ts +13 -1
  19. package/dist/esm/components/EmbbededNotification/EmbeddedNotification.d.ts +2 -2
  20. package/dist/esm/components/Form/MultiSelect/MultiSelect.d.ts +14 -0
  21. package/dist/esm/components/Form/MultiSelect/index.d.ts +1 -0
  22. package/dist/esm/components/Form/Select/Select.d.ts +14 -0
  23. package/dist/esm/components/Form/Select/index.d.ts +1 -0
  24. package/dist/esm/components/Form/TextField/TextField.d.ts +1 -2
  25. package/dist/esm/components/Icon/Icon.d.ts +3 -3
  26. package/dist/esm/components/Tooltip/Tooltip.d.ts +8 -0
  27. package/dist/esm/components/Tooltip/index.d.ts +1 -0
  28. package/dist/esm/components/index.d.ts +3 -0
  29. package/dist/esm/index.js +4664 -731
  30. package/dist/esm/index.js.map +1 -1
  31. package/dist/index.d.ts +66 -26
  32. package/package.json +8 -5
  33. package/src/DesignSystemProvider.tsx +9 -2
  34. package/src/components/Accordion/Accordion.tsx +6 -1
  35. package/src/components/Button/Button.tsx +9 -4
  36. package/src/components/Chip/Chip.tsx +120 -3
  37. package/src/components/EmbbededNotification/EmbeddedNotification.tsx +2 -2
  38. package/src/components/Form/Checkbox/Checkbox.tsx +1 -1
  39. package/src/components/Form/MultiSelect/MultiSelect.tsx +184 -0
  40. package/src/components/Form/MultiSelect/index.ts +1 -0
  41. package/src/components/Form/Select/Select.tsx +154 -0
  42. package/src/components/Form/Select/index.ts +1 -0
  43. package/src/components/Form/TextField/TextField.tsx +13 -6
  44. package/src/components/Icon/Icon.tsx +16 -13
  45. package/src/components/Link/Link.tsx +1 -0
  46. package/src/components/Pagination/Pagination.tsx +2 -2
  47. package/src/components/Text/Text.tsx +1 -0
  48. package/src/components/Tooltip/Tooltip.tsx +33 -0
  49. package/src/components/Tooltip/index.ts +1 -0
  50. package/src/components/index.ts +3 -0
@@ -1,11 +1,11 @@
1
- import { PropsWithChildren } from 'react';
1
+ import React, { PropsWithChildren } from 'react';
2
2
  type Theme = 'Default' | 'Ep';
3
3
  export interface DesignSystemContextValues {
4
4
  isDarkTheme: boolean;
5
5
  themeName: Theme;
6
6
  toggleDarkTheme: () => void;
7
7
  }
8
- export declare const DesignSystemContext: import("react").Context<DesignSystemContextValues>;
8
+ export declare const DesignSystemContext: React.Context<DesignSystemContextValues>;
9
9
  interface Props {
10
10
  name?: Theme;
11
11
  }
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import { ReactNode } from 'react';
2
2
  import { ButtonProps } from '@mui/material/Button';
3
- interface Props extends Omit<ButtonProps, 'variant'> {
3
+ interface Props extends Omit<ButtonProps, 'variant' | 'children'> {
4
4
  variant?: 'primary' | 'secondary';
5
- component?: any;
5
+ children?: ReactNode;
6
6
  }
7
- declare const Button: (props: Props) => JSX.Element;
7
+ declare const Button: ({ variant, children, ...props }: Props) => JSX.Element;
8
8
  export default Button;
@@ -1,4 +1,16 @@
1
1
  /// <reference types="react" />
2
2
  import { ChipProps as ChipPropsMUI } from '@mui/material/Chip';
3
- declare const Chip: (props: ChipPropsMUI) => JSX.Element;
3
+ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
4
+ interface Props extends Omit<ChipPropsMUI, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon'> {
5
+ label: string;
6
+ size?: 'small';
7
+ prefixIcon?: IconDefinition;
8
+ suffixIcon?: IconDefinition;
9
+ suffixAction?: (e: any) => void;
10
+ suffixTooltip?: string;
11
+ tooltip?: string;
12
+ maxWidth?: number;
13
+ maxLength?: number;
14
+ }
15
+ declare const Chip: ({ label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, size, maxWidth, maxLength, ...props }: Props) => JSX.Element;
4
16
  export default Chip;
@@ -1,9 +1,9 @@
1
- import React from 'react';
1
+ import { ReactNode } from 'react';
2
2
  import { BoxProps } from '@mui/material';
3
3
  interface Props extends BoxProps {
4
4
  variant: 'warning' | 'error' | 'success' | 'infos';
5
5
  title: string;
6
- text?: React.ReactNode;
6
+ text?: ReactNode;
7
7
  }
8
8
  declare const EmbeddedNotification: ({ title, text, variant, ...props }: Props) => JSX.Element;
9
9
  export default EmbeddedNotification;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { SelectProps } from '@mui/material/Select';
3
+ interface Props<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'defaultValue' | 'color'> {
4
+ label: string;
5
+ options: T[];
6
+ helperText?: string;
7
+ color?: 'success';
8
+ getOptionLabel: (option: T) => string;
9
+ onChange: (value: T[]) => void;
10
+ defaultValue?: T[];
11
+ width?: number;
12
+ }
13
+ declare const MultiSelect: <T extends {}>({ label, options, color, error, placeholder, width, defaultValue, getOptionLabel, helperText, onChange, onBlur, ...props }: Props<T>) => JSX.Element;
14
+ export default MultiSelect;
@@ -0,0 +1 @@
1
+ export { default } from './MultiSelect';
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { SelectProps } from '@mui/material/Select';
3
+ interface Props<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'defaultValue' | 'color'> {
4
+ label?: string;
5
+ helperText?: string;
6
+ options: T[];
7
+ getOptionLabel?: (option: T) => string;
8
+ color?: 'success';
9
+ onChange: (value: T) => void;
10
+ defaultValue?: T | undefined;
11
+ width?: number;
12
+ }
13
+ declare const Select: <T extends {}>({ label, defaultValue, options, color, error, placeholder, onChange, getOptionLabel, helperText, onBlur, width, ...props }: Props<T>) => JSX.Element;
14
+ export default Select;
@@ -0,0 +1 @@
1
+ export { default } from './Select';
@@ -10,9 +10,8 @@ interface Props extends Omit<TextFieldProps, 'error'> {
10
10
  name: string;
11
11
  placeholder?: string;
12
12
  disabled?: boolean;
13
- isValid?: boolean;
14
13
  endAdornment?: ReactNode;
15
14
  maxLength?: number;
16
15
  }
17
- declare const TextField: ({ name, value, error, onBlur, onChange, label, disabled, endAdornment, isValid, placeholder, maxLength, ...props }: Props) => JSX.Element;
16
+ declare const TextField: ({ name, value, error, onBlur, onChange, label, disabled, endAdornment, placeholder, maxLength, ...props }: Props) => JSX.Element;
18
17
  export default TextField;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { ReactElement } from 'react';
2
2
  import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
3
3
  import { BoxProps } from '@mui/material/Box';
4
4
  declare const FontSizes: {
@@ -16,5 +16,5 @@ interface Props {
16
16
  color?: string;
17
17
  size?: number | keyof typeof FontSizes;
18
18
  }
19
- declare const Icon: ({ variant, icon, color, size, ...props }: Props & BoxProps) => JSX.Element;
20
- export default Icon;
19
+ declare const IconProvider: ({ variant, icon, color, size, ...props }: Props & BoxProps) => ReactElement;
20
+ export default IconProvider;
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ import { TooltipProps } from '@mui/material';
3
+ interface Props extends Omit<TooltipProps, 'icon' | 'children'> {
4
+ title: string;
5
+ children: ReactNode;
6
+ }
7
+ declare const Tooltip: ({ title, children, ...props }: Props) => JSX.Element;
8
+ export default Tooltip;
@@ -0,0 +1 @@
1
+ export { default } from './Tooltip';
@@ -2,9 +2,12 @@ export { default as Text } from './Text';
2
2
  export { default as Link } from './Link';
3
3
  export { default as Button } from './Button';
4
4
  export { default as TextField } from './Form/TextField';
5
+ export { default as Select } from './Form/Select';
6
+ export { default as MultiSelect } from './Form/MultiSelect';
5
7
  export { default as Checkbox } from './Form/Checkbox';
6
8
  export { default as Accordion } from './Accordion';
7
9
  export { default as IconProvider } from './Icon/Icon';
8
10
  export { default as Pagination } from './Pagination';
9
11
  export { default as Chip } from './Chip/Chip';
10
12
  export { default as EmbeddedNotification } from './EmbbededNotification/EmbeddedNotification';
13
+ export { default as Tooltip } from './Tooltip/Tooltip';