@true-engineering/true-react-common-ui-kit 3.0.4 → 3.0.6

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 (120) hide show
  1. package/dist/components/AccountInfo/AccountInfo.stories.d.ts +8 -0
  2. package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
  3. package/dist/components/AddButton/AddButton.stories.d.ts +8 -0
  4. package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
  5. package/dist/components/Button/Button.stories.d.ts +6 -0
  6. package/dist/components/Button/Button.styles.d.ts +1 -1
  7. package/dist/components/Button/types.d.ts +2 -2
  8. package/dist/components/Checkbox/Checkbox.stories.d.ts +5 -0
  9. package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
  10. package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
  11. package/dist/components/Colors/Colors.stories.d.ts +5 -0
  12. package/dist/components/CssBaseline/CssBaseline.d.ts +1 -1
  13. package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
  14. package/dist/components/DateInput/DateInput.stories.d.ts +8 -0
  15. package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
  16. package/dist/components/DatePicker/DatePicker.d.ts +1 -0
  17. package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -0
  18. package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
  19. package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
  20. package/dist/components/DatePicker/types.d.ts +2 -2
  21. package/dist/components/Description/Description.stories.d.ts +18 -0
  22. package/dist/components/Description/Description.styles.d.ts +1 -1
  23. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +32 -0
  24. package/dist/components/FiltersPane/FiltersPane.styles.d.ts +1 -1
  25. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
  26. package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  27. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
  28. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
  29. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +1 -1
  30. package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
  31. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
  32. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
  33. package/dist/components/FiltersPane/types.d.ts +18 -18
  34. package/dist/components/Flag/Flag.stories.d.ts +14 -0
  35. package/dist/components/Flag/Flag.styles.d.ts +1 -1
  36. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +20 -0
  37. package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
  38. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
  39. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
  40. package/dist/components/FlexibleTable/types.d.ts +6 -6
  41. package/dist/components/Icon/Icon.stories.d.ts +6 -0
  42. package/dist/components/Icon/Icon.styles.d.ts +1 -1
  43. package/dist/components/Icon/icons-list.d.ts +1 -1
  44. package/dist/components/Icon/types.d.ts +4 -4
  45. package/dist/components/IncrementInput/IncrementInput.stories.d.ts +8 -0
  46. package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -1
  47. package/dist/components/Input/Input.stories.d.ts +35 -0
  48. package/dist/components/Input/Input.styles.d.ts +2 -2
  49. package/dist/components/Input/types.d.ts +1 -1
  50. package/dist/components/List/List.stories.d.ts +6 -0
  51. package/dist/components/List/List.styles.d.ts +1 -1
  52. package/dist/components/List/components/ListItem/ListItem.styles.d.ts +1 -1
  53. package/dist/components/Modal/Modal.stories.d.ts +30 -0
  54. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  55. package/dist/components/Modal/types.d.ts +2 -2
  56. package/dist/components/MoreMenu/MoreMenu.stories.d.ts +8 -0
  57. package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
  58. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +14 -0
  59. package/dist/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
  60. package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
  61. package/dist/components/MultiSelect/types.d.ts +1 -1
  62. package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
  63. package/dist/components/MultiSelectList/types.d.ts +1 -1
  64. package/dist/components/Notification/Notification.stories.d.ts +8 -0
  65. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  66. package/dist/components/Notification/types.d.ts +1 -1
  67. package/dist/components/NumberInput/NumberInput.stories.d.ts +8 -0
  68. package/dist/components/PhoneInput/PhoneInput.stories.d.ts +30 -0
  69. package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
  70. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +6 -0
  71. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
  72. package/dist/components/RadioButton/RadioButton.stories.d.ts +8 -0
  73. package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -1
  74. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
  75. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  76. package/dist/components/SearchInput/SearchInput.stories.d.ts +8 -0
  77. package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
  78. package/dist/components/Select/MultiSelect.stories.d.ts +17 -0
  79. package/dist/components/Select/Select.stories.d.ts +17 -0
  80. package/dist/components/Select/Select.styles.d.ts +4 -4
  81. package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
  82. package/dist/components/Select/types.d.ts +1 -1
  83. package/dist/components/Skeleton/Skeleton.stories.d.ts +8 -0
  84. package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
  85. package/dist/components/SmartInput/SmartInput.stories.d.ts +19 -0
  86. package/dist/components/SmartInput/types.d.ts +1 -1
  87. package/dist/components/Switch/Switch.stories.d.ts +17 -0
  88. package/dist/components/Switch/Switch.styles.d.ts +1 -1
  89. package/dist/components/TextArea/TextArea.stories.d.ts +18 -0
  90. package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
  91. package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +13 -0
  92. package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
  93. package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +26 -0
  94. package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
  95. package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +18 -0
  96. package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
  97. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts +1 -1
  98. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
  99. package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
  100. package/dist/components/ThemedPreloader/types.d.ts +1 -1
  101. package/dist/components/Toaster/Toaster.stories.d.ts +6 -0
  102. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  103. package/dist/components/Toaster/types.d.ts +1 -1
  104. package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -0
  105. package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
  106. package/dist/components/Tooltip/types.d.ts +1 -1
  107. package/dist/hooks/use-tweak-styles.d.ts +1 -1
  108. package/dist/theme/common.d.ts +37 -2
  109. package/dist/theme/types.d.ts +8 -8
  110. package/dist/true-react-common-ui-kit.js +3 -0
  111. package/dist/true-react-common-ui-kit.js.map +1 -1
  112. package/dist/true-react-common-ui-kit.umd.cjs +3 -0
  113. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  114. package/package.json +3 -3
  115. package/src/components/TextArea/TextArea.styles.ts +4 -0
  116. package/src/theme/common.ts +4 -3
  117. package/src/theme/types.ts +2 -2
  118. package/dist/components/Flag/augment.d.ts +0 -1
  119. package/dist/components/Icon/complexIcons/augment.d.ts +0 -1
  120. package/dist/vite-env.d.ts +0 -1
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").FC<import("./AccountInfo").IAccountInfoProps>;
6
+ };
7
+ export default _default;
8
+ export declare const Default: ComponentStory<import("react").FC<import("./AccountInfo").IAccountInfoProps>>;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IListStyles } from '../List';
3
3
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "account" | "accountName" | "accountNameOpened" | "accountChevron" | "accountChevronOpened" | "accountMenu" | "avatarIcon" | "slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit", unknown>;
4
- export declare type IAccountInfoStyles = ITweakStyles<typeof useStyles, {
4
+ export type IAccountInfoStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakList: IListStyles;
6
6
  }>;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").FC<import("./AddButton").IAddButtonProps>;
