@max-ts/kit 0.0.2

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 (180) hide show
  1. package/lib/components/Button/Button.d.ts +11 -0
  2. package/lib/components/Button/button.css.d.ts +5 -0
  3. package/lib/components/Button/index.d.ts +1 -0
  4. package/lib/components/Button/types.d.ts +2 -0
  5. package/lib/components/ButtonGroup/ButtonGroup.d.ts +17 -0
  6. package/lib/components/ButtonGroup/buttonGroup.css.d.ts +3 -0
  7. package/lib/components/ButtonGroup/index.d.ts +1 -0
  8. package/lib/components/Card/Card.d.ts +8 -0
  9. package/lib/components/Card/card.css.d.ts +6 -0
  10. package/lib/components/Card/index.d.ts +1 -0
  11. package/lib/components/Checkbox/Checkbox.d.ts +3 -0
  12. package/lib/components/Checkbox/checkbox.css.d.ts +3 -0
  13. package/lib/components/Checkbox/index.d.ts +1 -0
  14. package/lib/components/CircularProgress/CircularProgress.d.ts +10 -0
  15. package/lib/components/CircularProgress/index.d.ts +1 -0
  16. package/lib/components/CircularProgress/styles.css.d.ts +5 -0
  17. package/lib/components/ConfirmAction/ConfirmAction.d.ts +39 -0
  18. package/lib/components/ConfirmAction/index.d.ts +1 -0
  19. package/lib/components/ConfirmAction/styles.css.d.ts +4 -0
  20. package/lib/components/ConfirmAction/useLogic.d.ts +9 -0
  21. package/lib/components/ContentState/ContentState.d.ts +34 -0
  22. package/lib/components/ContentState/index.d.ts +2 -0
  23. package/lib/components/ContentState/styles.css.d.ts +1 -0
  24. package/lib/components/ContentState/types.d.ts +24 -0
  25. package/lib/components/CopyTypography/CopyTypography.d.ts +17 -0
  26. package/lib/components/CopyTypography/enums.d.ts +5 -0
  27. package/lib/components/CopyTypography/index.d.ts +1 -0
  28. package/lib/components/CopyTypography/styles.css.d.ts +2 -0
  29. package/lib/components/CopyTypography/useLogic/index.d.ts +1 -0
  30. package/lib/components/CopyTypography/useLogic/useLogic.d.ts +12 -0
  31. package/lib/components/DataGrid/Body/Body.d.ts +5 -0
  32. package/lib/components/DataGrid/Body/index.d.ts +1 -0
  33. package/lib/components/DataGrid/Body/styles.css.d.ts +1 -0
  34. package/lib/components/DataGrid/Cell/Cell.d.ts +8 -0
  35. package/lib/components/DataGrid/Cell/index.d.ts +1 -0
  36. package/lib/components/DataGrid/Cell/styles.css.d.ts +2 -0
  37. package/lib/components/DataGrid/DataGrid.d.ts +23 -0
  38. package/lib/components/DataGrid/Footer/Footer.d.ts +5 -0
  39. package/lib/components/DataGrid/Footer/index.d.ts +1 -0
  40. package/lib/components/DataGrid/Footer/styles.css.d.ts +1 -0
  41. package/lib/components/DataGrid/Header/Header.d.ts +9 -0
  42. package/lib/components/DataGrid/Header/index.d.ts +1 -0
  43. package/lib/components/DataGrid/Header/styles.css.d.ts +1 -0
  44. package/lib/components/DataGrid/HeaderCell/HeaderCell.d.ts +8 -0
  45. package/lib/components/DataGrid/HeaderCell/index.d.ts +1 -0
  46. package/lib/components/DataGrid/HeaderCell/styles.css.d.ts +1 -0
  47. package/lib/components/DataGrid/Row/Row.d.ts +11 -0
  48. package/lib/components/DataGrid/Row/index.d.ts +1 -0
  49. package/lib/components/DataGrid/Row/styles.css.d.ts +2 -0
  50. package/lib/components/DataGrid/State/State.d.ts +10 -0
  51. package/lib/components/DataGrid/State/index.d.ts +1 -0
  52. package/lib/components/DataGrid/State/styles.css.d.ts +2 -0
  53. package/lib/components/DataGrid/constants.d.ts +1 -0
  54. package/lib/components/DataGrid/index.d.ts +2 -0
  55. package/lib/components/DataGrid/styles.css.d.ts +5 -0
  56. package/lib/components/DataGrid/types.d.ts +24 -0
  57. package/lib/components/DataGridActionCell/DataGridActionCell.d.ts +22 -0
  58. package/lib/components/DataGridActionCell/MainAction/MainAction.d.ts +22 -0
  59. package/lib/components/DataGridActionCell/MainAction/MainIconButton/MainIconButton.d.ts +21 -0
  60. package/lib/components/DataGridActionCell/MainAction/MainIconButton/index.d.ts +1 -0
  61. package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/index.d.ts +1 -0
  62. package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/useLogic.d.ts +10 -0
  63. package/lib/components/DataGridActionCell/MainAction/index.d.ts +1 -0
  64. package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.d.ts +22 -0
  65. package/lib/components/DataGridActionCell/SecondaryAction/index.d.ts +1 -0
  66. package/lib/components/DataGridActionCell/index.d.ts +1 -0
  67. package/lib/components/DataGridActionCell/styles.css.d.ts +1 -0
  68. package/lib/components/DataGridActionCell/types.d.ts +100 -0
  69. package/lib/components/DataGridActionCell/useLogic/index.d.ts +1 -0
  70. package/lib/components/DataGridActionCell/useLogic/useLogic.d.ts +10 -0
  71. package/lib/components/DataGridSortHeader/DataGridSortHeader.d.ts +9 -0
  72. package/lib/components/DataGridSortHeader/index.d.ts +2 -0
  73. package/lib/components/DataGridSortHeader/styles.css.d.ts +2 -0
  74. package/lib/components/DataGridSortHeader/types.d.ts +4 -0
  75. package/lib/components/DataList/DataList.d.ts +55 -0
  76. package/lib/components/DataList/EndData/EndData.d.ts +5 -0
  77. package/lib/components/DataList/EndData/constants.d.ts +1 -0
  78. package/lib/components/DataList/EndData/index.d.ts +1 -0
  79. package/lib/components/DataList/EndData/styles.css.d.ts +1 -0
  80. package/lib/components/DataList/ErrorState/ErrorState.d.ts +5 -0
  81. package/lib/components/DataList/ErrorState/constants.d.ts +1 -0
  82. package/lib/components/DataList/ErrorState/index.d.ts +1 -0
  83. package/lib/components/DataList/ErrorState/styles.css.d.ts +1 -0
  84. package/lib/components/DataList/Loader/Loader.d.ts +1 -0
  85. package/lib/components/DataList/Loader/index.d.ts +1 -0
  86. package/lib/components/DataList/Loader/styles.css.d.ts +1 -0
  87. package/lib/components/DataList/NoData/NoData.d.ts +5 -0
  88. package/lib/components/DataList/NoData/constants.d.ts +1 -0
  89. package/lib/components/DataList/NoData/index.d.ts +1 -0
  90. package/lib/components/DataList/ScrollToTopButton/ScrollToTopButton.d.ts +5 -0
  91. package/lib/components/DataList/ScrollToTopButton/index.d.ts +1 -0
  92. package/lib/components/DataList/ScrollToTopButton/styles.css.d.ts +2 -0
  93. package/lib/components/DataList/constants.d.ts +2 -0
  94. package/lib/components/DataList/index.d.ts +1 -0
  95. package/lib/components/DataList/styles.css.d.ts +2 -0
  96. package/lib/components/Description/Description.d.ts +34 -0
  97. package/lib/components/Description/DescriptionContext/DescriptionContext.d.ts +6 -0
  98. package/lib/components/Description/DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.d.ts +7 -0
  99. package/lib/components/Description/DescriptionContext/DescriptionContextProvider/index.d.ts +1 -0
  100. package/lib/components/Description/DescriptionContext/index.d.ts +2 -0
  101. package/lib/components/Description/Name/Name.d.ts +3 -0
  102. package/lib/components/Description/Name/index.d.ts +1 -0
  103. package/lib/components/Description/Name/styles.css.d.ts +3 -0
  104. package/lib/components/Description/Value/Value.d.ts +22 -0
  105. package/lib/components/Description/Value/index.d.ts +1 -0
  106. package/lib/components/Description/Value/styles.css.d.ts +3 -0
  107. package/lib/components/Description/Value/useLogic/index.d.ts +1 -0
  108. package/lib/components/Description/Value/useLogic/useLogic.d.ts +9 -0
  109. package/lib/components/Description/constants.d.ts +3 -0
  110. package/lib/components/Description/index.d.ts +2 -0
  111. package/lib/components/Description/styles.css.d.ts +3 -0
  112. package/lib/components/Description/useLogic/index.d.ts +1 -0
  113. package/lib/components/Description/useLogic/useLogic.d.ts +9 -0
  114. package/lib/components/Dialog/Dialog.d.ts +10 -0
  115. package/lib/components/Dialog/index.d.ts +1 -0
  116. package/lib/components/Dialog/styles.css.d.ts +9 -0
  117. package/lib/components/DropdownMenu/DropdownMenu.d.ts +24 -0
  118. package/lib/components/DropdownMenu/index.d.ts +1 -0
  119. package/lib/components/DropdownMenu/styles.css.d.ts +12 -0
  120. package/lib/components/ImageCarousel/ImageCarousel.d.ts +10 -0
  121. package/lib/components/ImageCarousel/index.d.ts +1 -0
  122. package/lib/components/ImageCarousel/styles.css.d.ts +9 -0
  123. package/lib/components/Input/Input.d.ts +11 -0
  124. package/lib/components/Input/index.d.ts +1 -0
  125. package/lib/components/Input/styles.css.d.ts +12 -0
  126. package/lib/components/Label/Label.d.ts +5 -0
  127. package/lib/components/Label/index.d.ts +1 -0
  128. package/lib/components/Label/label.css.d.ts +2 -0
  129. package/lib/components/Placeholder/Image/Image.d.ts +6 -0
  130. package/lib/components/Placeholder/Image/index.d.ts +1 -0
  131. package/lib/components/Placeholder/Image/styles.css.d.ts +3 -0
  132. package/lib/components/Placeholder/Placeholder.d.ts +40 -0
  133. package/lib/components/Placeholder/constants.d.ts +22 -0
  134. package/lib/components/Placeholder/index.d.ts +3 -0
  135. package/lib/components/Placeholder/styles.css.d.ts +6 -0
  136. package/lib/components/Placeholder/types.d.ts +1 -0
  137. package/lib/components/Popover/Popover.d.ts +2 -0
  138. package/lib/components/Popover/PopoverContent.d.ts +3 -0
  139. package/lib/components/Popover/index.d.ts +2 -0
  140. package/lib/components/Popover/styles.css.d.ts +1 -0
  141. package/lib/components/RangeInput/RangeInput.d.ts +16 -0
  142. package/lib/components/RangeInput/index.d.ts +1 -0
  143. package/lib/components/RangeInput/styles.css.d.ts +7 -0
  144. package/lib/components/ScrollTopButton/ScrollTopButton.d.ts +4 -0
  145. package/lib/components/ScrollTopButton/index.d.ts +1 -0
  146. package/lib/components/ScrollTopButton/styles.css.d.ts +2 -0
  147. package/lib/components/Select/Select.d.ts +19 -0
  148. package/lib/components/Select/index.d.ts +1 -0
  149. package/lib/components/Select/styles.css.d.ts +10 -0
  150. package/lib/components/Slider/Slider.d.ts +3 -0
  151. package/lib/components/Slider/index.d.ts +1 -0
  152. package/lib/components/Slider/styles.css.d.ts +4 -0
  153. package/lib/components/Tabs/Tabs.d.ts +1 -0
  154. package/lib/components/Tabs/TabsContent.d.ts +3 -0
  155. package/lib/components/Tabs/TabsList.d.ts +3 -0
  156. package/lib/components/Tabs/TabsTrigger.d.ts +3 -0
  157. package/lib/components/Tabs/index.d.ts +4 -0
  158. package/lib/components/Tabs/styles.css.d.ts +3 -0
  159. package/lib/components/TextField/TextField.d.ts +7 -0
  160. package/lib/components/TextField/index.d.ts +1 -0
  161. package/lib/components/TextField/styles.css.d.ts +5 -0
  162. package/lib/components/Tooltip/Tooltip.d.ts +13 -0
  163. package/lib/components/Tooltip/index.d.ts +1 -0
  164. package/lib/components/Tooltip/styles.css.d.ts +3 -0
  165. package/lib/components/Typography/Typography.d.ts +15 -0
  166. package/lib/components/Typography/index.d.ts +1 -0
  167. package/lib/components/Typography/styles.css.d.ts +9 -0
  168. package/lib/components/Typography/types.d.ts +3 -0
  169. package/lib/components/index.d.ts +28 -0
  170. package/lib/hooks/index.d.ts +1 -0
  171. package/lib/hooks/useToggle/index.d.ts +1 -0
  172. package/lib/hooks/useToggle/useToggle.d.ts +43 -0
  173. package/lib/index.d.ts +2 -0
  174. package/lib/index.mjs +1 -0
  175. package/lib/styles/index.d.ts +3 -0
  176. package/lib/styles/reset.css.d.ts +1 -0
  177. package/lib/styles/theme.css.d.ts +136 -0
  178. package/lib/styles.css +1 -0
  179. package/package.json +53 -0
  180. package/src/index.ts +2 -0
