torgbox-ui 1.0.2 → 1.0.4

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 (152) hide show
  1. package/README.md +5 -4
  2. package/dist/torgbox-ui.cjs.js +54 -0
  3. package/dist/torgbox-ui.css +1 -0
  4. package/dist/torgbox-ui.es.js +9875 -0
  5. package/dist/types/.storybook/decorators/ReduxDecorator.d.ts +2 -0
  6. package/dist/types/.storybook/decorators/RouterDecorator.d.ts +2 -0
  7. package/dist/types/.storybook/decorators/index.d.ts +2 -0
  8. package/dist/types/src/Inputs/Button/Button.d.ts +17 -0
  9. package/dist/types/src/Inputs/Button/Button.stories.d.ts +21 -0
  10. package/dist/types/src/Inputs/Button/Icon.stories.d.ts +20 -0
  11. package/dist/types/src/Inputs/Button/index.d.ts +1 -0
  12. package/dist/types/src/Inputs/Checkbox/Checkbox.d.ts +11 -0
  13. package/dist/types/src/Inputs/Checkbox/Checkbox.stories.d.ts +11 -0
  14. package/dist/types/src/Inputs/Checkbox/index.d.ts +1 -0
  15. package/dist/types/src/Inputs/EmailField/EmailField.d.ts +7 -0
  16. package/dist/types/src/Inputs/EmailField/EmailField.stories.d.ts +8 -0
  17. package/dist/types/src/Inputs/EmailField/ErrorMessages.d.ts +3 -0
  18. package/dist/types/src/Inputs/EmailField/index.d.ts +2 -0
  19. package/dist/types/src/Inputs/InnField/ErrorMessages.d.ts +1 -0
  20. package/dist/types/src/Inputs/InnField/InnField.d.ts +6 -0
  21. package/dist/types/src/Inputs/InnField/InnField.stories.d.ts +8 -0
  22. package/dist/types/src/Inputs/InnField/index.d.ts +2 -0
  23. package/dist/types/src/Inputs/NameField/ErrorMessages.d.ts +8 -0
  24. package/dist/types/src/Inputs/NameField/NameField.d.ts +9 -0
  25. package/dist/types/src/Inputs/NameField/NameField.stories.d.ts +8 -0
  26. package/dist/types/src/Inputs/NameField/index.d.ts +2 -0
  27. package/dist/types/src/Inputs/OtpInput/ErrorMessages.d.ts +1 -0
  28. package/dist/types/src/Inputs/OtpInput/OtpInput.d.ts +9 -0
  29. package/dist/types/src/Inputs/OtpInput/OtpInput.stories.d.ts +8 -0
  30. package/dist/types/src/Inputs/OtpInput/index.d.ts +2 -0
  31. package/dist/types/src/Inputs/PasswordField/ErrorMessages.d.ts +2 -0
  32. package/dist/types/src/Inputs/PasswordField/PasswordField.d.ts +7 -0
  33. package/dist/types/src/Inputs/PasswordField/PasswordField.stories.d.ts +8 -0
  34. package/dist/types/src/Inputs/PasswordField/index.d.ts +2 -0
  35. package/dist/types/src/Inputs/PhoneField/ErrorMessages.d.ts +2 -0
  36. package/dist/types/src/Inputs/PhoneField/PhoneField.d.ts +6 -0
  37. package/dist/types/src/Inputs/PhoneField/PhoneField.stories.d.ts +8 -0
  38. package/dist/types/src/Inputs/PhoneField/index.d.ts +2 -0
  39. package/dist/types/src/Inputs/RepeatPasswordField/ErrorMessages.d.ts +2 -0
  40. package/dist/types/src/Inputs/RepeatPasswordField/RepeatPasswordField.d.ts +6 -0
  41. package/dist/types/src/Inputs/RepeatPasswordField/index.d.ts +2 -0
  42. package/dist/types/src/Inputs/Selector/Collapse.d.ts +12 -0
  43. package/dist/types/src/Inputs/Selector/Collapse.stories.d.ts +8 -0
  44. package/dist/types/src/Inputs/Selector/Dropdown.d.ts +13 -0
  45. package/dist/types/src/Inputs/Selector/Dropdown.stories.d.ts +9 -0
  46. package/dist/types/src/Inputs/Selector/Option/Option.d.ts +13 -0
  47. package/dist/types/src/Inputs/Selector/Option/Option.stories.d.ts +9 -0
  48. package/dist/types/src/Inputs/Selector/index.d.ts +3 -0
  49. package/dist/types/src/Inputs/TextField/TextField.d.ts +25 -0
  50. package/dist/types/src/Inputs/TextField/TextField.stories.d.ts +12 -0
  51. package/dist/types/src/Inputs/TextField/index.d.ts +1 -0
  52. package/dist/types/src/Inputs/index.d.ts +11 -0
  53. package/dist/types/src/Pages/ContentPage/ContentPage.d.ts +6 -0
  54. package/dist/types/src/Pages/ContentPage/ContentPage.stories.d.ts +6 -0
  55. package/dist/types/src/Pages/ContentPage/index.d.ts +1 -0
  56. package/dist/types/src/Pages/CreatePasswordPage/CreatePasswordPage.d.ts +1 -0
  57. package/dist/types/src/Pages/CreatePasswordPage/CreatePasswordPage.stories.d.ts +7 -0
  58. package/dist/types/src/Pages/CreatePasswordPage/index.d.ts +1 -0
  59. package/dist/types/src/Pages/CreateTeamPage/CreateTeamPage.d.ts +4 -0
  60. package/dist/types/src/Pages/CreateTeamPage/CreateTeamPage.stories.d.ts +7 -0
  61. package/dist/types/src/Pages/CreateTeamPage/index.d.ts +1 -0
  62. package/dist/types/src/Pages/EmailConfirmationPage/EmailConfirmationPage.d.ts +4 -0
  63. package/dist/types/src/Pages/EmailConfirmationPage/EmailConfirmationPage.stories.d.ts +8 -0
  64. package/dist/types/src/Pages/EmailConfirmationPage/index.d.ts +1 -0
  65. package/dist/types/src/Pages/JoinTeamPage/JoinTeamPage.d.ts +1 -0
  66. package/dist/types/src/Pages/JoinTeamPage/JoinTeamPage.stories.d.ts +7 -0
  67. package/dist/types/src/Pages/JoinTeamPage/index.d.ts +1 -0
  68. package/dist/types/src/Pages/LoginPage/LoginPage.d.ts +1 -0
  69. package/dist/types/src/Pages/LoginPage/LoginPage.stories.d.ts +7 -0
  70. package/dist/types/src/Pages/LoginPage/index.d.ts +1 -0
  71. package/dist/types/src/Pages/RegisterPage/RegisterPage.d.ts +1 -0
  72. package/dist/types/src/Pages/RegisterPage/RegisterPage.stories.d.ts +7 -0
  73. package/dist/types/src/Pages/RegisterPage/index.d.ts +1 -0
  74. package/dist/types/src/Pages/ResetPasswordPage/ResetPasswordPage.d.ts +1 -0
  75. package/dist/types/src/Pages/ResetPasswordPage/ResetPasswordPage.stories.d.ts +7 -0
  76. package/dist/types/src/Pages/ResetPasswordPage/index.d.ts +1 -0
  77. package/dist/types/src/Pages/StartPage/StartPage.d.ts +4 -0
  78. package/dist/types/src/Pages/StartPage/StartPage.stories.d.ts +7 -0
  79. package/dist/types/src/Pages/StartPage/index.d.ts +1 -0
  80. package/dist/types/src/Pages/index.d.ts +6 -0
  81. package/dist/types/src/Utils/Divider/Divider.d.ts +1 -0
  82. package/dist/types/src/Utils/ErrorBanner/ErrorBanner.d.ts +4 -0
  83. package/dist/types/src/Utils/ErrorBanner/index.d.ts +1 -0
  84. package/dist/types/src/Utils/Link/Link.d.ts +7 -0
  85. package/dist/types/src/Utils/Link/Link.stories.d.ts +8 -0
  86. package/dist/types/src/Utils/Link/index.d.ts +1 -0
  87. package/dist/types/src/Utils/Modal/Modal.d.ts +8 -0
  88. package/dist/types/src/Utils/Modal/Modal.stories.d.ts +6 -0
  89. package/dist/types/src/Utils/Modal/index.d.ts +1 -0
  90. package/dist/types/src/Utils/Portal/Portal.d.ts +7 -0
  91. package/dist/types/src/Utils/SectionPlaceholder/SectionPlaceholder.d.ts +5 -0
  92. package/dist/types/src/Utils/Spinner/Spinner.d.ts +5 -0
  93. package/dist/types/src/Utils/api.d.ts +1 -0
  94. package/dist/types/src/Utils/index.d.ts +7 -0
  95. package/dist/types/src/Widgets/Header/Header.d.ts +7 -0
  96. package/dist/types/src/Widgets/Header/Header.stories.d.ts +6 -0
  97. package/dist/types/src/Widgets/Header/index.d.ts +1 -0
  98. package/dist/types/src/Widgets/Sidebar/Sidebar.d.ts +9 -0
  99. package/dist/types/src/Widgets/Sidebar/Sidebar.stories.d.ts +6 -0
  100. package/dist/types/src/Widgets/Sidebar/index.d.ts +1 -0
  101. package/dist/types/src/Widgets/index.d.ts +2 -0
  102. package/dist/types/src/app/main.d.ts +1 -0
  103. package/dist/types/src/app/routes/AppRouter.d.ts +1 -0
  104. package/dist/types/src/app/routes/index.d.ts +1 -0
  105. package/dist/types/src/app/store/index.d.ts +1 -0
  106. package/dist/types/src/app/store/store.d.ts +14 -0
  107. package/dist/types/src/entities/user/api/api.d.ts +648 -0
  108. package/dist/types/src/entities/user/api/index.d.ts +1 -0
  109. package/dist/types/src/entities/user/index.d.ts +2 -0
  110. package/dist/types/src/entities/user/model/index.d.ts +3 -0
  111. package/dist/types/src/entities/user/model/selectors.d.ts +4 -0
  112. package/dist/types/src/entities/user/model/slice.d.ts +10 -0
  113. package/dist/types/src/entities/user/model/types.d.ts +17 -0
  114. package/dist/{index.d.ts → types/src/index.d.ts} +1 -1
  115. package/dist/types/src/shared/model/api.d.ts +6 -0
  116. package/dist/types/src/shared/model/constants.d.ts +1 -0
  117. package/dist/types/src/shared/model/index.d.ts +2 -0
  118. package/dist/types/src/shared/ui/Avatar/Avatar.d.ts +8 -0
  119. package/dist/types/src/shared/ui/Avatar/Avatar.stories.d.ts +6 -0
  120. package/dist/types/src/shared/ui/Avatar/index.d.ts +1 -0
  121. package/dist/types/src/shared/ui/index.d.ts +1 -0
  122. package/dist/types/src/tools/customValidators.d.ts +5 -0
  123. package/dist/types/src/tools/getCoords.d.ts +12 -0
  124. package/dist/types/src/tools/regExp.d.ts +5 -0
  125. package/package.json +83 -23
  126. package/dist/Inputs/Button/Button.d.ts +0 -14
  127. package/dist/Inputs/Button/Button.js +0 -11
  128. package/dist/Inputs/Button/button.css +0 -30
  129. package/dist/Inputs/Button/index.d.ts +0 -1
  130. package/dist/Inputs/Button/index.js +0 -1
  131. package/dist/Inputs/index.css +0 -30
  132. package/dist/Inputs/index.d.ts +0 -1
  133. package/dist/Inputs/index.js +0 -1
  134. package/dist/Pages/InnerPage/InnerPage.d.ts +0 -2
  135. package/dist/Pages/InnerPage/InnerPage.js +0 -36
  136. package/dist/Pages/InnerPage/index.d.ts +0 -1
  137. package/dist/Pages/InnerPage/index.js +0 -1
  138. package/dist/Pages/InnerPage/innerPage.css +0 -69
  139. package/dist/Pages/index.css +0 -69
  140. package/dist/Pages/index.d.ts +0 -1
  141. package/dist/Pages/index.js +0 -1
  142. package/dist/Sections/Header/Header.d.ts +0 -12
  143. package/dist/Sections/Header/Header.js +0 -16
  144. package/dist/Sections/Header/header.css +0 -32
  145. package/dist/Sections/Header/index.d.ts +0 -1
  146. package/dist/Sections/Header/index.js +0 -1
  147. package/dist/Sections/index.css +0 -32
  148. package/dist/Sections/index.d.ts +0 -1
  149. package/dist/Sections/index.js +0 -1
  150. package/dist/index.css +0 -133
  151. package/dist/index.js +0 -3
  152. package/torgbox-ui-1.0.2.tgz +0 -0
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const ReduxDecorator: (Story: () => React.ReactNode) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const RouterDecorator: (Story: () => React.ReactNode) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { ReduxDecorator } from './ReduxDecorator';
2
+ export { RouterDecorator } from './RouterDecorator';
@@ -0,0 +1,17 @@
1
+ import { type ButtonHTMLAttributes, type ReactNode } from 'react';
2
+ export type TButtonSize = 'large' | 'medium' | 'small';
3
+ export type TButtonState = 'idle' | 'loading' | 'disabled';
4
+ export type TIconPosition = 'left' | 'right';
5
+ export type TButtonVariant = 'filled' | 'outlined-color' | 'outlined-neutral' | 'clear-color' | 'clear-neutral';
6
+ export interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
7
+ label?: string;
8
+ size?: TButtonSize;
9
+ variant?: TButtonVariant;
10
+ state?: TButtonState;
11
+ iconComponent?: ReactNode;
12
+ iconPosition?: TIconPosition;
13
+ onClick?: () => void;
14
+ fullWidth?: boolean;
15
+ className?: string;
16
+ }
17
+ export declare const Button: (props: IButton) => React.JSX.Element;
@@ -0,0 +1,21 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IButton } from './Button';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IButton>;
6
+ export declare const ButtonFilled: Story;
7
+ export declare const ButtonFilledLoading: Story;
8
+ export declare const ButtonFilledDisable: Story;
9
+ export declare const ButtonOutlinedColor: Story;
10
+ export declare const ButtonOutlinedColorLoading: Story;
11
+ export declare const ButtonOutlinedColorDisable: Story;
12
+ export declare const ButtonOutlinedNeutral: Story;
13
+ export declare const ButtonOutlinedNeutralLoading: Story;
14
+ export declare const ButtonOutlinedNeutralDisable: Story;
15
+ export declare const ButtonClearColor: Story;
16
+ export declare const ButtonClearColorLoading: Story;
17
+ export declare const ButtonClearColorDisable: Story;
18
+ export declare const ButtonClearNeutral: Story;
19
+ export declare const ButtonClearNeutralLoading: Story;
20
+ export declare const ButtonClearNeutralDisable: Story;
21
+ export declare const Pushed: Story;
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IButton } from './Button';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IButton>;
6
+ export declare const IconFilled: Story;
7
+ export declare const IconFilledLoading: Story;
8
+ export declare const IconFilledDisable: Story;
9
+ export declare const IconOutlinedColor: Story;
10
+ export declare const IconOutlinedColorLoading: Story;
11
+ export declare const IconOutlinedColorDisable: Story;
12
+ export declare const IconOutlinedNeutral: Story;
13
+ export declare const IconOutlinedNeutralLoading: Story;
14
+ export declare const IconOutlinedNeutralDisable: Story;
15
+ export declare const IconClearColor: Story;
16
+ export declare const IconClearColorLoading: Story;
17
+ export declare const IconClearColorDisable: Story;
18
+ export declare const IconClearNeutral: Story;
19
+ export declare const IconClearNeutralLoading: Story;
20
+ export declare const IconClearNeutralDisable: Story;
@@ -0,0 +1 @@
1
+ export { Button, type IButton, type TButtonState } from './Button';
@@ -0,0 +1,11 @@
1
+ type TCheckBoxSize = 'small' | 'medium';
2
+ export interface ICheckbox {
3
+ label?: string;
4
+ size?: TCheckBoxSize;
5
+ disabled?: boolean;
6
+ checked: boolean;
7
+ partial?: boolean;
8
+ onClick: (state: boolean) => void;
9
+ }
10
+ export declare const Checkbox: (props: ICheckbox) => JSX.Element;
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type ICheckbox } from './Checkbox';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ICheckbox>;
6
+ export declare const CheckboxUnchecked: Story;
7
+ export declare const CheckboxChecked: Story;
8
+ export declare const CheckboxPartialChecked: Story;
9
+ export declare const CheckboxUncheckedDisabled: Story;
10
+ export declare const CheckboxCheckedDisabled: Story;
11
+ export declare const CheckboxPartialCheckedDisabled: Story;
@@ -0,0 +1 @@
1
+ export { Checkbox, type ICheckbox } from './Checkbox';
@@ -0,0 +1,7 @@
1
+ import { type THTMLInput } from '../TextField';
2
+ export interface IEmailField extends THTMLInput {
3
+ onValidated: (state: boolean) => void;
4
+ onTextValid: (value: string) => void;
5
+ checkEmail?: boolean;
6
+ }
7
+ export declare const EmailField: (props: IEmailField) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import type { ITextField } from '../TextField';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const EmailFieldInactive: Story;
7
+ export declare const EmailFieldError: Story;
8
+ export declare const EmailFieldWithValue: Story;
@@ -0,0 +1,3 @@
1
+ export declare const emptyEmailError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 email";
2
+ export declare const notCorrectEmailError = "\u041D\u0435\u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u044B\u0439 email";
3
+ export declare const checkEmailError = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u0441 \u0442\u0430\u043A\u0438\u043C email \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D";
@@ -0,0 +1,2 @@
1
+ export { EmailField } from './EmailField';
2
+ export { emptyEmailError, notCorrectEmailError, checkEmailError } from './ErrorMessages';
@@ -0,0 +1 @@
1
+ export declare const InnError = "\u0418\u041D\u041D - 10 \u0446\u0438\u0444\u0440 \u0434\u043B\u044F \u042E\u041B \u0438\u043B\u0438 12 \u0434\u043B\u044F \u0424\u041B";
@@ -0,0 +1,6 @@
1
+ import { type THTMLInput } from '../TextField';
2
+ export interface IInnField extends THTMLInput {
3
+ onValidated: (state: boolean) => void;
4
+ onTextValid: (value: string) => void;
5
+ }
6
+ export declare const InnField: (props: IInnField) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import type { ITextField } from '../TextField';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const InnFieldInactive: Story;
7
+ export declare const InnFieldError: Story;
8
+ export declare const InnFieldWithValue: Story;
@@ -0,0 +1,2 @@
1
+ export { InnField } from './InnField';
2
+ export { InnError } from './ErrorMessages';
@@ -0,0 +1,8 @@
1
+ export declare const emptyFirstNameError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043C\u044F";
2
+ export declare const emptyLastNameError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E";
3
+ export declare const emptyPatronymicNameError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043E\u0442\u0447\u0435\u0441\u0442\u0432\u043E";
4
+ export declare const emptyFullNameError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0424\u0418\u041E";
5
+ export declare const notCorrectFirstNameError = "\u041D\u0435\u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0435 \u0438\u043C\u044F";
6
+ export declare const notCorrectLastNameError = "\u041D\u0435\u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u0430\u044F \u0444\u0430\u043C\u0438\u043B\u0438\u044F";
7
+ export declare const notCorrectPatronymicNameError = "\u041D\u0435\u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0435 \u043E\u0442\u0447\u0435\u0441\u0442\u0432\u043E";
8
+ export declare const notCorrectFullNameError = "\u041D\u0435\u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0435 \u0424\u0418\u041E";
@@ -0,0 +1,9 @@
1
+ import { type THTMLInput } from '../TextField';
2
+ type TNameType = 'firstName' | 'lastName' | 'patronymic' | 'fullName';
3
+ export interface INameField extends THTMLInput {
4
+ onValidated: (state: boolean) => void;
5
+ onTextValid: (value: string) => void;
6
+ nameType?: TNameType;
7
+ }
8
+ export declare const NameField: (props: INameField) => JSX.Element;
9
+ export {};
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import type { ITextField } from '../TextField';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const NameFieldInactive: Story;
7
+ export declare const NameFieldError: Story;
8
+ export declare const NameFieldWithValue: Story;
@@ -0,0 +1,2 @@
1
+ export { NameField } from './NameField';
2
+ export { emptyFirstNameError, emptyLastNameError, emptyPatronymicNameError, emptyFullNameError, notCorrectFirstNameError, notCorrectLastNameError, notCorrectPatronymicNameError, notCorrectFullNameError } from './ErrorMessages';
@@ -0,0 +1 @@
1
+ export declare const otpError = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434. \u0421\u0432\u0435\u0440\u044C\u0442\u0435\u0441\u044C \u0441 \u043F\u0438\u0441\u044C\u043C\u043E\u043C";
@@ -0,0 +1,9 @@
1
+ export interface IOtpInput {
2
+ length?: number;
3
+ errorMessage: string;
4
+ responseReceived: boolean;
5
+ loading: boolean;
6
+ onComplete: (pin: string) => void;
7
+ setErrorMessage: (value: string) => void;
8
+ }
9
+ export declare const OtpInput: (props: IOtpInput) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IOtpInput } from './OtpInput';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IOtpInput>;
6
+ export declare const OtpInputDefault: Story;
7
+ export declare const OtpInputError: Story;
8
+ export declare const OtpInputWithValue: Story;
@@ -0,0 +1,2 @@
1
+ export { OtpInput } from './OtpInput';
2
+ export { otpError } from './ErrorMessages';
@@ -0,0 +1,2 @@
1
+ export declare const emptyPasswordError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C";
2
+ export declare const notCorrectPasswordError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C \u043D\u0435 \u043C\u0435\u043D\u0435\u0435 6 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432";
@@ -0,0 +1,7 @@
1
+ import { type ITextField, type THTMLInput } from '../TextField';
2
+ export interface IPasswordField extends THTMLInput, Pick<ITextField, 'onVisibilityToggle'> {
3
+ onValidated: (state: boolean) => void;
4
+ onPasswordInput: (value: string) => void;
5
+ hidePassword?: boolean;
6
+ }
7
+ export declare const PasswordField: (props: IPasswordField) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type ITextField } from '../index';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const PasswordFieldInactive: Story;
7
+ export declare const PasswordFieldError: Story;
8
+ export declare const PasswordFieldWithValue: Story;
@@ -0,0 +1,2 @@
1
+ export { PasswordField } from './PasswordField';
2
+ export { emptyPasswordError, notCorrectPasswordError } from './ErrorMessages';
@@ -0,0 +1,2 @@
1
+ export declare const emptyPhoneError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430";
2
+ export declare const notCorrectPhoneError = "\u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u2014 10 \u0446\u0438\u0444\u0440";
@@ -0,0 +1,6 @@
1
+ import { type THTMLInput } from '../TextField';
2
+ export interface IPhoneField extends THTMLInput {
3
+ onValidated: (state: boolean) => void;
4
+ onTextValid: (value: string) => void;
5
+ }
6
+ export declare const PhoneField: (props: IPhoneField) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import type { ITextField } from '../TextField';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const PhoneFieldInactive: Story;
7
+ export declare const PhoneFieldError: Story;
8
+ export declare const PhoneFieldWithValue: Story;
@@ -0,0 +1,2 @@
1
+ export { PhoneField } from './PhoneField';
2
+ export { emptyPhoneError, notCorrectPhoneError } from './ErrorMessages';
@@ -0,0 +1,2 @@
1
+ export declare const emptyRepeatPasswordError = "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E";
2
+ export declare const notCorrectRepeatPasswordError = "\u041F\u0430\u0440\u043E\u043B\u0438 \u043D\u0435 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u044E\u0442";
@@ -0,0 +1,6 @@
1
+ import { type ITextField, type THTMLInput } from '../TextField';
2
+ export interface IRepeatPasswordField extends THTMLInput, Pick<ITextField, 'onVisibilityToggle'> {
3
+ equalHandler: (state: boolean) => void;
4
+ comparedValue: string;
5
+ }
6
+ export declare const RepeatPasswordField: (props: IRepeatPasswordField) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { RepeatPasswordField } from './RepeatPasswordField';
2
+ export { emptyRepeatPasswordError, notCorrectRepeatPasswordError, } from './ErrorMessages';
@@ -0,0 +1,12 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type IOptionItem } from './Option/Option';
3
+ export interface ICollapse {
4
+ options: IOptionItem[];
5
+ selected?: IOptionItem;
6
+ title?: ReactNode;
7
+ onSelect: (selected: IOptionItem['value']) => void;
8
+ chevron?: boolean;
9
+ optionsIcon?: ReactNode;
10
+ closeOnClick?: boolean;
11
+ }
12
+ export declare const Collapse: (props: ICollapse) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type ICollapse } from './Collapse';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ICollapse>;
6
+ export declare const CollapseDefault: Story;
7
+ export declare const CollapseHovered: Story;
8
+ export declare const CollapseSelected: Story;
@@ -0,0 +1,13 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type IOptionItem } from './Option/Option';
3
+ export interface IDropdown {
4
+ options: IOptionItem[];
5
+ selected?: IOptionItem;
6
+ title?: ReactNode;
7
+ onSelect: (selected: IOptionItem['value']) => void;
8
+ optionsIcon?: ReactNode;
9
+ optionsDirection?: 'up' | 'down';
10
+ noFlip?: boolean;
11
+ optionsMaxHeight?: number;
12
+ }
13
+ export declare const Dropdown: (props: IDropdown) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IDropdown } from './Dropdown';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IDropdown>;
6
+ export declare const DropdownDefault: Story;
7
+ export declare const DropdownHovered: Story;
8
+ export declare const DropdownSelected: Story;
9
+ export declare const DropdownSetMaxHeight: Story;
@@ -0,0 +1,13 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface IOptionItem {
3
+ label: string;
4
+ value: string;
5
+ icon?: ReactNode;
6
+ }
7
+ export interface IOption {
8
+ option: IOptionItem;
9
+ onClick: (value: IOptionItem['value']) => void;
10
+ selected?: boolean;
11
+ optionsIcon?: ReactNode;
12
+ }
13
+ export declare const Option: (props: IOption) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IOption } from './Option';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IOption>;
6
+ export declare const OptionDefault: Story;
7
+ export declare const OptionHovered: Story;
8
+ export declare const OptionSelected: Story;
9
+ export declare const OptionWithIcon: Story;
@@ -0,0 +1,3 @@
1
+ export { Option, type IOptionItem, type IOption, } from './Option/Option';
2
+ export { Collapse, type ICollapse } from './Collapse';
3
+ export { Dropdown, type IDropdown } from './Dropdown';
@@ -0,0 +1,25 @@
1
+ import { type InputHTMLAttributes } from 'react';
2
+ export type THTMLInput = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' | 'type'>;
3
+ export type TTextFieldType = 'text' | 'password' | 'tel' | 'email';
4
+ export type TTextFieldSize = 'medium' | 'large';
5
+ export type TTextFieldState = 'idle' | 'error' | 'disabled';
6
+ export interface ITextField extends THTMLInput {
7
+ label?: string;
8
+ value: string;
9
+ description?: string;
10
+ errorMessage?: string;
11
+ type?: TTextFieldType;
12
+ size?: TTextFieldSize;
13
+ state?: TTextFieldState;
14
+ onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
15
+ onClear?: () => void;
16
+ onVisibilityToggle?: () => void;
17
+ onTouched?: (state: boolean) => void;
18
+ autoFocus?: boolean;
19
+ checkIcon?: boolean;
20
+ clearIcon?: boolean;
21
+ eyeIcon?: boolean;
22
+ searchIcon?: boolean;
23
+ alwaysShowError?: boolean;
24
+ }
25
+ export declare const TextField: (props: ITextField) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type ITextField } from './TextField';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<ITextField>;
6
+ export declare const TextFieldDefault: Story;
7
+ export declare const TextFieldHovered: Story;
8
+ export declare const TextFieldActive: Story;
9
+ export declare const TextFieldDisabled: Story;
10
+ export declare const TextFieldError: Story;
11
+ export declare const TextFieldWithValue: Story;
12
+ export declare const TextFieldHiddenValue: Story;
@@ -0,0 +1 @@
1
+ export { TextField, type ITextField, type THTMLInput, type TTextFieldType } from './TextField';
@@ -0,0 +1,11 @@
1
+ export { Button, type IButton, type TButtonState } from './Button';
2
+ export { TextField, type ITextField } from './TextField';
3
+ export { Dropdown, Collapse, Option } from './Selector';
4
+ export { EmailField } from './EmailField';
5
+ export { NameField } from './NameField';
6
+ export { PhoneField } from './PhoneField';
7
+ export { PasswordField } from './PasswordField';
8
+ export { RepeatPasswordField } from './RepeatPasswordField';
9
+ export { OtpInput } from './OtpInput';
10
+ export { Checkbox } from './Checkbox';
11
+ export { InnField } from './InnField';
@@ -0,0 +1,6 @@
1
+ import { type ReactNode } from 'react';
2
+ interface ContentPageProps {
3
+ children?: ReactNode;
4
+ }
5
+ export declare const ContentPage: ({ children }: ContentPageProps) => JSX.Element;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react/*';
2
+ import { ContentPage } from './ContentPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ContentPage>;
6
+ export declare const StartPageDesktop: Story;
@@ -0,0 +1 @@
1
+ export { ContentPage } from './ContentPage';
@@ -0,0 +1 @@
1
+ export declare const CreatePasswordPage: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CreatePasswordPage } from './CreatePasswordPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CreatePasswordPage>;
6
+ export declare const CreatePasswordDesktop: Story;
7
+ export declare const CreatePasswordMobile: Story;
@@ -0,0 +1 @@
1
+ export { CreatePasswordPage } from './CreatePasswordPage';
@@ -0,0 +1,4 @@
1
+ export interface ICreateTeamPage {
2
+ email: string;
3
+ }
4
+ export declare const CreateTeamPage: (props: ICreateTeamPage) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CreateTeamPage } from './CreateTeamPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CreateTeamPage>;
6
+ export declare const CreateTeamPageDesktop: Story;
7
+ export declare const CreateTeamPageMobile: Story;
@@ -0,0 +1 @@
1
+ export { CreateTeamPage } from './CreateTeamPage';
@@ -0,0 +1,4 @@
1
+ export interface IEmailConfirmationPage {
2
+ email: string;
3
+ }
4
+ export declare const EmailConfirmationPage: (props: IEmailConfirmationPage) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { type IEmailConfirmationPage } from './EmailConfirmationPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<IEmailConfirmationPage>;
6
+ export declare const DesktopEmailConfirmation: Story;
7
+ export declare const MobileEmailConfirmation: Story;
8
+ export declare const FilledEmailConfirmation: Story;
@@ -0,0 +1 @@
1
+ export { EmailConfirmationPage } from './EmailConfirmationPage';
@@ -0,0 +1 @@
1
+ export declare const JoinTeamPage: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { JoinTeamPage } from './JoinTeamPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof JoinTeamPage>;
6
+ export declare const JoinTeamPageDesktop: Story;
7
+ export declare const JoinTeamPageMobile: Story;
@@ -0,0 +1 @@
1
+ export { JoinTeamPage } from './JoinTeamPage';
@@ -0,0 +1 @@
1
+ export declare const LoginPage: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { LoginPage } from './LoginPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof LoginPage>;
6
+ export declare const LoginPageDesktop: Story;
7
+ export declare const LoginPageMobile: Story;
@@ -0,0 +1 @@
1
+ export { LoginPage } from './LoginPage';
@@ -0,0 +1 @@
1
+ export declare const RegisterPage: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { RegisterPage } from './RegisterPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof RegisterPage>;
6
+ export declare const Desktop: Story;
7
+ export declare const Mobile: Story;
@@ -0,0 +1 @@
1
+ export { RegisterPage } from './RegisterPage';
@@ -0,0 +1 @@
1
+ export declare const ResetPasswordPage: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { ResetPasswordPage } from './ResetPasswordPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ResetPasswordPage>;
6
+ export declare const ResetPasswordPageDesktop: Story;
7
+ export declare const ResetPasswordPageMobile: Story;
@@ -0,0 +1 @@
1
+ export { ResetPasswordPage } from './ResetPasswordPage';
@@ -0,0 +1,4 @@
1
+ export interface IStartPage {
2
+ email: string;
3
+ }
4
+ export declare const StartPage: (props: IStartPage) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { StartPage } from './StartPage';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof StartPage>;
6
+ export declare const StartPageDesktop: Story;
7
+ export declare const StartPageMobile: Story;
@@ -0,0 +1 @@
1
+ export { StartPage } from './StartPage';
@@ -0,0 +1,6 @@
1
+ export { RegisterPage } from './RegisterPage';
2
+ export { EmailConfirmationPage } from './EmailConfirmationPage';
3
+ export { CreatePasswordPage } from './CreatePasswordPage';
4
+ export { LoginPage } from './LoginPage';
5
+ export { StartPage } from './StartPage';
6
+ export { ContentPage } from './ContentPage';
@@ -0,0 +1 @@
1
+ export declare const Divider: () => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface IErrorBanner {
2
+ error: string;
3
+ }
4
+ export declare const ErrorBanner: (props: IErrorBanner) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { ErrorBanner } from './ErrorBanner';