@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.
- package/README.md +12 -0
- package/dist/components/AccountInfo/AccountInfo.d.ts +1 -0
- package/dist/components/AddButton/AddButton.d.ts +4 -1
- package/dist/components/Button/Button.d.ts +11 -29
- package/dist/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/components/CloseButton/CloseButton.d.ts +2 -1
- package/dist/components/DateInput/DateInput.d.ts +5 -2
- package/dist/components/DatePicker/DatePicker.d.ts +7 -5
- package/dist/components/Description/Description.d.ts +2 -0
- package/dist/components/FiltersPane/FiltersPane.d.ts +6 -3
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.d.ts +3 -3
- package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.d.ts +2 -2
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +1 -1
- package/dist/components/Flag/Flag.d.ts +1 -0
- package/dist/components/FlexibleTable/FlexibleTable.d.ts +7 -4
- package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +1 -1
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -2
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -4
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
- package/dist/components/IncrementInput/IncrementInput.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +17 -23
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/Input/types.d.ts +2 -0
- package/dist/components/List/List.d.ts +1 -1
- package/dist/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +11 -1
- package/dist/components/MoreMenu/MoreMenu.d.ts +4 -5
- package/dist/components/MultiSelect/MultiSelect.d.ts +7 -2
- package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts +1 -1
- package/dist/components/MultiSelectList/MultiSelectList.d.ts +3 -0
- package/dist/components/Notification/Notification.d.ts +2 -6
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/NumberInput/NumberInput.d.ts +5 -1
- package/dist/components/PhoneInput/PhoneInput.d.ts +5 -1
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.d.ts +2 -2
- package/dist/components/RadioButton/RadioButton.d.ts +3 -1
- package/dist/components/Select/Select.d.ts +17 -12
- package/dist/components/Select/components/SelectList/SelectList.d.ts +6 -6
- package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts +2 -2
- package/dist/components/SmartInput/SmartInput.d.ts +2 -0
- package/dist/components/SmartInput/SmartInput.stories.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +6 -7
- package/dist/components/TextArea/TextArea.d.ts +13 -4
- package/dist/components/TextButton/TextButton.d.ts +1 -1
- package/dist/components/TextWithInfo/TextWithInfo.d.ts +2 -1
- package/dist/components/TextWithTooltip/TextWithTooltip.d.ts +7 -0
- package/dist/components/ThemedPreloader/ThemedPreloader.d.ts +2 -3
- package/dist/components/Toaster/Toaster.d.ts +5 -11
- package/dist/components/Tooltip/Tooltip.d.ts +2 -6
- package/dist/hooks/use-dropdown.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +138 -45
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +138 -45
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/AccountInfo/AccountInfo.tsx +1 -0
- package/src/components/AddButton/AddButton.tsx +6 -3
- package/src/components/Button/Button.tsx +11 -29
- package/src/components/Checkbox/Checkbox.tsx +12 -10
- package/src/components/CloseButton/CloseButton.tsx +2 -1
- package/src/components/DateInput/DateInput.tsx +6 -3
- package/src/components/DatePicker/DatePicker.tsx +10 -8
- package/src/components/Description/Description.tsx +2 -0
- package/src/components/FiltersPane/FiltersPane.tsx +6 -3
- package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +3 -3
- package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +2 -2
- package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +1 -1
- package/src/components/Flag/Flag.tsx +1 -0
- package/src/components/FlexibleTable/FlexibleTable.styles.ts +14 -0
- package/src/components/FlexibleTable/FlexibleTable.tsx +53 -33
- package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +8 -3
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.ts +2 -0
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +17 -8
- package/src/components/IncrementInput/IncrementInput.tsx +1 -0
- package/src/components/Input/Input.tsx +28 -41
- package/src/components/Input/types.ts +26 -0
- package/src/components/List/List.tsx +1 -1
- package/src/components/List/components/ListItem/ListItem.tsx +1 -1
- package/src/components/Modal/Modal.tsx +12 -2
- package/src/components/MoreMenu/MoreMenu.tsx +5 -6
- package/src/components/MultiSelect/MultiSelect.tsx +9 -4
- package/src/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.tsx +1 -1
- package/src/components/MultiSelectList/MultiSelectList.tsx +3 -0
- package/src/components/Notification/Notification.tsx +2 -6
- package/src/components/NumberInput/NumberInput.tsx +5 -1
- package/src/components/PhoneInput/PhoneInput.tsx +6 -2
- package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +2 -2
- package/src/components/RadioButton/RadioButton.tsx +5 -3
- package/src/components/Select/Select.tsx +18 -13
- package/src/components/Select/components/SelectList/SelectList.tsx +6 -6
- package/src/components/Select/components/SelectListItem/SelectListItem.tsx +2 -2
- package/src/components/SmartInput/SmartInput.tsx +11 -1
- package/src/components/Switch/Switch.tsx +8 -9
- package/src/components/TextArea/TextArea.tsx +16 -7
- package/src/components/TextButton/TextButton.tsx +1 -1
- package/src/components/TextWithInfo/TextWithInfo.tsx +2 -1
- package/src/components/TextWithTooltip/TextWithTooltip.tsx +8 -1
- package/src/components/ThemedPreloader/ThemedPreloader.tsx +2 -3
- package/src/components/Toaster/Toaster.tsx +5 -11
- package/src/components/Tooltip/Tooltip.tsx +2 -6
- 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()
|
|
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
|
|
40
|
-
onTimeEnd
|
|
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)
|
|
19
|
+
onDropdownClose: (event: Event) => void;
|
|
20
20
|
}): ReturnType<typeof usePopper> | undefined => {
|
|
21
21
|
const {
|
|
22
22
|
shouldUsePopper = false,
|