@alfalab/core-components-input-autocomplete 9.4.7 → 10.0.0

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 (237) hide show
  1. package/Component-5e1b8383.d.ts +3 -3
  2. package/Component-63dec22f.d.ts +11 -0
  3. package/Component-89a3cf4c.d.ts +6 -0
  4. package/Component-96988a65.d.ts +9 -0
  5. package/Component-bdb4c6b9.d.ts +10 -7
  6. package/Component-e81c389f.d.ts +5 -0
  7. package/Component-ebda875c.d.ts +222 -54
  8. package/Component-f12ee135.d.ts +5 -4
  9. package/Component.desktop-ebda875c.d.ts +6 -0
  10. package/Component.desktop.d.ts +11 -65
  11. package/Component.desktop.js +4 -4
  12. package/Component.mobile-f12ee135.d.ts +41 -0
  13. package/{esm/Component.mobile-e81c389f.d.ts → Component.mobile-f1f15074.d.ts} +2 -6
  14. package/Component.mobile.d.ts +7 -7
  15. package/Component.mobile.js +7 -7
  16. package/Component.modal.mobile.d.ts +8 -40
  17. package/Component.modal.mobile.js +5 -5
  18. package/Component.responsive.d.ts +12 -70
  19. package/Component.responsive.js +7 -5
  20. package/autocomplete-field/Component.d.ts +1 -1
  21. package/autocomplete-field/Component.js +3 -3
  22. package/autocomplete-field/index.css +2 -2
  23. package/autocomplete-field/index.js +1 -1
  24. package/autocomplete-mobile-field/Component.d.ts +4 -4
  25. package/autocomplete-mobile-field/Component.js +7 -7
  26. package/autocomplete-mobile-field/index.css +8 -8
  27. package/autocomplete-mobile-field/index.js +1 -1
  28. package/cssm/Component-5e1b8383.d.ts +70 -3
  29. package/{Component-3885b0d7.d.ts → cssm/Component-63dec22f.d.ts} +24 -26
  30. package/cssm/Component-89a3cf4c.d.ts +6 -0
  31. package/cssm/Component-bdb4c6b9.d.ts +10 -7
  32. package/cssm/Component-e81c389f.d.ts +5 -0
  33. package/cssm/Component-ebda875c.d.ts +9 -98
  34. package/cssm/Component.desktop-ebda875c.d.ts +6 -0
  35. package/cssm/Component.desktop.d.ts +11 -65
  36. package/cssm/Component.desktop.js +4 -4
  37. package/cssm/Component.mobile-06ffd24b.d.ts +41 -0
  38. package/cssm/Component.mobile-ebda875c.d.ts +6 -0
  39. package/cssm/{Component.mobile-e81c389f.d.ts → Component.mobile-f1f15074.d.ts} +2 -6
  40. package/cssm/Component.mobile.d.ts +6 -6
  41. package/cssm/Component.mobile.js +6 -6
  42. package/cssm/Component.modal.mobile-5e1b8383.d.ts +60 -0
  43. package/cssm/Component.modal.mobile.d.ts +7 -39
  44. package/cssm/Component.modal.mobile.js +4 -4
  45. package/cssm/Component.responsive.d.ts +11 -69
  46. package/cssm/Component.responsive.js +6 -4
  47. package/cssm/autocomplete-field/Component.d.ts +1 -1
  48. package/cssm/autocomplete-field/Component.js +2 -2
  49. package/cssm/autocomplete-field/index.js +1 -1
  50. package/cssm/autocomplete-mobile-field/Component.d.ts +4 -4
  51. package/cssm/autocomplete-mobile-field/Component.js +6 -6
  52. package/cssm/autocomplete-mobile-field/index.js +1 -1
  53. package/cssm/component-89a3cf4c.d.ts +44 -0
  54. package/cssm/desktop-63dec22f.d.ts +6 -0
  55. package/cssm/desktop.d.ts +1 -1
  56. package/cssm/desktop.js +2 -2
  57. package/{esm/hook-b4e70cb0.d.ts → cssm/hook-9ea9e32c.d.ts} +12 -10
  58. package/cssm/{index-3885b0d7.d.ts → index-89a3cf4c.d.ts} +2 -2
  59. package/cssm/index-bdb4c6b9.d.ts +2 -172
  60. package/cssm/index-e81c389f.d.ts +1 -1
  61. package/cssm/index-ebda875c.d.ts +94 -56
  62. package/cssm/index-f12ee135.d.ts +3 -287
  63. package/cssm/index.d.ts +2 -3
  64. package/cssm/index.js +9 -8
  65. package/cssm/mobile-06ffd24b.d.ts +5 -0
  66. package/cssm/mobile-96988a65.d.ts +3 -0
  67. package/cssm/mobile.d.ts +2 -2
  68. package/cssm/mobile.js +3 -4
  69. package/cssm/shared-4cd3936b.d.ts +93 -0
  70. package/cssm/types-d9f9bbcc.d.ts +259 -0
  71. package/cssm/typings-5e1b8383.d.ts +1 -1
  72. package/cssm/typings-9211a437.d.ts +95 -0
  73. package/cssm/utils-1574ad8b.d.ts +29 -0
  74. package/cssm/utils-49cc3c24.d.ts +8 -0
  75. package/desktop-63dec22f.d.ts +6 -0
  76. package/desktop.d.ts +1 -1
  77. package/desktop.js +2 -2
  78. package/esm/Component-5e1b8383.d.ts +70 -3
  79. package/{modern/Component-3885b0d7.d.ts → esm/Component-63dec22f.d.ts} +24 -26
  80. package/esm/Component-89a3cf4c.d.ts +6 -0
  81. package/esm/Component-bdb4c6b9.d.ts +10 -7
  82. package/esm/Component-e81c389f.d.ts +5 -0
  83. package/esm/Component-ebda875c.d.ts +9 -98
  84. package/esm/Component.desktop-ebda875c.d.ts +6 -0
  85. package/esm/Component.desktop.d.ts +11 -65
  86. package/esm/Component.desktop.js +2 -2
  87. package/esm/Component.mobile-06ffd24b.d.ts +41 -0
  88. package/esm/Component.mobile-ebda875c.d.ts +6 -0
  89. package/{Component.mobile-e81c389f.d.ts → esm/Component.mobile-f1f15074.d.ts} +2 -6
  90. package/esm/Component.mobile.d.ts +6 -6
  91. package/esm/Component.mobile.js +6 -6
  92. package/esm/Component.modal.mobile-5e1b8383.d.ts +60 -0
  93. package/esm/Component.modal.mobile.d.ts +7 -39
  94. package/esm/Component.modal.mobile.js +5 -5
  95. package/esm/Component.responsive.d.ts +11 -69
  96. package/esm/Component.responsive.js +7 -5
  97. package/esm/autocomplete-field/Component.d.ts +1 -1
  98. package/esm/autocomplete-field/Component.js +4 -4
  99. package/esm/autocomplete-field/index.css +2 -2
  100. package/esm/autocomplete-field/index.js +1 -1
  101. package/esm/autocomplete-mobile-field/Component.d.ts +4 -4
  102. package/esm/autocomplete-mobile-field/Component.js +7 -7
  103. package/esm/autocomplete-mobile-field/index.css +8 -8
  104. package/esm/autocomplete-mobile-field/index.js +1 -1
  105. package/esm/component-89a3cf4c.d.ts +44 -0
  106. package/esm/desktop-63dec22f.d.ts +6 -0
  107. package/esm/desktop.d.ts +1 -1
  108. package/esm/desktop.js +2 -2
  109. package/{hook-b4e70cb0.d.ts → esm/hook-9ea9e32c.d.ts} +12 -10
  110. package/esm/{index-3885b0d7.d.ts → index-89a3cf4c.d.ts} +2 -2
  111. package/esm/index-bdb4c6b9.d.ts +2 -172
  112. package/esm/index-e81c389f.d.ts +1 -1
  113. package/esm/index-ebda875c.d.ts +94 -56
  114. package/esm/index-f12ee135.d.ts +3 -287
  115. package/esm/index.d.ts +2 -3
  116. package/esm/index.js +10 -8
  117. package/esm/mobile-06ffd24b.d.ts +5 -0
  118. package/esm/mobile-96988a65.d.ts +3 -0
  119. package/esm/mobile.css +4 -4
  120. package/esm/mobile.d.ts +2 -2
  121. package/esm/mobile.js +4 -5
  122. package/esm/{mobile.module-2d568950.js → mobile.module-ed5594fa.js} +1 -1
  123. package/esm/shared-4cd3936b.d.ts +93 -0
  124. package/esm/types-d9f9bbcc.d.ts +259 -0
  125. package/esm/typings-5e1b8383.d.ts +1 -1
  126. package/esm/typings-9211a437.d.ts +95 -0
  127. package/esm/utils-1574ad8b.d.ts +29 -0
  128. package/esm/utils-49cc3c24.d.ts +8 -0
  129. package/{cssm/hook-b4e70cb0.d.ts → hook-9ea9e32c.d.ts} +11 -9
  130. package/hook-ebda875c.d.ts +48 -0
  131. package/{index-3885b0d7.d.ts → index-89a3cf4c.d.ts} +2 -2
  132. package/index-e81c389f.d.ts +1 -1
  133. package/index-ebda875c.d.ts +14 -80
  134. package/index-f12ee135.d.ts +38 -18
  135. package/index.d.ts +2 -3
  136. package/index.js +10 -9
  137. package/mobile-45dc17c6.d.ts +47 -0
  138. package/mobile-96988a65.d.ts +6 -0
  139. package/mobile.css +4 -4
  140. package/mobile.d.ts +2 -2
  141. package/mobile.js +4 -5
  142. package/{mobile.module-80b4093b.js → mobile.module-4fb8c86a.js} +1 -1
  143. package/modern/Component-5e1b8383.d.ts +70 -3
  144. package/{esm/Component-3885b0d7.d.ts → modern/Component-63dec22f.d.ts} +24 -26
  145. package/modern/Component-89a3cf4c.d.ts +6 -0
  146. package/modern/Component-bdb4c6b9.d.ts +10 -7
  147. package/modern/Component-e81c389f.d.ts +5 -0
  148. package/modern/Component-ebda875c.d.ts +9 -98
  149. package/modern/Component.desktop-ebda875c.d.ts +6 -0
  150. package/modern/Component.desktop.d.ts +11 -65
  151. package/modern/Component.desktop.js +2 -2
  152. package/modern/Component.mobile-06ffd24b.d.ts +41 -0
  153. package/modern/Component.mobile-ebda875c.d.ts +6 -0
  154. package/modern/{Component.mobile-e81c389f.d.ts → Component.mobile-f1f15074.d.ts} +2 -6
  155. package/modern/Component.mobile.d.ts +6 -6
  156. package/modern/Component.mobile.js +6 -6
  157. package/modern/Component.modal.mobile-5e1b8383.d.ts +60 -0
  158. package/modern/Component.modal.mobile.d.ts +7 -39
  159. package/modern/Component.modal.mobile.js +5 -5
  160. package/modern/Component.responsive.d.ts +11 -69
  161. package/modern/Component.responsive.js +7 -5
  162. package/modern/autocomplete-field/Component.d.ts +1 -1
  163. package/modern/autocomplete-field/Component.js +4 -4
  164. package/modern/autocomplete-field/index.css +2 -2
  165. package/modern/autocomplete-field/index.js +1 -1
  166. package/modern/autocomplete-mobile-field/Component.d.ts +4 -4
  167. package/modern/autocomplete-mobile-field/Component.js +7 -7
  168. package/modern/autocomplete-mobile-field/index.css +8 -8
  169. package/modern/autocomplete-mobile-field/index.js +1 -1
  170. package/modern/component-89a3cf4c.d.ts +44 -0
  171. package/modern/desktop-63dec22f.d.ts +6 -0
  172. package/modern/desktop.d.ts +1 -1
  173. package/modern/desktop.js +2 -2
  174. package/modern/{hook-b4e70cb0.d.ts → hook-9ea9e32c.d.ts} +12 -10
  175. package/modern/{index-3885b0d7.d.ts → index-89a3cf4c.d.ts} +2 -2
  176. package/modern/index-bdb4c6b9.d.ts +2 -172
  177. package/modern/index-e81c389f.d.ts +1 -1
  178. package/modern/index-ebda875c.d.ts +94 -56
  179. package/modern/index-f12ee135.d.ts +3 -287
  180. package/modern/index.d.ts +2 -3
  181. package/modern/index.js +10 -8
  182. package/modern/mobile-06ffd24b.d.ts +5 -0
  183. package/modern/mobile-96988a65.d.ts +3 -0
  184. package/modern/mobile.css +4 -4
  185. package/modern/mobile.d.ts +2 -2
  186. package/modern/mobile.js +4 -5
  187. package/modern/{mobile.module-93c1e0e2.js → mobile.module-a255d4ec.js} +1 -1
  188. package/modern/shared-4cd3936b.d.ts +93 -0
  189. package/modern/types-d9f9bbcc.d.ts +259 -0
  190. package/modern/typings-5e1b8383.d.ts +1 -1
  191. package/modern/typings-9211a437.d.ts +95 -0
  192. package/modern/utils-1574ad8b.d.ts +29 -0
  193. package/modern/utils-49cc3c24.d.ts +8 -0
  194. package/package.json +25 -5
  195. package/shared-4cd3936b.d.ts +8 -0
  196. package/src/Component.desktop.tsx +89 -0
  197. package/src/Component.mobile.tsx +251 -0
  198. package/src/Component.modal.mobile.tsx +227 -0
  199. package/src/Component.responsive.tsx +42 -0
  200. package/src/autocomplete-field/Component.tsx +91 -0
  201. package/src/autocomplete-field/index.module.css +3 -0
  202. package/src/autocomplete-field/index.ts +1 -0
  203. package/src/autocomplete-mobile-field/Component.tsx +74 -0
  204. package/src/autocomplete-mobile-field/index.module.css +37 -0
  205. package/src/autocomplete-mobile-field/index.ts +1 -0
  206. package/src/desktop.ts +1 -0
  207. package/src/index.ts +4 -0
  208. package/src/mobile.module.css +14 -0
  209. package/src/mobile.ts +5 -0
  210. package/typings-5e1b8383.d.ts +1 -1
  211. package/typings-9211a437.d.ts +95 -0
  212. package/Component-b4e70cb0.d.ts +0 -22
  213. package/cssm/Component-3885b0d7.d.ts +0 -169
  214. package/cssm/Component-425c8522.d.ts +0 -53
  215. package/cssm/Component-aed0af6e.d.ts +0 -11
  216. package/cssm/Component-b4e70cb0.d.ts +0 -22
  217. package/cssm/Component-f12ee135.d.ts +0 -71
  218. package/cssm/index-3e68f8db.d.ts +0 -5
  219. package/cssm/responsive.d.ts +0 -2
  220. package/cssm/responsive.js +0 -26
  221. package/esm/Component-425c8522.d.ts +0 -53
  222. package/esm/Component-aed0af6e.d.ts +0 -11
  223. package/esm/Component-b4e70cb0.d.ts +0 -22
  224. package/esm/Component-f12ee135.d.ts +0 -71
  225. package/esm/index-3e68f8db.d.ts +0 -5
  226. package/esm/responsive.d.ts +0 -2
  227. package/esm/responsive.js +0 -16
  228. package/index-3e68f8db.d.ts +0 -5
  229. package/modern/Component-425c8522.d.ts +0 -53
  230. package/modern/Component-aed0af6e.d.ts +0 -11
  231. package/modern/Component-b4e70cb0.d.ts +0 -22
  232. package/modern/Component-f12ee135.d.ts +0 -71
  233. package/modern/index-3e68f8db.d.ts +0 -5
  234. package/modern/responsive.d.ts +0 -2
  235. package/modern/responsive.js +0 -15
  236. package/responsive.d.ts +0 -2
  237. package/responsive.js +0 -24
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptionsListProps } from "./typings-5e1b8383";
4
- declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
5
- export { VirtualOptionsList };
3
+ import { CheckmarkProps } from "./typings-5e1b8383";
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
+ export { BaseCheckmark };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { OptionShape } from "./typings-5e1b8383";
4
+ type FooterProps = {
5
+ handleClear?: () => void;
6
+ handleApply?: () => void;
7
+ showClear?: boolean;
8
+ selectedDraft?: OptionShape[];
9
+ };
10
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, }: FooterProps) => React.JSX.Element;
11
+ export { FooterProps, Footer };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseSelectProps } from "./typings-5e1b8383";
4
+ declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<unknown>>;
5
+ export * from "./Component-5e1b8383";
6
+ export { BaseSelect };
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ type FooterProps = {
4
+ handleClear?: () => void;
5
+ handleApply?: () => void;
6
+ showClear?: boolean;
7
+ };
8
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
9
+ export { FooterProps, Footer };
@@ -1,9 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- type FooterProps = {
4
- handleClear?: () => void;
5
- handleApply?: () => void;
6
- showClear?: boolean;
7
- };
8
- declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
9
- export { FooterProps, Footer };
3
+ import { View } from "./typings-bdb4c6b9";
4
+ declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
5
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
+ fullscreen?: boolean | undefined;
7
+ fixedPosition?: boolean | undefined;
8
+ hasCloser?: boolean | undefined;
9
+ } & {
10
+ view: View;
11
+ } & React.RefAttributes<HTMLDivElement>>;
12
+ export { Modal };
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import { NavigationBarProps } from "./index-e81c389f";
3
+ type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
4
+ declare const Header: FC<HeaderProps>;
5
+ export { HeaderProps, Header };
@@ -1,101 +1,269 @@
1
- /// <reference types="react-transition-group" />
2
1
  /// <reference types="react" />
