@true-engineering/true-react-common-ui-kit 3.1.1 → 3.4.0

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 (102) hide show
  1. package/README.md +12 -0
  2. package/dist/components/AccountInfo/AccountInfo.d.ts +1 -0
  3. package/dist/components/AddButton/AddButton.d.ts +4 -1
  4. package/dist/components/Button/Button.d.ts +11 -29
  5. package/dist/components/Checkbox/Checkbox.d.ts +7 -5
  6. package/dist/components/CloseButton/CloseButton.d.ts +2 -1
  7. package/dist/components/DateInput/DateInput.d.ts +5 -2
  8. package/dist/components/DatePicker/DatePicker.d.ts +7 -5
  9. package/dist/components/Description/Description.d.ts +2 -0
  10. package/dist/components/FiltersPane/FiltersPane.d.ts +6 -3
  11. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.d.ts +3 -3
  12. package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.d.ts +2 -2
  13. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +1 -1
  14. package/dist/components/Flag/Flag.d.ts +1 -0
  15. package/dist/components/FlexibleTable/FlexibleTable.d.ts +7 -4
  16. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +1 -1
  17. package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
  18. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -2
  19. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -4
  20. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
  21. package/dist/components/IncrementInput/IncrementInput.d.ts +1 -0
  22. package/dist/components/Input/Input.d.ts +17 -23
  23. package/dist/components/Input/Input.stories.d.ts +1 -1
  24. package/dist/components/Input/types.d.ts +2 -0
  25. package/dist/components/List/List.d.ts +1 -1
  26. package/dist/components/List/components/ListItem/ListItem.d.ts +1 -1
  27. package/dist/components/Modal/Modal.d.ts +11 -1
  28. package/dist/components/MoreMenu/MoreMenu.d.ts +4 -5
  29. package/dist/components/MultiSelect/MultiSelect.d.ts +7 -2
  30. package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts +1 -1
  31. package/dist/components/MultiSelectList/MultiSelectList.d.ts +3 -0
  32. package/dist/components/Notification/Notification.d.ts +2 -6
  33. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  34. package/dist/components/NumberInput/NumberInput.d.ts +5 -1
  35. package/dist/components/PhoneInput/PhoneInput.d.ts +5 -1
  36. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.d.ts +2 -2
  37. package/dist/components/RadioButton/RadioButton.d.ts +3 -1
  38. package/dist/components/Select/Select.d.ts +17 -12
  39. package/dist/components/Select/components/SelectList/SelectList.d.ts +6 -6
  40. package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts +2 -2
  41. package/dist/components/SmartInput/SmartInput.d.ts +2 -0
  42. package/dist/components/SmartInput/SmartInput.stories.d.ts +1 -1
  43. package/dist/components/Switch/Switch.d.ts +6 -7
  44. package/dist/components/TextArea/TextArea.d.ts +13 -4
  45. package/dist/components/TextButton/TextButton.d.ts +1 -1
  46. package/dist/components/TextWithInfo/TextWithInfo.d.ts +2 -1
  47. package/dist/components/TextWithTooltip/TextWithTooltip.d.ts +7 -0
  48. package/dist/components/ThemedPreloader/ThemedPreloader.d.ts +2 -3
  49. package/dist/components/Toaster/Toaster.d.ts +5 -11
  50. package/dist/components/Tooltip/Tooltip.d.ts +2 -6
  51. package/dist/hooks/use-dropdown.d.ts +1 -1
  52. package/dist/true-react-common-ui-kit.js +138 -45
  53. package/dist/true-react-common-ui-kit.js.map +1 -1
  54. package/dist/true-react-common-ui-kit.umd.cjs +138 -45
  55. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  56. package/package.json +1 -1
  57. package/src/components/AccountInfo/AccountInfo.tsx +1 -0
  58. package/src/components/AddButton/AddButton.tsx +6 -3
  59. package/src/components/Button/Button.tsx +11 -29
  60. package/src/components/Checkbox/Checkbox.tsx +12 -10
  61. package/src/components/CloseButton/CloseButton.tsx +2 -1
  62. package/src/components/DateInput/DateInput.tsx +6 -3
  63. package/src/components/DatePicker/DatePicker.tsx +10 -8
  64. package/src/components/Description/Description.tsx +2 -0
  65. package/src/components/FiltersPane/FiltersPane.tsx +6 -3
  66. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +3 -3
  67. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +2 -2
  68. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +1 -1
  69. package/src/components/Flag/Flag.tsx +1 -0
  70. package/src/components/FlexibleTable/FlexibleTable.styles.ts +14 -0
  71. package/src/components/FlexibleTable/FlexibleTable.tsx +53 -33
  72. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +8 -3
  73. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.ts +2 -0
  74. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +17 -8
  75. package/src/components/IncrementInput/IncrementInput.tsx +1 -0
  76. package/src/components/Input/Input.tsx +28 -41
  77. package/src/components/Input/types.ts +26 -0
  78. package/src/components/List/List.tsx +1 -1
  79. package/src/components/List/components/ListItem/ListItem.tsx +1 -1
  80. package/src/components/Modal/Modal.tsx +12 -2
  81. package/src/components/MoreMenu/MoreMenu.tsx +5 -6
  82. package/src/components/MultiSelect/MultiSelect.tsx +9 -4
  83. package/src/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.tsx +1 -1
  84. package/src/components/MultiSelectList/MultiSelectList.tsx +3 -0
  85. package/src/components/Notification/Notification.tsx +2 -6
  86. package/src/components/NumberInput/NumberInput.tsx +5 -1
  87. package/src/components/PhoneInput/PhoneInput.tsx +6 -2
  88. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +2 -2
  89. package/src/components/RadioButton/RadioButton.tsx +5 -3
  90. package/src/components/Select/Select.tsx +18 -13
  91. package/src/components/Select/components/SelectList/SelectList.tsx +6 -6
  92. package/src/components/Select/components/SelectListItem/SelectListItem.tsx +2 -2
  93. package/src/components/SmartInput/SmartInput.tsx +11 -1
  94. package/src/components/Switch/Switch.tsx +8 -9
  95. package/src/components/TextArea/TextArea.tsx +16 -7
  96. package/src/components/TextButton/TextButton.tsx +1 -1
  97. package/src/components/TextWithInfo/TextWithInfo.tsx +2 -1
  98. package/src/components/TextWithTooltip/TextWithTooltip.tsx +8 -1
  99. package/src/components/ThemedPreloader/ThemedPreloader.tsx +2 -3
  100. package/src/components/Toaster/Toaster.tsx +5 -11
  101. package/src/components/Tooltip/Tooltip.tsx +2 -6
  102. package/src/hooks/use-dropdown.ts +1 -1