6
+ };
7
+ export default _default;
8
+ export declare const Default: ComponentStory<import("react").FC<import("./AddButton").IAddButtonProps>>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "fullWidth", unknown>;
3
- export declare type IAddButtonStyles = ITweakStyles<typeof useStyles>;
3
+ export type IAddButtonStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ import { Button, IButtonProps } from './Button';
4
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
5
+ export default _default;
6
+ export declare const Default: ComponentStory<typeof Button>;
@@ -3,6 +3,6 @@ import { IThemedPreloaderStyles } from '../ThemedPreloader';
3
3
  import { IButtonSize } from './types';
4
4
  export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
5
5
  export declare const getPreloaderStyles: (size: IButtonSize) => IThemedPreloaderStyles | undefined;
6
- export declare type IButtonStyles = ITweakStyles<typeof useStyles, {
6
+ export type IButtonStyles = ITweakStyles<typeof useStyles, {
7
7
  tweakPreloader: IThemedPreloaderStyles;
8
8
  }>;
@@ -1,3 +1,3 @@
1
1
  import { BUTTON_VIEWS } from './constants';
2
- export declare type IButtonSize = 's' | 'm' | 'l' | 'xl';
3
- export declare type IButtonView = (typeof BUTTON_VIEWS)[number];
2
+ export type IButtonSize = 's' | 'm' | 'l' | 'xl';
3
+ export type IButtonView = (typeof BUTTON_VIEWS)[number];
@@ -0,0 +1,5 @@
1
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
2
+ import { Checkbox } from './Checkbox';
3
+ declare const _default: ComponentMeta<typeof Checkbox>;
4
+ export default _default;
5
+ export declare const Default: ComponentStory<typeof Checkbox>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"input" | "root" | "disabled" | "children" | "check" | "checked" | "labelPositionLeft", unknown>;
3
- export declare type ICheckboxStyles = ITweakStyles<typeof useStyles>;
3
+ export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
3
- export declare type ICloseButtonStyles = ITweakStyles<typeof useStyles>;
3
+ export type ICloseButtonStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ title: string;
3
+ };
4
+ export default _default;
5
+ export declare const Default: () => JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
2
  import { ICommonProps } from '../../types';
