@alfalab/core-components-table 2.4.3 → 2.4.5

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 (228) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +12 -10
  3. package/components/pagination/select-field/index.css +4 -4
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +7 -7
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +2 -2
  9. package/components/tcell/Component.js +1 -1
  10. package/components/tcell/index.css +7 -7
  11. package/components/texpandable-row/Component.js +1 -1
  12. package/components/texpandable-row/index.css +5 -5
  13. package/components/thead/Component.js +1 -1
  14. package/components/thead/index.css +7 -7
  15. package/components/thead-cell/Component.js +1 -1
  16. package/components/thead-cell/index.css +10 -10
  17. package/components/trow/Component.js +1 -1
  18. package/components/trow/index.css +9 -9
  19. package/components/tsortable-head-cell/Component.js +1 -1
  20. package/components/tsortable-head-cell/index.css +10 -10
  21. package/cssm/components/pagination/index.module.css +3 -1
  22. package/cssm/components/tcell/index.module.css +1 -1
  23. package/cssm/components/thead/index.module.css +1 -1
  24. package/cssm/components/thead-cell/index.module.css +1 -1
  25. package/cssm/components/trow/index.module.css +1 -1
  26. package/cssm/components/tsortable-head-cell/index.module.css +2 -2
  27. package/esm/components/pagination/Component.js +1 -1
  28. package/esm/components/pagination/index.css +12 -10
  29. package/esm/components/pagination/select-field/index.css +4 -4
  30. package/esm/components/pagination/select-field/index.js +1 -1
  31. package/esm/components/table/Component.js +1 -1
  32. package/esm/components/table/index.css +7 -7
  33. package/esm/components/tbody/Component.js +1 -1
  34. package/esm/components/tbody/index.css +2 -2
  35. package/esm/components/tcell/Component.js +1 -1
  36. package/esm/components/tcell/index.css +7 -7
  37. package/esm/components/texpandable-row/Component.js +1 -1
  38. package/esm/components/texpandable-row/index.css +5 -5
  39. package/esm/components/thead/Component.js +1 -1
  40. package/esm/components/thead/index.css +7 -7
  41. package/esm/components/thead-cell/Component.js +1 -1
  42. package/esm/components/thead-cell/index.css +10 -10
  43. package/esm/components/trow/Component.js +1 -1
  44. package/esm/components/trow/index.css +9 -9
  45. package/esm/components/tsortable-head-cell/Component.js +1 -1
  46. package/esm/components/tsortable-head-cell/index.css +10 -10
  47. package/modern/components/pagination/Component.js +1 -1
  48. package/modern/components/pagination/index.css +12 -10
  49. package/modern/components/pagination/select-field/index.css +4 -4
  50. package/modern/components/pagination/select-field/index.js +1 -1
  51. package/modern/components/table/Component.js +1 -1
  52. package/modern/components/table/index.css +7 -7
  53. package/modern/components/tbody/Component.js +1 -1
  54. package/modern/components/tbody/index.css +2 -2
  55. package/modern/components/tcell/Component.js +1 -1
  56. package/modern/components/tcell/index.css +7 -7
  57. package/modern/components/texpandable-row/Component.js +1 -1
  58. package/modern/components/texpandable-row/index.css +5 -5
  59. package/modern/components/thead/Component.js +1 -1
  60. package/modern/components/thead/index.css +7 -7
  61. package/modern/components/thead-cell/Component.js +1 -1
  62. package/modern/components/thead-cell/index.css +10 -10
  63. package/modern/components/trow/Component.js +1 -1
  64. package/modern/components/trow/index.css +9 -9
  65. package/modern/components/tsortable-head-cell/Component.js +1 -1
  66. package/modern/components/tsortable-head-cell/index.css +10 -10
  67. package/package.json +4 -4
  68. package/src/components/pagination/index.module.css +2 -0
  69. package/Component-0f4b9bed.d.ts +0 -5
  70. package/Component-10db897e.d.ts +0 -6
  71. package/Component-69921c40.d.ts +0 -184
  72. package/Component-72dda473.d.ts +0 -53
  73. package/Component-bdb4c6b9.d.ts +0 -12
  74. package/Component-c76d6398.d.ts +0 -5
  75. package/Component-ebda875c.d.ts +0 -12
  76. package/Component.desktop-63dec22f.d.ts +0 -6
  77. package/Component.desktop-785df74d.d.ts +0 -6
  78. package/Component.mobile-d7e9f69d.d.ts +0 -6
  79. package/Component.responsive-785df74d.d.ts +0 -26
  80. package/Context-bdb4c6b9.d.ts +0 -4
  81. package/ResponsiveContext-baf4875b.d.ts +0 -5
  82. package/component-10db897e.d.ts +0 -44
  83. package/consts-f777ba1a.d.ts +0 -2
  84. package/cssm/Component-0f4b9bed.d.ts +0 -5
  85. package/cssm/Component-10db897e.d.ts +0 -6
  86. package/cssm/Component-69921c40.d.ts +0 -184
  87. package/cssm/Component-72dda473.d.ts +0 -53
  88. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  89. package/cssm/Component-c76d6398.d.ts +0 -5
  90. package/cssm/Component-ebda875c.d.ts +0 -12
  91. package/cssm/Component.desktop-63dec22f.d.ts +0 -6
  92. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  93. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  94. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  95. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  96. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  97. package/cssm/component-10db897e.d.ts +0 -44
  98. package/cssm/consts-f777ba1a.d.ts +0 -2
  99. package/cssm/desktop-63dec22f.d.ts +0 -2
  100. package/cssm/desktop-69921c40.d.ts +0 -6
  101. package/cssm/hook-0f4b9bed.d.ts +0 -90
  102. package/cssm/hook-ebda875c.d.ts +0 -48
  103. package/cssm/index-10db897e.d.ts +0 -50
  104. package/cssm/index-136acbb1.d.ts +0 -28
  105. package/cssm/index-3109f463.d.ts +0 -62
  106. package/cssm/index-72dda473.d.ts +0 -12
  107. package/cssm/index-bdb4c6b9.d.ts +0 -2
  108. package/cssm/index-c44170fe.d.ts +0 -3
  109. package/cssm/index-c76d6398.d.ts +0 -2
  110. package/cssm/index-ebda875c.d.ts +0 -81
  111. package/cssm/index-f12ee135.d.ts +0 -3
  112. package/cssm/mobile-89f0cb07.d.ts +0 -6
  113. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  114. package/cssm/types-1b036d4b.d.ts +0 -13
  115. package/cssm/types-1c79e231.d.ts +0 -113
  116. package/cssm/types-67a2d8af.d.ts +0 -276
  117. package/cssm/typings-0f4b9bed.d.ts +0 -576
  118. package/cssm/typings-89f0cb07.d.ts +0 -93
  119. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  120. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  121. package/cssm/utils-0f4b9bed.d.ts +0 -41
  122. package/cssm/utils-1574ad8b.d.ts +0 -29
  123. package/cssm/utils-49cc3c24.d.ts +0 -8
  124. package/desktop-63dec22f.d.ts +0 -2
  125. package/desktop-69921c40.d.ts +0 -6
  126. package/esm/Component-0f4b9bed.d.ts +0 -5
  127. package/esm/Component-10db897e.d.ts +0 -6
  128. package/esm/Component-69921c40.d.ts +0 -184
  129. package/esm/Component-72dda473.d.ts +0 -53
  130. package/esm/Component-bdb4c6b9.d.ts +0 -12
  131. package/esm/Component-c76d6398.d.ts +0 -5
  132. package/esm/Component-ebda875c.d.ts +0 -12
  133. package/esm/Component.desktop-63dec22f.d.ts +0 -6
  134. package/esm/Component.desktop-785df74d.d.ts +0 -6
  135. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  136. package/esm/Component.responsive-785df74d.d.ts +0 -26
  137. package/esm/Context-bdb4c6b9.d.ts +0 -4
  138. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  139. package/esm/component-10db897e.d.ts +0 -44
  140. package/esm/consts-f777ba1a.d.ts +0 -2
  141. package/esm/desktop-63dec22f.d.ts +0 -2
  142. package/esm/desktop-69921c40.d.ts +0 -6
  143. package/esm/hook-0f4b9bed.d.ts +0 -90
  144. package/esm/hook-ebda875c.d.ts +0 -48
  145. package/esm/index-10db897e.d.ts +0 -50
  146. package/esm/index-136acbb1.d.ts +0 -28
  147. package/esm/index-3109f463.d.ts +0 -62
  148. package/esm/index-72dda473.d.ts +0 -12
  149. package/esm/index-bdb4c6b9.d.ts +0 -2
  150. package/esm/index-c44170fe.d.ts +0 -3
  151. package/esm/index-c76d6398.d.ts +0 -2
  152. package/esm/index-ebda875c.d.ts +0 -81
  153. package/esm/index-f12ee135.d.ts +0 -3
  154. package/esm/mobile-89f0cb07.d.ts +0 -6
  155. package/esm/mobile-d7e9f69d.d.ts +0 -2
  156. package/esm/types-1b036d4b.d.ts +0 -13
  157. package/esm/types-1c79e231.d.ts +0 -113
  158. package/esm/types-67a2d8af.d.ts +0 -276
  159. package/esm/typings-0f4b9bed.d.ts +0 -576
  160. package/esm/typings-89f0cb07.d.ts +0 -93
  161. package/esm/typings-bdb4c6b9.d.ts +0 -52
  162. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  163. package/esm/utils-0f4b9bed.d.ts +0 -41
  164. package/esm/utils-1574ad8b.d.ts +0 -29
  165. package/esm/utils-49cc3c24.d.ts +0 -8
  166. package/hook-0f4b9bed.d.ts +0 -90
  167. package/hook-ebda875c.d.ts +0 -48
  168. package/index-10db897e.d.ts +0 -50
  169. package/index-136acbb1.d.ts +0 -28
  170. package/index-3109f463.d.ts +0 -62
  171. package/index-72dda473.d.ts +0 -12
  172. package/index-bdb4c6b9.d.ts +0 -2
  173. package/index-c44170fe.d.ts +0 -3
  174. package/index-c76d6398.d.ts +0 -2
  175. package/index-ebda875c.d.ts +0 -81
  176. package/index-f12ee135.d.ts +0 -3
  177. package/mobile-89f0cb07.d.ts +0 -6
  178. package/mobile-d7e9f69d.d.ts +0 -2
  179. package/modern/Component-0f4b9bed.d.ts +0 -5
  180. package/modern/Component-10db897e.d.ts +0 -6
  181. package/modern/Component-69921c40.d.ts +0 -184
  182. package/modern/Component-72dda473.d.ts +0 -53
  183. package/modern/Component-bdb4c6b9.d.ts +0 -12
  184. package/modern/Component-c76d6398.d.ts +0 -5
  185. package/modern/Component-ebda875c.d.ts +0 -12
  186. package/modern/Component.desktop-63dec22f.d.ts +0 -6
  187. package/modern/Component.desktop-785df74d.d.ts +0 -6
  188. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  189. package/modern/Component.responsive-785df74d.d.ts +0 -26
  190. package/modern/Context-bdb4c6b9.d.ts +0 -4
  191. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  192. package/modern/component-10db897e.d.ts +0 -44
  193. package/modern/consts-f777ba1a.d.ts +0 -2
  194. package/modern/desktop-63dec22f.d.ts +0 -2
  195. package/modern/desktop-69921c40.d.ts +0 -6
  196. package/modern/hook-0f4b9bed.d.ts +0 -90
  197. package/modern/hook-ebda875c.d.ts +0 -48
  198. package/modern/index-10db897e.d.ts +0 -50
  199. package/modern/index-136acbb1.d.ts +0 -28
  200. package/modern/index-3109f463.d.ts +0 -62
  201. package/modern/index-72dda473.d.ts +0 -12
  202. package/modern/index-bdb4c6b9.d.ts +0 -2
  203. package/modern/index-c44170fe.d.ts +0 -3
  204. package/modern/index-c76d6398.d.ts +0 -2
  205. package/modern/index-ebda875c.d.ts +0 -81
  206. package/modern/index-f12ee135.d.ts +0 -3
  207. package/modern/mobile-89f0cb07.d.ts +0 -6
  208. package/modern/mobile-d7e9f69d.d.ts +0 -2
  209. package/modern/types-1b036d4b.d.ts +0 -13
  210. package/modern/types-1c79e231.d.ts +0 -113
  211. package/modern/types-67a2d8af.d.ts +0 -276
  212. package/modern/typings-0f4b9bed.d.ts +0 -576
  213. package/modern/typings-89f0cb07.d.ts +0 -93
  214. package/modern/typings-bdb4c6b9.d.ts +0 -52
  215. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  216. package/modern/utils-0f4b9bed.d.ts +0 -41
  217. package/modern/utils-1574ad8b.d.ts +0 -29
  218. package/modern/utils-49cc3c24.d.ts +0 -8
  219. package/types-1b036d4b.d.ts +0 -13
  220. package/types-1c79e231.d.ts +0 -113
  221. package/types-67a2d8af.d.ts +0 -276
  222. package/typings-0f4b9bed.d.ts +0 -576
  223. package/typings-89f0cb07.d.ts +0 -93
  224. package/typings-bdb4c6b9.d.ts +0 -52
  225. package/useSkeleton-ebda875c.d.ts +0 -12
  226. package/utils-0f4b9bed.d.ts +0 -41
  227. package/utils-1574ad8b.d.ts +0 -29
  228. package/utils-49cc3c24.d.ts +0 -8