@@ -9,13 +9,14 @@ import { useStyles, ITextWithInfoStyles } from './TextWithInfo.styles';
9
9
 
10
10
  export interface ITextWithInfoProps extends ICommonProps<ITextWithInfoStyles> {
11
11
  text: string;
12
+ /** @default false */
12
13
  isSelected?: boolean;
13
14
  textTooltip?: string;
14
15
  info?: {
15
16
  infoTooltip?: string;
16
17
  link?: string;
17
18
  };
18
- onClick(): void;
19
+ onClick: () => void;
19
20
  }
20
21
 
21
22
  export const TextWithInfo: FC<ITextWithInfoProps> = ({
@@ -13,15 +13,22 @@ import { useStyles, ITextWithTooltipStyles } from './TextWithTooltip.styles';
13
13
  export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyles> {
14
14
  children: ReactNode;
15
15
  tooltipText: ITooltipProps['text'];
16
+ /** @default 'tooltip' */
16
17
  tooltipView?: ITooltipProps['view'];
18
+ /** @default 'info' */
17
19
  tooltipType?: ITooltipProps['type'];
20
+ /** @default 'top' */
18
21
  tooltipPosition?: Placement;
19
22
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
23
+ /** @default [] */
20
24
  tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
21
25
  tooltipOffsetOptions?: Record<string, unknown>;
26
+ /** @default 'hover' */
22
27
  mouseEventType?: 'hover' | 'click';
23
28
  hoverDelay?: number;
29
+ /** @default false */
24
30
  isDisabled?: boolean;
31
+ /** @default true */
25
32
  shouldRenderInBody?: boolean;
26
33
  }
27
34
 
@@ -30,7 +37,7 @@ export const TextWithTooltip: FC<ITextWithTooltipProps> = ({
30
37
  tooltipText,
31
38
  tooltipPosition = 'top',
32
39
  tooltipView = 'tooltip',
33
- tooltipType,
40
+ tooltipType = 'info',
34
41
  tooltipModifiers = [],
35
42
  tooltipOffsetOptions,
36
43
  isDisabled = false,
@@ -9,10 +9,9 @@ import { IPreloaderSvgType } from './types';
9
9
  import { useStyles, IThemedPreloaderStyles } from './ThemedPreloader.styles';
10
10
 
11
11
  export interface IThemedPreloaderProps extends ICommonProps<IThemedPreloaderStyles> {
12
- /**
13
- * @default `default`
14
- */
12
+ /** @default 'default' */
15
13
  type?: 'dots' | IPreloaderSvgType;
14
+ /** @default false */
16
15
  useCurrentColor?: boolean;
17
16
  }
18
17
 
@@ -16,9 +16,7 @@ import { IToasterType } from './types';
16
16
  import { useStyles, IToasterStyles } from './Toaster.styles';
17
17
 
18
18
  export interface IToasterProps extends ICommonProps<IToasterStyles> {
19
- /**
20
- * @default `error`
21
- */
19
+ /** @default 'error' */
22
20
  type?: IToasterType;
23
21
  title?: string;
24
22
  text?: string;
@@ -28,16 +26,12 @@ export interface IToasterProps extends ICommonProps<IToasterStyles> {
28
26
  * @default 7000
29
27
  */
30
28
  timeout?: number;
31
- /**
32
- * @default false
33
- */
29
+ /** @default false */
34
30
  hasCloseButton?: boolean;
35
- /**
36
- * @default false
37
- */
31
+ /** @default false */
38
32
  shouldCloseOnClick?: boolean;
39
- onClose?(): void;
40
- onTimeEnd?(): void;
33
+ onClose?: () => void;
34
+ onTimeEnd?: () => void;
41
35
  }
42
36
 
43
37
  export const Toaster: FC<IToasterProps> = ({
@@ -7,13 +7,9 @@ import { useStyles, ITooltipStyles } from './Tooltip.styles';
7
7
 
8
8
  export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
9
9
  text: ReactNode;
10
- /**
11
- * @default `tooltip`
12
- */
10
+ /** @default 'tooltip' */
13
11
  view?: 'tooltip' | 'hint';
14
- /**
15
- * @default `info`
16
- */
12
+ /** @default 'info' */
17
13
  type?: 'info' | 'error';
18
14
  }
19
15
 
@@ -16,7 +16,7 @@ export const useDropdown = ({
16
16
  dropdownElement: HTMLElement | null | undefined;
17
17
  options?: IDropdownWithPopperOptions;
18
18
  dependenciesForPositionUpdating?: DependencyList;
19
- onDropdownClose(event: Event): void;
19
+ onDropdownClose: (event: Event) => void;
20
20
  }): ReturnType<typeof usePopper> | undefined => {
21
21
  const {
22
22
  shouldUsePopper = false,