2
+ /// <reference types="react-transition-group" />
3
3
  import React from 'react';
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 = {
4
+ import { ChangeEvent, ElementType, InputHTMLAttributes, MouseEvent, ReactNode } from "react";
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;
10
50
  /**
11
- * Управление состоянием поповера (открыт/закрыт)
51
+ * Лейбл компонента
12
52
  */
13
- open: boolean;
53
+ label?: React.ReactNode;
14
54
  /**
15
- * Элемент, относительного которого появляется поповер
55
+ * Вид лейбла внутри / снаружи
16
56
  */
17
- anchorElement: RefElement;
57
+ labelView?: 'inner' | 'outer';
18
58
  /**
19
- * Использовать ширину родительского элемента
59
+ * Атрибут type
20
60
  */
21
- useAnchorWidth?: boolean;
61
+ type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
22
62
  /**
23
- * Позиционирование поповера
63
+ * Ref для обертки input
24
64
  */
25
- position?: Position;
65
+ wrapperRef?: React.Ref<HTMLDivElement> | null;
26
66
  /**
27
- * Запрещает поповеру менять свою позицию.
28
- * Например, если места снизу недостаточно,то он все равно будет показан снизу
67
+ * Слот слева
29
68
  */
30
- preventFlip?: boolean;
69
+ leftAddons?: React.ReactNode;
31
70
  /**
32
- * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
71
+ * Слот справа
33
72
  */
34
- preventOverflow?: boolean;
73
+ rightAddons?: React.ReactNode;
35
74
  /**
36
- * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
75
+ * Слот под инпутом
37
76
  */
38
- availableHeight?: boolean;
77
+ bottomAddons?: React.ReactNode;
39
78
  /**
40
- * Если `true`, будет отрисована стрелочка
79
+ * Дополнительный класс
41
80
  */
42
- withArrow?: boolean;
81
+ className?: string;
43
82
  /**
44
- * Смещение поповера.
45
- * Если позиционирование top, bottom, то [x, y].
46
- * Если позиционирование left, right то [y, x].
83
+ * Дополнительный класс для поля
47
84
  */
48
- offset?: [number, number];
85
+ fieldClassName?: string;
49
86
  /**
50
- * Дополнительный класс для поповера
87
+ * Дополнительный класс инпута
51
88
  */
52
- popperClassName?: string;
89
+ inputClassName?: string;
53
90
  /**
54
- * Дополнительный класс для стрелочки
91
+ * Дополнительный класс для лейбла
55
92
  */
56
- arrowClassName?: string;
93
+ labelClassName?: string;
57
94
  /**
58
- * Функция, возвращающая контейнер, в который будет рендериться поповер
95
+ * Дополнительный класс для аддонов
59
96
  */
60
- getPortalContainer?: () => HTMLElement;
97
+ addonsClassName?: string;
61
98
  /**
62
- * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
99
+ * Класс, который будет установлен при фокусе
63
100
  */
64
- transition?: CSSTransitionProps;
101
+ focusedClassName?: string;
65
102
  /**
66
- * Выставляет кастомное свойство transition-duration
103
+ * Класс, который будет установлен, если в поле есть значение
67
104
  */
68
- transitionDuration?: CSSProperties['transitionDuration'];
105
+ filledClassName?: string;
69
106
  /**
70
- * Рендерит компонент, обернутый в Transition
107
+ * Обработчик поля ввода
71
108
  */
72
- withTransition?: boolean;
109
+ onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
110
+ value: string;
111
+ }) => void;
112
+ /**
113
+ * Обработчик нажатия на кнопку очистки
114
+ */
115
+ onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
116
+ /**
117
+ * Обработчик клика по полю
118
+ */
119
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
120
+ /**
121
+ * Обработчик MouseDown по полю
122
+ */
123
+ onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
124
+ /**
125
+ * Обработчик MouseUp по полю
126
+ */
127
+ onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
128
+ /**
129
+ * Идентификатор для систем автоматизированного тестирования
130
+ */
131
+ FormControlComponent?: ElementType;
73
132
  /**
74
133
  * Идентификатор для систем автоматизированного тестирования
75
134
  */
76
135
  dataTestId?: string;
77
136
  /**
78
- * Хранит функцию, с помощью которой можно обновить положение компонента
137
+ * Стили компонента для default и inverted режима.
138
+ */
139
+ colorStyles?: StyleColors;
140
+ };
141
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
142
+ /**
143
+ * Значение поля ввода
144
+ */
145
+ value?: string | undefined;
146
+ /**
147
+ * Начальное значение поля
148
+ */
149
+ defaultValue?: string | undefined;
150
+ /**
151
+ * Растягивает компонент на ширину контейнера
152
+ */
153
+ block?: boolean | undefined;
154
+ /**
155
+ * Крестик для очистки поля
156
+ */
157
+ clear?: boolean | undefined;
158
+ /**
159
+ * Размер компонента
160
+ */
161
+ size?: "s" | "m" | "l" | "xl" | undefined;
162
+ /**
163
+ * Набор цветов для компонента
79
164
  */
80
- update?: MutableRefObject<() => void>;
165
+ colors?: "default" | "inverted" | undefined;
166
+ /**
167
+ * Отображение ошибки
168
+ */
169
+ error?: ReactNode | boolean;
170
+ /**
171
+ * Отображение иконки успеха
172
+ */
173
+ success?: boolean | undefined;
174
+ /**
175
+ * Текст подсказки
176
+ */
177
+ hint?: ReactNode;
178
+ /**
179
+ * Лейбл компонента
180
+ */
181
+ label?: React.ReactNode;
182
+ /**
183
+ * Вид лейбла внутри / снаружи
184
+ */
185
+ labelView?: "inner" | "outer" | undefined;
186
+ /**
187
+ * Атрибут type
188
+ */
189
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
190
+ /**
191
+ * Ref для обертки input
192
+ */
193
+ wrapperRef?: React.Ref<HTMLDivElement> | undefined;
194
+ /**
195
+ * Слот слева
196
+ */
197
+ leftAddons?: React.ReactNode;
198
+ /**
199
+ * Слот справа
200
+ */
201
+ rightAddons?: React.ReactNode;
202
+ /**
203
+ * Слот под инпутом
204
+ */
205
+ bottomAddons?: React.ReactNode;
81
206
  /**
82
207
  * Дополнительный класс
83
208
  */
