@alfalab/core-components-picker-button 11.1.6 → 11.1.8

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 (144) hide show
  1. package/Component-0f4b9bed.d.ts +5 -0
  2. package/Component-10db897e.d.ts +296 -0
  3. package/Component-72dda473.d.ts +53 -0
  4. package/Component-aed0af6e.d.ts +11 -0
  5. package/Component-ebda875c.d.ts +98 -9
  6. package/{cssm/Component-dd8ca091.d.ts → Component-f12ee135.d.ts} +1 -1
  7. package/Component.desktop.d.ts +2 -2
  8. package/Component.desktop.js +1 -1
  9. package/Component.mobile-96988a65.d.ts +6 -0
  10. package/{cssm/Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
  11. package/Component.mobile.d.ts +1 -1
  12. package/Component.responsive.d.ts +1 -1
  13. package/{esm/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
  14. package/{esm/Component-72308007.d.ts → cssm/Component-10db897e.d.ts} +2 -2
  15. package/cssm/Component.desktop-785df74d.d.ts +1 -1
  16. package/cssm/Component.desktop.d.ts +2 -2
  17. package/cssm/Component.mobile-d7e9f69d.d.ts +1 -1
  18. package/{esm/Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
  19. package/{Component.modal.mobile-dd8ca091.d.ts → cssm/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  20. package/cssm/Component.responsive-3109f463.d.ts +1 -1
  21. package/cssm/Component.responsive.d.ts +1 -1
  22. package/{esm/component-72308007.d.ts → cssm/component-10db897e.d.ts} +1 -1
  23. package/cssm/desktop-69921c40.d.ts +6 -0
  24. package/cssm/field/Component.d.ts +1 -1
  25. package/cssm/hook-8abfea97.d.ts +8 -8
  26. package/cssm/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  27. package/cssm/index-c44170fe.d.ts +2 -163
  28. package/cssm/index-c76d6398.d.ts +2 -2
  29. package/cssm/index-ebda875c.d.ts +2 -2
  30. package/cssm/index-f12ee135.d.ts +2 -2
  31. package/cssm/mobile-89f0cb07.d.ts +6 -0
  32. package/cssm/shared-4cd3936b.d.ts +5 -5
  33. package/cssm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  34. package/{esm/types-e40becc7.d.ts → cssm/types-67a2d8af.d.ts} +1 -1
  35. package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
  36. package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  37. package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  38. package/desktop-69921c40.d.ts +6 -0
  39. package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
  40. package/{Component-72308007.d.ts → esm/Component-10db897e.d.ts} +2 -2
  41. package/esm/Component.desktop-785df74d.d.ts +1 -1
  42. package/esm/Component.desktop.d.ts +2 -2
  43. package/esm/Component.desktop.js +1 -1
  44. package/esm/Component.mobile-d7e9f69d.d.ts +1 -1
  45. package/{modern/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
  46. package/esm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  47. package/esm/Component.responsive-3109f463.d.ts +1 -1
  48. package/esm/Component.responsive.d.ts +1 -1
  49. package/{cssm/component-72308007.d.ts → esm/component-10db897e.d.ts} +1 -1
  50. package/esm/desktop-69921c40.d.ts +6 -0
  51. package/esm/field/Component.d.ts +1 -1
  52. package/esm/field/Component.js +1 -1
  53. package/esm/field/index.css +6 -6
  54. package/esm/hook-8abfea97.d.ts +8 -8
  55. package/esm/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  56. package/esm/index-c44170fe.d.ts +2 -163
  57. package/esm/index-c76d6398.d.ts +2 -2
  58. package/esm/index-ebda875c.d.ts +2 -2
  59. package/esm/index-f12ee135.d.ts +2 -2
  60. package/esm/index.css +5 -5
  61. package/esm/mobile-89f0cb07.d.ts +6 -0
  62. package/esm/option/Component.js +1 -1
  63. package/esm/option/index.css +4 -4
  64. package/esm/shared-4cd3936b.d.ts +5 -5
  65. package/esm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  66. package/{modern/types-e40becc7.d.ts → esm/types-67a2d8af.d.ts} +1 -1
  67. package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
  68. package/{cssm/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  69. package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  70. package/field/Component.d.ts +1 -1
  71. package/field/Component.js +1 -1
  72. package/field/index.css +6 -6
  73. package/hook-8abfea97.d.ts +10 -10
  74. package/hook-ebda875c.d.ts +48 -0
  75. package/{modern/index-72308007.d.ts → index-10db897e.d.ts} +2 -6
  76. package/index-bdb4c6b9.d.ts +180 -2
  77. package/index-c44170fe.d.ts +2 -163
  78. package/index-c76d6398.d.ts +2 -2
  79. package/index-ebda875c.d.ts +191 -53
  80. package/index-f12ee135.d.ts +324 -3
  81. package/index.css +5 -5
  82. package/modern/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  83. package/{cssm/Component-72308007.d.ts → modern/Component-10db897e.d.ts} +2 -2
  84. package/modern/Component.desktop-785df74d.d.ts +1 -1
  85. package/modern/Component.desktop.d.ts +2 -2
  86. package/modern/Component.desktop.js +1 -1
  87. package/modern/Component.mobile-d7e9f69d.d.ts +1 -1
  88. package/{Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
  89. package/modern/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  90. package/modern/Component.responsive-3109f463.d.ts +1 -1
  91. package/modern/Component.responsive.d.ts +1 -1
  92. package/{component-72308007.d.ts → modern/component-10db897e.d.ts} +1 -1
  93. package/modern/desktop-69921c40.d.ts +6 -0
  94. package/modern/field/Component.d.ts +1 -1
  95. package/modern/field/Component.js +1 -1
  96. package/modern/field/index.css +6 -6
  97. package/modern/hook-8abfea97.d.ts +8 -8
  98. package/{index-72308007.d.ts → modern/index-10db897e.d.ts} +1 -5
  99. package/modern/index-c44170fe.d.ts +2 -163
  100. package/modern/index-c76d6398.d.ts +2 -2
  101. package/modern/index-ebda875c.d.ts +2 -2
  102. package/modern/index-f12ee135.d.ts +2 -2
  103. package/modern/index.css +5 -5
  104. package/modern/mobile-89f0cb07.d.ts +6 -0
  105. package/modern/option/Component.js +1 -1
  106. package/modern/option/index.css +4 -4
  107. package/modern/shared-4cd3936b.d.ts +5 -5
  108. package/modern/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  109. package/{cssm/types-e40becc7.d.ts → modern/types-67a2d8af.d.ts} +1 -1
  110. package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
  111. package/{typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  112. package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  113. package/option/Component.js +1 -1
  114. package/option/index.css +4 -4
  115. package/package.json +3 -3
  116. package/shared-4cd3936b.d.ts +5 -63
  117. package/src/Component.desktop.tsx +3 -0
  118. package/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  119. package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  120. package/{esm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  121. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  122. package/Component.mobile-ebda875c.d.ts +0 -6
  123. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  124. package/cssm/Component.modal.mobile-dd8ca091.d.ts +0 -60
  125. package/cssm/desktop-63dec22f.d.ts +0 -6
  126. package/desktop-63dec22f.d.ts +0 -6
  127. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  128. package/esm/desktop-63dec22f.d.ts +0 -6
  129. package/modern/Component-63dec22f.d.ts +0 -184
  130. package/modern/Component-72308007.d.ts +0 -6
  131. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  132. package/modern/component-72308007.d.ts +0 -44
  133. package/modern/desktop-63dec22f.d.ts +0 -6
  134. package/types-e40becc7.d.ts +0 -276
  135. package/utils-1574ad8b.d.ts +0 -29
  136. package/utils-49cc3c24.d.ts +0 -8
  137. /package/{Component.responsive-3109f463.d.ts → Component.responsive-d7e9f69d.d.ts} +0 -0
  138. /package/{Component-63dec22f.d.ts → cssm/Component-69921c40.d.ts} +0 -0
  139. /package/cssm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  140. /package/{cssm/Component-63dec22f.d.ts → esm/Component-69921c40.d.ts} +0 -0
  141. /package/esm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  142. /package/{esm/Component-63dec22f.d.ts → modern/Component-69921c40.d.ts} +0 -0
  143. /package/modern/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  144. /package/{useSkeleton-ebda875c.d.ts → useSkeleton-1b036d4b.d.ts} +0 -0
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CheckmarkProps } from "./typings-0f4b9bed";
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
+ export { BaseCheckmark };
@@ -0,0 +1,296 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
4
+ import { FormControlProps } from "./index-c44170fe";
5
+ type StyleColors = {
6
+ default: {
7
+ [key: string]: string;
8
+ };
9
+ inverted: {
10
+ [key: string]: string;
11
+ };
12
+ };
13
+ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
14
+ /**
15
+ * Значение поля ввода
16
+ */
17
+ value?: string;
18
+ /**
19
+ * Начальное значение поля
20
+ */
21
+ defaultValue?: string;
22
+ /**
23
+ * Растягивает компонент на ширину контейнера
24
+ */
25
+ block?: boolean;
26
+ /**
27
+ * Крестик для очистки поля
28
+ */
29
+ clear?: boolean;
30
+ /**
31
+ * Размер компонента
32
+ */
33
+ size?: 's' | 'm' | 'l' | 'xl';
34
+ /**
35
+ * Набор цветов для компонента
36
+ */
37
+ colors?: 'default' | 'inverted';
38
+ /**
39
+ * Отображение ошибки
40
+ */
41
+ error?: ReactNode | boolean;
42
+ /**
43
+ * Отображение иконки успеха
44
+ */
45
+ success?: boolean;
46
+ /**
47
+ * Текст подсказки
48
+ */
49
+ hint?: ReactNode;
50
+ /**
51
+ * Лейбл компонента
52
+ */
53
+ label?: React.ReactNode;
54
+ /**
55
+ * Вид лейбла внутри / снаружи
56
+ */
57
+ labelView?: 'inner' | 'outer';
58
+ /**
59
+ * Атрибут type
60
+ */
61
+ type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
62
+ /**
63
+ * Ref для обертки input
64
+ */
65
+ wrapperRef?: React.Ref<HTMLDivElement> | null;
66
+ /**
67
+ * Слот слева
68
+ */
69
+ leftAddons?: React.ReactNode;
70
+ /**
71
+ * Слот справа
72
+ */
73
+ rightAddons?: React.ReactNode;
74
+ /**
75
+ * Свойства для обертки левых аддонов
76
+ */
77
+ leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
78
+ /**
79
+ * Свойства для обертки правых аддонов
80
+ */
81
+ rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
82
+ /**
83
+ * Слот под инпутом
84
+ */
85
+ bottomAddons?: React.ReactNode;
86
+ /**
87
+ * Дополнительный класс
88
+ */
89
+ className?: string;
90
+ /**
91
+ * Дополнительный класс для поля
92
+ */
93
+ fieldClassName?: string;
94
+ /**
95
+ * Дополнительный класс инпута
96
+ */
97
+ inputClassName?: string;
98
+ /**
99
+ * Дополнительный класс для лейбла
100
+ */
101
+ labelClassName?: string;
102
+ /**
103
+ * Дополнительный класс для аддонов
104
+ */
105
+ addonsClassName?: string;
106
+ /**
107
+ * Класс, который будет установлен при фокусе
108
+ */
109
+ focusedClassName?: string;
110
+ /**
111
+ * Класс, который будет установлен, если в поле есть значение
112
+ */
113
+ filledClassName?: string;
114
+ /**
115
+ * Обработчик поля ввода
116
+ */
117
+ onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
118
+ value: string;
119
+ }) => void;
120
+ /**
121
+ * Обработчик нажатия на кнопку очистки
122
+ */
123
+ onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
124
+ /**
125
+ * Обработчик клика по полю
126
+ */
127
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
128
+ /**
129
+ * Обработчик MouseDown по полю
130
+ */
131
+ onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
132
+ /**
133
+ * Обработчик MouseUp по полю
134
+ */
135
+ onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
136
+ /**
137
+ * Компонент FormControl
138
+ */
139
+ FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
140
+ /**
141
+ * Идентификатор для систем автоматизированного тестирования
142
+ */
143
+ dataTestId?: string;
144
+ /**
145
+ * Стили компонента для default и inverted режима.
146
+ */
147
+ colorStyles?: StyleColors;
148
+ /**
149
+ * Запрещает ввод с клавиатуры
150
+ */
151
+ disableUserInput?: boolean;
152
+ };
153
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
154
+ /**
155
+ * Значение поля ввода
156
+ */
157
+ value?: string | undefined;
158
+ /**
159
+ * Начальное значение поля
160
+ */
161
+ defaultValue?: string | undefined;
162
+ /**
163
+ * Растягивает компонент на ширину контейнера
164
+ */
165
+ block?: boolean | undefined;
166
+ /**
167
+ * Крестик для очистки поля
168
+ */
169
+ clear?: boolean | undefined;
170
+ /**
171
+ * Размер компонента
172
+ */
173
+ size?: "s" | "m" | "l" | "xl" | undefined;
174
+ /**
175
+ * Набор цветов для компонента
176
+ */
177
+ colors?: "default" | "inverted" | undefined;
178
+ /**
179
+ * Отображение ошибки
180
+ */
181
+ error?: ReactNode | boolean;
182
+ /**
183
+ * Отображение иконки успеха
184
+ */
185
+ success?: boolean | undefined;
186
+ /**
187
+ * Текст подсказки
188
+ */
189
+ hint?: ReactNode;
190
+ /**
191
+ * Лейбл компонента
192
+ */
193
+ label?: React.ReactNode;
194
+ /**
195
+ * Вид лейбла внутри / снаружи
196
+ */
197
+ labelView?: "inner" | "outer" | undefined;
198
+ /**
199
+ * Атрибут type
200
+ */
201
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
202
+ /**
203
+ * Ref для обертки input
204
+ */
205
+ wrapperRef?: React.Ref<HTMLDivElement> | undefined;
206
+ /**
207
+ * Слот слева
208
+ */
209
+ leftAddons?: React.ReactNode;
210
+ /**
211
+ * Слот справа
212
+ */
213
+ rightAddons?: React.ReactNode;
214
+ /**
215
+ * Свойства для обертки левых аддонов
216
+ */
217
+ leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
218
+ /**
219
+ * Свойства для обертки правых аддонов
220
+ */
221
+ rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
222
+ /**
223
+ * Слот под инпутом
224
+ */
225
+ bottomAddons?: React.ReactNode;
226
+ /**
227
+ * Дополнительный класс
228
+ */
229
+ className?: string | undefined;
230
+ /**
231
+ * Дополнительный класс для поля
232
+ */
233
+ fieldClassName?: string | undefined;
234
+ /**
235
+ * Дополнительный класс инпута
236
+ */
237
+ inputClassName?: string | undefined;
238
+ /**
239
+ * Дополнительный класс для лейбла
240
+ */
241
+ labelClassName?: string | undefined;
242
+ /**
243
+ * Дополнительный класс для аддонов
244
+ */
245
+ addonsClassName?: string | undefined;
246
+ /**
247
+ * Класс, который будет установлен при фокусе
248
+ */
249
+ focusedClassName?: string | undefined;
250
+ /**
251
+ * Класс, который будет установлен, если в поле есть значение
252
+ */
253
+ filledClassName?: string | undefined;
254
+ /**
255
+ * Обработчик поля ввода
256
+ */
257
+ onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
258
+ value: string;
259
+ }) => void) | undefined;
260
+ /**
261
+ * Обработчик нажатия на кнопку очистки
262
+ */
263
+ onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
264
+ /**
265
+ * Обработчик клика по полю
266
+ */
267
+ onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
268
+ /**
269
+ * Обработчик MouseDown по полю
270
+ */
271
+ onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
272
+ /**
273
+ * Обработчик MouseUp по полю
274
+ */
275
+ onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
276
+ /**
277
+ * Компонент FormControl
278
+ */
279
+ FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
280
+ breakpoint?: number | undefined;
281
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
282
+ } & React.RefAttributes<HTMLDivElement>> | undefined;
283
+ /**
284
+ * Идентификатор для систем автоматизированного тестирования
285
+ */
286
+ dataTestId?: string | undefined;
287
+ /**
288
+ * Стили компонента для default и inverted режима.
289
+ */
290
+ colorStyles?: StyleColors | undefined;
291
+ /**
292
+ * Запрещает ввод с клавиатуры
293
+ */
294
+ disableUserInput?: boolean | undefined;
295
+ } & React.RefAttributes<HTMLInputElement>>;
296
+ export { StyleColors, BaseInputProps, BaseInput };
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
4
+ type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
5
+ type BadgeProps = {
6
+ /**
7
+ * Дополнительный класс
8
+ */
9
+ className?: string;
10
+ /**
11
+ * Вид компонента
12
+ */
13
+ view: 'icon' | 'count';
14
+ /**
15
+ * Размер компонента (только для view=icon)
16
+ * //deprecated(используйте height для view=count )
17
+ */
18
+ size?: 's' | 'm' | 'l' | 'xl';
19
+ /**
20
+ * Видимость белой обводки вокруг иконки
21
+ */
22
+ visibleIconOutline?: boolean;
23
+ /**
24
+ * Видимость цветной обводки вокруг иконки (только для view=icon)
25
+ */
26
+ visibleColorOutline?: boolean;
27
+ /**
28
+ * Контент компонента
29
+ */
30
+ content?: React.ReactElement | number;
31
+ /**
32
+ * Высота компонента, min = 16; max = 48 (только для view=count)
33
+ */
34
+ height?: number;
35
+ /**
36
+ * Цветовое оформление бейджа при view='count'
37
+ */
38
+ color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
39
+ /**
40
+ * Цветовое оформление бейджа при view='icon'
41
+ */
42
+ iconColor?: IconColorType;
43
+ /**
44
+ * Цвет подложки под иконкой
45
+ */
46
+ iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
47
+ /**
48
+ * Идентификатор для систем автоматизированного тестирования
49
+ */
50
+ dataTestId?: string;
51
+ };
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
+ export { IconColorType, BadgeProps, Badge };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CheckboxProps } from "./index-ebda875c";
4
+ type HeaderProps = {
5
+ checked?: boolean;
6
+ indeterminate?: boolean;
7
+ onChange?: CheckboxProps['onChange'];
8
+ mobile?: boolean;
9
+ };
10
+ declare const Header: React.FC<HeaderProps>;
11
+ export { HeaderProps, Header };
@@ -1,12 +1,101 @@
1
- /// <reference types="react" />
2
1
  /// <reference types="react-transition-group" />