3
3
  import { ICssBaselineStyles } from './CssBaseline.styles';
4
- export declare type ICssBaselineProps = ICommonProps<ICssBaselineStyles>;
4
+ export type ICssBaselineProps = ICommonProps<ICssBaselineStyles>;
5
5
  export declare const CssBaseline: FC<ICssBaselineProps>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "@global html, body", unknown>;
3
- export declare type ICssBaselineStyles = ITweakStyles<typeof useStyles>;
3
+ export type ICssBaselineStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
6
+ };
7
+ export default _default;
8
+ export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>>;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IInputStyles } from '../Input';
3
3
  export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
4
- export declare type IDateInputStyles = ITweakStyles<typeof useStyles, {
4
+ export type IDateInputStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakInput: IInputStyles;
6
6
  }>;
@@ -1,5 +1,6 @@
1
1
  import { FC, SyntheticEvent } from 'react';
2
2
  import ReactDatePicker from 'react-datepicker';
3
+ import 'react-datepicker/dist/react-datepicker.css';
3
4
  import { ICommonProps } from '../../types';
4
5
  import { IDateInputProps } from '../DateInput';
5
6
  import { IDatePickerBaseProps, IRange } from './types';
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
6
+ };
7
+ export default _default;
8
+ export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>>;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IDateInputStyles } from '../DateInput';
3
3
  export declare const useStyles: import("../../theme").IUseStyles<"popper" | "root" | "day" | "datepicker", unknown>;
4
- export declare type IDatePickerStyles = ITweakStyles<typeof useStyles, {
4
+ export type IDatePickerStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakDateInput: IDateInputStyles;
6
6
  }>;
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../../../theme';
2
2
  import { ISelectStyles } from '../../../Select';
3
3
  export declare const useStyles: import("../../../../theme").IUseStyles<"select" | "btn" | "selectValue" | "selectControl" | "header" | "buttons", unknown>;
4
4
  export declare const selectStyles: ISelectStyles;
5
- export declare type IDatePickerHeaderStyles = ITweakStyles<typeof useStyles, {
5
+ export type IDatePickerHeaderStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakSelect: ISelectStyles;
7
7
  }>;
@@ -1,4 +1,4 @@
1
1
  import { ReactDatePickerProps } from 'react-datepicker';
2
2
  import { IDateInputProps } from '../DateInput';
