@alfalab/core-components-tabs 8.1.6 → 8.3.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 (301) hide show
  1. package/collapsible/index.d.ts +2 -0
  2. package/{collapsible.js → collapsible/index.js} +10 -10
  3. package/collapsible/package.json +3 -0
  4. package/components/primary-tablist/Component.collapsible.js +9 -9
  5. package/components/primary-tablist/Component.desktop.js +2 -2
  6. package/components/primary-tablist/Component.mobile.js +3 -3
  7. package/components/primary-tablist/Component.responsive.js +1 -1
  8. package/components/primary-tablist/index.css +34 -34
  9. package/components/primary-tablist/mobile.css +964 -310
  10. package/components/scroll-controls/Component.js +1 -1
  11. package/components/scroll-controls/index.css +16 -16
  12. package/components/scrollable-container/Component.js +2 -3
  13. package/components/scrollable-container/index.css +6 -6
  14. package/components/secondary-tablist/Component.desktop.js +1 -1
  15. package/components/secondary-tablist/Component.mobile.js +2 -2
  16. package/components/secondary-tablist/Component.responsive.js +1 -1
  17. package/components/secondary-tablist/index.css +11 -11
  18. package/components/secondary-tablist/mobile.css +940 -286
  19. package/components/tab/Component.js +1 -1
  20. package/components/tab/index.css +3 -3
  21. package/components/tabs/Component.collapsible.js +1 -1
  22. package/components/tabs/Component.desktop.js +2 -2
  23. package/components/tabs/Component.mobile.js +2 -2
  24. package/components/tabs/Component.responsive.js +2 -2
  25. package/cssm/collapsible/index.d.ts +2 -0
  26. package/cssm/{collapsible.js → collapsible/index.js} +11 -11
  27. package/cssm/components/primary-tablist/index.module.css +4 -4
  28. package/cssm/components/scroll-controls/index.module.css +2 -2
  29. package/cssm/components/scrollable-container/Component.js +1 -2
  30. package/cssm/desktop/index.d.ts +4 -0
  31. package/cssm/desktop/index.js +40 -0
  32. package/cssm/mobile/index.d.ts +4 -0
  33. package/cssm/mobile/index.js +42 -0
  34. package/cssm/shared/index.d.ts +4 -0
  35. package/cssm/{shared.js → shared/index.js} +7 -7
  36. package/desktop/index.d.ts +4 -0
  37. package/desktop/index.js +37 -0
  38. package/desktop/package.json +3 -0
  39. package/esm/collapsible/index.d.ts +2 -0
  40. package/esm/collapsible/index.js +20 -0
  41. package/esm/components/primary-tablist/Component.collapsible.js +9 -9
  42. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  43. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  44. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  45. package/esm/components/primary-tablist/index.css +34 -34
  46. package/esm/components/primary-tablist/mobile.css +964 -310
  47. package/esm/components/scroll-controls/Component.js +1 -1
  48. package/esm/components/scroll-controls/index.css +16 -16
  49. package/esm/components/scrollable-container/Component.js +3 -3
  50. package/esm/components/scrollable-container/index.css +6 -6
  51. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  52. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  53. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  54. package/esm/components/secondary-tablist/index.css +11 -11
  55. package/esm/components/secondary-tablist/mobile.css +940 -286
  56. package/esm/components/tab/Component.js +1 -1
  57. package/esm/components/tab/index.css +3 -3
  58. package/esm/components/tabs/Component.collapsible.js +1 -1
  59. package/esm/components/tabs/Component.desktop.js +2 -2
  60. package/esm/components/tabs/Component.mobile.js +2 -2
  61. package/esm/components/tabs/Component.responsive.js +2 -2
  62. package/esm/desktop/index.d.ts +4 -0
  63. package/esm/desktop/index.js +26 -0
  64. package/esm/index.js +2 -2
  65. package/esm/index.module-0b61d568.js +4 -0
  66. package/esm/index.module-9fe41e09.js +4 -0
  67. package/esm/mobile/index.d.ts +4 -0
  68. package/esm/mobile/index.js +26 -0
  69. package/esm/shared/index.d.ts +4 -0
  70. package/esm/{shared.js → shared/index.js} +5 -5
  71. package/index.js +2 -2
  72. package/index.module-5398ae83.js +6 -0
  73. package/index.module-dd12f95d.js +6 -0
  74. package/mobile/index.d.ts +4 -0
  75. package/mobile/index.js +37 -0
  76. package/mobile/package.json +3 -0
  77. package/modern/collapsible/index.d.ts +2 -0
  78. package/modern/collapsible/index.js +19 -0
  79. package/modern/components/primary-tablist/Component.collapsible.js +9 -9
  80. package/modern/components/primary-tablist/Component.desktop.js +2 -2
  81. package/modern/components/primary-tablist/Component.mobile.js +3 -3
  82. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  83. package/modern/components/primary-tablist/index.css +34 -34
  84. package/modern/components/primary-tablist/mobile.css +964 -310
  85. package/modern/components/scroll-controls/Component.js +1 -1
  86. package/modern/components/scroll-controls/index.css +16 -16
  87. package/modern/components/scrollable-container/Component.js +3 -3
  88. package/modern/components/scrollable-container/index.css +6 -6
  89. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  90. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  91. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  92. package/modern/components/secondary-tablist/index.css +11 -11
  93. package/modern/components/secondary-tablist/mobile.css +940 -286
  94. package/modern/components/tab/Component.js +1 -1
  95. package/modern/components/tab/index.css +3 -3
  96. package/modern/components/tabs/Component.collapsible.js +1 -1
  97. package/modern/components/tabs/Component.desktop.js +2 -2
  98. package/modern/components/tabs/Component.mobile.js +2 -2
  99. package/modern/components/tabs/Component.responsive.js +2 -2
  100. package/modern/desktop/index.d.ts +4 -0
  101. package/modern/desktop/index.js +25 -0
  102. package/modern/index.js +2 -2
  103. package/modern/index.module-b71481a6.js +4 -0
  104. package/modern/index.module-beca0c9d.js +4 -0
  105. package/modern/mobile/index.d.ts +4 -0
  106. package/modern/mobile/index.js +25 -0
  107. package/modern/shared/index.d.ts +4 -0
  108. package/modern/{shared.js → shared/index.js} +5 -5
  109. package/package.json +7 -7
  110. package/shared/index.d.ts +4 -0
  111. package/{shared.js → shared/index.js} +5 -5
  112. package/shared/package.json +3 -0
  113. package/src/collapsible/index.ts +2 -0
  114. package/src/collapsible/package.json +3 -0
  115. package/src/components/scrollable-container/Component.tsx +2 -2
  116. package/src/desktop/index.ts +4 -0
  117. package/src/desktop/package.json +3 -0
  118. package/src/mobile/index.ts +4 -0
  119. package/src/mobile/package.json +3 -0
  120. package/src/shared/index.ts +4 -0
  121. package/src/shared/package.json +3 -0
  122. package/Component-0f4b9bed.d.ts +0 -100
  123. package/Component-4cd3936b.d.ts +0 -12
  124. package/Component-69921c40.d.ts +0 -184
  125. package/Component-89f0cb07.d.ts +0 -38
  126. package/Component-8b2c2707.d.ts +0 -14
  127. package/Component-bdb4c6b9.d.ts +0 -12
  128. package/Component-c76d6398.d.ts +0 -5
  129. package/Component-ebda875c.d.ts +0 -12
  130. package/Component.desktop-0aa4e915.d.ts +0 -5
  131. package/Component.desktop-785df74d.d.ts +0 -6
  132. package/Component.mobile-16b1285a.d.ts +0 -5
  133. package/Component.mobile-d7e9f69d.d.ts +0 -6
  134. package/Component.mobile-ebda875c.d.ts +0 -6
  135. package/Context-bdb4c6b9.d.ts +0 -4
  136. package/ResponsiveContext-baf4875b.d.ts +0 -5
  137. package/collapsible.d.ts +0 -2
  138. package/consts-f777ba1a.d.ts +0 -2
  139. package/cssm/Component-0f4b9bed.d.ts +0 -100
  140. package/cssm/Component-4cd3936b.d.ts +0 -12
  141. package/cssm/Component-69921c40.d.ts +0 -184
  142. package/cssm/Component-89f0cb07.d.ts +0 -38
  143. package/cssm/Component-8b2c2707.d.ts +0 -14
  144. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  145. package/cssm/Component-c76d6398.d.ts +0 -5
  146. package/cssm/Component-ebda875c.d.ts +0 -12
  147. package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
  148. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  149. package/cssm/Component.mobile-16b1285a.d.ts +0 -5
  150. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  151. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  152. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  153. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  154. package/cssm/collapsible.d.ts +0 -2
  155. package/cssm/consts-f777ba1a.d.ts +0 -2
  156. package/cssm/desktop-89f0cb07.d.ts +0 -2
  157. package/cssm/desktop.d.ts +0 -4
  158. package/cssm/desktop.js +0 -40
  159. package/cssm/hook-8abfea97.d.ts +0 -90
  160. package/cssm/index-136acbb1.d.ts +0 -28
  161. package/cssm/index-8b2c2707.d.ts +0 -6
  162. package/cssm/index-bdb4c6b9.d.ts +0 -2
  163. package/cssm/index-c44170fe.d.ts +0 -131
  164. package/cssm/index-c76d6398.d.ts +0 -140
  165. package/cssm/index-ebda875c.d.ts +0 -40
  166. package/cssm/index-f12ee135.d.ts +0 -324
  167. package/cssm/mobile-89f0cb07.d.ts +0 -2
  168. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  169. package/cssm/mobile.d.ts +0 -4
  170. package/cssm/mobile.js +0 -42
  171. package/cssm/shared-4cd3936b.d.ts +0 -107
  172. package/cssm/shared.d.ts +0 -4
  173. package/cssm/types-1b036d4b.d.ts +0 -13
  174. package/cssm/types-4480ac4f.d.ts +0 -3
  175. package/cssm/typings-0f4b9bed.d.ts +0 -576
  176. package/cssm/typings-89f0cb07.d.ts +0 -93
  177. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  178. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  179. package/cssm/utils-0f4b9bed.d.ts +0 -41
  180. package/cssm/utils-1574ad8b.d.ts +0 -29
  181. package/desktop-89f0cb07.d.ts +0 -2
  182. package/desktop.d.ts +0 -4
  183. package/desktop.js +0 -37
  184. package/esm/Component-0f4b9bed.d.ts +0 -100
  185. package/esm/Component-4cd3936b.d.ts +0 -12
  186. package/esm/Component-69921c40.d.ts +0 -184
  187. package/esm/Component-89f0cb07.d.ts +0 -38
  188. package/esm/Component-8b2c2707.d.ts +0 -14
  189. package/esm/Component-bdb4c6b9.d.ts +0 -12
  190. package/esm/Component-c76d6398.d.ts +0 -5
  191. package/esm/Component-ebda875c.d.ts +0 -12
  192. package/esm/Component.desktop-0aa4e915.d.ts +0 -5
  193. package/esm/Component.desktop-785df74d.d.ts +0 -6
  194. package/esm/Component.mobile-16b1285a.d.ts +0 -5
  195. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  196. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  197. package/esm/Context-bdb4c6b9.d.ts +0 -4
  198. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  199. package/esm/collapsible.d.ts +0 -2
  200. package/esm/collapsible.js +0 -20
  201. package/esm/consts-f777ba1a.d.ts +0 -2
  202. package/esm/desktop-89f0cb07.d.ts +0 -2
  203. package/esm/desktop.d.ts +0 -4
  204. package/esm/desktop.js +0 -26
  205. package/esm/hook-8abfea97.d.ts +0 -90
  206. package/esm/index-136acbb1.d.ts +0 -28
  207. package/esm/index-8b2c2707.d.ts +0 -6
  208. package/esm/index-bdb4c6b9.d.ts +0 -2
  209. package/esm/index-c44170fe.d.ts +0 -131
  210. package/esm/index-c76d6398.d.ts +0 -140
  211. package/esm/index-ebda875c.d.ts +0 -105
  212. package/esm/index-f12ee135.d.ts +0 -324
  213. package/esm/index.module-072f7a03.js +0 -4
  214. package/esm/index.module-64994e8d.js +0 -4
  215. package/esm/mobile-89f0cb07.d.ts +0 -2
  216. package/esm/mobile-d7e9f69d.d.ts +0 -2
  217. package/esm/mobile.d.ts +0 -4
  218. package/esm/mobile.js +0 -26
  219. package/esm/shared-4cd3936b.d.ts +0 -107
  220. package/esm/shared.d.ts +0 -4
  221. package/esm/types-1b036d4b.d.ts +0 -13
  222. package/esm/types-4480ac4f.d.ts +0 -3
  223. package/esm/typings-0f4b9bed.d.ts +0 -576
  224. package/esm/typings-89f0cb07.d.ts +0 -93
  225. package/esm/typings-bdb4c6b9.d.ts +0 -52
  226. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  227. package/esm/utils-0f4b9bed.d.ts +0 -41
  228. package/esm/utils-1574ad8b.d.ts +0 -29
  229. package/hook-8abfea97.d.ts +0 -90
  230. package/index-136acbb1.d.ts +0 -28
  231. package/index-8b2c2707.d.ts +0 -6
  232. package/index-bdb4c6b9.d.ts +0 -2
  233. package/index-c44170fe.d.ts +0 -131
  234. package/index-c76d6398.d.ts +0 -140
  235. package/index-ebda875c.d.ts +0 -40
  236. package/index-f12ee135.d.ts +0 -324
  237. package/index.module-5f6b14c2.js +0 -6
  238. package/index.module-e4f107c7.js +0 -6
  239. package/mobile-89f0cb07.d.ts +0 -2
  240. package/mobile-d7e9f69d.d.ts +0 -2
  241. package/mobile.d.ts +0 -4
  242. package/mobile.js +0 -37
  243. package/modern/Component-0f4b9bed.d.ts +0 -100
  244. package/modern/Component-4cd3936b.d.ts +0 -12
  245. package/modern/Component-69921c40.d.ts +0 -184
  246. package/modern/Component-89f0cb07.d.ts +0 -38
  247. package/modern/Component-8b2c2707.d.ts +0 -14
  248. package/modern/Component-bdb4c6b9.d.ts +0 -12
  249. package/modern/Component-c76d6398.d.ts +0 -5
  250. package/modern/Component-ebda875c.d.ts +0 -12
  251. package/modern/Component.desktop-0aa4e915.d.ts +0 -5
  252. package/modern/Component.desktop-785df74d.d.ts +0 -6
  253. package/modern/Component.mobile-16b1285a.d.ts +0 -5
  254. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  255. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  256. package/modern/Context-bdb4c6b9.d.ts +0 -4
  257. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  258. package/modern/collapsible.d.ts +0 -2
  259. package/modern/collapsible.js +0 -19
  260. package/modern/consts-f777ba1a.d.ts +0 -2
  261. package/modern/desktop-89f0cb07.d.ts +0 -2
  262. package/modern/desktop.d.ts +0 -4
  263. package/modern/desktop.js +0 -25
  264. package/modern/hook-8abfea97.d.ts +0 -90
  265. package/modern/index-136acbb1.d.ts +0 -28
  266. package/modern/index-8b2c2707.d.ts +0 -6
  267. package/modern/index-bdb4c6b9.d.ts +0 -2
  268. package/modern/index-c44170fe.d.ts +0 -131
  269. package/modern/index-c76d6398.d.ts +0 -140
  270. package/modern/index-ebda875c.d.ts +0 -105
  271. package/modern/index-f12ee135.d.ts +0 -324
  272. package/modern/index.module-5e57388f.js +0 -4
  273. package/modern/index.module-633b90f6.js +0 -4
  274. package/modern/mobile-89f0cb07.d.ts +0 -2
  275. package/modern/mobile-d7e9f69d.d.ts +0 -2
  276. package/modern/mobile.d.ts +0 -4
  277. package/modern/mobile.js +0 -25
  278. package/modern/shared-4cd3936b.d.ts +0 -107
  279. package/modern/shared.d.ts +0 -4
  280. package/modern/types-1b036d4b.d.ts +0 -13
  281. package/modern/types-4480ac4f.d.ts +0 -3
  282. package/modern/typings-0f4b9bed.d.ts +0 -576
  283. package/modern/typings-89f0cb07.d.ts +0 -93
  284. package/modern/typings-bdb4c6b9.d.ts +0 -52
  285. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  286. package/modern/utils-0f4b9bed.d.ts +0 -41
  287. package/modern/utils-1574ad8b.d.ts +0 -29
  288. package/shared-4cd3936b.d.ts +0 -107
  289. package/shared.d.ts +0 -4
  290. package/src/collapsible.ts +0 -2
  291. package/src/desktop.ts +0 -4
  292. package/src/mobile.ts +0 -4
  293. package/src/shared.ts +0 -4
  294. package/types-1b036d4b.d.ts +0 -13
  295. package/types-4480ac4f.d.ts +0 -3
  296. package/typings-0f4b9bed.d.ts +0 -576
  297. package/typings-89f0cb07.d.ts +0 -93
  298. package/typings-bdb4c6b9.d.ts +0 -52
  299. package/useSkeleton-ebda875c.d.ts +0 -12
  300. package/utils-0f4b9bed.d.ts +0 -41
  301. 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("./index-c44170fe").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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { ButtonProps } from "./typings-89f0cb07";