2
+ /// <reference types="react" />
3
3
  import React from 'react';
4
- import { CheckboxProps } from "./index-ebda875c";
5
- type HeaderProps = {
6
- checked?: boolean;
7
- indeterminate?: boolean;
8
- onChange?: CheckboxProps['onChange'];
9
- mobile?: boolean;
4
+ import { CSSProperties, MutableRefObject, ReactNode } from "react";
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
+ import { BasePlacement, VariationPlacement } from '@popperjs/core';
7
+ type RefElement = HTMLElement | null;
8
+ type Position = BasePlacement | VariationPlacement;
9
+ type PopoverProps = {
10
+ /**
11
+ * Управление состоянием поповера (открыт/закрыт)
12
+ */
13
+ open: boolean;
14
+ /**
15
+ * Элемент, относительного которого появляется поповер
16
+ */
17
+ anchorElement: RefElement;
18
+ /**
19
+ * Использовать ширину родительского элемента
20
+ */
21
+ useAnchorWidth?: boolean;
22
+ /**
23
+ * Позиционирование поповера
24
+ */
25
+ position?: Position;
26
+ /**
27
+ * Запрещает поповеру менять свою позицию.
28
+ * Например, если места снизу недостаточно,то он все равно будет показан снизу
29
+ */
30
+ preventFlip?: boolean;
31
+ /**
32
+ * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
33
+ */
34
+ preventOverflow?: boolean;
35
+ /**
36
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
37
+ */
38
+ availableHeight?: boolean;
39
+ /**
40
+ * Если `true`, будет отрисована стрелочка
41
+ */
42
+ withArrow?: boolean;
43
+ /**
44
+ * Смещение поповера.
45
+ * Если позиционирование top, bottom, то [x, y].
46
+ * Если позиционирование left, right то [y, x].
47
+ */
48
+ offset?: [number, number];
49
+ /**
50
+ * Дополнительный класс для поповера
51
+ */
52
+ popperClassName?: string;
53
+ /**
54
+ * Дополнительный класс для стрелочки
55
+ */
56
+ arrowClassName?: string;
57
+ /**
58
+ * Функция, возвращающая контейнер, в который будет рендериться поповер
59
+ */
60
+ getPortalContainer?: () => HTMLElement;
61
+ /**
62
+ * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
63
+ */
64
+ transition?: CSSTransitionProps;
65
+ /**
66
+ * Выставляет кастомное свойство transition-duration
67
+ */
68
+ transitionDuration?: CSSProperties['transitionDuration'];
69
+ /**
70
+ * Рендерит компонент, обернутый в Transition
71
+ */
72
+ withTransition?: boolean;
73
+ /**
74
+ * Идентификатор для систем автоматизированного тестирования
75
+ */
76
+ dataTestId?: string;
77
+ /**
78
+ * Хранит функцию, с помощью которой можно обновить положение компонента
79
+ */
80
+ update?: MutableRefObject<() => void>;
81
+ /**
82
+ * Дополнительный класс
83
+ */
84
+ className?: string;
85
+ /**
86
+ * z-index компонента
87
+ */
88
+ zIndex?: number;
89
+ /**
90
+ * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
91
+ * по очереди для каждой позиции из этого списка.
92
+ * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
93
+ */
94
+ fallbackPlacements?: Position[];
95
+ /**
96
+ * Контент
97
+ */
98
+ children?: ReactNode;
10
99
  };
11
- declare const Header: React.FC<HeaderProps>;
12
- export { HeaderProps, Header };
100
+ declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
101
+ export { Position, PopoverProps, Popover };
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ReactNode } from "react";
4
4
  import { BottomSheetProps } from "./index-f12ee135";