3
- export declare type IRange = [Date | null, Date | null] | null;
4
- export declare type IDatePickerBaseProps = Pick<ReactDatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'iconType' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles'>;
3
+ export type IRange = [Date | null, Date | null] | null;
4
+ export type IDatePickerBaseProps = Pick<ReactDatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'iconType' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles'>;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").FC<import("./Description").IDescriptionProps>;
6
+ argTypes: {
7
+ truncateIndex: {
8
+ control: {
9
+ type: string;
10
+ min: number;
11
+ max: number;
12
+ step: number;
13
+ };
14
+ };
15
+ };
16
+ };
17
+ export default _default;
18
+ export declare const Default: ComponentStory<import("react").FC<import("./Description").IDescriptionProps>>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "link" | "button", unknown>;
3
- export declare type IDescriptionStyles = ITweakStyles<typeof useStyles>;
3
+ export type IDescriptionStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,32 @@
1
+ import { ComponentStory } from '@storybook/react';
2
+ import { IFiltersPaneProps } from './FiltersPane';
3
+ interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
4
+ containerWidth: number;
5
+ isSearchDisabled: boolean;
6
+ isSearchAutosizeable: boolean;
7
+ shouldShowSettingsButton: boolean;
8
+ withFieldNameInLabel: boolean;
9
+ isGroupingEnabled: boolean;
10
+ checkboxPosition: 'left' | 'right';
11
+ }
12
+ declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, isSearchAutosizeable, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, ...args }: IFiltersPaneWithCustomProps<Values, Content>): JSX.Element;
13
+ declare const _default: {
14
+ title: string;
15
+ component: typeof FiltersPaneWithCustomProps;
16
+ argTypes: {
17
+ containerWidth: {
18
+ control: {
19
+ type: string;
20
+ min: number;
21
+ max: number;
22
+ step: number;
23
+ };
24
+ };
25
+ checkboxPosition: {
26
+ control: string;
27
+ options: string[];
28
+ };
29
+ };
30
+ };
31
+ export default _default;
32
+ export declare const Default: ComponentStory<typeof FiltersPaneWithCustomProps>;
@@ -4,6 +4,6 @@ export declare const FILTER_HEIGHT = 36;
4
4
  export declare const useStyles: import("../../theme").IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton", unknown>;
5
5
  export declare const clearButtonStyles: IButtonStyles;
6
6
  export declare const innerTextButtonStyles: IButtonStyles;
7
- export declare type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {
7
+ export type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {
8
8
  tweakClearButton: IButtonStyles;
9
9
  }>;
@@ -9,7 +9,7 @@ export declare const clearButtonStyles: Partial<import("jss").Styles<"content" |
9
9
  tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
10
10
  }>;
11
11
  }>;
12
- export declare type IFilterIntervalStyles = ITweakStyles<typeof useStyles, {
12
+ export type IFilterIntervalStyles = ITweakStyles<typeof useStyles, {
13
13
  tweakInput: IInputStyles;
14
14
  tweakClearButton: IButtonStyles;
15
15
  }>;
@@ -1,4 +1,4 @@
1
1
  import { IMultiSelectListProps } from '../../../MultiSelectList';
2
2
  import { IFilterMultiSelectValues } from '../../types';
3
- export declare type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;
3
+ export type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;
4
4
  export declare function FilterMultiSelect<Value extends IFilterMultiSelectValues<Option>, Option = string>(props: IFilterMultiSelectProps<Value, Option>): JSX.Element;
@@ -9,7 +9,7 @@ export declare const clearButtonStyles: Partial<import("jss").Styles<"content" |
9
9
  tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
10
10
  }>;
11
11
  }>;