84
- className?: string;
209
+ className?: string | undefined;
85
210
  /**
86
- * z-index компонента
211
+ * Дополнительный класс для поля
87
212
  */
88
- zIndex?: number;
213
+ fieldClassName?: string | undefined;
89
214
  /**
90
- * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
91
- * по очереди для каждой позиции из этого списка.
92
- * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
215
+ * Дополнительный класс инпута
93
216
  */
94
- fallbackPlacements?: Position[];
217
+ inputClassName?: string | undefined;
95
218
  /**
96
- * Контент
219
+ * Дополнительный класс для лейбла
97
220
  */
98
- children?: ReactNode;
99
- };
100
- declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
101
- export { Position, PopoverProps, Popover };
221
+ labelClassName?: string | undefined;
222
+ /**
223
+ * Дополнительный класс для аддонов
224
+ */
225
+ addonsClassName?: string | undefined;
226
+ /**
227
+ * Класс, который будет установлен при фокусе
228
+ */
229
+ focusedClassName?: string | undefined;
230
+ /**
231
+ * Класс, который будет установлен, если в поле есть значение
232
+ */
233
+ filledClassName?: string | undefined;
234
+ /**
235
+ * Обработчик поля ввода
236
+ */
237
+ onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
238
+ value: string;
239
+ }) => void) | undefined;
240
+ /**
241
+ * Обработчик нажатия на кнопку очистки
242
+ */
243
+ onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
244
+ /**
245
+ * Обработчик клика по полю
246
+ */
247
+ onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
248
+ /**
249
+ * Обработчик MouseDown по полю
250
+ */
251
+ onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
252
+ /**
253
+ * Обработчик MouseUp по полю
254
+ */
255
+ onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
256
+ /**
257
+ * Идентификатор для систем автоматизированного тестирования
258
+ */
259
+ FormControlComponent?: React.ElementType<any> | undefined;
260
+ /**
261
+ * Идентификатор для систем автоматизированного тестирования
262
+ */
263
+ dataTestId?: string | undefined;
264
+ /**
265
+ * Стили компонента для default и inverted режима.
266
+ */
267
+ colorStyles?: StyleColors | undefined;
268
+ } & React.RefAttributes<HTMLInputElement>>;
269
+ export { StyleColors, BaseInputProps, BaseInput };
@@ -57,15 +57,16 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
57
57
  /**
58
58
  * Дополнительные пропсы модалки
59
59
  */