5
- import { BaseSelectProps } from "./typings-dd8ca091";
5
+ import { BaseSelectProps } from "./typings-0f4b9bed";
6
6
  type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
7
  /**
8
8
  * Футер
@@ -4,7 +4,7 @@ import { FC, SVGProps } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "./shared-4cd3936b";
6
6
  import { PickerButtonSize, PickerButtonVariant } from "./types";
7
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
7
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
8
  options: Array<BaseSelectProps['options'][0] & {
9
9
  /**
10
10
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
25
25
  */
26
26
  showArrow?: boolean;
27
27
  };
28
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
28
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "showSearch" | "Search" | "searchProps"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
29
29
  options: Array<BaseSelectProps['options'][0] & {
30
30
  /**
31
31
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_j1e6c","optionsPopover":"picker-button__optionsPopover_j1e6c","sideGap":"picker-button__sideGap_j1e6c","option":"picker-button__option_j1e6c"};
23
+ var styles = {"container":"picker-button__container_culfp","optionsPopover":"picker-button__optionsPopover_culfp","sideGap":"picker-button__sideGap_culfp","option":"picker-button__option_culfp"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseInputProps } from "./index-ebda875c";
4
+ type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
5
+ declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ export { InputMobileProps, InputMobile };
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ReactNode } from "react";
4
4
  import { BottomSheetProps } from "./index-f12ee135";
5
5
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
6
- import { BaseSelectProps } from "./typings-dd8ca091";
6
+ import { BaseSelectProps } from "./typings-0f4b9bed";
7
7
  type AdditionalMobileProps = {
8
8
  /**
9
9
  * Футер
@@ -9,7 +9,7 @@ type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'C
9
9
  */
10
10
  breakpoint?: number;
11
11
  };
