@true-engineering/true-react-common-ui-kit 4.0.0-alpha2 → 4.0.0-alpha21

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 (215) hide show
  1. package/README.md +11 -567
  2. package/dist/components/Button/Button.styles.d.ts +1 -1
  3. package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
  4. package/dist/components/ControlWrapper/ControlWrapper.d.ts +2 -0
  5. package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts +2 -1
  6. package/dist/components/ControlWrapper/index.d.ts +1 -0
  7. package/dist/components/ControlWrapper/types.d.ts +3 -0
  8. package/dist/components/DatePicker/DatePicker.d.ts +3 -3
  9. package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
  10. package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +2 -4
  11. package/dist/components/DatePicker/helpers.d.ts +3 -0
  12. package/dist/components/DatePicker/types.d.ts +5 -3
  13. package/dist/components/FiltersPane/FiltersPane.d.ts +7 -2
  14. package/dist/components/FiltersPane/components/Filter/Filter.d.ts +2 -2
  15. package/dist/components/FiltersPane/components/Filter/helpers.d.ts +4 -0
  16. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
  17. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
  18. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +3 -1
  19. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +2 -2
  20. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +2 -2
  21. package/dist/components/FiltersPane/types.d.ts +15 -5
  22. package/dist/components/Flag/customFlags/customFlags.d.ts +10 -0
  23. package/dist/components/Flag/customFlags/index.d.ts +1 -0
  24. package/dist/components/FlexibleTable/FlexibleTable.d.ts +4 -2
  25. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -3
  26. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -6
  27. package/dist/components/FlexibleTable/constants.d.ts +18 -2
  28. package/dist/components/FlexibleTable/types.d.ts +8 -8
  29. package/dist/components/Icon/icons-list.d.ts +1 -1
  30. package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
  31. package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -3
  32. package/dist/components/Input/Input.d.ts +3 -2
  33. package/dist/components/Input/InputBase.d.ts +2 -2
  34. package/dist/components/List/List.d.ts +1 -1
  35. package/dist/components/List/index.d.ts +2 -1
  36. package/dist/components/List/types.d.ts +4 -0
  37. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  38. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  39. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +1 -1
  40. package/dist/components/SearchInput/SearchInput.d.ts +2 -2
  41. package/dist/components/Select/Select.d.ts +5 -3
  42. package/dist/components/Select/Select.styles.d.ts +4 -4
  43. package/dist/components/Select/index.d.ts +1 -1
  44. package/dist/components/Status/Status.styles.d.ts +3 -2
  45. package/dist/components/Status/constants.d.ts +0 -1
  46. package/dist/components/Status/index.d.ts +1 -0
  47. package/dist/components/Status/types.d.ts +5 -2
  48. package/dist/components/TextArea/TextArea.d.ts +2 -5
  49. package/dist/components/TextArea/TextArea.styles.d.ts +1 -2
  50. package/dist/components/TextArea/index.d.ts +0 -1
  51. package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
  52. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  53. package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
  54. package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
  55. package/dist/components/WithPopup/WithPopup.d.ts +21 -6
  56. package/dist/components/WithPopup/WithPopup.styles.d.ts +1 -1
  57. package/dist/components/WithPopup/helpers.d.ts +2 -0
  58. package/dist/components/WithPopup/types.d.ts +3 -0
  59. package/dist/components/WithTooltip/WithTooltip.styles.d.ts +1 -0
  60. package/dist/hooks/index.d.ts +1 -0
  61. package/dist/hooks/use-merge.d.ts +1 -0
  62. package/dist/hooks/use-mixed-styles.d.ts +3 -1
  63. package/dist/hooks/use-tweak-styles.d.ts +5 -5
  64. package/dist/style.css +78 -142
  65. package/dist/theme/Provider.d.ts +6 -3
  66. package/dist/theme/common.d.ts +4 -2
  67. package/dist/theme/create-themed-styles.d.ts +2 -0
  68. package/dist/theme/helpers.d.ts +9 -3
  69. package/dist/theme/index.d.ts +2 -0
  70. package/dist/theme/true-jss/ThemedStylesManager.d.ts +18 -0
  71. package/dist/theme/true-jss/TweakStylesManager.d.ts +34 -0
  72. package/dist/theme/true-jss/index.d.ts +2 -0
  73. package/dist/theme/true-jss/jss-context.d.ts +9 -0
  74. package/dist/theme/types.d.ts +5 -3
  75. package/dist/true-react-common-ui-kit.js +7580 -6523
  76. package/dist/true-react-common-ui-kit.js.map +1 -1
  77. package/dist/true-react-common-ui-kit.umd.cjs +7466 -6410
  78. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  79. package/dist/types.d.ts +10 -3
  80. package/package.json +4 -5
  81. package/src/components/ControlWrapper/ControlWrapper.stories.tsx +1 -1
  82. package/src/components/ControlWrapper/ControlWrapper.styles.ts +7 -6
  83. package/src/components/ControlWrapper/ControlWrapper.tsx +8 -2
  84. package/src/components/ControlWrapper/index.ts +1 -0
  85. package/src/components/ControlWrapper/types.ts +4 -0
  86. package/src/components/DatePicker/DatePicker.stories.tsx +2 -1
  87. package/src/components/DatePicker/DatePicker.styles.ts +3 -1
  88. package/src/components/DatePicker/DatePicker.tsx +12 -7
  89. package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +4 -4
  90. package/src/components/DatePicker/helpers.ts +13 -1
  91. package/src/components/DatePicker/types.ts +9 -4
  92. package/src/components/FiltersPane/FiltersPane.stories.tsx +4 -2
  93. package/src/components/FiltersPane/FiltersPane.tsx +19 -13
  94. package/src/components/FiltersPane/components/Filter/Filter.tsx +24 -17
  95. package/src/components/FiltersPane/components/Filter/helpers.ts +18 -0
  96. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +27 -22
  97. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts +1 -0
  98. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +3 -4
  99. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +1 -1
  100. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +7 -5
  101. package/src/components/FiltersPane/types.ts +23 -5
  102. package/src/components/Flag/Flag.stories.tsx +2 -1
  103. package/src/components/Flag/Flag.styles.ts +4 -0
  104. package/src/components/Flag/Flag.tsx +23 -9
  105. package/src/components/Flag/customFlags/AB.svg +1 -0
  106. package/src/components/Flag/customFlags/OS.svg +1 -0
  107. package/src/components/Flag/customFlags/augment.d.ts +1 -0
  108. package/src/components/Flag/customFlags/customFlags.ts +13 -0
  109. package/src/components/Flag/customFlags/index.ts +1 -0
  110. package/src/components/FlexibleTable/FlexibleTable.tsx +13 -12
  111. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +8 -5
  112. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +13 -12
  113. package/src/components/FlexibleTable/constants.ts +6 -3
  114. package/src/components/FlexibleTable/types.ts +8 -12
  115. package/src/components/IncrementInput/IncrementInput.stories.tsx +2 -0
  116. package/src/components/IncrementInput/IncrementInput.styles.ts +31 -39
  117. package/src/components/IncrementInput/IncrementInput.tsx +28 -25
  118. package/src/components/Input/Input.tsx +5 -3
  119. package/src/components/Input/InputBase.tsx +29 -24
  120. package/src/components/List/List.tsx +5 -2
  121. package/src/components/List/index.ts +2 -1
  122. package/src/components/List/types.ts +5 -0
  123. package/src/components/NumberInput/NumberInput.stories.tsx +5 -1
  124. package/src/components/PhoneInput/PhoneInput.stories.tsx +2 -1
  125. package/src/components/PhoneInput/PhoneInput.tsx +5 -2
  126. package/src/components/SearchInput/SearchInput.tsx +20 -29
  127. package/src/components/Select/Select.tsx +12 -2
  128. package/src/components/Select/components/SelectList/SelectList.tsx +1 -1
  129. package/src/components/Select/index.ts +1 -1
  130. package/src/components/Status/Status.stories.tsx +54 -1
  131. package/src/components/Status/Status.styles.ts +2 -37
  132. package/src/components/Status/constants.ts +0 -10
  133. package/src/components/Status/index.ts +1 -1
  134. package/src/components/Status/types.ts +7 -3
  135. package/src/components/TextArea/TextArea.styles.ts +2 -6
  136. package/src/components/TextArea/TextArea.tsx +41 -20
  137. package/src/components/TextArea/index.ts +0 -1
  138. package/src/components/TextButton/TextButton.styles.ts +1 -0
  139. package/src/components/Tooltip/Tooltip.styles.ts +2 -0
  140. package/src/components/Tooltip/Tooltip.tsx +1 -1
  141. package/src/components/WithMessages/WithMessages.stories.tsx +1 -1
  142. package/src/components/WithPopup/WithPopup.stories.tsx +1 -0
  143. package/src/components/WithPopup/WithPopup.styles.ts +2 -0
  144. package/src/components/WithPopup/WithPopup.tsx +64 -16
  145. package/src/components/WithPopup/helpers.ts +9 -0
  146. package/src/components/WithPopup/types.ts +7 -0
  147. package/src/components/WithTooltip/WithTooltip.styles.ts +6 -0
  148. package/src/components/WithTooltip/WithTooltip.tsx +7 -2
  149. package/src/constants/phone-info.ts +20 -33
  150. package/src/helpers/phone.ts +19 -15
  151. package/src/hooks/index.ts +1 -0
  152. package/src/hooks/use-merge.ts +8 -0
  153. package/src/hooks/use-mixed-styles.ts +9 -11
  154. package/src/hooks/use-tweak-styles.ts +49 -27
  155. package/src/theme/Provider.tsx +10 -5
  156. package/src/theme/common.ts +5 -2
  157. package/src/theme/create-themed-styles.ts +78 -0
  158. package/src/theme/helpers.ts +39 -39
  159. package/src/theme/index.ts +2 -0
  160. package/src/theme/true-jss/ThemedStylesManager.ts +92 -0
  161. package/src/theme/true-jss/TweakStylesManager.ts +157 -0
  162. package/src/theme/true-jss/index.ts +2 -0
  163. package/src/theme/true-jss/jss-context.tsx +34 -0
  164. package/src/theme/types.ts +5 -3
  165. package/src/types.ts +17 -4
  166. package/dist/components/AccountInfo/AccountInfo.stories.d.ts +0 -6
  167. package/dist/components/AddButton/AddButton.stories.d.ts +0 -6
  168. package/dist/components/Button/Button.stories.d.ts +0 -6
  169. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -8
  170. package/dist/components/CloseButton/CloseButton.stories.d.ts +0 -5
  171. package/dist/components/Colors/Colors.stories.d.ts +0 -5
  172. package/dist/components/ControlWrapper/ControlWrapper.stories.d.ts +0 -6
  173. package/dist/components/DateInput/DateInput.stories.d.ts +0 -7
  174. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
  175. package/dist/components/Description/Description.stories.d.ts +0 -16
  176. package/dist/components/FileInput/FileInput.stories.d.ts +0 -7
  177. package/dist/components/FileItem/FileItem.stories.d.ts +0 -8
  178. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +0 -31
  179. package/dist/components/Flag/Flag.stories.d.ts +0 -12
  180. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +0 -19
  181. package/dist/components/Icon/Icon.stories.d.ts +0 -6
  182. package/dist/components/IconButton/IconButton.stories.d.ts +0 -6
  183. package/dist/components/IncrementInput/IncrementInput.stories.d.ts +0 -6
  184. package/dist/components/Input/Input.stories.d.ts +0 -25
  185. package/dist/components/List/List.stories.d.ts +0 -5
  186. package/dist/components/Modal/Modal.stories.d.ts +0 -29
  187. package/dist/components/MoreMenu/MoreMenu.stories.d.ts +0 -6
  188. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -13
  189. package/dist/components/NewMoreMenu/NewMoreMenu.stories.d.ts +0 -12
  190. package/dist/components/Notification/Notification.stories.d.ts +0 -8
  191. package/dist/components/NumberInput/NumberInput.stories.d.ts +0 -7
  192. package/dist/components/PhoneInput/PhoneInput.stories.d.ts +0 -28
  193. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +0 -5
  194. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -7
  195. package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -6
  196. package/dist/components/Select/CustomSelect.stories.d.ts +0 -11
  197. package/dist/components/Select/MultiSelect.stories.d.ts +0 -15
  198. package/dist/components/Select/Select.stories.d.ts +0 -15
  199. package/dist/components/Selector/Selector.stories.d.ts +0 -7
  200. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -6
  201. package/dist/components/SmartInput/SmartInput.stories.d.ts +0 -18
  202. package/dist/components/Status/Status.stories.d.ts +0 -6
  203. package/dist/components/Switch/Switch.stories.d.ts +0 -16
  204. package/dist/components/TextArea/TextArea.stories.d.ts +0 -17
  205. package/dist/components/TextArea/types.d.ts +0 -2
  206. package/dist/components/TextButton/TextButton.stories.d.ts +0 -6
  207. package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +0 -12
  208. package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +0 -24
  209. package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +0 -17
  210. package/dist/components/Toaster/Toaster.stories.d.ts +0 -5
  211. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -5
  212. package/dist/components/WithMessages/WithMessages.stories.d.ts +0 -7
  213. package/dist/components/WithPopup/WithPopup.stories.d.ts +0 -16
  214. package/dist/components/WithTooltip/WithTooltip.stories.d.ts +0 -6
  215. package/src/components/TextArea/types.ts +0 -6