@@ -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,8 +0,0 @@
1
- declare const TIMEOUT = 500;
2
- declare const SWIPE_VELOCITY = 0.4;
3
- declare const MARKER_HEIGHT = 24;
4
- declare const CLOSE_OFFSET = 0.2;
5
- declare const SCROLL_OFFSET = 1;
6
- declare const HEADER_OFFSET = 24;
7
- declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
8
- export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-785df74d";
2
- export {};
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { CommonButtonProps } from "./typings-89f0cb07";
4
- declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { ButtonDesktop };
6
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { CheckmarkProps } from "./typings-0f4b9bed";
4
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
- export { BaseCheckmark };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { NavigationBarProps } from "./types-1c79e231";
4
- declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
5
- export * from "./Component-69921c40";
6
- export { NavigationBar };
@@ -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,53 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
4
- type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
5
- type BadgeProps = {
6
- /**
7
- * Дополнительный класс
8
- */
9
- className?: string;
10
- /**
11
- * Вид компонента
12
- */
13
- view: 'icon' | 'count';
14
- /**
15
- * Размер компонента (только для view=icon)
16
- * //deprecated(используйте height для view=count )
17
- */
18
- size?: 's' | 'm' | 'l' | 'xl';
19
- /**
20
- * Видимость белой обводки вокруг иконки
21
- */
22
- visibleIconOutline?: boolean;
23
- /**
24
- * Видимость цветной обводки вокруг иконки (только для view=icon)
25
- */
26
- visibleColorOutline?: boolean;
27
- /**
28
- * Контент компонента
29
- */
30
- content?: React.ReactElement | number;
31
- /**
32
- * Высота компонента, min = 16; max = 48 (только для view=count)
33
- */
34
- height?: number;
35
- /**
36
- * Цветовое оформление бейджа при view='count'
37
- */
38
- color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
39
- /**
40
- * Цветовое оформление бейджа при view='icon'
41
- */
42
- iconColor?: IconColorType;
43
- /**
44
- * Цвет подложки под иконкой
45
- */
46
- iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
47
- /**
48
- * Идентификатор для систем автоматизированного тестирования
49
- */
50
- dataTestId?: string;
51
- };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
- export { IconColorType, BadgeProps, Badge };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { View } from "./typings-bdb4c6b9";
4
- declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
- fullscreen?: boolean | undefined;
7
- fixedPosition?: boolean | undefined;
8
- hasCloser?: boolean | undefined;
9
- } & {
10
- view: View;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- export { Modal };
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-c76d6398";
3
- type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
3
- import React from 'react';
4
- import { CheckboxProps } from "./index-ebda875c";
5
- type HeaderProps = {
6
- checked?: boolean;
7
- indeterminate?: boolean;
8
- onChange?: CheckboxProps['onChange'];
9
- mobile?: boolean;
10
- };
11
- declare const Header: React.FC<HeaderProps>;
12
- export { HeaderProps, Header };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseInputProps } from "./index-ebda875c";
4
- type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
5
- declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
6
- export { InputDesktopProps, InputDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
- declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
- export { FormControlDesktopProps, FormControlDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
- declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
- export { FormControlMobileProps, FormControlMobile };
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
5
- /**
6
- * Контрольная точка, с нее начинается desktop версия
7
- * @default 1024
8
- */
9
- breakpoint?: number;
10
- /**
11
- * Значение по-умолчанию для хука useMatchMedia
12
- */
13
- defaultMatchMediaValue?: boolean | (() => boolean);
14
- };
15
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
16
- /**
17
- * Контрольная точка, с нее начинается desktop версия
18
- * @default 1024
19
- */
20
- breakpoint?: number | undefined;
21
- /**
22
- * Значение по-умолчанию для хука useMatchMedia
23
- */
24
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
25
- } & React.RefAttributes<HTMLDivElement>>;
26
- export { FormControlProps, FormControl };
@@ -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,44 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ReactNode, RefObject } from "react";
4
- import { NavigationBarProps } from "./index-c76d6398";
5
- import { SwipeableHandlers } from "react-swipeable";
6
- import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-67a2d8af";
8
- type FooterProps = {
9
- /**
10
- * Контент футера
11
- */
12
- children?: ReactNode;
13
- /**
14
- * Фиксирует футер
15
- */
16
- sticky?: boolean;
17
- /**
18
- * Дополнительный класс
19
- */
20
- className?: string;
21
- };
22
- declare const Footer: FC<FooterProps>;
23
- type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
24
- headerRef: RefObject<HTMLDivElement>;
25
- headerOffset: number;
26
- };
27
- declare const Header: FC<HeaderProps>;
28
- type SwipeableBackdropProps = BackdropProps & {
29
- /**
30
- * Прозрачность бэкдропа
31
- */
32
- opacity?: number;
33
- /**
34
- * Обработчики свайпа
35
- */
36
- handlers?: SwipeableHandlers;
37
- /**
38
- * Время анимации opacity
39
- */
40
- opacityTimeout?: number;
41
- };
42
- declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
43
- declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
44
- export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
@@ -1,2 +0,0 @@
1
- declare const DEFAULT_VISIBLE_OPTIONS = 5;
2
- export { DEFAULT_VISIBLE_OPTIONS };
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-785df74d";
2
- export {};
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { CommonButtonProps } from "./typings-89f0cb07";
4
- declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { ButtonDesktop };
6
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
@@ -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-ebda875c").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-ebda875c";
90
- export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };