@alfalab/core-components-input-autocomplete 10.2.3 → 11.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 (262) hide show
  1. package/Component.desktop.d.ts +3 -70
  2. package/Component.desktop.js +2 -1
  3. package/Component.mobile.d.ts +5 -95
  4. package/Component.mobile.js +42 -45
  5. package/Component.modal.mobile.d.ts +5 -88
  6. package/Component.modal.mobile.js +9 -62
  7. package/Component.responsive.d.ts +3 -46
  8. package/Component.responsive.js +9 -12
  9. package/autocomplete-field/Component.d.ts +3 -3
  10. package/autocomplete-field/Component.js +1 -1
  11. package/autocomplete-field/index.css +2 -2
  12. package/autocomplete-mobile-field/Component.d.ts +2 -2
  13. package/autocomplete-mobile-field/Component.js +6 -3
  14. package/autocomplete-mobile-field/index.css +10 -10
  15. package/cssm/Component.desktop.d.ts +3 -70
  16. package/cssm/Component.desktop.js +2 -1
  17. package/cssm/Component.mobile.d.ts +5 -95
  18. package/cssm/Component.mobile.js +39 -44
  19. package/cssm/Component.modal.mobile.d.ts +5 -88
  20. package/cssm/Component.modal.mobile.js +10 -63
  21. package/cssm/Component.responsive.d.ts +3 -46
  22. package/cssm/Component.responsive.js +9 -11
  23. package/cssm/autocomplete-field/Component.d.ts +3 -3
  24. package/cssm/autocomplete-mobile-field/Component.d.ts +2 -2
  25. package/cssm/autocomplete-mobile-field/Component.js +5 -2
  26. package/cssm/autocomplete-mobile-field/index.module.css +2 -2
  27. package/cssm/desktop/index.d.ts +2 -0
  28. package/cssm/{desktop.js → desktop/index.js} +4 -3
  29. package/cssm/index.d.ts +2 -2
  30. package/cssm/index.js +5 -4
  31. package/cssm/mobile/index.d.ts +3 -0
  32. package/cssm/{mobile.js → mobile/index.js} +7 -7
  33. package/cssm/mobile.module.css +3 -10
  34. package/cssm/types.d.ts +58 -0
  35. package/cssm/types.js +2 -0
  36. package/cssm/utils.d.ts +2 -0
  37. package/cssm/utils.js +9 -0
  38. package/desktop/index.d.ts +2 -0
  39. package/{desktop.js → desktop/index.js} +3 -2
  40. package/desktop/package.json +3 -0
  41. package/esm/Component.desktop.d.ts +3 -70
  42. package/esm/Component.desktop.js +2 -1
  43. package/esm/Component.mobile.d.ts +5 -95
  44. package/esm/Component.mobile.js +43 -46
  45. package/esm/Component.modal.mobile.d.ts +5 -88
  46. package/esm/Component.modal.mobile.js +11 -61
  47. package/esm/Component.responsive.d.ts +3 -46
  48. package/esm/Component.responsive.js +9 -12
  49. package/esm/autocomplete-field/Component.d.ts +3 -3
  50. package/esm/autocomplete-field/Component.js +1 -1
  51. package/esm/autocomplete-field/index.css +2 -2
  52. package/esm/autocomplete-mobile-field/Component.d.ts +2 -2
  53. package/esm/autocomplete-mobile-field/Component.js +6 -3
  54. package/esm/autocomplete-mobile-field/index.css +10 -10
  55. package/esm/desktop/index.d.ts +2 -0
  56. package/esm/{desktop.js → desktop/index.js} +3 -2
  57. package/esm/index.d.ts +2 -2
  58. package/esm/index.js +5 -5
  59. package/esm/mobile/index.d.ts +3 -0
  60. package/esm/mobile/index.js +14 -0
  61. package/esm/mobile.css +4 -11
  62. package/esm/types.d.ts +58 -0
  63. package/esm/types.js +1 -0
  64. package/esm/utils.d.ts +2 -0
  65. package/esm/utils.js +5 -0
  66. package/index.d.ts +2 -2
  67. package/index.js +5 -5
  68. package/mobile/index.d.ts +3 -0
  69. package/{mobile.js → mobile/index.js} +5 -6
  70. package/mobile/package.json +3 -0
  71. package/mobile.css +4 -11
  72. package/modern/Component.desktop.d.ts +3 -70
  73. package/modern/Component.desktop.js +2 -1
  74. package/modern/Component.mobile.d.ts +5 -95
  75. package/modern/Component.mobile.js +54 -56
  76. package/modern/Component.modal.mobile.d.ts +5 -88
  77. package/modern/Component.modal.mobile.js +10 -68
  78. package/modern/Component.responsive.d.ts +3 -46
  79. package/modern/Component.responsive.js +8 -11
  80. package/modern/autocomplete-field/Component.d.ts +3 -3
  81. package/modern/autocomplete-field/Component.js +1 -1
  82. package/modern/autocomplete-field/index.css +2 -2
  83. package/modern/autocomplete-mobile-field/Component.d.ts +2 -2
  84. package/modern/autocomplete-mobile-field/Component.js +5 -2
  85. package/modern/autocomplete-mobile-field/index.css +10 -10
  86. package/modern/desktop/index.d.ts +2 -0
  87. package/modern/{desktop.js → desktop/index.js} +3 -2
  88. package/modern/index.d.ts +2 -2
  89. package/modern/index.js +5 -5
  90. package/modern/mobile/index.d.ts +3 -0
  91. package/modern/mobile/index.js +13 -0
  92. package/modern/mobile.css +4 -11
  93. package/modern/types.d.ts +58 -0
  94. package/modern/types.js +1 -0
  95. package/modern/utils.d.ts +2 -0
  96. package/modern/utils.js +5 -0
  97. package/package.json +7 -6
  98. package/src/Component.desktop.tsx +6 -44
  99. package/src/Component.mobile.tsx +90 -188
  100. package/src/Component.modal.mobile.tsx +5 -223
  101. package/src/Component.responsive.tsx +10 -30
  102. package/src/autocomplete-field/Component.tsx +2 -2
  103. package/src/autocomplete-mobile-field/Component.tsx +5 -1
  104. package/src/desktop/index.ts +2 -0
  105. package/src/desktop/package.json +3 -0
  106. package/src/index.ts +2 -4
  107. package/src/mobile/index.ts +4 -0
  108. package/src/mobile/package.json +3 -0
  109. package/src/mobile.module.css +2 -11
  110. package/src/types.ts +77 -0
  111. package/src/utils.ts +3 -0
  112. package/types.d.ts +58 -0
  113. package/types.js +2 -0
  114. package/utils.d.ts +2 -0
  115. package/utils.js +9 -0
  116. package/Component-0f4b9bed.d.ts +0 -72
  117. package/Component-69921c40.d.ts +0 -184
  118. package/Component-89f0cb07.d.ts +0 -38
  119. package/Component-bdb4c6b9.d.ts +0 -12
  120. package/Component-c76d6398.d.ts +0 -5
  121. package/Component-ebda875c.d.ts +0 -12
  122. package/Component.desktop-ebda875c.d.ts +0 -6
  123. package/Component.mobile-f1f15074.d.ts +0 -34
  124. package/Component.mobile-f28cbba0.d.ts +0 -41
  125. package/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  126. package/Context-bdb4c6b9.d.ts +0 -4
  127. package/ResponsiveContext-baf4875b.d.ts +0 -5
  128. package/consts-f777ba1a.d.ts +0 -2
  129. package/cssm/Component-0f4b9bed.d.ts +0 -72
  130. package/cssm/Component-69921c40.d.ts +0 -184
  131. package/cssm/Component-89f0cb07.d.ts +0 -38
  132. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  133. package/cssm/Component-c76d6398.d.ts +0 -5
  134. package/cssm/Component-ebda875c.d.ts +0 -12
  135. package/cssm/Component.desktop-ebda875c.d.ts +0 -6
  136. package/cssm/Component.mobile-f1f15074.d.ts +0 -34
  137. package/cssm/Component.mobile-f28cbba0.d.ts +0 -41
  138. package/cssm/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  139. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  140. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  141. package/cssm/consts-f777ba1a.d.ts +0 -2
  142. package/cssm/desktop-69921c40.d.ts +0 -6
  143. package/cssm/desktop.d.ts +0 -2
  144. package/cssm/hook-8abfea97.d.ts +0 -90
  145. package/cssm/index-136acbb1.d.ts +0 -28
  146. package/cssm/index-72dda473.d.ts +0 -12
  147. package/cssm/index-bdb4c6b9.d.ts +0 -2
  148. package/cssm/index-c76d6398.d.ts +0 -185
  149. package/cssm/index-ebda875c.d.ts +0 -146
  150. package/cssm/index-f12ee135.d.ts +0 -52
  151. package/cssm/mobile-89f0cb07.d.ts +0 -6
  152. package/cssm/mobile-96988a65.d.ts +0 -6
  153. package/cssm/mobile-f28cbba0.d.ts +0 -5
  154. package/cssm/mobile.d.ts +0 -3
  155. package/cssm/shared-4cd3936b.d.ts +0 -65
  156. package/cssm/types-1b036d4b.d.ts +0 -13
  157. package/cssm/types-72dda473.d.ts +0 -276
  158. package/cssm/typings-0f4b9bed.d.ts +0 -576
  159. package/cssm/typings-89f0cb07.d.ts +0 -93
  160. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  161. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  162. package/cssm/utils-0f4b9bed.d.ts +0 -41
  163. package/cssm/utils-1574ad8b.d.ts +0 -29
  164. package/desktop-69921c40.d.ts +0 -6
  165. package/desktop.d.ts +0 -2
  166. package/esm/Component-0f4b9bed.d.ts +0 -72
  167. package/esm/Component-69921c40.d.ts +0 -184
  168. package/esm/Component-89f0cb07.d.ts +0 -38
  169. package/esm/Component-bdb4c6b9.d.ts +0 -12
  170. package/esm/Component-c76d6398.d.ts +0 -5
  171. package/esm/Component-ebda875c.d.ts +0 -12
  172. package/esm/Component.desktop-ebda875c.d.ts +0 -6
  173. package/esm/Component.mobile-f1f15074.d.ts +0 -34
  174. package/esm/Component.mobile-f28cbba0.d.ts +0 -41
  175. package/esm/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  176. package/esm/Context-bdb4c6b9.d.ts +0 -4
  177. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  178. package/esm/consts-f777ba1a.d.ts +0 -2
  179. package/esm/desktop-69921c40.d.ts +0 -6
  180. package/esm/desktop.d.ts +0 -2
  181. package/esm/hook-8abfea97.d.ts +0 -90
  182. package/esm/index-136acbb1.d.ts +0 -28
  183. package/esm/index-72dda473.d.ts +0 -12
  184. package/esm/index-bdb4c6b9.d.ts +0 -2
  185. package/esm/index-c76d6398.d.ts +0 -185
  186. package/esm/index-ebda875c.d.ts +0 -146
  187. package/esm/index-f12ee135.d.ts +0 -52
  188. package/esm/mobile-89f0cb07.d.ts +0 -6
  189. package/esm/mobile-96988a65.d.ts +0 -6
  190. package/esm/mobile-f28cbba0.d.ts +0 -5
  191. package/esm/mobile.d.ts +0 -3
  192. package/esm/mobile.js +0 -15
  193. package/esm/mobile.module-c5b1b036.js +0 -4
  194. package/esm/shared-4cd3936b.d.ts +0 -65
  195. package/esm/types-1b036d4b.d.ts +0 -13
  196. package/esm/types-72dda473.d.ts +0 -276
  197. package/esm/typings-0f4b9bed.d.ts +0 -576
  198. package/esm/typings-89f0cb07.d.ts +0 -93
  199. package/esm/typings-bdb4c6b9.d.ts +0 -52
  200. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  201. package/esm/utils-0f4b9bed.d.ts +0 -41
  202. package/esm/utils-1574ad8b.d.ts +0 -29
  203. package/hook-8abfea97.d.ts +0 -90
  204. package/index-136acbb1.d.ts +0 -28
  205. package/index-72dda473.d.ts +0 -12
  206. package/index-bdb4c6b9.d.ts +0 -2
  207. package/index-c76d6398.d.ts +0 -185
  208. package/index-ebda875c.d.ts +0 -146
  209. package/index-f12ee135.d.ts +0 -52
  210. package/mobile-89f0cb07.d.ts +0 -6
  211. package/mobile-96988a65.d.ts +0 -6
  212. package/mobile-f28cbba0.d.ts +0 -5
  213. package/mobile.d.ts +0 -3
  214. package/mobile.module-c08975ff.js +0 -6
  215. package/modern/Component-0f4b9bed.d.ts +0 -72
  216. package/modern/Component-69921c40.d.ts +0 -184
  217. package/modern/Component-89f0cb07.d.ts +0 -38
  218. package/modern/Component-bdb4c6b9.d.ts +0 -12
  219. package/modern/Component-c76d6398.d.ts +0 -5
  220. package/modern/Component-ebda875c.d.ts +0 -12
  221. package/modern/Component.desktop-ebda875c.d.ts +0 -6
  222. package/modern/Component.mobile-f1f15074.d.ts +0 -34
  223. package/modern/Component.mobile-f28cbba0.d.ts +0 -41
  224. package/modern/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  225. package/modern/Context-bdb4c6b9.d.ts +0 -4
  226. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  227. package/modern/consts-f777ba1a.d.ts +0 -2
  228. package/modern/desktop-69921c40.d.ts +0 -6
  229. package/modern/desktop.d.ts +0 -2
  230. package/modern/hook-8abfea97.d.ts +0 -90
  231. package/modern/index-136acbb1.d.ts +0 -28
  232. package/modern/index-72dda473.d.ts +0 -12
  233. package/modern/index-bdb4c6b9.d.ts +0 -2
  234. package/modern/index-c76d6398.d.ts +0 -185
  235. package/modern/index-ebda875c.d.ts +0 -146
  236. package/modern/index-f12ee135.d.ts +0 -52
  237. package/modern/mobile-89f0cb07.d.ts +0 -6
  238. package/modern/mobile-96988a65.d.ts +0 -6
  239. package/modern/mobile-f28cbba0.d.ts +0 -5
  240. package/modern/mobile.d.ts +0 -3
  241. package/modern/mobile.js +0 -14
  242. package/modern/mobile.module-1bc0502b.js +0 -4
  243. package/modern/shared-4cd3936b.d.ts +0 -65
  244. package/modern/types-1b036d4b.d.ts +0 -13
  245. package/modern/types-72dda473.d.ts +0 -276
  246. package/modern/typings-0f4b9bed.d.ts +0 -576
  247. package/modern/typings-89f0cb07.d.ts +0 -93
  248. package/modern/typings-bdb4c6b9.d.ts +0 -52
  249. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  250. package/modern/utils-0f4b9bed.d.ts +0 -41
  251. package/modern/utils-1574ad8b.d.ts +0 -29
  252. package/shared-4cd3936b.d.ts +0 -65
  253. package/src/desktop.ts +0 -1
  254. package/src/mobile.ts +0 -5
  255. package/types-1b036d4b.d.ts +0 -13
  256. package/types-72dda473.d.ts +0 -276
  257. package/typings-0f4b9bed.d.ts +0 -576
  258. package/typings-89f0cb07.d.ts +0 -93
  259. package/typings-bdb4c6b9.d.ts +0 -52
  260. package/useSkeleton-ebda875c.d.ts +0 -12
  261. package/utils-0f4b9bed.d.ts +0 -41
  262. package/utils-1574ad8b.d.ts +0 -29
@@ -1,2 +0,0 @@
1
- declare const DEFAULT_VISIBLE_OPTIONS = 5;
2
- export { DEFAULT_VISIBLE_OPTIONS };
@@ -1,72 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ReactNode } from "react";
4
- import { BottomSheetProps } from "./index-f12ee135";
5
- import { BaseSelectProps } from "./typings-0f4b9bed";
6
- type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
- /**
8
- * Футер
9
- * @deprecated Используйте bottomSheetProps.actionButton
10
- */
11
- footer?: ReactNode;
12
- /**
13
- * Будет ли свайпаться шторка
14
- * @deprecated Используйте bottomSheetProps.swipeable
15
- */
16
- swipeable?: boolean;
17
- /**
18
- * Отображать в BottomSheet
19
- */
20
- isBottomSheet?: boolean;
21
- /**
22
- * Дополнительные пропсы шторки
23
- */
24
- bottomSheetProps?: Partial<BottomSheetProps>;
25
- /**
26
- * Дополнительные пропсы модалки
27
- */
28
- modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
29
- /**
30
- * Дополнительные пропсы шапки модалки
31
- */
32
- modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
33
- /**
34
- * Дополнительные пропсы футера модалки
35
- */
36
- modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
37
- };
38
- declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
39
- /**
40
- * Футер
41
- * @deprecated Используйте bottomSheetProps.actionButton
42
- */
43
- footer?: ReactNode;
44
- /**
45
- * Будет ли свайпаться шторка
46
- * @deprecated Используйте bottomSheetProps.swipeable
47
- */
48
- swipeable?: boolean | undefined;
49
- /**
50
- * Отображать в BottomSheet
51
- */
52
- isBottomSheet?: boolean | undefined;
53
- /**
54
- * Дополнительные пропсы шторки
55
- */
56
- bottomSheetProps?: Partial<BottomSheetProps> | undefined;
57
- /**
58
- * Дополнительные пропсы модалки
59
- */
60
- modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
61
- /**
62
- * Дополнительные пропсы шапки модалки
63
- */
64
- modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
65
- /**
66
- * Дополнительные пропсы футера модалки
67
- */
68
- modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
69
- } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-f1f15074";
71
- export { ModalMobileProps } from "./typings-bdb4c6b9";
72
- export { SelectMobileProps, BaseSelectMobile };
@@ -1,184 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
5
- declare const colors: readonly [
6
- "tertiary",
7
- "disabled",
8
- "accent",
9
- "primary",
10
- "attention",
11
- "positive",
12
- "secondary",
13
- "tertiary-inverted",
14
- "primary-inverted",
15
- "secondary-inverted",
16
- "link",
17
- "negative",
18
- "static-primary-light",
19
- "static-secondary-light",
20
- "static-tertiary-light",
21
- "static-primary-dark",
22
- "static-secondary-dark",
23
- "static-tertiary-dark",
24
- "static-accent"
25
- ];
26
- type Color = (typeof colors)[number];
27
- type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
- type TextBaseProps = {
29
- /**
30
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
31
- */
32
- view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
33
- /**
34
- * Цвет текста
35
- */
36
- color?: Color;
37
- /**
38
- * Толщина шрифта
39
- */
40
- weight?: "regular" | "medium" | "bold";
41
- /**
42
- * Делает цифры моноширинными
43
- */
44
- monospaceNumbers?: boolean;
45
- /**
46
- * HTML тег
47
- */
48
- tag?: "span" | "div";
49
- /**
50
- * Css-класс для стилизации (native prop)
51
- */
52
- className?: string;
53
- /**
54
- * Id компонента для тестов
55
- */
56
- dataTestId?: string;
57
- /**
58
- * Контент (native prop)
59
- */
60
- children?: React.ReactNode;
61
- /**
62
- * Добавляет отступы к тэгу 'p'
63
- */
64
- defaultMargins?: never;
65
- /**
66
- * Количество строк (не поддерживает IE)
67
- */
68
- rowLimit?: 1 | 2 | 3;
69
- /**
70
- * Показать скелетон
71
- */
72
- showSkeleton?: boolean;
73
- /**
74
- * Пропы для скелетона
75
- */
76
- skeletonProps?: TextSkeletonProps;
77
- };
78
- type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
79
- tag?: "p";
80
- defaultMargins?: boolean;
81
- };
82
- type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
83
- type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
84
- type TitleProps = Omit<NativeProps$0, "color"> & {
85
- /**
86
- * HTML тег
87
- */
88
- tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
89
- /**
90
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
91
- */
92
- view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
93
- /**
94
- * Цвет текста
95
- */
96
- color?: Color;
97
- /**
98
- * Толщина шрифта
99
- */
100
- weight?: "regular" | "medium" | "bold";
101
- /**
102
- * Шрифт текста
103
- */
104
- font?: "styrene" | "system";
105
- /**
106
- * Добавляет отступы
107
- */
108
- defaultMargins?: boolean;
109
- /**
110
- * Css-класс для стилизации (native prop)
111
- */
112
- className?: string;
113
- /**
114
- * Id компонента для тестов
115
- */
116
- dataTestId?: string;
117
- /**
118
- * Контент (native prop)
119
- */
120
- children?: React.ReactNode;
121
- /**
122
- * Количество строк (не поддерживает IE)
123
- */
124
- rowLimit?: 1 | 2 | 3;
125
- /**
126
- * Показать скелетон
127
- */
128
- showSkeleton?: boolean;
129
- /**
130
- * Пропы для скелетона
131
- */
132
- skeletonProps?: TextSkeletonProps;
133
- };
134
- type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
135
- declare const Typography: {
136
- Title: FC<TitleProps>;
137
- Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
138
- TitleResponsive: FC<TitleProps>;
139
- TitleMobile: FC<TitleMobileProps>;
140
- };
141
- declare const typographyPresets: {
142
- mobile: {
143
- list: {
144
- text: {
145
- primary: {
146
- tag: string;
147
- view: string;
148
- };
149
- secondary: {
150
- tag: string;
151
- color: string;
152
- view: string;
153
- };
154
- };
155
- };
156
- };
157
- };
158
- declare const TitleResponsive: FC<TitleProps>;
159
- interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
160
- /**
161
- * Текст после иконки
162
- */
163
- text?: string;
164
- /**
165
- * Дополнительный класс
166
- */
167
- className?: string;
168
- /**
169
- * Вид компонента
170
- */
171
- view: 'mobile' | 'desktop';
172
- /**
173
- * Прозрачность текста
174
- */
175
- textOpacity?: number;
176
- /**
177
- * Обработчик клика
178
- */
179
- onClick?: () => void;
180
- }
181
- declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
182
- export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
183
- export type { TitleProps, TextProps, Color };
184
- export * from "./useSkeleton-ebda875c";
@@ -1,38 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC } from "react";
4
- import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
5
- type SpinnerProps = {
6
- /**
7
- * Управление видимостью компонента
8
- */
9
- visible?: boolean;
10
- /**
11
- * Размер компонента
12
- */
13
- size?: "xs" | "s" | "m";
14
- /**
15
- * Дополнительный класс
16
- */
17
- className?: string;
18
- /**
19
- * Идентификатор компонента в DOM
20
- */
21
- id?: string;
22
- /**
23
- * Идентификатор для систем автоматизированного тестирования
24
- */
25
- dataTestId?: string;
26
- /**
27
- * Палитра, в контексте которой используется спиннер
28
- */
29
- colors?: "default" | "inverted";
30
- };
31
- declare const Spinner: FC<SpinnerProps>;
32
- /**
33
- * Минимальное время отображения лоадера - 500мс,
34
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
35
- */
36
- declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
37
- declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
38
- export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
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 };
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-c76d6398";
3
- type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
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;
10
- };
11
- declare const Header: React.FC<HeaderProps>;
12
- export { HeaderProps, Header };
@@ -1,6 +0,0 @@
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 };
@@ -1,34 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ReactNode } from "react";
4
- import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
5
- declare const Content: FC<ContentProps>;
6
- type FooterProps = {
7
- /**
8
- * Контент футера
9
- */
10
- children?: ReactNode;
11
- /**
12
- * Дополнительный класс
13
- */
14
- className?: string;
15
- /**
16
- * Фиксирует футер
17
- */
18
- sticky?: boolean;
19
- /**
20
- * Выравнивание элементов футера
21
- */
22
- layout?: "start" | "center" | "space-between" | "column";
23
- /**
24
- * Отступы между элементами футера
25
- */
26
- gap?: 16 | 24 | 32;
27
- };
28
- declare const Footer: FC<FooterProps>;
29
- declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
30
- Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
31
- Header: React.FC<import("./Component-c76d6398").HeaderProps>;
32
- Footer: React.FC<FooterProps>;
33
- };
34
- export { Content, FooterProps, Footer, ModalMobile };
@@ -1,41 +0,0 @@
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-8abfea97";
6
- import { BaseSelectProps } from "./typings-0f4b9bed";
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,60 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ModalMobile } from "./Component.mobile-f1f15074";
4
- import { UseSelectWithApplyProps } from "./hook-8abfea97";
5
- import { BaseSelectProps } from "./typings-0f4b9bed";
6
- type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
- /**
8
- * Показывать кнопку очистки
9
- */
10
- showClear?: UseSelectWithApplyProps['showClear'];
11
- /**
12
- * Показывать пункт "Выбрать все"
13
- */
14
- showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
15
- /**
16
- * Дополнительные пропсы шапки модалки
17
- */
18
- modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
19
- /**
20
- * Дополнительные пропсы модалки
21
- */
22
- modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
23
- /**
24
- * Дополнительные пропсы футера модалки
25
- */
26
- modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
27
- showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
28
- /**
29
- * Использовать ли хук useSelectWithApply
30
- */
31
- useWithApplyHook?: boolean;
32
- };
33
- declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
34
- /**
35
- * Показывать кнопку очистки
36
- */
37
- showClear?: UseSelectWithApplyProps['showClear'];
38
- /**
39
- * Показывать пункт "Выбрать все"
40
- */
41
- showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
42
- /**
43
- * Дополнительные пропсы шапки модалки
44
- */
45
- modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
46
- /**
47
- * Дополнительные пропсы модалки
48
- */
49
- modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
50
- /**
51
- * Дополнительные пропсы футера модалки
52
- */
53
- modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
54
- showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
55
- /**
56
- * Использовать ли хук useSelectWithApply
57
- */
58
- useWithApplyHook?: boolean | undefined;
59
- } & React.RefAttributes<unknown>>;
60
- export { SelectModalMobileProps, SelectModalMobile };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { BaseModalContext } from "./index-bdb4c6b9";
3
- declare const ModalContext: import("react").Context<BaseModalContext>;
4
- export { ModalContext };
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { TResponsiveModalContext } from "./typings-bdb4c6b9";
4
- declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
5
- export { ResponsiveContext };
@@ -1,2 +0,0 @@
1
- declare const DEFAULT_VISIBLE_OPTIONS = 5;
2
- export { DEFAULT_VISIBLE_OPTIONS };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { CommonButtonProps } from "./typings-89f0cb07";
4
- declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { ButtonDesktop };
6
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
package/cssm/desktop.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop";
2
- export {};
@@ -1,90 +0,0 @@
1
- /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
- type UseSelectWithApplyProps = {
4
- /**
5
- * Список выбранных пунктов
6
- */
7
- selected: BaseSelectProps['selected'];
8
- /**
9
- * Список вариантов выбора
10
- */
11
- options: BaseSelectProps['options'];
12
- /**
13
- * Обработчик выбора
14
- */
15
- onChange: BaseSelectProps['onChange'];
16
- /**
17
- * Компонент выпадающего меню
18
- */
19
- OptionsList?: BaseSelectProps['OptionsList'];
20
- /**
21
- * Пропсы, которые будут прокинуты в компонент списка
22
- */
23
- optionsListProps?: BaseSelectProps['optionsListProps'];
24
- /**
25
- * Включает отображение поиска
26
- */
27
- showSearch?: BaseSelectProps['showSearch'];
28
- /**
29
- * Настройки поиска
30
- */
31
- searchProps?: BaseSelectProps['searchProps'];
32
- /**
33
- * Показывать кнопку очистки
34
- */
35
- showClear?: boolean;
36
- /**
37
- * Показывать пункт "Выбрать все"
38
- */
39
- showSelectAll?: boolean;
40
- /**
41
- * Показывать пункт "Выбрать все" в заголовке списка
42
- */
43
- showHeaderWithSelectAll?: boolean;
44
- };
45
- declare const SELECT_ALL_KEY = "select_all";
46
- declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
- showClear?: boolean | undefined;
49
- onClose?: (() => void) | undefined; /**
50
- * Компонент выпадающего меню
51
- */
52
- selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
- Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
55
- Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
- headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
- showHeaderWithSelectAll?: boolean | undefined;
58
- } & import("react").RefAttributes<HTMLDivElement>>;
59
- optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
- showClear: boolean;
62
- onClear: () => void;
63
- onApply: () => void;
64
- onClose: () => void;
65
- selectedDraft: OptionShape[];
66
- showHeaderWithSelectAll: boolean;
67
- headerProps: {
68
- indeterminate: boolean;
69
- checked: boolean;
70
- onChange: () => void;
71
- };
72
- };
73
- allowUnselect: boolean;
74
- multiple: boolean;
75
- options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
- key: string;
77
- content: string;
78
- })[];
79
- onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
- selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
- showSearch: boolean | undefined;
82
- searchProps: {
83
- value: string;
84
- onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
85
- componentProps?: import("@alfalab/core-components-input").InputProps | undefined;
86
- accessor?: ((option: OptionShape) => string) | undefined;
87
- } | undefined;
88
- };
89
- export * from "./Component-0f4b9bed";
90
- export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- import { FC, ReactNode } from "react";
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- declare const stackingOrder: {
8
- FOCUSED: number;
9
- DEFAULT: number;
10
- POPOVER: number;
11
- MODAL: number;
12
- TOAST: number;
13
- };
14
- declare const StackingContext: import("react").Context<number>;
15
- type StackProps = {
16
- /**
17
- * Render prop, в который передается функция.
18
- * Функция принимает аргумент со значением z-index из текущего контекста.
19
- */
20
- children: (value: number) => ReactNode;
21
- /**
22
- * Исходное значение для z-index.
23
- * @default 5
24
- */
25
- value?: number;
26
- };
27
- declare const Stack: FC<StackProps>;
28
- export { stackingOrder, StackingContext, StackProps, Stack };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,2 +0,0 @@
1
- export * from "./Component-ebda875c";
2
- export * from "./utils-1574ad8b";