@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,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";
@@ -1,185 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable complexity */
3
- import React from "react";
4
- import { ReactNode, ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, ReactElement } from "react";
5
- import { ButtonProps } from "@alfalab/core-components-button";
6
- interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
7
- /**
8
- * Вид компонента
9
- */
10
- view: "desktop" | "mobile";
11
- /**
12
- * Дополнительный класс
13
- */
14
- className?: string;
15
- /**
16
- * Позиция крестика
17
- */
18
- align?: "left" | "right";
19
- /**
20
- * Фиксирует крестик
21
- */
22
- sticky?: boolean;
23
- /**
24
- * Иконка
25
- */
26
- icon?: ElementType;
27
- /**
28
- * Идентификатор для систем автоматизированного тестирования
29
- */
30
- dataTestId?: string;
31
- /**
32
- * Коллбэк закрытия.
33
- */
34
- onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
35
- }
36
- type NavigationBarProps = {
37
- /**
38
- * Контент шапки
39
- */
40
- children?: ReactNode;
41
- /**
42
- * Заголовок шапки
43
- */
44
- title?: string;
45
- /**
46
- * Подзаголовок (доступен только в мобильной версии)
47
- */
48
- subtitle?: ReactNode;
49
- /**
50
- * Размер заголовка (compact доступен только в мобильной версии)
51
- */
52
- titleSize?: "default" | "compact";
53
- /**
54
- * Доп. класс для аддонов
55
- */
56
- addonClassName?: string;
57
- /**
58
- * Слот слева
59
- */
60
- leftAddons?: ReactNode;
61
- /**
62
- * Слот справа
63
- */
64
- rightAddons?: ReactNode;
65
- /**
66
- * Дополнительный класс для closer
67
- */
68
- closerClassName?: string;
69
- /**
70
- * Слот снизу
71
- */
72
- bottomAddons?: ReactNode;
73
- /**
74
- * Наличие компонента крестика
75
- */
76
- hasCloser?: boolean;
77
- /**
78
- * Наличие кнопки "Назад"
79
- */
80
- hasBackButton?: boolean;
81
- /**
82
- * Дополнительный класс для правого аддона
83
- */
84
- backButtonClassName?: string;
85
- /**
86
- * Дополнительный класс
87
- */
88
- className?: string;
89
- /**
90
- * Дополнительный класс для контента
91
- */
92
- contentClassName?: string;
93
- /**
94
- * Дополнительный класс для нижнего аддона
95
- */
96
- bottomAddonsClassName?: string;
97
- /**
98
- * Выравнивание заголовка
99
- */
100
- align?: "left" | "center";
101
- /**
102
- * Обрезать ли заголовок
103
- */
104
- trim?: boolean;
105
- /**
106
- * Фиксирует шапку
107
- */
108
- sticky?: boolean;
109
- /**
110
- * Идентификатор для систем автоматизированного тестирования
111
- */
112
- dataTestId?: string;
113
- /**
114
- * Фоновое изображение
115
- */
116
- imageUrl?: string;
117
- /**
118
- * Иконка closer.
119
- */
120
- closerIcon?: React.ElementType;
121
- /**
122
- * Обработчик закрытия
123
- */
124
- onClose?: CloserProps["onClose"];
125
- /**
126
- * обработчик клика по кнопке "назад"
127
- */
128
- onBack?: () => void;
129
- /**
130
- * Вид шапки - мобильный или десктоп
131
- */
132
- view: "desktop" | "mobile";
133
- /**
134
- * Ссылка на родительскую ноду overflow: auto
135
- */
136
- scrollableParentRef?: React.RefObject<HTMLDivElement>;
137
- };
138
- declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
139
- type IconButtonProps = {
140
- /**
141
- * Компонент иконки
142
- */
143
- icon: ElementType<{
144
- className?: string;
145
- }> | ReactElement;
146
- /**
147
- * Тип кнопки
148
- */
149
- view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
150
- /**
151
- * Размер компонента
152
- */
153
- size?: "xxs" | "xs" | "s";
154
- /**
155
- * Дополнительный класс
156
- */
157
- className?: string;
158
- /**
159
- * Выравнивание иконки
160
- * @default 'center'
161
- */
162
- alignIcon?: "left" | "center" | "right";
163
- /**
164
- * Идентификатор для систем автоматизированного тестирования
165
- */
166
- dataTestId?: string;
167
- /**
168
- * Набор цветов для компонента
169
- */
170
- colors?: "default" | "inverted";
171
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
172
- declare const IconButton: React.ForwardRefExoticComponent<{
173
- icon: ElementType<{
174
- className?: string;
175
- }> | ReactElement;
176
- view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
177
- size?: "s" | "xs" | "xxs" | undefined;
178
- className?: string | undefined;
179
- alignIcon?: "center" | "right" | "left" | undefined;
180
- dataTestId?: string | undefined;
181
- colors?: "default" | "inverted" | undefined;
182
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
183
- export { NavigationBar, IconButtonProps, IconButton };
184
- export * from "./Component-69921c40";
185
- export type { NavigationBarProps };
@@ -1,146 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
3
- import React from "react";
4
- import { HTMLAttributes, ReactNode } from "react";
5
- type StyleColors = {
6
- default: {
7
- [key: string]: string;
8
- };
9
- inverted: {
10
- [key: string]: string;
11
- };
12
- };
13
- type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
14
- /**
15
- * Растягивает компонент на ширину контейнера
16
- */
17
- block?: boolean;
18
- /**
19
- * Размер компонента
20
- */
21
- size?: "s" | "m" | "l" | "xl";
22
- /**
23
- * Набор цветов для компонента
24
- */
25
- colors?: "default" | "inverted";
26
- /**
27
- * Заблокированное состояние
28
- */
29
- disabled?: boolean;
30
- /**
31
- * Cостояние только для чтения
32
- */
33
- readOnly?: boolean;
34
- /**
35
- * Заполненное состояние
36
- */
37
- filled?: boolean;
38
- /**
39
- * Выбранное (фокус) состояние
40
- */
41
- focused?: boolean;
42
- /**
43
- * Отображение ошибки
44
- */
45
- error?: ReactNode | boolean;
46
- /**
47
- * Текст подсказки
48
- */
49
- hint?: ReactNode;
50
- /**
51
- * Лейбл компонента
52
- */
53
- label?: ReactNode;
54
- /**
55
- * Вид лейбла внутри / снаружи
56
- */
57
- labelView?: "inner" | "outer";
58
- /**
59
- * Слот слева
60
- */
61
- leftAddons?: ReactNode;
62
- /**
63
- * Слот справа
64
- */
65
- rightAddons?: ReactNode;
66
- /**
67
- * Слот под полем
68
- */
69
- bottomAddons?: ReactNode;
70
- /**
71
- * Дополнительный класс
72
- */
73
- className?: string;
74
- /**
75
- * Дополнительный класс для поля
76
- */
77
- fieldClassName?: string;
78
- /**
79
- * Дополнительный класс для поля
80
- */
81
- inputWrapperClassName?: string;
82
- /**
83
- * Дополнительный класс для лейбла
84
- */
85
- labelClassName?: string;
86
- /**
87
- * Дополнительный класс для аддонов
88
- */
89
- addonsClassName?: string;
90
- /**
91
- * Свойства для обертки левых аддонов
92
- */
93
- leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
94
- /**
95
- * Свойства для обертки правых аддонов
96
- */
97
- rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
98
- /**
99
- * Идентификатор для систем автоматизированного тестирования
100
- */
101
- dataTestId?: string;
102
- /**
103
- * Компонент поля (инпут, textarea и пр.)
104
- */
105
- children?: ReactNode;
106
- /**
107
- * Основные стили компонента.
108
- */
109
- styles: {
110
- [key: string]: string;
111
- };
112
- /**
113
- * Стили компонента для default и inverted режима.
114
- */
115
- colorStyles?: StyleColors;
116
- };
117
- declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
118
- block?: boolean | undefined;
119
- size?: "s" | "m" | "l" | "xl" | undefined;
120
- colors?: "default" | "inverted" | undefined;
121
- disabled?: boolean | undefined;
122
- readOnly?: boolean | undefined;
123
- filled?: boolean | undefined;
124
- focused?: boolean | undefined;
125
- error?: ReactNode | boolean;
126
- hint?: ReactNode;
127
- label?: ReactNode;
128
- labelView?: "inner" | "outer" | undefined;
129
- leftAddons?: ReactNode;
130
- rightAddons?: ReactNode;
131
- bottomAddons?: ReactNode;
132
- className?: string | undefined;
133
- fieldClassName?: string | undefined;
134
- inputWrapperClassName?: string | undefined;
135
- labelClassName?: string | undefined;
136
- addonsClassName?: string | undefined;
137
- leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
138
- rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
139
- dataTestId?: string | undefined;
140
- children?: ReactNode;
141
- styles: {
142
- [key: string]: string;
143
- };
144
- colorStyles?: StyleColors | undefined;
145
- } & React.RefAttributes<HTMLDivElement>>;
146
- export { StyleColors, BaseFormControlProps, BaseFormControl };
@@ -1,52 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ReactNode, RefObject } from "react";
4
- import { BottomSheetProps } from "./types-72dda473";
5
- import { NavigationBarProps } from "./index-c76d6398";
6
- import { SwipeableHandlers } from "react-swipeable";
7
- import { BackdropProps } from "./index-ebda875c";
8
- declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
9
- declare const TIMEOUT = 500;
10
- declare const SWIPE_VELOCITY = 0.4;
11
- declare const MARKER_HEIGHT = 24;
12
- declare const CLOSE_OFFSET = 0.2;
13
- declare const SCROLL_OFFSET = 1;
14
- declare const HEADER_OFFSET = 24;
15
- declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
16
- type FooterProps = {
17
- /**
18
- * Контент футера
19
- */
20
- children?: ReactNode;
21
- /**
22
- * Фиксирует футер
23
- */
24
- sticky?: boolean;
25
- /**
26
- * Дополнительный класс
27
- */
28
- className?: string;
29
- };
30
- declare const Footer: FC<FooterProps>;
31
- type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
32
- headerRef: RefObject<HTMLDivElement>;
33
- headerOffset: number;
34
- };
35
- declare const Header: FC<HeaderProps>;
36
- type SwipeableBackdropProps = BackdropProps & {
37
- /**
38
- * Прозрачность бэкдропа
39
- */
40
- opacity?: number;
41
- /**
42
- * Обработчики свайпа
43
- */
44
- handlers?: SwipeableHandlers;
45
- /**
46
- * Время анимации opacity
47
- */
48
- opacityTimeout?: number;
49
- };
50
- declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
51
- export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop };
52
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { CommonButtonProps } from "./typings-89f0cb07";
4
- declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { ButtonMobile };
6
- export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
5
- declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
- export { FormControlMobileProps, FormControlMobile };
@@ -1,5 +0,0 @@
1
- export { SelectMobile } from "./Component.mobile-f28cbba0";
2
- export { SelectModalMobile } from "./Component.modal.mobile-0f4b9bed";
3
- export type { SelectMobileProps } from "./Component.mobile-f28cbba0";
4
- export type { SelectModalMobileProps } from "./Component.modal.mobile-0f4b9bed";
5
- export {};
package/esm/mobile.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { InputAutocompleteMobile, InputAutocompleteMobileProps } from "./Component.mobile";
2
- export { InputAutocompleteModalMobile, InputAutocompleteModalMobileProps } from "./Component.modal.mobile";
3
- export {};
package/esm/mobile.js DELETED
@@ -1,15 +0,0 @@
1
- export { InputAutocompleteMobile } from './Component.mobile.js';
2
- export { InputAutocompleteModalMobile } from './Component.modal.mobile.js';
3
- import 'tslib';
4
- import 'react';
5
- import 'react-merge-refs';
6
- import 'classnames';
7
- import 'lodash.throttle';
8
- import '@alfalab/core-components-button/esm/mobile';
9
- import '@alfalab/core-components-input/esm';
10
- import '@alfalab/core-components-select/esm/mobile';
11
- import './autocomplete-mobile-field/Component.js';
12
- import '@alfalab/core-components-form-control/esm/mobile';
13
- import '@alfalab/core-components-shared/esm';
14
- import '@alfalab/hooks';
15
- import './mobile.module-c5b1b036.js';
@@ -1,4 +0,0 @@
1
- var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_a4rod","footer":"input-autocomplete__footer_a4rod"};
2
- require('./mobile.css')
3
-
4
- export { styles as s };
@@ -1,65 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
4
- // eslint-disable-next-line @typescript-eslint/naming-convention
5
- type useSelectWithLoadingProps = {
6
- loading?: boolean;
7
- visibleOptions?: BaseSelectProps["visibleOptions"];
8
- Option?: React.FC<OptionProps>;
9
- };
10
- declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
11
- Option: (props: OptionProps) => React.JSX.Element;
12
- options: OptionShape[];
13
- } | null;
14
- type OptionsFetcherResponse = {
15
- options: OptionShape[];
16
- hasMore: boolean;
17
- };
18
- // eslint-disable-next-line @typescript-eslint/naming-convention
19
- type useLazyLoadingProps = {
20
- /** Количество элементов на "странице" */
21
- limit?: number;
22
- /** Начальный номер "страницы" */
23
- initialOffset?: number;
24
- /** Скелетон загружаемых элементов */
25
- skeleton?: React.ReactNode;
26
- /** Компонент пункта меню */
27
- Option?: React.FC<OptionProps>;
28
- /**
29
- * Функция-загрузчик опций.
30
- * @param offset - текущая страница
31
- * @param limit - количество элементов на странице
32
- * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
33
- * @returns Promise<{
34
- * options - список опций следующей "страницы". Они аппендятся к предыдущим
35
- * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
36
- * }>
37
- */
38
- optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
39
- };
40
- declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
41
- optionsProps: {
42
- Option: (props: OptionProps) => React.JSX.Element;
43
- options: OptionShape[];
44
- optionsListProps: {
45
- ref: React.RefObject<HTMLDivElement>;
46
- inputProps: {
47
- onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
48
- value: string;
49
- }) => void;
50
- value: string;
51
- };
52
- };
53
- onOpen: (payload: {
54
- open?: boolean;
55
- }) => void;
56
- };
57
- reset: () => void;
58
- };
59
- export * from "./index-ebda875c";
60
- export * from "./Component-0f4b9bed";
61
- export { useSelectWithLoading, useLazyLoading };
62
- export * from "./hook-8abfea97";
63
- export * from "./typings-0f4b9bed";
64
- export * from "./utils-0f4b9bed";
65
- export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";
@@ -1,13 +0,0 @@
1
- type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
2
- type WidthUnit = number | string;
3
- type TextSkeletonProps = {
4
- /**
5
- * Кол-во строк текста
6
- */
7
- rows?: number;
8
- /**
9
- * Ширина строки
10
- */
11
- width?: WidthUnit | WidthUnit[];
12
- };
13
- export { TextElementType, TextSkeletonProps };