4
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { Button };
6
- export type { ButtonProps } from "./typings-89f0cb07";
@@ -1,2 +0,0 @@
1
- export * from "./Component-ebda875c";
2
- export * from "./utils-1574ad8b";
@@ -1,131 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { HTMLAttributes, ReactNode } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
13
- /**
14
- * Растягивает компонент на ширину контейнера
15
- */
16
- block?: boolean;
17
- /**
18
- * Размер компонента
19
- */
20
- size?: "s" | "m" | "l" | "xl";
21
- /**
22
- * Набор цветов для компонента
23
- */
24
- colors?: "default" | "inverted";
25
- /**
26
- * Заблокированное состояние
27
- */
28
- disabled?: boolean;
29
- /**
30
- * Cостояние только для чтения
31
- */
32
- readOnly?: boolean;
33
- /**
34
- * Заполненное состояние
35
- */
36
- filled?: boolean;
37
- /**
38
- * Выбранное (фокус) состояние
39
- */
40
- focused?: boolean;
41
- /**
42
- * Отображение ошибки
43
- */
44
- error?: ReactNode | boolean;
45
- /**
46
- * Текст подсказки
47
- */
48
- hint?: ReactNode;
49
- /**
50
- * Лейбл компонента
51
- */
52
- label?: ReactNode;
53
- /**
54
- * Вид лейбла внутри / снаружи
55
- */
56
- labelView?: "inner" | "outer";
57
- /**
58
- * Слот слева
59
- */
60
- leftAddons?: ReactNode;
61
- /**
62
- * Слот справа
63
- */
64
- rightAddons?: ReactNode;
65
- /**
66
- * Слот под полем
67
- */
68
- bottomAddons?: ReactNode;
69
- /**
70
- * Дополнительный класс
71
- */
72
- className?: string;
73
- /**
74
- * Дополнительный класс для поля
75
- */
76
- fieldClassName?: string;
77
- /**
78
- * Дополнительный класс для поля
79
- */
80
- inputWrapperClassName?: string;
81
- /**
82
- * Дополнительный класс для лейбла
83
- */
84
- labelClassName?: string;
85
- /**
86
- * Дополнительный класс для аддонов
87
- */
88
- addonsClassName?: string;
89
- /**
90
- * Свойства для обертки левых аддонов
91
- */
92
- leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
93
- /**
94
- * Свойства для обертки правых аддонов
95
- */
96
- rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
97
- /**
98
- * Идентификатор для систем автоматизированного тестирования
99
- */
100
- dataTestId?: string;
101
- /**
102
- * Компонент поля (инпут, textarea и пр.)
103
- */
104
- children?: ReactNode;
105
- /**
106
- * Основные стили компонента.
107
- */
108
- styles: {
109
- [key: string]: string;
110
- };
111
- /**
112
- * Стили компонента для default и inverted режима.
113
- */
114
- colorStyles?: StyleColors;
115
- };
116
- type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
117
- /**
118
- * Контрольная точка, с нее начинается desktop версия
119
- * @default 1024
120
- */
121
- breakpoint?: number;
122
- /**
123
- * Значение по-умолчанию для хука useMatchMedia
124
- */
125
- defaultMatchMediaValue?: boolean | (() => boolean);
126
- };
127
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
128
- breakpoint?: number | undefined;
129
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
130
- } & React.RefAttributes<HTMLDivElement>>;
131
- export { FormControlProps, FormControl };
@@ -1,140 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable complexity */
3
- import React from "react";
4
- import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
5
- interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6
- /**
7
- * Вид компонента
8
- */
9
- view: "desktop" | "mobile";
10
- /**
11
- * Дополнительный класс
12
- */
13
- className?: string;
14
- /**
15
- * Позиция крестика
16
- */
17
- align?: "left" | "right";
18
- /**
19
- * Фиксирует крестик
20
- */
21
- sticky?: boolean;
22
- /**
23
- * Иконка
24
- */
25
- icon?: ElementType;
26
- /**
27
- * Идентификатор для систем автоматизированного тестирования
28
- */
29
- dataTestId?: string;
30
- /**
31
- * Коллбэк закрытия.
32
- */
33
- onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
34
- }
35
- type NavigationBarProps = {
36
- /**
37
- * Контент шапки
38
- */
39
- children?: ReactNode;
40
- /**
41
- * Заголовок шапки
42
- */
43
- title?: string;
44
- /**
45
- * Подзаголовок (доступен только в мобильной версии)
46
- */
47
- subtitle?: ReactNode;
48
- /**
49
- * Размер заголовка (compact доступен только в мобильной версии)
50
- */
51
- titleSize?: "default" | "compact";
52
- /**
53
- * Доп. класс для аддонов
54
- */
55
- addonClassName?: string;
56
- /**
57
- * Слот слева
58
- */
59
- leftAddons?: ReactNode;
60
- /**
61
- * Слот справа
62
- */
63
- rightAddons?: ReactNode;
64
- /**
65
- * Дополнительный класс для closer
66
- */
67
- closerClassName?: string;
68
- /**
69
- * Слот снизу
70
- */
71
- bottomAddons?: ReactNode;
72
- /**
73
- * Наличие компонента крестика
74
- */
75
- hasCloser?: boolean;
76
- /**
77
- * Наличие кнопки "Назад"
78
- */
79
- hasBackButton?: boolean;
80
- /**
81
- * Дополнительный класс для правого аддона
82
- */
83
- backButtonClassName?: string;
84
- /**
85
- * Дополнительный класс
86
- */
87
- className?: string;
88
- /**
89
- * Дополнительный класс для контента
90
- */
91
- contentClassName?: string;
92
- /**
93
- * Дополнительный класс для нижнего аддона
94
- */
95
- bottomAddonsClassName?: string;
96
- /**
97
- * Выравнивание заголовка
98
- */
99
- align?: "left" | "center";
100
- /**
101
- * Обрезать ли заголовок
102
- */
103
- trim?: boolean;
104
- /**
105
- * Фиксирует шапку
106
- */
107
- sticky?: boolean;
108
- /**
109
- * Идентификатор для систем автоматизированного тестирования
110
- */
111
- dataTestId?: string;
112
- /**
113
- * Фоновое изображение
114
- */
115
- imageUrl?: string;
116
- /**
117
- * Иконка closer.
118
- */
119
- closerIcon?: React.ElementType;
120
- /**
121
- * Обработчик закрытия
122
- */
123
- onClose?: CloserProps["onClose"];
124
- /**
125
- * обработчик клика по кнопке "назад"
126
- */
127
- onBack?: () => void;
128
- /**
129
- * Вид шапки - мобильный или десктоп
130
- */
131
- view: "desktop" | "mobile";
132
- /**
133
- * Ссылка на родительскую ноду overflow: auto
134
- */
135
- scrollableParentRef?: React.RefObject<HTMLDivElement>;
136
- };
137
- declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
138
- export { NavigationBar };
139
- export * from "./Component-69921c40";
140
- export type { NavigationBarProps };
@@ -1,40 +0,0 @@
1
- /// <reference types="react-transition-group" />
2
- /// <reference types="react" />
3
- import React from "react";
4
- import { MouseEvent, ReactNode } from "react";
5
- import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
6
- import { TransitionProps } from "react-transition-group/Transition";
7
- type BackdropProps = Partial<TransitionProps> & {
8
- /**
9
- * Прозрачный бэкдроп
10
- */
11
- invisible?: boolean;
12
- /**
13
- * Управляет видимостью компонента
14
- */
15
- open: boolean;
16
- /**
17
- * Обработчик клика по бэкдропу
18
- */
19
- onClose?: (event: MouseEvent<HTMLElement>) => void;
20
- /**
21
- * Дополнительный класс
22
- */
23
- className?: string;
24
- /**
25
- * Классы анимации
26
- *
27
- * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
28
- */
29
- transitionClassNames?: string | CSSTransitionClassNames;
30
- /**
31
- * Идентификатор для систем автоматизированного тестирования
32
- */
33
- dataTestId?: string;
34
- /**
35
- * Дочерние элементы.
36
- */
37
- children?: ReactNode;
38
- };
39
- declare const Backdrop: React.FC<BackdropProps>;
40
- export { BackdropProps, Backdrop };