@alfalab/core-components-tabs 8.1.5 → 8.2.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 (309) 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 +4 -3
  6. package/components/primary-tablist/Component.js +14 -4
  7. package/components/primary-tablist/Component.mobile.js +5 -4
  8. package/components/primary-tablist/Component.responsive.js +3 -2
  9. package/components/primary-tablist/index.css +30 -30
  10. package/components/primary-tablist/mobile.css +33 -33
  11. package/components/scroll-controls/Component.js +1 -1
  12. package/components/scroll-controls/index.css +14 -14
  13. package/components/scrollable-container/Component.js +1 -1
  14. package/components/scrollable-container/index.css +6 -6
  15. package/components/secondary-tablist/Component.desktop.js +1 -1
  16. package/components/secondary-tablist/Component.mobile.js +2 -2
  17. package/components/secondary-tablist/Component.responsive.js +1 -1
  18. package/components/secondary-tablist/index.css +11 -11
  19. package/components/secondary-tablist/mobile.css +13 -13
  20. package/components/tab/Component.js +1 -1
  21. package/components/tab/index.css +3 -3
  22. package/components/tabs/Component.collapsible.js +1 -1
  23. package/components/tabs/Component.desktop.js +4 -3
  24. package/components/tabs/Component.mobile.js +4 -3
  25. package/components/tabs/Component.responsive.js +4 -3
  26. package/cssm/collapsible/index.d.ts +2 -0
  27. package/cssm/{collapsible.js → collapsible/index.js} +11 -11
  28. package/cssm/components/primary-tablist/Component.desktop.js +2 -1
  29. package/cssm/components/primary-tablist/Component.js +14 -4
  30. package/cssm/components/primary-tablist/Component.mobile.js +2 -1
  31. package/cssm/components/primary-tablist/Component.responsive.js +2 -1
  32. package/cssm/components/tabs/Component.desktop.js +2 -1
  33. package/cssm/components/tabs/Component.mobile.js +2 -1
  34. package/cssm/components/tabs/Component.responsive.js +2 -1
  35. package/cssm/desktop/index.d.ts +4 -0
  36. package/cssm/desktop/index.js +40 -0
  37. package/cssm/index.js +2 -1
  38. package/cssm/mobile/index.d.ts +4 -0
  39. package/cssm/mobile/index.js +42 -0
  40. package/cssm/shared/index.d.ts +4 -0
  41. package/cssm/{shared.js → shared/index.js} +7 -7
  42. package/desktop/index.d.ts +4 -0
  43. package/desktop/index.js +37 -0
  44. package/desktop/package.json +3 -0
  45. package/esm/collapsible/index.d.ts +2 -0
  46. package/esm/collapsible/index.js +20 -0
  47. package/esm/components/primary-tablist/Component.collapsible.js +9 -9
  48. package/esm/components/primary-tablist/Component.desktop.js +4 -3
  49. package/esm/components/primary-tablist/Component.js +14 -4
  50. package/esm/components/primary-tablist/Component.mobile.js +5 -4
  51. package/esm/components/primary-tablist/Component.responsive.js +3 -2
  52. package/esm/components/primary-tablist/index.css +30 -30
  53. package/esm/components/primary-tablist/mobile.css +33 -33
  54. package/esm/components/scroll-controls/Component.js +1 -1
  55. package/esm/components/scroll-controls/index.css +14 -14
  56. package/esm/components/scrollable-container/Component.js +1 -1
  57. package/esm/components/scrollable-container/index.css +6 -6
  58. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  59. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  60. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  61. package/esm/components/secondary-tablist/index.css +11 -11
  62. package/esm/components/secondary-tablist/mobile.css +13 -13
  63. package/esm/components/tab/Component.js +1 -1
  64. package/esm/components/tab/index.css +3 -3
  65. package/esm/components/tabs/Component.collapsible.js +1 -1
  66. package/esm/components/tabs/Component.desktop.js +4 -3
  67. package/esm/components/tabs/Component.mobile.js +4 -3
  68. package/esm/components/tabs/Component.responsive.js +4 -3
  69. package/esm/desktop/index.d.ts +4 -0
  70. package/esm/desktop/index.js +26 -0
  71. package/esm/index.js +4 -3
  72. package/esm/index.module-0eaed9a1.js +4 -0
  73. package/esm/index.module-9c24fafb.js +4 -0
  74. package/esm/mobile/index.d.ts +4 -0
  75. package/esm/mobile/index.js +26 -0
  76. package/esm/shared/index.d.ts +4 -0
  77. package/esm/{shared.js → shared/index.js} +5 -5
  78. package/index.js +4 -3
  79. package/index.module-177df2c1.js +6 -0
  80. package/index.module-2f940b9f.js +6 -0
  81. package/mobile/index.d.ts +4 -0
  82. package/mobile/index.js +37 -0
  83. package/mobile/package.json +3 -0
  84. package/modern/collapsible/index.d.ts +2 -0
  85. package/modern/collapsible/index.js +19 -0
  86. package/modern/components/primary-tablist/Component.collapsible.js +9 -9
  87. package/modern/components/primary-tablist/Component.desktop.js +4 -3
  88. package/modern/components/primary-tablist/Component.js +14 -4
  89. package/modern/components/primary-tablist/Component.mobile.js +5 -4
  90. package/modern/components/primary-tablist/Component.responsive.js +3 -2
  91. package/modern/components/primary-tablist/index.css +30 -30
  92. package/modern/components/primary-tablist/mobile.css +33 -33
  93. package/modern/components/scroll-controls/Component.js +1 -1
  94. package/modern/components/scroll-controls/index.css +14 -14
  95. package/modern/components/scrollable-container/Component.js +1 -1
  96. package/modern/components/scrollable-container/index.css +6 -6
  97. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  98. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  99. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  100. package/modern/components/secondary-tablist/index.css +11 -11
  101. package/modern/components/secondary-tablist/mobile.css +13 -13
  102. package/modern/components/tab/Component.js +1 -1
  103. package/modern/components/tab/index.css +3 -3
  104. package/modern/components/tabs/Component.collapsible.js +1 -1
  105. package/modern/components/tabs/Component.desktop.js +4 -3
  106. package/modern/components/tabs/Component.mobile.js +4 -3
  107. package/modern/components/tabs/Component.responsive.js +4 -3
  108. package/modern/desktop/index.d.ts +4 -0
  109. package/modern/desktop/index.js +25 -0
  110. package/modern/index.js +4 -3
  111. package/modern/index.module-4070c7f9.js +4 -0
  112. package/modern/index.module-a791a93d.js +4 -0
  113. package/modern/mobile/index.d.ts +4 -0
  114. package/modern/mobile/index.js +25 -0
  115. package/modern/shared/index.d.ts +4 -0
  116. package/modern/{shared.js → shared/index.js} +5 -5
  117. package/package.json +5 -33
  118. package/shared/index.d.ts +4 -0
  119. package/{shared.js → shared/index.js} +5 -5
  120. package/shared/package.json +3 -0
  121. package/src/collapsible/index.ts +2 -0
  122. package/src/collapsible/package.json +3 -0
  123. package/src/components/primary-tablist/Component.tsx +18 -3
  124. package/src/desktop/index.ts +4 -0
  125. package/src/desktop/package.json +3 -0
  126. package/src/mobile/index.ts +4 -0
  127. package/src/mobile/package.json +3 -0
  128. package/src/shared/index.ts +4 -0
  129. package/src/shared/package.json +3 -0
  130. package/Component-0f4b9bed.d.ts +0 -100
  131. package/Component-4cd3936b.d.ts +0 -12
  132. package/Component-69921c40.d.ts +0 -184
  133. package/Component-89f0cb07.d.ts +0 -38
  134. package/Component-8b2c2707.d.ts +0 -14
  135. package/Component-bdb4c6b9.d.ts +0 -12
  136. package/Component-c76d6398.d.ts +0 -5
  137. package/Component-ebda875c.d.ts +0 -12
  138. package/Component.desktop-0aa4e915.d.ts +0 -5
  139. package/Component.desktop-785df74d.d.ts +0 -6
  140. package/Component.mobile-16b1285a.d.ts +0 -5
  141. package/Component.mobile-d7e9f69d.d.ts +0 -6
  142. package/Component.mobile-ebda875c.d.ts +0 -6
  143. package/Context-bdb4c6b9.d.ts +0 -4
  144. package/ResponsiveContext-baf4875b.d.ts +0 -5
  145. package/collapsible.d.ts +0 -2
  146. package/consts-f777ba1a.d.ts +0 -2
  147. package/cssm/Component-0f4b9bed.d.ts +0 -100
  148. package/cssm/Component-4cd3936b.d.ts +0 -12
  149. package/cssm/Component-69921c40.d.ts +0 -184
  150. package/cssm/Component-89f0cb07.d.ts +0 -38
  151. package/cssm/Component-8b2c2707.d.ts +0 -14
  152. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  153. package/cssm/Component-c76d6398.d.ts +0 -5
  154. package/cssm/Component-ebda875c.d.ts +0 -12
  155. package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
  156. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  157. package/cssm/Component.mobile-16b1285a.d.ts +0 -5
  158. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  159. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  160. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  161. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  162. package/cssm/collapsible.d.ts +0 -2
  163. package/cssm/consts-f777ba1a.d.ts +0 -2
  164. package/cssm/desktop-89f0cb07.d.ts +0 -2
  165. package/cssm/desktop.d.ts +0 -4
  166. package/cssm/desktop.js +0 -39
  167. package/cssm/hook-8abfea97.d.ts +0 -90
  168. package/cssm/index-136acbb1.d.ts +0 -28
  169. package/cssm/index-8b2c2707.d.ts +0 -6
  170. package/cssm/index-bdb4c6b9.d.ts +0 -2
  171. package/cssm/index-c44170fe.d.ts +0 -131
  172. package/cssm/index-c76d6398.d.ts +0 -140
  173. package/cssm/index-ebda875c.d.ts +0 -40
  174. package/cssm/index-f12ee135.d.ts +0 -324
  175. package/cssm/mobile-89f0cb07.d.ts +0 -2
  176. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  177. package/cssm/mobile.d.ts +0 -4
  178. package/cssm/mobile.js +0 -41
  179. package/cssm/shared-4cd3936b.d.ts +0 -107
  180. package/cssm/shared.d.ts +0 -4
  181. package/cssm/types-1b036d4b.d.ts +0 -13
  182. package/cssm/types-4480ac4f.d.ts +0 -3
  183. package/cssm/typings-0f4b9bed.d.ts +0 -576
  184. package/cssm/typings-89f0cb07.d.ts +0 -93
  185. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  186. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  187. package/cssm/utils-0f4b9bed.d.ts +0 -41
  188. package/cssm/utils-1574ad8b.d.ts +0 -29
  189. package/desktop-89f0cb07.d.ts +0 -2
  190. package/desktop.d.ts +0 -4
  191. package/desktop.js +0 -36
  192. package/esm/Component-0f4b9bed.d.ts +0 -100
  193. package/esm/Component-4cd3936b.d.ts +0 -12
  194. package/esm/Component-69921c40.d.ts +0 -184
  195. package/esm/Component-89f0cb07.d.ts +0 -38
  196. package/esm/Component-8b2c2707.d.ts +0 -14
  197. package/esm/Component-bdb4c6b9.d.ts +0 -12
  198. package/esm/Component-c76d6398.d.ts +0 -5
  199. package/esm/Component-ebda875c.d.ts +0 -12
  200. package/esm/Component.desktop-0aa4e915.d.ts +0 -5
  201. package/esm/Component.desktop-785df74d.d.ts +0 -6
  202. package/esm/Component.mobile-16b1285a.d.ts +0 -5
  203. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  204. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  205. package/esm/Context-bdb4c6b9.d.ts +0 -4
  206. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  207. package/esm/collapsible.d.ts +0 -2
  208. package/esm/collapsible.js +0 -20
  209. package/esm/consts-f777ba1a.d.ts +0 -2
  210. package/esm/desktop-89f0cb07.d.ts +0 -2
  211. package/esm/desktop.d.ts +0 -4
  212. package/esm/desktop.js +0 -25
  213. package/esm/hook-8abfea97.d.ts +0 -90
  214. package/esm/index-136acbb1.d.ts +0 -28
  215. package/esm/index-8b2c2707.d.ts +0 -6
  216. package/esm/index-bdb4c6b9.d.ts +0 -2
  217. package/esm/index-c44170fe.d.ts +0 -131
  218. package/esm/index-c76d6398.d.ts +0 -140
  219. package/esm/index-ebda875c.d.ts +0 -105
  220. package/esm/index-f12ee135.d.ts +0 -324
  221. package/esm/index.module-55063a9a.js +0 -4
  222. package/esm/index.module-82cf190f.js +0 -4
  223. package/esm/mobile-89f0cb07.d.ts +0 -2
  224. package/esm/mobile-d7e9f69d.d.ts +0 -2
  225. package/esm/mobile.d.ts +0 -4
  226. package/esm/mobile.js +0 -25
  227. package/esm/shared-4cd3936b.d.ts +0 -107
  228. package/esm/shared.d.ts +0 -4
  229. package/esm/types-1b036d4b.d.ts +0 -13
  230. package/esm/types-4480ac4f.d.ts +0 -3
  231. package/esm/typings-0f4b9bed.d.ts +0 -576
  232. package/esm/typings-89f0cb07.d.ts +0 -93
  233. package/esm/typings-bdb4c6b9.d.ts +0 -52
  234. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  235. package/esm/utils-0f4b9bed.d.ts +0 -41
  236. package/esm/utils-1574ad8b.d.ts +0 -29
  237. package/hook-8abfea97.d.ts +0 -90
  238. package/index-136acbb1.d.ts +0 -28
  239. package/index-8b2c2707.d.ts +0 -6
  240. package/index-bdb4c6b9.d.ts +0 -2
  241. package/index-c44170fe.d.ts +0 -131
  242. package/index-c76d6398.d.ts +0 -140
  243. package/index-ebda875c.d.ts +0 -105
  244. package/index-f12ee135.d.ts +0 -324
  245. package/index.module-869888c7.js +0 -6
  246. package/index.module-d1432e9e.js +0 -6
  247. package/mobile-89f0cb07.d.ts +0 -2
  248. package/mobile-d7e9f69d.d.ts +0 -2
  249. package/mobile.d.ts +0 -4
  250. package/mobile.js +0 -36
  251. package/modern/Component-0f4b9bed.d.ts +0 -100
  252. package/modern/Component-4cd3936b.d.ts +0 -12
  253. package/modern/Component-69921c40.d.ts +0 -184
  254. package/modern/Component-89f0cb07.d.ts +0 -38
  255. package/modern/Component-8b2c2707.d.ts +0 -14
  256. package/modern/Component-bdb4c6b9.d.ts +0 -12
  257. package/modern/Component-c76d6398.d.ts +0 -5
  258. package/modern/Component-ebda875c.d.ts +0 -12
  259. package/modern/Component.desktop-0aa4e915.d.ts +0 -5
  260. package/modern/Component.desktop-785df74d.d.ts +0 -6
  261. package/modern/Component.mobile-16b1285a.d.ts +0 -5
  262. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  263. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  264. package/modern/Context-bdb4c6b9.d.ts +0 -4
  265. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  266. package/modern/collapsible.d.ts +0 -2
  267. package/modern/collapsible.js +0 -19
  268. package/modern/consts-f777ba1a.d.ts +0 -2
  269. package/modern/desktop-89f0cb07.d.ts +0 -2
  270. package/modern/desktop.d.ts +0 -4
  271. package/modern/desktop.js +0 -24
  272. package/modern/hook-8abfea97.d.ts +0 -90
  273. package/modern/index-136acbb1.d.ts +0 -28
  274. package/modern/index-8b2c2707.d.ts +0 -6
  275. package/modern/index-bdb4c6b9.d.ts +0 -2
  276. package/modern/index-c44170fe.d.ts +0 -131
  277. package/modern/index-c76d6398.d.ts +0 -140
  278. package/modern/index-ebda875c.d.ts +0 -105
  279. package/modern/index-f12ee135.d.ts +0 -324
  280. package/modern/index.module-2d531cfb.js +0 -4
  281. package/modern/index.module-7b0d0808.js +0 -4
  282. package/modern/mobile-89f0cb07.d.ts +0 -2
  283. package/modern/mobile-d7e9f69d.d.ts +0 -2
  284. package/modern/mobile.d.ts +0 -4
  285. package/modern/mobile.js +0 -24
  286. package/modern/shared-4cd3936b.d.ts +0 -107
  287. package/modern/shared.d.ts +0 -4
  288. package/modern/types-1b036d4b.d.ts +0 -13
  289. package/modern/types-4480ac4f.d.ts +0 -3
  290. package/modern/typings-0f4b9bed.d.ts +0 -576
  291. package/modern/typings-89f0cb07.d.ts +0 -93
  292. package/modern/typings-bdb4c6b9.d.ts +0 -52
  293. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  294. package/modern/utils-0f4b9bed.d.ts +0 -41
  295. package/modern/utils-1574ad8b.d.ts +0 -29
  296. package/shared-4cd3936b.d.ts +0 -107
  297. package/shared.d.ts +0 -4
  298. package/src/collapsible.ts +0 -2
  299. package/src/desktop.ts +0 -4
  300. package/src/mobile.ts +0 -4
  301. package/src/shared.ts +0 -4
  302. package/types-1b036d4b.d.ts +0 -13
  303. package/types-4480ac4f.d.ts +0 -3
  304. package/typings-0f4b9bed.d.ts +0 -576
  305. package/typings-89f0cb07.d.ts +0 -93
  306. package/typings-bdb4c6b9.d.ts +0 -52
  307. package/useSkeleton-ebda875c.d.ts +0 -12
  308. package/utils-0f4b9bed.d.ts +0 -41
  309. package/utils-1574ad8b.d.ts +0 -29
@@ -1,52 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { BaseModalProps } from "./index-bdb4c6b9";
3
- type ModalDesktopProps = BaseModalProps & {
4
- /**
5
- * Ширина модального окна
6
- * @default "m"
7
- */
8
- size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
9
- /**
10
- * Растягивает модальное окно на весь экран
11
- * @deprecated Используйте размер fullscreen
12
- */
13
- fullscreen?: boolean;
14
- /**
15
- * Фиксирует позицию модального окна после открытия,
16
- * предотвращая скачки, если контент внутри будет меняться
17
- */
18
- fixedPosition?: boolean;
19
- /**
20
- * Управление наличием закрывающего крестика
21
- * @default false
22
- */
23
- hasCloser?: boolean;
24
- };
25
- type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
26
- type ModalResponsiveProps = ModalDesktopProps & {
27
- /**
28
- * Контрольная точка, с нее начинается desktop версия
29
- * @default 1024
30
- */
31
- breakpoint?: number;
32
- };
33
- type View = 'desktop' | 'mobile';
34
- type TResponsiveModalContext = {
35
- view: View;
36
- size: NonNullable<ModalDesktopProps['size']>;
37
- };
38
- type ContentProps = {
39
- /**
40
- * Контент
41
- */
42
- children?: ReactNode;
43
- /**
44
- * Дополнительный класс
45
- */
46
- className?: string;
47
- /**
48
- * Растягивает контент на всю высоту
49
- */
50
- flex?: boolean;
51
- };
52
- export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { TextSkeletonProps } from "./types-1b036d4b";
4
- type SkeletonProps = {
5
- wrapperClassName?: string;
6
- dataTestId?: string;
7
- };
8
- declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
9
- renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
10
- textRef: React.RefObject<HTMLElement>;
11
- };
12
- export { useSkeleton };
@@ -1,41 +0,0 @@
1
- import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
3
- declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
- declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
- declare const joinOptions: ({ selected, selectedMultiple, }: {
6
- selected?: OptionShape | undefined;
7
- selectedMultiple?: OptionShape[] | undefined;
8
- }) => ReactNode[] | null;
9
- declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape) => boolean): {
10
- filteredOptions: (OptionShape | GroupShape)[];
11
- flatOptions: OptionShape[];
12
- selectedOptions: OptionShape[];
13
- };
14
- type useVisibleOptionsArgs = {
15
- /**
16
- * Количество видимых пунктов
17
- */
18
- visibleOptions: number;
19
- /**
20
- * Реф на контейнер с пунтами меню
21
- */
22
- listRef: RefObject<HTMLElement>;
23
- /**
24
- * Реф на контейнер, которому нужно установить высоту
25
- */
26
- styleTargetRef?: RefObject<HTMLElement>;
27
- /**
28
- * Флаг открытия меню
29
- */
30
- open?: boolean;
31
- /**
32
- * Позволяет вызвать пересчет высоты
33
- */
34
- invalidate?: unknown;
35
- };
36
- declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
37
- declare function defaultFilterFn(optionText: string, search: string): boolean;
38
- declare function defaultAccessor(option: OptionShape): string;
39
- declare function usePrevious<T>(value: T): T | undefined;
40
- declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
41
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
@@ -1,29 +0,0 @@
1
- type SavedStyle = {
2
- value: string;
3
- key: string;
4
- el: HTMLElement;
5
- };
6
- type RestoreStyle = {
7
- container: HTMLElement;
8
- modals: number;
9
- styles: SavedStyle[];
10
- };
11
- declare class ModalStore {
12
- private readonly restoreStyles;
13
- constructor();
14
- getRestoreStyles: () => RestoreStyle[];
15
- }
16
- declare const getModalStore: () => ModalStore;
17
- declare class GlobalStore {
18
- private readonly modalStore;
19
- constructor();
20
- getModalStore: () => ModalStore;
21
- }
22
- declare function isScrolledToTop(target: HTMLElement): boolean;
23
- declare function isScrolledToBottom(target: HTMLElement): boolean;
24
- declare function hasScrollbar(target: HTMLElement): boolean;
25
- declare const getScrollbarSize: () => number;
26
- declare const restoreContainerStyles: (container: HTMLElement) => void;
27
- declare const handleContainer: (container?: HTMLElement) => void;
28
- export type { SavedStyle };
29
- export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };
@@ -1,2 +0,0 @@
1
- export { ButtonDesktop } from "./Component.desktop-0aa4e915";
2
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
package/desktop.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from "./components/primary-tablist/Component.desktop";
2
- export * from "./components/secondary-tablist/Component.desktop";
3
- export * from "./components/tab/index";
4
- export * from "./components/tabs/Component.desktop";
package/desktop.js DELETED
@@ -1,36 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
6
- var components_secondaryTablist_Component_desktop = require('./components/secondary-tablist/Component.desktop.js');
7
- var components_tab_Component = require('./components/tab/Component.js');
8
- var components_tabs_Component_desktop = require('./components/tabs/Component.desktop.js');
9
- require('tslib');
10
- require('react');
11
- require('./components/primary-tablist/Component.js');
12
- require('classnames');
13
- require('@alfalab/core-components-keyboard-focusable');
14
- require('./hooks/use-tabs.js');
15
- require('@alfalab/core-components-shared');
16
- require('./components/scrollable-container/Component.js');
17
- require('compute-scroll-into-view');
18
- require('./components/scroll-controls/Component.js');
19
- require('lodash.debounce');
20
- require('@alfalab/core-components-icon-button');
21
- require('@alfalab/icons-glyph/ChevronLeftMIcon');
22
- require('@alfalab/icons-glyph/ChevronRightMIcon');
23
- require('./components/scroll-controls/utils.js');
24
- require('./components/title/Component.js');
25
- require('./index.module-869888c7.js');
26
- require('@alfalab/core-components-tag/desktop');
27
- require('./components/secondary-tablist/Component.js');
28
- require('./index.module-d1432e9e.js');
29
- require('./components/tabs/Component.js');
30
-
31
-
32
-
33
- exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
34
- exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
35
- exports.Tab = components_tab_Component.Tab;
36
- exports.TabsDesktop = components_tabs_Component_desktop.TabsDesktop;
@@ -1,100 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ReactNode } from "react";
4
- import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
5
- import { BottomSheetProps } from "./index-f12ee135";
6
- import { BaseSelectProps } from "./typings-0f4b9bed";
7
- type FooterProps = {
8
- /**
9
- * Контент футера
10
- */
11
- children?: ReactNode;
12
- /**
13
- * Дополнительный класс
14
- */
15
- className?: string;
16
- /**
17
- * Фиксирует футер
18
- */
19
- sticky?: boolean;
20
- /**
21
- * Выравнивание элементов футера
22
- */
23
- layout?: "start" | "center" | "space-between" | "column";
24
- /**
25
- * Отступы между элементами футера
26
- */
27
- gap?: 16 | 24 | 32;
28
- };
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
- declare const Content: FC<ContentProps>;
35
- type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
36
- /**
37
- * Футер
38
- * @deprecated Используйте bottomSheetProps.actionButton
39
- */
40
- footer?: ReactNode;
41
- /**
42
- * Будет ли свайпаться шторка
43
- * @deprecated Используйте bottomSheetProps.swipeable
44
- */
45
- swipeable?: boolean;
46
- /**
47
- * Отображать в BottomSheet
48
- */
49
- isBottomSheet?: boolean;
50
- /**
51
- * Дополнительные пропсы шторки
52
- */
53
- bottomSheetProps?: Partial<BottomSheetProps>;
54
- /**
55
- * Дополнительные пропсы модалки
56
- */
57
- modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
58
- /**
59
- * Дополнительные пропсы шапки модалки
60
- */
61
- modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
62
- /**
63
- * Дополнительные пропсы футера модалки
64
- */
65
- modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
66
- };
67
- declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
68
- /**
69
- * Футер
70
- * @deprecated Используйте bottomSheetProps.actionButton
71
- */
72
- footer?: ReactNode;
73
- /**
74
- * Будет ли свайпаться шторка
75
- * @deprecated Используйте bottomSheetProps.swipeable
76
- */
77
- swipeable?: boolean | undefined;
78
- /**
79
- * Отображать в BottomSheet
80
- */
81
- isBottomSheet?: boolean | undefined;
82
- /**
83
- * Дополнительные пропсы шторки
84
- */
85
- bottomSheetProps?: Partial<BottomSheetProps> | undefined;
86
- /**
87
- * Дополнительные пропсы модалки
88
- */
89
- modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
90
- /**
91
- * Дополнительные пропсы шапки модалки
92
- */
93
- modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
94
- /**
95
- * Дополнительные пропсы футера модалки
96
- */
97
- modalFooterProps?: Partial<FooterProps> | undefined;
98
- } & React.RefAttributes<unknown>>;
99
- export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
100
- export { ModalMobileProps } from "./typings-bdb4c6b9";
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { FC, SVGProps } from "react";
4
- import { OptionShape } from "./shared-4cd3936b";
5
- import { OptionProps as BaseOptionProps } from "./shared-4cd3936b";
6
- type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
- option: OptionShape & {
8
- icon?: FC<SVGProps<SVGSVGElement>>;
9
- };
10
- };
11
- declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
12
- export { Option };
@@ -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,14 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, SVGProps } from "react";
4
- import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
5
- import { ButtonProps } from "./index-8b2c2707";
6
- import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
7
- declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
8
- type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
9
- buttonSize?: PickerButtonSize;
10
- buttonVariant?: PickerButtonVariant;
11
- showArrow?: boolean;
12
- };
13
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
14
- export { getIcon, Field };
@@ -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,5 +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 };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
4
- type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
- declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
- export { FormControlDesktopProps, FormControlDesktop };
@@ -1,5 +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 };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
4
- type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
- declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
- export { FormControlMobileProps, FormControlMobile };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseTagProps } from "./index-ebda875c";
4
- type TagMobileProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
5
- declare const TagMobile: React.ForwardRefExoticComponent<TagMobileProps & React.RefAttributes<HTMLButtonElement>>;
6
- export { TagMobileProps, TagMobile };
@@ -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
- export { TabsCollapsible, TabsCollapsibleProps } from "./components/tabs/Component.collapsible";
2
- export * from "./components/tab/index";
@@ -1,20 +0,0 @@
1
- export { TabsCollapsible } from './components/tabs/Component.collapsible.js';
2
- export { Tab } from './components/tab/Component.js';
3
- import 'tslib';
4
- import 'react';
5
- import './components/primary-tablist/Component.collapsible.js';
6
- import 'classnames';
7
- import '@alfalab/core-components-badge/esm';
8
- import '@alfalab/core-components-keyboard-focusable/esm';
9
- import '@alfalab/core-components-picker-button/esm/desktop';
10
- import './hooks/use-tablist-titles.js';
11
- import '@alfalab/core-components-mq/esm';
12
- import './hooks/use-collapsible-elements.js';
13
- import '@juggle/resize-observer';
14
- import '@alfalab/hooks';
15
- import './hooks/use-tabs.js';
16
- import '@alfalab/core-components-shared/esm';
17
- import './synthetic-events.js';
18
- import './components/title/Component.js';
19
- import './index.module-55063a9a.js';
20
- import './components/tabs/Component.js';
@@ -1,2 +0,0 @@
1
- declare const DEFAULT_VISIBLE_OPTIONS = 5;
2
- export { DEFAULT_VISIBLE_OPTIONS };
@@ -1,2 +0,0 @@
1
- export { ButtonDesktop } from "./Component.desktop-0aa4e915";
2
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
package/esm/desktop.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from "./components/primary-tablist/Component.desktop";
2
- export * from "./components/secondary-tablist/Component.desktop";
3
- export * from "./components/tab/index";
4
- export * from "./components/tabs/Component.desktop";