@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,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,37 +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('@juggle/resize-observer');
13
- require('classnames');
14
- require('@alfalab/core-components-keyboard-focusable');
15
- require('@alfalab/core-components-shared');
16
- require('./hooks/use-tabs.js');
17
- require('./components/scrollable-container/Component.js');
18
- require('compute-scroll-into-view');
19
- require('./components/scroll-controls/Component.js');
20
- require('lodash.debounce');
21
- require('@alfalab/core-components-icon-button');
22
- require('@alfalab/icons-glyph/ChevronLeftMIcon');
23
- require('@alfalab/icons-glyph/ChevronRightMIcon');
24
- require('./components/scroll-controls/utils.js');
25
- require('./components/title/Component.js');
26
- require('./index.module-5f6b14c2.js');
27
- require('@alfalab/core-components-tag/desktop');
28
- require('./components/secondary-tablist/Component.js');
29
- require('./index.module-e4f107c7.js');
30
- require('./components/tabs/Component.js');
31
-
32
-
33
-
34
- exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
35
- exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
36
- exports.Tab = components_tab_Component.Tab;
37
- 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-072f7a03.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";