@@ -0,0 +1,100 @@
1
+ import type { MouseEventHandler, ReactNode } from 'react';
2
+ import type { ConfirmActionProps } from '../ConfirmAction';
3
+ export type NestedAction<TAction> = {
4
+ /**
5
+ * Название действия
6
+ */
7
+ name: string;
8
+ /**
9
+ * Обработчик действия
10
+ */
11
+ onClick?: (row: TAction) => void;
12
+ };
13
+ export type SingleAction<TAction> = {
14
+ /**
15
+ * Название действия
16
+ */
17
+ name: string;
18
+ /**
19
+ * Иконка действия
20
+ */
21
+ icon?: ReactNode;
22
+ /**
23
+ * Флаг показа выпадающего списка при клике
24
+ */
25
+ nested?: false;
26
+ /**
27
+ * Если `true`, при клике на кнопку будет вызываться подтверждение действия
28
+ */
29
+ needConfirm?: boolean;
30
+ /**
31
+ * Поясняющий текст для подтверждения действия
32
+ */
33
+ confirmText?: ConfirmActionProps['text'];
34
+ /**
35
+ * Параметры кнопки подтверждения действия
36
+ */
37
+ confirmButtonProps?: ConfirmActionProps['confirmButtonProps'];
38
+ /**
39
+ * Если true, блокирует взаимодействие с actions
40
+ */
41
+ isBlockingOperation?: boolean;
42
+ /**
43
+ * Причина блокировки действия
44
+ */
45
+ disabledReason?: string;
46
+ /**
47
+ * Причина блокировки строки во время загрузки
48
+ */
49
+ loadingNote?: string;
50
+ isLoading?: boolean;
51
+ /**
52
+ * Обработчик действия
53
+ */
54
+ onClick?: (row: TAction) => void;
55
+ };
56
+ export type MultipleAction<TAction> = {
57
+ /**
58
+ * Иконка действия
59
+ */
60
+ icon: ReactNode;
61
+ /**
62
+ * Список действий для выпадающего списка
63
+ */
64
+ actions: Array<NestedAction<TAction>>;
65
+ /**
66
+ * Флаг показа выпадающего списка при клике
67
+ */
68
+ nested: true;
69
+ /**
70
+ * Название действия
71
+ */
72
+ name: string;
73
+ /**
74
+ * Причина блокировки строки во время загрузки
75
+ */
76
+ loadingNote?: string;
77
+ /**
78
+ * Если true, блокирует взаимодействие с actions
79
+ */
80
+ isBlockingOperation?: boolean;
81
+ /**
82
+ * Если true, происходит загрузка
83
+ */
84
+ isLoading?: boolean;
85
+ };
86
+ export type ActionCellHandler<TAction> = (onClick: SingleAction<TAction>['onClick'] | NestedAction<TAction>['onClick']) => MouseEventHandler<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement> | undefined;
87
+ export type MainActionKind<TAction> = SingleAction<TAction> | (MultipleAction<TAction> & {
88
+ disabled?: boolean;
89
+ disabledReason?: string;
90
+ });
91
+ export type SecondaryActionKind<TAction> = SingleAction<TAction> & {
92
+ /**
93
+ * Причина блокировки действия
94
+ */
95
+ disabledReason?: string;
96
+ /**
97
+ * Если true, происходит загрузка
98
+ */
99
+ isLoading?: boolean;
100
+ };
@@ -0,0 +1 @@
1
+ export * from './useLogic';
@@ -0,0 +1,10 @@
1
+ import { type SyntheticEvent } from 'react';
2
+ import type { DataGridActionCellProps } from '../DataGridActionCell';
3
+ import type { NestedAction, SingleAction } from '../types';
4
+ type UseLogicParams<TRowData> = DataGridActionCellProps<TRowData>;
5
+ export declare const useLogic: <TRowData>({ row, actions, }: UseLogicParams<TRowData>) => {
6
+ isDisabledAction: boolean;
7
+ handleActionClick: (onClick: SingleAction<TRowData>["onClick"] | NestedAction<TRowData>["onClick"]) => () => void;
8
+ handleWrapperClick: (event: SyntheticEvent) => void;
9
+ };
10
+ export {};
@@ -0,0 +1,9 @@
1
+ import type { DataGridColumn } from '../DataGrid';
2
+ import type { DataGridSorting } from './types';
3
+ export type DataGridSortHeaderProps<TData> = {
4
+ column: DataGridColumn<TData>;
5
+ sorting: DataGridSorting<TData>;
6
+ setSorting: (sorting: DataGridSorting<TData>) => void;
7
+ className?: string;
8
+ };
9
+ export declare function DataGridSortHeader<TData>({ sorting, setSorting, column: { title, field, align }, className, }: DataGridSortHeaderProps<TData>): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,2 @@
1
+ export * from './DataGridSortHeader';
2
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ export declare const wrapper: string;
2
+ export declare const alignments: Record<"left" | "right" | "center" | "justify", string>;
@@ -0,0 +1,4 @@
1
+ export type DataGridSorting<TData> = {
2
+ key: keyof TData;
3
+ order: 'asc' | 'desc';
4
+ };
@@ -0,0 +1,55 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type ContentStateErrorProps } from '../ContentState';
3
+ type RequiredKeys<T> = {
4
+ [K in keyof T]-?: {} extends Pick<T, K> ? never : K;
5
+ }[keyof T];
6
+ export type DataListProps<TDataItem extends Record<string, unknown>> = {
7
+ data?: Array<TDataItem>;
8
+ /**
9
+ * Поле, используемое в качестве ключа списка
10
+ */
11
+ keyId: RequiredKeys<TDataItem>;
12
+ /**
13
+ * Название класса, применяется к корневому компоненту
14
+ */
15
+ className?: string;
16
+ /**
17
+ * Используется для отображения placeholder при отсутствии данных в таблице
18
+ */
19
+ noDataPlaceholder?: ReactNode;
20
+ /**
21
+ * Сообщение, отображаемое при достижении конца списка
22
+ */
23
+ endOfScrollMsg?: string;
24
+ errorState?: ContentStateErrorProps;
25
+ /**
26
+ * Если true, показывается анимация загрузки
27
+ */
28
+ isLoading?: boolean;
29
+ /**
30
+ * Флаг состояния ошибки
31
+ */
32
+ isError?: boolean;
33
+ /**
34
+ * Флаг достижения конца списка
35
+ */
36
+ isEndReached?: boolean;
37
+ scrollTopIsDataChanged?: boolean;
38
+ /**
39
+ * Содержание карточки
40
+ */
41
+ itemContent: (dataItem: TDataItem, { index, className }: {
42
+ index: number;
43
+ className: string;
44
+ }) => ReactNode;
45
+ /**
46
+ * Функция обработки нажатия на кнопку "Повторить запрос"
47
+ */
48
+ onRetry: () => void;
49
+ /**
50
+ * Обработчик подгрузки данных
51
+ */
52
+ onEndReached?: () => void;
53
+ };
54
+ export declare const DataList: <TDataItem extends Record<string, unknown>>({ data, keyId, className, itemContent, noDataPlaceholder, endOfScrollMsg, errorState, isLoading, isError, isEndReached, onRetry, onEndReached, scrollTopIsDataChanged, }: DataListProps<TDataItem>) => import("react/jsx-runtime").JSX.Element;
55
+ export {};
@@ -0,0 +1,5 @@
1
+ type Props = {
2
+ endOfScrollMsg?: string;
3
+ };
4
+ export declare const EndData: ({ endOfScrollMsg }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1 @@
1
+ export declare const END_OF_SCROLL_MESSAGE = "\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043A\u043E\u043D\u0446\u0430 \u0441\u043F\u0438\u0441\u043A\u0430";
@@ -0,0 +1 @@
1
+ export * from './EndData';
@@ -0,0 +1 @@
1
+ export declare const item: string;
@@ -0,0 +1,5 @@
1
+ type Props = {
2
+ onRetry: () => void;
3
+ };
4
+ export declare const ErrorState: ({ onRetry }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1 @@
1
+ export declare const ERROR_MESSAGE = "\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438";
@@ -0,0 +1 @@
1
+ export * from './ErrorState';
@@ -0,0 +1 @@
1
+ export declare const item: string;
@@ -0,0 +1 @@
1
+ export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Loader';
@@ -0,0 +1 @@
1
+ export declare const item: string;
@@ -0,0 +1,5 @@
1
+ type NoDataProps = {
2
+ noDataImgSrc?: string;
3
+ };
4
+ export declare const NoData: ({ noDataImgSrc }: NoDataProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1 @@
1
+ export declare const NO_DATA_TEXT = "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445";
@@ -0,0 +1 @@
1
+ export * from './NoData';
@@ -0,0 +1,5 @@
1
+ export type ScrollToTopButtonProps = {
2
+ onClick: () => void;
3
+ isVisible?: boolean;
4
+ };
5
+ export declare const ScrollToTopButton: ({ onClick, isVisible, }: ScrollToTopButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './ScrollToTopButton';
@@ -0,0 +1,2 @@
1
+ export declare const buttonClass: string;
2
+ export declare const visible: string;
@@ -0,0 +1,2 @@
1
+ export declare const OVERSCAN_COUNT = 30;
2
+ export declare const ITEM_CLASSNAME = "datalist_item";
@@ -0,0 +1 @@
1
+ export * from './DataList';
@@ -0,0 +1,2 @@
1
+ export declare const list: string;
2
+ export declare const itemClass: string;
@@ -0,0 +1,34 @@
1
+ import type { ReactNode } from 'react';
2
+ export type DescriptionProps = {
3
+ /**
4
+ * Элементы Description.Name и Description.Value
5
+ */
6
+ children: ReactNode;
7
+ /**
8
+ * Позиционирует элементы либо по разным краям, либо по левому краю
9
+ */
10
+ justifyContent?: 'spaceBetween' | 'start';
11
+ /**
12
+ * Добавляет dashed разделитель, заполняющего свободное пространство между Name Value
13
+ */
14
+ leader?: boolean;
15
+ /**
16
+ * Определяет разделитель между Name Value
17
+ * @default ':'
18
+ */
19
+ separator?: string;
20
+ /**
21
+ * Определяет тип корневого HTML-элемента
22
+ */
23
+ component?: 'div' | 'dl';
24
+ /**
25
+ * Определяет перенос строк
26
+ * @default 'default'
27
+ */
28
+ direction?: 'column' | 'row';
29
+ };
30
+ export declare const Description: {
31
+ (props: DescriptionProps): import("react/jsx-runtime").JSX.Element;
32
+ Name: ({ children, color, ...props }: import("./Name").NameProps) => import("react/jsx-runtime").JSX.Element;
33
+ Value: (props: import("./Value").ValueProps) => import("react/jsx-runtime").JSX.Element;
34
+ };
@@ -0,0 +1,6 @@
1
+ export type DescriptionContextProps = {
2
+ leader: boolean;
3
+ separator: string;
4
+ direction: string;
5
+ };
6
+ export declare const DescriptionContext: import("react").Context<DescriptionContextProps>;
@@ -0,0 +1,7 @@
1
+ import type { ReactNode } from 'react';
2
+ import { type DescriptionContextProps } from '../DescriptionContext';
3
+ type Props = DescriptionContextProps & {
4
+ children: ReactNode;
5
+ };
6
+ export declare const DescriptionContextProvider: ({ children, leader, separator, direction, }: Props) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export * from './DescriptionContextProvider';
@@ -0,0 +1,2 @@
1
+ export * from './DescriptionContext';
2
+ export * from './DescriptionContextProvider';
@@ -0,0 +1,3 @@
1
+ import { type TypographyProps } from '../../Typography';
2
+ export type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
3
+ export declare const Name: ({ children, color, ...props }: NameProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Name';
@@ -0,0 +1,3 @@
1
+ export declare const wrapper: string;
2
+ export declare const leader: string;
3
+ export declare const dashedSeparator: string;
@@ -0,0 +1,22 @@
1
+ import type { ReactNode } from 'react';
2
+ import { type TypographyProps } from '../../Typography';
3
+ export type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'> & {
4
+ /**
5
+ * @example <Description.Item stub="нет значения">value</Description.Item>
6
+ * Заглушка, отображающаяся, если нет значения
7
+ */
8
+ stub?: ReactNode;
9
+ /**
10
+ * Добавляет возможность копирования
11
+ */
12
+ canCopy?: boolean;
13
+ /**
14
+ * Позиционирует иконку "копировать" (слева / справа от текста)
15
+ */
16
+ copyPosition?: 'left' | 'right';
17
+ /**
18
+ * Текст, который будет скопирован. Перекрывает обычное копирование если children является строкой
19
+ */
20
+ copyText?: string;
21
+ };
22
+ export declare const Value: (props: ValueProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Value';
@@ -0,0 +1,3 @@
1
+ export declare const wrapper: string;
2
+ export declare const text: string;
3
+ export declare const leader: string;
@@ -0,0 +1 @@
1
+ export * from './useLogic';
@@ -0,0 +1,9 @@
1
+ import type { ValueProps } from '../Value';
2
+ type UseLogicParams = ValueProps;
3
+ export declare const useLogic: ({ canCopy, children, stub }: UseLogicParams) => {
4
+ valueToRender: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
5
+ isDefaultValueRender: boolean;
6
+ leader: boolean;
7
+ direction: string;
8
+ };
9
+ export {};
@@ -0,0 +1,3 @@
1
+ export declare const DEFAULT_SEPARATOR = ":";
2
+ export declare const DEFAULT_SYMBOL = "\u2014";
3
+ export declare const DESCRIPTION_ROOT_CLASSNAME = "descriptionRoot";
@@ -0,0 +1,2 @@
1
+ export * from './Description';
2
+ export * from './constants';
@@ -0,0 +1,3 @@
1
+ export declare const wrapper: string;
2
+ export declare const directions: Record<"column" | "row", string>;
3
+ export declare const justify: Record<"start" | "spaceBetween", string>;
@@ -0,0 +1 @@
1
+ export * from './useLogic';
@@ -0,0 +1,9 @@
1
+ import type { DescriptionProps } from '../Description';
2
+ type UseLogicParams = DescriptionProps;
3
+ export declare const useLogic: ({ direction, separator, }: UseLogicParams) => {
4
+ descriptionContextProviderProps: {
5
+ separator: string;
6
+ };
7
+ direction: "column" | "row";
8
+ };
9
+ export {};
@@ -0,0 +1,10 @@
1
+ import { type DialogProps as DialogPrimitiveProps } from '@radix-ui/react-dialog';
2
+ import type * as React from 'react';
3
+ export type DialogProps = DialogPrimitiveProps & {
4
+ title: string;
5
+ description?: string;
6
+ trigger?: React.ReactNode;
7
+ className?: string;
8
+ footer?: React.ReactNode;
9
+ };
10
+ export declare const Dialog: ({ title, description, trigger, className, footer, children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Dialog';
@@ -0,0 +1,9 @@
1
+ export declare const overlay: string;
2
+ export declare const content: string;
3
+ export declare const closeButton: string;
4
+ export declare const closeSpan: string;
5
+ export declare const header: string;
6
+ export declare const hasDescription: string;
7
+ export declare const footer: string;
8
+ export declare const title: string;
9
+ export declare const description: string;
@@ -0,0 +1,24 @@
1
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
+ import type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
3
+ declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
4
+ declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
7
+ declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
8
+ declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ declare const DropdownMenuSubTrigger: ({ className, inset, children, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
10
+ inset?: boolean;
11
+ }) => import("react/jsx-runtime").JSX.Element;
12
+ declare const DropdownMenuSubContent: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>) => import("react/jsx-runtime").JSX.Element;
13
+ declare const DropdownMenuContent: ({ className, sideOffset, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
14
+ declare const DropdownMenuItem: ({ className, inset, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
15
+ inset?: boolean;
16
+ }) => import("react/jsx-runtime").JSX.Element;
17
+ declare const DropdownMenuCheckboxItem: ({ className, children, checked, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>) => import("react/jsx-runtime").JSX.Element;
18
+ declare const DropdownMenuRadioItem: ({ className, children, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>) => import("react/jsx-runtime").JSX.Element;
19
+ declare const DropdownMenuLabel: ({ className, inset, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
20
+ inset?: boolean;
21
+ }) => import("react/jsx-runtime").JSX.Element;
22
+ declare const DropdownMenuSeparator: ({ className, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>) => import("react/jsx-runtime").JSX.Element;
23
+ declare const DropdownMenuShortcut: ({ className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
24
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
@@ -0,0 +1 @@
1
+ export * from './DropdownMenu';
@@ -0,0 +1,12 @@
1
+ export declare const subTrigger: string;
2
+ export declare const icon: string;
3
+ export declare const subContent: string;
4
+ export declare const content: string;
5
+ export declare const item: string;
6
+ export declare const checkboxItem: string;
7
+ export declare const radioItem: string;
8
+ export declare const checkboxItemIndicator: string;
9
+ export declare const radioItemIndicator: string;
10
+ export declare const label: string;
11
+ export declare const separator: string;
12
+ export declare const shortcut: string;
@@ -0,0 +1,10 @@
1
+ type ImageCarouselProps = {
2
+ images: {
3
+ src: string;
4
+ alt: string;
5
+ }[];
6
+ autoPlay?: boolean;
7
+ interval?: number;
8
+ };
9
+ export declare const ImageCarousel: ({ images, autoPlay, interval, }: ImageCarouselProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1 @@
1
+ export * from './ImageCarousel';
@@ -0,0 +1,9 @@
1
+ export declare const carousel: string;
2
+ export declare const carouselInner: string;
3
+ export declare const slide: string;
4
+ export declare const image: string;
5
+ export declare const arrow: string;
6
+ export declare const arrowLeft: string;
7
+ export declare const arrowRight: string;
8
+ export declare const indicators: string;
9
+ export declare const indicator: string;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & {
3
+ variant?: 'outlined' | 'standard';
4
+ size?: 'small' | 'medium' | 'large';
5
+ error?: boolean;
6
+ startAdornment?: React.ReactNode;
7
+ endAdornment?: React.ReactNode;
8
+ disabled?: boolean;
9
+ fullWidth?: boolean;
10
+ };
11
+ export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export * from './Input';
@@ -0,0 +1,12 @@
1
+ export declare const container: string;
2
+ export declare const variants: Record<"outlined" | "standard", string>;
3
+ export declare const fullWidthClass: string;
4
+ export declare const containerHover: string;
5
+ export declare const containerFocusWithin: string;
6
+ export declare const disabledClass: string;
7
+ export declare const errorClass: string;
8
+ export declare const input: string;
9
+ export declare const sizes: Record<"small" | "medium" | "large", string>;
10
+ export declare const adornment: string;
11
+ export declare const withStartAdornment: string;
12
+ export declare const withEndAdornment: string;
@@ -0,0 +1,5 @@
1
+ import { type LabelProps as LabelPrimitiveProps } from '@radix-ui/react-label';
2
+ export type LabelProps = LabelPrimitiveProps & {
3
+ disabled?: boolean;
4
+ };
5
+ export declare const Label: ({ className, disabled, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Label';
@@ -0,0 +1,2 @@
1
+ export declare const label: string;
2
+ export declare const disabledStyle: string;
@@ -0,0 +1,6 @@
1
+ import type { AllHTMLAttributes } from 'react';
2
+ import type { PlaceholderSize } from '../types';
3
+ export type ImageProps = Pick<AllHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'className'> & {
4
+ size?: PlaceholderSize;
5
+ };
6
+ export declare const Image: (props: ImageProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Image';
@@ -0,0 +1,3 @@
1
+ import type { PlaceholderSize } from '../types';
2
+ export declare const wrapper: string;
3
+ export declare const sizes: Record<PlaceholderSize, string>;
@@ -0,0 +1,40 @@
1
+ import { type JSX, type ReactNode } from 'react';
2
+ import { type ImageProps } from './Image';
3
+ import type { PlaceholderSize } from './types';
4
+ export type PlaceholderProps = {
5
+ /**
6
+ * Название класса, применяется к корневому компоненту
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Ссылка на изображение
11
+ */
12
+ imgSrc?: string;
13
+ /**
14
+ * Описание изображения (атрибут alt)
15
+ */
16
+ imgAlt?: string;
17
+ /**
18
+ * Заголовок
19
+ */
20
+ title: JSX.Element | JSX.Element[] | string;
21
+ /**
22
+ * Описание
23
+ */
24
+ description?: JSX.Element | JSX.Element[] | string;
25
+ /**
26
+ * Действия
27
+ */
28
+ actions?: ReactNode;
29
+ /**
30
+ * Задает общий размер компонента
31
+ */
32
+ size?: PlaceholderSize;
33
+ /**
34
+ * Пропс для кастомизации компонента рендера основного изображения
35
+ * По умолчанию рендерится обычный img тег
36
+ * @example <Placeholder renderImage={(props) => <img {...props}/>} />
37
+ */
38
+ renderImage?: (props: ImageProps) => JSX.Element;
39
+ };
40
+ export declare const Placeholder: ({ className, title, imgSrc, imgAlt, description, actions, size, renderImage, }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;