60
- modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
60
+ modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
61
61
  /**
62
62
  * Дополнительные пропсы шапки модалки
63
63
  */
64
- modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
64
+ modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
65
65
  /**
66
66
  * Дополнительные пропсы футера модалки
67
67
  */
68
- modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
68
+ modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
69
69
  } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-e81c389f";
70
+ export * from "./Component.mobile-f1f15074";
71
+ export { ModalMobileProps } from "./typings-bdb4c6b9";
71
72
  export { SelectMobileProps, BaseSelectMobile };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
+ type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
+ declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
+ export { FormControlDesktopProps, FormControlDesktop };
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, RefAttributes } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- import { BaseSelectProps } from "./index-3e68f8db";
5
+ import { BaseSelectProps } from "./shared-4cd3936b";
6
6
  type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
7
7
  /**
8
8
  * Компонент ввода значения
@@ -37,74 +37,20 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
41
- value?: string | undefined;
42
- defaultValue?: string | undefined;
43
- block?: boolean | undefined;
44
- clear?: boolean | undefined;
45
- size?: "s" | "m" | "l" | "xl" | undefined;
46
- colors?: "default" | "inverted" | undefined;
47
- error?: React.ReactNode;
48
- success?: boolean | undefined;
49
- hint?: React.ReactNode;
50
- label?: React.ReactNode;
51
- labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
53
- wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
- leftAddons?: React.ReactNode;
55
- rightAddons?: React.ReactNode;
56
- bottomAddons?: React.ReactNode;
57
- className?: string | undefined;
58
- fieldClassName?: string | undefined;
59
- inputClassName?: string | undefined;
60
- labelClassName?: string | undefined;
61
- addonsClassName?: string | undefined;
62
- focusedClassName?: string | undefined;
63
- filledClassName?: string | undefined;
64
- onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
65
- value: string;
66
- }) => void) | undefined;
67
- onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
68
- onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
69
- onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
70
- onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
71
- dataTestId?: string | undefined;
40
+ Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
41
+ breakpoint?: number | undefined;
42
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
43
+ * Пропсы, которые будут прокинуты в инпут
44
+ */
72
45
  } & React.RefAttributes<HTMLInputElement>> | undefined;
73
46
  /**
74
47
  * Пропсы, которые будут прокинуты в инпут
75
48
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
77
- value?: string | undefined;
78
- defaultValue?: string | undefined;
79
- block?: boolean | undefined;
80
- clear?: boolean | undefined;
81
- size?: "s" | "m" | "l" | "xl" | undefined;
82
- colors?: "default" | "inverted" | undefined;
83
- error?: React.ReactNode;
84
- success?: boolean | undefined;
85
- hint?: React.ReactNode;
86
- label?: React.ReactNode;
87
- labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
89
- wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
- leftAddons?: React.ReactNode;
91
- rightAddons?: React.ReactNode;
92
- bottomAddons?: React.ReactNode;
93
- className?: string | undefined;
94
- fieldClassName?: string | undefined;
95
- inputClassName?: string | undefined;
96
- labelClassName?: string | undefined;
97
- addonsClassName?: string | undefined;
98
- focusedClassName?: string | undefined;
99
- filledClassName?: string | undefined;
100
- onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
101
- value: string;
102
- }) => void) | undefined;
103
- onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
104
- onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
105
- onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
106
- onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
107
- dataTestId?: string | undefined;
49
+ inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
50
+ breakpoint?: number | undefined;
51
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
52
+ * Пропсы, которые будут прокинуты в инпут
53
+ */
108
54
  } & Record<string, unknown>) | undefined;
109
55
  /**
110
56
  * Значение поля ввода
@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var coreComponentsSelect = require('@alfalab/core-components-select');
7
+ var shared = require('@alfalab/core-components-select/shared');
8
8
  var autocompleteField_Component = require('./autocomplete-field/Component.js');
9
9
  require('react-merge-refs');
10
10
  require('classnames');
11
- require('@alfalab/core-components-input');
11
+ require('@alfalab/core-components-input/desktop');
12
12
 
13
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
 
17
17
  var InputAutocompleteDesktop = React.forwardRef(function (_a, ref) {
18
- var _b = _a.OptionsList, OptionsList = _b === void 0 ? coreComponentsSelect.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? coreComponentsSelect.Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
19
- return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, fieldProps: {
18
+ var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
19
+ return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, fieldProps: {
20
20
  Input: Input,
21
21
  onInput: onInput,
22
22
  value: value,
@@ -0,0 +1,41 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
4
+ import { BottomSheetProps } from "./index-f12ee135";
5
+ import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
6
+ import { BaseSelectProps } from "./typings-5e1b8383";
7
+ type AdditionalMobileProps = {
8
+ /**
9
+ * Футер
10
+ * @deprecated Используйте bottomSheetProps.actionButton
11
+ */
12
+ footer?: ReactNode;
13
+ /**
14
+ * Будет ли свайпаться шторка
15
+ * @deprecated Используйте bottomSheetProps.swipeable
16
+ */
17
+ swipeable?: boolean;
18
+ /**
19
+ * Дополнительные пропсы шторки
20
+ */
21
+ bottomSheetProps?: Partial<BottomSheetProps>;
22
+ /**
23
+ * Показывать кнопку очистки
24
+ */
25
+ showClear?: UseSelectWithApplyProps['showClear'];
26
+ /**
27
+ * Показывать пункт "Выбрать все"
28
+ */
29
+ showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
30
+ /**
31
+ * Показывать пункт "Выбрать все" в заголовке списка
32
+ */
33
+ showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
34
+ /**
35
+ * Использовать ли хук useSelectWithApply
36
+ */
37
+ useWithApplyHook?: boolean;
38
+ };
39
+ type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
40
+ declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
41
+ export { AdditionalMobileProps, SelectMobileProps, SelectMobile };
@@ -1,10 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ReactNode } from "react";
4
- import { NavigationBarProps } from "./index-e81c389f";
5
4
  import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
6
- type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
7
- declare const Header: FC<HeaderProps>;
8
5
  declare const Content: FC<ContentProps>;
9
6
  type FooterProps = {
10
7
  /**
@@ -31,8 +28,7 @@ type FooterProps = {
31
28
  declare const Footer: FC<FooterProps>;
32
29
  declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
33
30
  Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
34
- Header: React.FC<HeaderProps>;
31
+ Header: React.FC<import("./Component-e81c389f").HeaderProps>;
35
32
  Footer: React.FC<FooterProps>;
36
- Closer: React.FC<import("./index-e81c389f").CloserProps>;
37
33
  };
38
- export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };
34
+ export { Content, FooterProps, Footer, ModalMobile };