@@ -0,0 +1,34 @@
1
+ import { Context, FC, PropsWithChildren, useContext, useMemo } from 'react';
2
+ import { JssContext as JssContextLib } from 'react-jss';
3
+ import { GenerateId } from 'jss';
4
+
5
+ export interface IJssContext {
6
+ generateId?: GenerateId;
7
+ tweakStylesArch?: 'react-jss' | 'true-jss';
8
+ }
9
+
10
+ /** Типизация JssContext оказалась некорректна */
11
+ export const JssContext = JssContextLib as unknown as Context<IJssContext>;
12
+
13
+ export const JssProvider: FC<PropsWithChildren<IJssContext>> = ({
14
+ children,
15
+ tweakStylesArch,
16
+ generateId,
17
+ }) => {
18
+ const context = useContext(JssContext);
19
+
20
+ const value: IJssContext = useMemo(
21
+ () => ({
22
+ ...context,
23
+ tweakStylesArch: tweakStylesArch ?? context.tweakStylesArch,
24
+ generateId: generateId ?? context.generateId,
25
+ }),
26
+ [context, tweakStylesArch, generateId],
27
+ );
28
+
29
+ return (
30
+ <JssContext.Provider key={tweakStylesArch} value={value}>
31
+ {children}
32
+ </JssContext.Provider>
33
+ );
34
+ };
@@ -8,7 +8,6 @@ import type {
8
8
  ICloseButtonStyles,
9
9
  ICommonIcon,
10
10
  IComplexIcon,
11
- IWithMessagesStyles,
12
11
  IControlWrapperStyles,
13
12
  ICssBaselineStyles,
14
13
  IDateInputStyles,
@@ -63,14 +62,17 @@ import type {
63
62
  IThemedPreloaderStyles,
64
63
  IToasterStyles,
65
64
  ITooltipStyles,
65
+ IWithMessagesStyles,
66
66
  IWithPopupStyles,
67
67
  IWithTooltipStyles,
68
68
  } from '../components';
69
69
 
70
- export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
70
+ export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
71
71
 
72
+ export type IMaybeArray<T> = T[] | T;
73
+ export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
72
74
  export type IUseStyles<C extends string, P = unknown> = (
73
- data?: P & { theme?: Partial<Styles<C, P>> },
75
+ data?: P & { theme?: IMaybeArray<Partial<Styles<C, P>>> },
74
76
  ) => Classes<C>;
75
77
 
76
78
  export type ITweakStyles<
package/src/types.ts CHANGED
@@ -1,13 +1,15 @@
1
- import {
1
+ import type {
2
2
  FocusEventHandler,
3
- type KeyboardEvent,
3
+ KeyboardEvent,
4
4
  KeyboardEventHandler,
5
5
  MouseEvent,
6
6
  MouseEventHandler,
7
7
  PointerEventHandler,
8
8
  ReactNode,
9
9
  } from 'react';
10
- import { Modifier, Placement } from 'react-overlays/usePopper';
10
+ import type { Modifier, Placement } from 'react-overlays/usePopper';
11
+ import type { JssStyle } from 'jss';
12
+ import type { IMaybeArray } from './theme';
11
13
 
12
14
  export interface ITestIdProps {
13
15
  testId?: string;
@@ -22,7 +24,7 @@ export interface IDataAttributesProps extends ITestIdProps {
22
24
  }
23
25
 
24
26
  export interface ITweakStylesProps<TweakStyles> {
25
- tweakStyles?: TweakStyles;
27
+ tweakStyles?: IMaybeArray<TweakStyles>;
26
28
  }
27
29
 
28
30
  export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;
@@ -63,3 +65,14 @@ export interface IDomElementInteractions<T> {
63
65
  }
64
66
 
65
67
  export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);
68
+
69
+ export type IExtendableProps<T extends string | readonly string[]> = Record<
70
+ T extends ReadonlyArray<infer P> ? P : T,
71
+ JssStyle
72
+ >;
73
+
74
+ export type IDefaultExtendableProps = IExtendableProps<'custom'>;
75
+
76
+ export type IWithPrefix<T, P extends string> = {
77
+ [K in keyof T as `${P}${K & string}`]: T[K];
78
+ };
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./AccountInfo").IAccountInfoProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AccountInfo").IAccountInfoProps>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./AddButton").IAddButtonProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AddButton").IAddButtonProps>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
3
- import { Button, IButtonProps } from './Button';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export default _default;
6
- export declare const Default: ComponentStory<typeof Button>;
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- import { Checkbox as CheckboxComponent, ICheckboxProps } from './Checkbox';
4
- declare const CheckboxComponentWithData: FC<ICheckboxProps<string>>;
5
- declare const meta: Meta<typeof CheckboxComponentWithData>;
6
- export default meta;
7
- type Story = StoryObj<typeof CheckboxComponent>;
8
- export declare const Default: Story;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { CloseButton } from './CloseButton';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./CloseButton").ICloseButtonProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof CloseButton>;
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: () => JSX.Element;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./ControlWrapper").IControlWrapperProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ControlWrapper").IControlWrapperProps>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Description").IDescriptionProps>;
4
- argTypes: {
5
- truncateIndex: {
6
- control: {
7
- type: string;
8
- min: number;
9
- max: number;
10
- step: number;
11
- };
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Description").IDescriptionProps>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,8 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { FileItem, IFileItemProps } from './FileItem';
3
- declare const _default: {
4
- title: string;
5
- component: import("react").FC<IFileItemProps>;
6
- };
7
- export default _default;
8
- export declare const Default: ComponentStory<typeof FileItem>;
@@ -1,31 +0,0 @@
1
- import { IFiltersPaneProps } from './FiltersPane';
2
- interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
3
- containerWidth: number;
4
- isSearchDisabled: boolean;
5
- shouldShowSettingsButton: boolean;
6
- withFieldNameInLabel: boolean;
7
- isGroupingEnabled: boolean;
8
- checkboxPosition: 'left' | 'right';
9
- isClearableFields: boolean;
10
- }
11
- declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
12
- declare const _default: {
13
- title: string;
14
- component: typeof FiltersPaneWithCustomProps;
15
- argTypes: {
16
- containerWidth: {
17
- control: {
18
- type: string;
19
- min: number;
20
- max: number;
21
- step: number;
22
- };
23
- };
24
- checkboxPosition: {
25
- control: string;
26
- options: string[];
27
- };
28
- };
29
- };
30
- export default _default;
31
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<unknown, unknown>>;
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Flag").IFlagProps>;
4
- argTypes: {
5
- countryCode: {
6
- control: string;
7
- options: string[];
8
- };
9
- };
10
- };
11
- export default _default;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Flag").IFlagProps>;
@@ -1,19 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<import("./types").ITableRow, Partial<Record<string, unknown>>, string>>;
2
- export default _default;
3
- interface ITableContent {
4
- contractCode: string;
5
- validFrom: Date;
6
- validTo: Date;
7
- validTo1?: Date;
8
- validTo2?: Date;
9
- title: string;
10
- signDate: Date;
11
- partner: string;
12
- partnerDescription: string;
13
- parentContract: string;
14
- currency: string;
15
- status: string;
16
- note?: string;
17
- publicNote?: string;
18
- }
19
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<ITableContent, Partial<Record<keyof ITableContent, unknown>>, keyof ITableContent>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: () => import("react/jsx-runtime").JSX.Element;
6
- export declare const Gallery: () => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
3
- import { IconButton } from './IconButton';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./IconButton").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export default _default;
6
- export declare const Default: ComponentStory<typeof IconButton>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./IncrementInput").IIncrementInputProps>;
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
5
- argTypes: {
6
- type: {
7
- control: string;
8
- options: (import("react").HTMLInputTypeAttribute | undefined)[];
9
- };
10
- icon: {
11
- control: string;
12
- options: (string | undefined)[];
13
- };
14
- mask: {
15
- control: string;
16
- options: (string | undefined)[];
17
- };
18
- groupPositions: {
19
- control: string;
20
- options: (string | undefined)[];
21
- };
22
- };
23
- };
24
- export default _default;
25
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { List } from './List';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./List").IListProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof List>;
@@ -1,29 +0,0 @@
1
- import { FC } from 'react';
2
- import { IModalProps } from './Modal';
3
- export interface IModalWithCustomProps extends IModalProps {
4
- textSize: 'small' | 'medium' | 'large';
5
- }
6
- declare const _default: {
7
- title: string;
8
- component: FC<IModalProps>;
9
- argTypes: {
10
- buttonsAlign: {
11
- control: string;
12
- options: string[];
13
- };
14
- textSize: {
15
- control: string;
16
- options: string[];
17
- };
18
- size: {
19
- control: string;
20
- options: string[];
21
- };
22
- position: {
23
- control: string;
24
- options: string[];
25
- };
26
- };
27
- };
28
- export default _default;
29
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IModalWithCustomProps>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./MoreMenu").IMoreMenuProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./MoreMenu").IMoreMenuProps>;
@@ -1,13 +0,0 @@
1
- import { MultiSelect } from './MultiSelect';
2
- declare const _default: {
3
- title: string;
4
- component: typeof MultiSelect;
5
- argTypes: {
6
- corners: {
7
- control: string;
8
- options: string[];
9
- };
10
- };
11
- };
12
- export default _default;
13
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./MultiSelect").IMultiSelectProps<unknown>>;
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./NewMoreMenu").INewMoreMenuProps>;
4
- argTypes: {
5
- placement: {
6
- control: string;
7
- options: string[];
8
- };
9
- };
10
- };
11
- export default _default;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./NewMoreMenu").INewMoreMenuProps>;
@@ -1,8 +0,0 @@
1
- import { Story } from '@storybook/react';
2
- import { INotificationProps } from './Notification';
3
- interface IStory extends INotificationProps {
4
- shouldUseChildrenInstead: boolean;
5
- }
6
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, IStory>;
7
- export default _default;
8
- export declare const Default: Story<IStory>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,28 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./PhoneInput").IPhoneInputProps>;
4
- argTypes: {
5
- icon: {
6
- control: string;
7
- options: (string | undefined)[];
8
- };
9
- errorPosition: {
10
- control: string;
11
- options: string[];
12
- };
13
- border: {
14
- control: string;
15
- options: (string | undefined)[];
16
- };
17
- groupPlacement: {
18
- control: string;
19
- options: (string | undefined)[];
20
- };
21
- defaultCountryCode: {
22
- control: string;
23
- options: string[];
24
- };
25
- };
26
- };
27
- export default _default;
28
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./PhoneInput").IPhoneInputProps>;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { PhoneInputCountryList } from './PhoneInputCountryList';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./PhoneInputCountryList").IPhoneInputCountryListProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof PhoneInputCountryList>;
@@ -1,7 +0,0 @@
1
- import { RadioButton } from './RadioButton';
2
- declare const _default: {
3
- title: string;
4
- component: typeof RadioButton;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./RadioButton").IRadioButtonProps<string>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./SearchInput").ISearchInputProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<import("./SearchInput.styles").ISearchInputStyles>>;
@@ -1,11 +0,0 @@
1
- import { type ISelectProps } from './Select';
2
- interface ISelectWithCustomProps<Option> extends ISelectProps<Option> {
3
- shouldUsePopper?: boolean;
4
- shouldRenderInBody?: boolean;
5
- shouldHideOnScroll?: boolean;
6
- canBeFlipped?: boolean;
7
- scrollParent?: 'document' | 'auto';
8
- }
9
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
10
- export default _default;
11
- export declare const CustomSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
@@ -1,15 +0,0 @@
1
- import { IMultipleSelectProps } from './Select';
2
- interface ISelectWithCustomProps<T> extends IMultipleSelectProps<T> {
3
- valuesType: 'strings' | 'objects';
4
- shouldUseReactNodes?: boolean;
5
- shouldUsePopper?: boolean;
6
- shouldRenderInBody?: boolean;
7
- shouldHideOnScroll?: boolean;
8
- shouldUseCustomIsDisabledFunction?: boolean;
9
- shouldRenderSearchInputInList?: boolean;
10
- canBeFlipped?: boolean;
11
- scrollParent?: 'document' | 'auto';
12
- }
13
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
14
- export default _default;
15
- export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
@@ -1,15 +0,0 @@
1
- import { ISelectProps } from './Select';
2
- interface ISelectWithCustomProps<T> extends ISelectProps<T> {
3
- valuesType: 'strings' | 'objects';
4
- shouldUseReactNodes?: boolean;
5
- shouldUsePopper?: boolean;
6
- shouldRenderInBody?: boolean;
7
- shouldHideOnScroll?: boolean;
8
- shouldUseCustomIsDisabledFunction?: boolean;
9
- shouldRenderSearchInputInList?: boolean;
10
- canBeFlipped?: boolean;
11
- scrollParent?: 'document' | 'auto';
12
- }
13
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
14
- export default _default;
15
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
@@ -1,7 +0,0 @@
1
- import { Selector } from './Selector';
2
- declare const _default: {
3
- title: string;
4
- component: typeof Selector;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Selector").ISelectorProps<import("./types").ISelectorValue>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Skeleton").ISkeletonProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Skeleton").ISkeletonProps>;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { ISmartType } from './types';
3
- declare const _default: {
4
- title: string;
5
- component: import("react").ForwardRefExoticComponent<import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
6
- argTypes: {
7
- type: {
8
- control: string;
9
- options: (import("react").HTMLInputTypeAttribute | undefined)[];
10
- };
11
- smartType: {
12
- control: string;
13
- options: ISmartType[];
14
- };
15
- };
16
- };
17
- export default _default;
18
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Status").IStatusProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Status").IStatusProps>;
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element;
4
- argTypes: {
5
- labelPosition: {
6
- control: string;
7
- options: string[];
8
- };
9
- color: {
10
- control: string;
11
- options: string[];
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Switch").ISwitchProps<string>>;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
5
- argTypes: {
6
- maxLength: {
7
- control: {
8
- type: string;
9
- min: number;
10
- max: number;
11
- step: number;
12
- };
13
- };
14
- };
15
- };
16
- export default _default;
17
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -1,2 +0,0 @@
1
- import { TextareaHTMLAttributes } from 'react';
2
- export type ITextAreaHTMLBaseProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder' | 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
3
- import { TextButton } from './TextButton';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextButton").ITextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export default _default;
6
- export declare const Default: ComponentStory<typeof TextButton>;
@@ -1,12 +0,0 @@
1
- import { FC } from 'react';
2
- import { ITextWithInfoProps } from './TextWithInfo';
3
- interface ITextWithInfoWithCustomProps extends ITextWithInfoProps {
4
- infoTooltip: string;
5
- link: string;
6
- }
7
- declare const _default: {
8
- title: string;
9
- component: FC<ITextWithInfoWithCustomProps>;
10
- };
11
- export default _default;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ITextWithInfoWithCustomProps>;