12
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & {
12
+ declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "Checkmark" | "OptionsList"> & AdditionalMobileProps & {
13
13
  /**
14
14
  * Контрольная точка для кнопки, с нее начинается desktop версия
15
15
  * @default 1024
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "showSearch" | "Search" | "searchProps"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
15
15
  options: ((import("./shared-4cd3936b").OptionShape | import("./shared-4cd3936b").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ReactNode } from "react";
4
4
  import { BottomSheetProps } from "./index-f12ee135";
5
- import { BaseSelectProps } from "./typings-dd8ca091";
5
+ import { BaseSelectProps } from "./typings-0f4b9bed";
6
6
  type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
7
  /**
8
8
  * Футер
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { NavigationBarProps } from "./types-83e2bd9e";
3
+ import { NavigationBarProps } from "./types-1c79e231";
4
4
  declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
5
- export * from "./Component-63dec22f";
5
+ export * from "./Component-69921c40";
6
6
  export { NavigationBar };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
3
+ import { BaseFormControlProps } from "./Component.responsive-3109f463";
4
4
  type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlDesktopProps, FormControlDesktop };
@@ -4,7 +4,7 @@ import { FC, SVGProps } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "./shared-4cd3936b";
6
6
  import { PickerButtonSize, PickerButtonVariant } from "./types";
7
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
7
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
8
  options: Array<BaseSelectProps['options'][0] & {
9
9
  /**
10
10
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
25
25
  */
26
26
  showArrow?: boolean;
27
27
  };
28
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
28
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
29
29
  options: Array<BaseSelectProps['options'][0] & {
30
30
  /**
31
31
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
3
+ import { BaseFormControlProps } from "./Component.responsive-3109f463";
4
4
  type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlMobileProps, FormControlMobile };
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ReactNode } from "react";
4
4
  import { BottomSheetProps } from "./index-f12ee135";
5
5
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
6
- import { BaseSelectProps } from "./typings-dd8ca091";
6
+ import { BaseSelectProps } from "./typings-0f4b9bed";
7
7
  type AdditionalMobileProps = {
8
8
  /**
9
9
  * Футер
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ModalMobile } from "./Component.mobile-f1f15074";
4
4
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
5
- import { BaseSelectProps } from "./typings-dd8ca091";
5
+ import { BaseSelectProps } from "./typings-0f4b9bed";
6
6
  type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
7
  /**
8
8
  * Показывать кнопку очистки
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
3
  type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
5
4
  /**
6
5
  * Контрольная точка, с нее начинается desktop версия
@@ -23,4 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
23
22
  */
24
23
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
25
24
  } & React.RefAttributes<HTMLDivElement>>;
25
+ export * from "./Component-10db897e";
26
26
  export { FormControlProps, FormControl };