12
- export declare type IFilterSelectStyles = ITweakStyles<typeof useStyles, {
12
+ export type IFilterSelectStyles = ITweakStyles<typeof useStyles, {
13
13
  tweakSearchInput: ISearchInputStyles;
14
14
  tweakClearButton: IButtonStyles;
15
15
  }>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  export declare const useStyles: import("../../../../theme").IUseStyles<"text" | "count", unknown>;
3
- export declare type IFilterValueViewStyles = ITweakStyles<typeof useStyles>;
3
+ export type IFilterValueViewStyles = ITweakStyles<typeof useStyles>;
@@ -18,7 +18,7 @@ export declare const startDatePickerStyles: IDatePickerStyles;
18
18
  export declare const startDatePickerWithButtonStyles: IDatePickerStyles;
19
19
  export declare const endDatePickerStyles: IDatePickerStyles;
20
20
  export declare const endDatePickerWithButtonStyles: IDatePickerStyles;
21
- export declare type IFilterWithDatesStyles = ITweakStyles<typeof useStyles, {
21
+ export type IFilterWithDatesStyles = ITweakStyles<typeof useStyles, {
22
22
  tweakClearButton: IButtonStyles;
23
23
  tweakBackButton: IButtonStyles;
24
24
  tweakStartDatePicker: IDatePickerStyles;
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../../../theme';
2
2
  import { IFilterSelectStyles } from '../FilterSelect';
3
3
  export declare const useStyles: import("../../../../theme").IUseStyles<"main" | "root" | "picker", unknown>;
4
4
  export declare const filterSelectStyles: IFilterSelectStyles;
5
- export declare type IFilterWithPeriodStyles = ITweakStyles<typeof useStyles, {
5
+ export type IFilterWithPeriodStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakFilterSelect: IFilterSelectStyles;
7
7
  }>;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import type { IFilterValueViewStyles } from '../FilterValueView';
3
- export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "right" | "left" | "item" | "value" | "name" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-enter" | "dropdown-enter-active" | "dropdown-exit-active" | "dropdown-exit", unknown>;
4
- export declare type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
3
+ export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-enter" | "dropdown-enter-active" | "dropdown-exit-active" | "dropdown-exit", unknown>;
4
+ export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakValueView: IFilterValueViewStyles;
6
6
  }>;
@@ -4,7 +4,7 @@ import { ISelectStyles } from '../../../Select';
4
4
  export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "dropdown" | "focused" | "selectWrapper" | "selectBlock" | "selectLabel" | "chevronIcon", unknown>;
5
5
  export declare const searchInputStyles: ISearchInputStyles;
6
6
  export declare const selectStyles: ISelectStyles;
7
- export declare type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {
7
+ export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {
8
8
  tweakSearchInput: ISearchInputStyles;
9
9
  tweakSelect: ISelectStyles;
10
10
  }>;
@@ -3,9 +3,9 @@ import { IDatePickerProps } from '../DatePicker';
3
3
  import { IMultiSelectListValues } from '../MultiSelectList';
4
4
  import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
5
5
  import { FilterLocales, PERIODS, SelectLocales } from './constants';
6
- export declare type IPeriodType = (typeof PERIODS)[number];
7
- export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
8
- export declare type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
6
+ export type IPeriodType = (typeof PERIODS)[number];
7
+ export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
8
+ export type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
9
9
  export interface IFiltersPaneSearchPayload<Value> {
10
10
  value?: string;
11
11
  field?: Value;
@@ -22,9 +22,9 @@ export interface IPeriod extends IDatePeriod {
22
22
  periodType: string;
23
23
  label?: string;
24
24
  }
25
- export declare type IPeriodGetter = () => IDatePeriod;
26
- export declare type IFilterWithDatesValue = IDatePeriod;
27
- export declare type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
25
+ export type IPeriodGetter = () => IDatePeriod;
26
+ export type IFilterWithDatesValue = IDatePeriod;
27
+ export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
28
28
  export interface IConfigItemBasicBase<Value> {
29
29
  name: string;
30
30
  isInline?: boolean;
@@ -33,27 +33,27 @@ export interface IConfigItemBasicBase<Value> {
33
33
  locale?: IPartialFilterLocale;
34
34
  getSelectedValueView?: (v: Value) => ReactNode;
35
35
  }
36
- export declare type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
36
+ export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
37
37
  type: 'interval';
38
38
  } & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
39
39
  export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
40
40
  type: 'boolean';
41
41
  }
42
- export declare type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
42
+ export type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
43
43
  type: 'multiSelect';
44
44
  } & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
45
- export declare type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
45
+ export type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
46
46
  type: 'select';
47
47
  } & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
48
- export declare type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
48
+ export type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
49
49
  type: 'dateRangeWithoutPeriod';
50
50
  dateFormat?: string;
51
51
  } & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
52
- export declare type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
52
+ export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
53
53
  type: 'dateRange';
54
54
  dateFormat?: string;
55
55
  } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
56
- export declare type CustomComponent<Value> = FC<{
56
+ export type CustomComponent<Value> = FC<{
57
57
  value?: Value;
58
58
  onChange: (v?: Value) => void;
59
59
  onClose?: () => void;
@@ -67,8 +67,8 @@ export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
67
67
  component: CustomComponent<Value>;
68
68
  valueViewType?: 'range' | 'multiple';
69
69
  }
70
- export declare type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
71
- export declare type ConfigType<Values> = {
70
+ export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
71
+ export type ConfigType<Values> = {
72
72
  [K in keyof Values]: ConfigItem<Values[K]>;
73
73
  };
74
74
  export interface IFilterLocale {
@@ -92,10 +92,10 @@ export interface IFilterLocale {
92
92
  CUSTOM: string;
93
93
  };
94
94
  }
95
- export declare type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
95
+ export type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
96
96
  periods?: Partial<IFilterLocale['periods']>;
97
97
  };
98
- export declare type IFilterLocaleKey = keyof typeof FilterLocales;
98
+ export type IFilterLocaleKey = keyof typeof FilterLocales;
99
99
  export interface ISelectLocale {
100
100
  clear: string;
101
101
  all: string;
@@ -103,5 +103,5 @@ export interface ISelectLocale {
103
103
  searchPlaceholder: string;
104
104
  nothingFound: string;
105
105
  }
106
- export declare type ISelectLocaleKey = keyof typeof SelectLocales;
107
- export declare type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
106
+ export type ISelectLocaleKey = keyof typeof SelectLocales;
107
+ export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").FC<import("./Flag").IFlagProps>;
6
+ argTypes: {
7
+ countryCode: {
8
+ control: string;
9
+ options: string[];
10
+ };
11
+ };
12
+ };
13
+ export default _default;
14
+ export declare const Default: ComponentStory<import("react").FC<import("./Flag").IFlagProps>>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "noFlag", unknown>;
3
- export declare type IFlagStyles = ITweakStyles<typeof useStyles>;
3
+ export type IFlagStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,20 @@
1
+ import { ComponentStory } from '@storybook/react';
2
+ import { FlexibleTable } from './FlexibleTable';
3
+ declare const _default: {
4
+ title: string;
5
+ component: typeof FlexibleTable;
6
+ };
7
+ export default _default;
8
+ interface ITableContent {
9
+ contractCode: string;
10
+ validFrom: Date;
11
+ validTo: Date;
12
+ title: string;
13
+ signDate: Date;
14
+ partner: string;
15
+ partnerDescription: string;
16
+ parentContract: string;
17
+ currency: string;
18
+ status: string;
19
+ }
20
+ export declare const Default: ComponentStory<({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: import("./FlexibleTable").IFlexibleTableProps<ITableContent>) => JSX.Element>;
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../theme';
2
2
  import type { IFlexibleTableRowStyles } from './components';
3
3
  export declare const STICKY_SHADOW_PADDING = 12;
4
4
  export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
5
- export declare type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
5
+ export type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakTableRow: IFlexibleTableRowStyles;
7
7
  }>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "second", unknown>;
3
- export declare type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;
3
+ export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
3
3
  export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable", unknown>;
4
- export declare type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
4
+ export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakTableCell: IFlexibleTableCellStyles;
6
6
  }>;
@@ -1,11 +1,11 @@
1
1
  import { FC, ReactNode } from 'react';
2
- export declare type ITextAlignment = 'left' | 'center' | 'right';
3
- export declare type IVerticalAlignment = 'middle' | 'top' | 'bottom' | 'baseline' | 'sub' | string;
4
- export declare type IPosition = 'sticky' | 'absolute' | 'relative' | 'static';
5
- export declare type ITitleComponent<Value> = FC<{
2
+ export type ITextAlignment = 'left' | 'center' | 'right';
3
+ export type IVerticalAlignment = 'middle' | 'top' | 'bottom' | 'baseline' | 'sub' | string;
4
+ export type IPosition = 'sticky' | 'absolute' | 'relative' | 'static';
5
+ export type ITitleComponent<Value> = FC<{
6
6
  value?: Value;
7
7
  }>;
8
- export declare type IValueComponent<Values, Value> = (props: {
8
+ export type IValueComponent<Values, Value> = (props: {
9
9
  value: Value;
10
10
  row: Values;
11
11
  isFocusedRow?: boolean;
@@ -13,7 +13,7 @@ export declare type IValueComponent<Values, Value> = (props: {
13
13
  isRowNestedComponentExpanded: boolean;
14
14
  onSetNestedComponent: (component?: ReactNode) => void;
15
15
  }) => JSX.Element | ReactNode;
16
- export declare type IFlexibleTableConfigType<Values> = {
16
+ export type IFlexibleTableConfigType<Values> = {
17
17
  [Key in keyof Values]?: {
18
18
  title?: ReactNode;
19
19
  titleComponent?: ITitleComponent<unknown>;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ title: string;
3
+ };
4
+ export default _default;
5
+ export declare const Default: () => JSX.Element;
6
+ export declare const Gallery: () => JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
3
- export declare type IIconStyles = ITweakStyles<typeof useStyles>;
3
+ export type IIconStyles = ITweakStyles<typeof useStyles>;
@@ -1 +1 @@
1
- export declare const iconsList: Record<"document" | "direction" | "filter" | "copy" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "time" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
1
+ export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
@@ -7,7 +7,7 @@ export interface ISvgIcon {
7
7
  circles?: Array<SVGAttributes<never>>;
8
8
  rects?: Array<SVGAttributes<never>>;
9
9
  }
10
- export declare type ICommonIcon = keyof typeof iconsList;
11
- export declare type IComplexIcon = keyof typeof complexIcons;
12
- export declare type IIconType = ICommonIcon | IComplexIcon;
13
- export declare type IIcon = IIconType | ReactElement;
10
+ export type ICommonIcon = keyof typeof iconsList;
11
+ export type IComplexIcon = keyof typeof complexIcons;
12
+ export type IIconType = ICommonIcon | IComplexIcon;
13
+ export type IIcon = IIconType | ReactElement;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
6
+ };
7
+ export default _default;
8
+ export declare const Default: ComponentStory<import("react").FC<import("./IncrementInput").IIncrementInputProps>>;
@@ -4,6 +4,6 @@ export declare const BUTTONS_WIDTH = 36;
4
4
  export declare const BUTTONS_GAP = 2;
5
5
  export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
6
6
  export declare const inputStyles: IInputStyles;
7
- export declare type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
7
+ export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
8
8
  tweakInput: IInputStyles;
9
9
  }>;
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory } from '@storybook/react';
3
+ import { IInputProps } from './Input';
4
+ declare const _default: {
5
+ title: string;
6
+ component: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
7
+ argTypes: {
8
+ type: {
9
+ control: string;
10
+ options: ("number" | "text" | "email" | "password" | undefined)[];
11
+ };
12
+ border: {
13
+ control: string;
14
+ options: (string | undefined)[];
15
+ };
16
+ iconType: {
17
+ control: string;
18
+ options: (string | undefined)[];
19
+ };
20
+ errorPosition: {
21
+ control: string;
22
+ options: string[];
23
+ };
24
+ mask: {
25
+ control: string;
26
+ options: (string | undefined)[];
27
+ };
28
+ inlineStyles: {
29
+ control: string;
30
+ options: (string | undefined)[];
31
+ };
32
+ };
33
+ };
34
+ export default _default;
35
+ export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>>;