@alfalab/core-components-picker-button 11.1.9 → 11.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 (238) hide show
  1. package/Component-5cb54b98.d.ts +220 -0
  2. package/Component.desktop.d.ts +1 -1
  3. package/Component.desktop.js +1 -1
  4. package/Component.mobile.d.ts +2 -2
  5. package/Component.responsive-3109f463.d.ts +1 -1
  6. package/Component.responsive.d.ts +4 -4
  7. package/browser-a216f694.d.ts +6 -0
  8. package/cssm/Component-5cb54b98.d.ts +220 -0
  9. package/cssm/Component.desktop.d.ts +1 -1
  10. package/cssm/Component.mobile.d.ts +2 -2
  11. package/cssm/Component.responsive-3109f463.d.ts +1 -1
  12. package/cssm/Component.responsive.d.ts +4 -4
  13. package/cssm/browser-a216f694.d.ts +6 -0
  14. package/cssm/{desktop.d.ts → desktop/index.d.ts} +1 -1
  15. package/cssm/{desktop.js → desktop/index.js} +7 -7
  16. package/cssm/field/Component.d.ts +837 -3
  17. package/cssm/{index-10db897e.d.ts → index-5cb54b98.d.ts} +6 -1
  18. package/cssm/mobile/index.d.ts +2 -0
  19. package/cssm/{mobile.js → mobile/index.js} +6 -6
  20. package/cssm/option/Component.d.ts +2 -2
  21. package/cssm/shared/index.d.ts +2 -0
  22. package/cssm/{shared.js → shared/index.js} +1 -1
  23. package/cssm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  24. package/{desktop.d.ts → desktop/index.d.ts} +1 -1
  25. package/{desktop.js → desktop/index.js} +4 -4
  26. package/desktop/package.json +3 -0
  27. package/esm/Component-5cb54b98.d.ts +220 -0
  28. package/esm/Component.desktop.d.ts +1 -1
  29. package/esm/Component.desktop.js +1 -1
  30. package/esm/Component.mobile.d.ts +2 -2
  31. package/esm/Component.responsive-3109f463.d.ts +1 -1
  32. package/esm/Component.responsive.d.ts +4 -4
  33. package/esm/browser-a216f694.d.ts +6 -0
  34. package/esm/{desktop.d.ts → desktop/index.d.ts} +1 -1
  35. package/esm/{desktop.js → desktop/index.js} +4 -4
  36. package/esm/field/Component.d.ts +837 -3
  37. package/esm/field/Component.js +1 -1
  38. package/esm/field/index.css +6 -6
  39. package/esm/{index-10db897e.d.ts → index-5cb54b98.d.ts} +6 -1
  40. package/esm/index.css +5 -5
  41. package/esm/mobile/index.d.ts +2 -0
  42. package/esm/{mobile.js → mobile/index.js} +4 -4
  43. package/esm/option/Component.d.ts +2 -2
  44. package/esm/option/Component.js +1 -1
  45. package/esm/option/index.css +4 -4
  46. package/esm/shared/index.d.ts +2 -0
  47. package/esm/{shared.js → shared/index.js} +1 -1
  48. package/esm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  49. package/field/Component.d.ts +837 -3
  50. package/field/Component.js +1 -1
  51. package/field/index.css +6 -6
  52. package/{index-10db897e.d.ts → index-5cb54b98.d.ts} +6 -1
  53. package/index.css +5 -5
  54. package/mobile/index.d.ts +2 -0
  55. package/{mobile.js → mobile/index.js} +4 -4
  56. package/mobile/package.json +3 -0
  57. package/modern/Component-5cb54b98.d.ts +220 -0
  58. package/modern/Component.desktop.d.ts +1 -1
  59. package/modern/Component.desktop.js +1 -1
  60. package/modern/Component.mobile.d.ts +2 -2
  61. package/modern/Component.responsive-3109f463.d.ts +1 -1
  62. package/modern/Component.responsive.d.ts +4 -4
  63. package/modern/browser-a216f694.d.ts +6 -0
  64. package/modern/{desktop.d.ts → desktop/index.d.ts} +1 -1
  65. package/modern/{desktop.js → desktop/index.js} +4 -4
  66. package/modern/field/Component.d.ts +837 -3
  67. package/modern/field/Component.js +1 -1
  68. package/modern/field/index.css +6 -6
  69. package/modern/{index-10db897e.d.ts → index-5cb54b98.d.ts} +6 -1
  70. package/modern/index.css +5 -5
  71. package/modern/mobile/index.d.ts +2 -0
  72. package/modern/{mobile.js → mobile/index.js} +4 -4
  73. package/modern/option/Component.d.ts +2 -2
  74. package/modern/option/Component.js +1 -1
  75. package/modern/option/index.css +4 -4
  76. package/modern/shared/index.d.ts +2 -0
  77. package/modern/{shared.js → shared/index.js} +1 -1
  78. package/modern/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  79. package/option/Component.d.ts +2 -2
  80. package/option/Component.js +1 -1
  81. package/option/index.css +4 -4
  82. package/package.json +3 -27
  83. package/shared/index.d.ts +2 -0
  84. package/{shared.js → shared/index.js} +1 -1
  85. package/shared/package.json +3 -0
  86. package/src/{desktop.ts → desktop/index.ts} +1 -1
  87. package/src/desktop/package.json +3 -0
  88. package/src/mobile/index.ts +1 -0
  89. package/src/mobile/package.json +3 -0
  90. package/src/shared/index.ts +2 -0
  91. package/src/shared/package.json +3 -0
  92. package/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  93. package/Component-0f4b9bed.d.ts +0 -72
  94. package/Component-10db897e.d.ts +0 -6
  95. package/Component-69921c40.d.ts +0 -184
  96. package/Component-bdb4c6b9.d.ts +0 -12
  97. package/Component-c76d6398.d.ts +0 -5
  98. package/Component-ebda875c.d.ts +0 -12
  99. package/Component.mobile-f1f15074.d.ts +0 -34
  100. package/Component.mobile-f28cbba0.d.ts +0 -41
  101. package/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  102. package/Context-bdb4c6b9.d.ts +0 -4
  103. package/ResponsiveContext-baf4875b.d.ts +0 -5
  104. package/component-10db897e.d.ts +0 -44
  105. package/consts-f777ba1a.d.ts +0 -2
  106. package/cssm/Component-0f4b9bed.d.ts +0 -72
  107. package/cssm/Component-10db897e.d.ts +0 -6
  108. package/cssm/Component-69921c40.d.ts +0 -184
  109. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  110. package/cssm/Component-c76d6398.d.ts +0 -5
  111. package/cssm/Component-ebda875c.d.ts +0 -12
  112. package/cssm/Component.mobile-f1f15074.d.ts +0 -34
  113. package/cssm/Component.mobile-f28cbba0.d.ts +0 -41
  114. package/cssm/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  115. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  116. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  117. package/cssm/component-10db897e.d.ts +0 -44
  118. package/cssm/consts-f777ba1a.d.ts +0 -2
  119. package/cssm/desktop-69921c40.d.ts +0 -6
  120. package/cssm/hook-8abfea97.d.ts +0 -90
  121. package/cssm/index-136acbb1.d.ts +0 -28
  122. package/cssm/index-bdb4c6b9.d.ts +0 -2
  123. package/cssm/index-c44170fe.d.ts +0 -3
  124. package/cssm/index-c76d6398.d.ts +0 -2
  125. package/cssm/index-ebda875c.d.ts +0 -81
  126. package/cssm/index-f12ee135.d.ts +0 -3
  127. package/cssm/mobile-89f0cb07.d.ts +0 -6
  128. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  129. package/cssm/mobile.d.ts +0 -2
  130. package/cssm/shared-4cd3936b.d.ts +0 -65
  131. package/cssm/shared.d.ts +0 -2
  132. package/cssm/types-1b036d4b.d.ts +0 -13
  133. package/cssm/types-1c79e231.d.ts +0 -113
  134. package/cssm/types-67a2d8af.d.ts +0 -276
  135. package/cssm/typings-0f4b9bed.d.ts +0 -576
  136. package/cssm/typings-89f0cb07.d.ts +0 -93
  137. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  138. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  139. package/cssm/utils-0f4b9bed.d.ts +0 -41
  140. package/cssm/utils-1574ad8b.d.ts +0 -29
  141. package/cssm/utils-49cc3c24.d.ts +0 -8
  142. package/desktop-69921c40.d.ts +0 -6
  143. package/esm/Component-0f4b9bed.d.ts +0 -72
  144. package/esm/Component-10db897e.d.ts +0 -6
  145. package/esm/Component-69921c40.d.ts +0 -184
  146. package/esm/Component-bdb4c6b9.d.ts +0 -12
  147. package/esm/Component-c76d6398.d.ts +0 -5
  148. package/esm/Component-ebda875c.d.ts +0 -12
  149. package/esm/Component.mobile-f1f15074.d.ts +0 -34
  150. package/esm/Component.mobile-f28cbba0.d.ts +0 -41
  151. package/esm/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  152. package/esm/Context-bdb4c6b9.d.ts +0 -4
  153. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  154. package/esm/component-10db897e.d.ts +0 -44
  155. package/esm/consts-f777ba1a.d.ts +0 -2
  156. package/esm/desktop-69921c40.d.ts +0 -6
  157. package/esm/hook-8abfea97.d.ts +0 -90
  158. package/esm/index-136acbb1.d.ts +0 -28
  159. package/esm/index-bdb4c6b9.d.ts +0 -2
  160. package/esm/index-c44170fe.d.ts +0 -3
  161. package/esm/index-c76d6398.d.ts +0 -2
  162. package/esm/index-ebda875c.d.ts +0 -81
  163. package/esm/index-f12ee135.d.ts +0 -3
  164. package/esm/mobile-89f0cb07.d.ts +0 -6
  165. package/esm/mobile-d7e9f69d.d.ts +0 -2
  166. package/esm/mobile.d.ts +0 -2
  167. package/esm/shared-4cd3936b.d.ts +0 -65
  168. package/esm/shared.d.ts +0 -2
  169. package/esm/types-1b036d4b.d.ts +0 -13
  170. package/esm/types-1c79e231.d.ts +0 -113
  171. package/esm/types-67a2d8af.d.ts +0 -276
  172. package/esm/typings-0f4b9bed.d.ts +0 -576
  173. package/esm/typings-89f0cb07.d.ts +0 -93
  174. package/esm/typings-bdb4c6b9.d.ts +0 -52
  175. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  176. package/esm/utils-0f4b9bed.d.ts +0 -41
  177. package/esm/utils-1574ad8b.d.ts +0 -29
  178. package/esm/utils-49cc3c24.d.ts +0 -8
  179. package/hook-8abfea97.d.ts +0 -90
  180. package/index-136acbb1.d.ts +0 -28
  181. package/index-bdb4c6b9.d.ts +0 -2
  182. package/index-c44170fe.d.ts +0 -3
  183. package/index-c76d6398.d.ts +0 -2
  184. package/index-ebda875c.d.ts +0 -81
  185. package/index-f12ee135.d.ts +0 -3
  186. package/mobile-89f0cb07.d.ts +0 -6
  187. package/mobile-d7e9f69d.d.ts +0 -2
  188. package/mobile.d.ts +0 -2
  189. package/modern/Component-0f4b9bed.d.ts +0 -72
  190. package/modern/Component-10db897e.d.ts +0 -6
  191. package/modern/Component-69921c40.d.ts +0 -184
  192. package/modern/Component-bdb4c6b9.d.ts +0 -12
  193. package/modern/Component-c76d6398.d.ts +0 -5
  194. package/modern/Component-ebda875c.d.ts +0 -12
  195. package/modern/Component.mobile-f1f15074.d.ts +0 -34
  196. package/modern/Component.mobile-f28cbba0.d.ts +0 -41
  197. package/modern/Component.modal.mobile-0f4b9bed.d.ts +0 -60
  198. package/modern/Context-bdb4c6b9.d.ts +0 -4
  199. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  200. package/modern/component-10db897e.d.ts +0 -44
  201. package/modern/consts-f777ba1a.d.ts +0 -2
  202. package/modern/desktop-69921c40.d.ts +0 -6
  203. package/modern/hook-8abfea97.d.ts +0 -90
  204. package/modern/index-136acbb1.d.ts +0 -28
  205. package/modern/index-bdb4c6b9.d.ts +0 -2
  206. package/modern/index-c44170fe.d.ts +0 -3
  207. package/modern/index-c76d6398.d.ts +0 -2
  208. package/modern/index-ebda875c.d.ts +0 -81
  209. package/modern/index-f12ee135.d.ts +0 -3
  210. package/modern/mobile-89f0cb07.d.ts +0 -6
  211. package/modern/mobile-d7e9f69d.d.ts +0 -2
  212. package/modern/mobile.d.ts +0 -2
  213. package/modern/shared-4cd3936b.d.ts +0 -65
  214. package/modern/shared.d.ts +0 -2
  215. package/modern/types-1b036d4b.d.ts +0 -13
  216. package/modern/types-1c79e231.d.ts +0 -113
  217. package/modern/types-67a2d8af.d.ts +0 -276
  218. package/modern/typings-0f4b9bed.d.ts +0 -576
  219. package/modern/typings-89f0cb07.d.ts +0 -93
  220. package/modern/typings-bdb4c6b9.d.ts +0 -52
  221. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  222. package/modern/utils-0f4b9bed.d.ts +0 -41
  223. package/modern/utils-1574ad8b.d.ts +0 -29
  224. package/modern/utils-49cc3c24.d.ts +0 -8
  225. package/shared-4cd3936b.d.ts +0 -65
  226. package/shared.d.ts +0 -2
  227. package/src/mobile.ts +0 -1
  228. package/src/shared.ts +0 -2
  229. package/types-1b036d4b.d.ts +0 -13
  230. package/types-1c79e231.d.ts +0 -113
  231. package/types-67a2d8af.d.ts +0 -276
  232. package/typings-0f4b9bed.d.ts +0 -576
  233. package/typings-89f0cb07.d.ts +0 -93
  234. package/typings-bdb4c6b9.d.ts +0 -52
  235. package/useSkeleton-ebda875c.d.ts +0 -12
  236. package/utils-0f4b9bed.d.ts +0 -41
  237. package/utils-1574ad8b.d.ts +0 -29
  238. 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,90 +0,0 @@
1
- /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
- type UseSelectWithApplyProps = {
4
- /**
5
- * Список выбранных пунктов
6
- */
7
- selected: BaseSelectProps['selected'];
8
- /**
9
- * Список вариантов выбора
10
- */
11
- options: BaseSelectProps['options'];
12
- /**
13
- * Обработчик выбора
14
- */
15
- onChange: BaseSelectProps['onChange'];
16
- /**
17
- * Компонент выпадающего меню
18
- */
19
- OptionsList?: BaseSelectProps['OptionsList'];
20
- /**
21
- * Пропсы, которые будут прокинуты в компонент списка
22
- */
23
- optionsListProps?: BaseSelectProps['optionsListProps'];
24
- /**
25
- * Включает отображение поиска
26
- */
27
- showSearch?: BaseSelectProps['showSearch'];
28
- /**
29
- * Настройки поиска
30
- */
31
- searchProps?: BaseSelectProps['searchProps'];
32
- /**
33
- * Показывать кнопку очистки
34
- */
35
- showClear?: boolean;
36
- /**
37
- * Показывать пункт "Выбрать все"
38
- */
39
- showSelectAll?: boolean;
40
- /**
41
- * Показывать пункт "Выбрать все" в заголовке списка
42
- */
43
- showHeaderWithSelectAll?: boolean;
44
- };
45
- declare const SELECT_ALL_KEY = "select_all";
46
- declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
- showClear?: boolean | undefined;
49
- onClose?: (() => void) | undefined; /**
50
- * Компонент выпадающего меню
51
- */
52
- selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
- Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
55
- Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
- headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
- showHeaderWithSelectAll?: boolean | undefined;
58
- } & import("react").RefAttributes<HTMLDivElement>>;
59
- optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
- showClear: boolean;
62
- onClear: () => void;
63
- onApply: () => void;
64
- onClose: () => void;
65
- selectedDraft: OptionShape[];
66
- showHeaderWithSelectAll: boolean;
67
- headerProps: {
68
- indeterminate: boolean;
69
- checked: boolean;
70
- onChange: () => void;
71
- };
72
- };
73
- allowUnselect: boolean;
74
- multiple: boolean;
75
- options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
- key: string;
77
- content: string;
78
- })[];
79
- onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
- selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
- showSearch: boolean | undefined;
82
- searchProps: {
83
- value: string;
84
- onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
85
- componentProps?: import("./index-c44170fe").InputProps | undefined;
86
- accessor?: ((option: OptionShape) => string) | undefined;
87
- } | undefined;
88
- };
89
- export * from "./Component-0f4b9bed";
90
- export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- import { FC, ReactNode } from "react";
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- declare const stackingOrder: {
8
- FOCUSED: number;
9
- DEFAULT: number;
10
- POPOVER: number;
11
- MODAL: number;
12
- TOAST: number;
13
- };
14
- declare const StackingContext: import("react").Context<number>;
15
- type StackProps = {
16
- /**
17
- * Render prop, в который передается функция.
18
- * Функция принимает аргумент со значением z-index из текущего контекста.
19
- */
20
- children: (value: number) => ReactNode;
21
- /**
22
- * Исходное значение для z-index.
23
- * @default 5
24
- */
25
- value?: number;
26
- };
27
- declare const Stack: FC<StackProps>;
28
- export { stackingOrder, StackingContext, StackProps, Stack };
@@ -1,2 +0,0 @@
1
- export * from "./Component-ebda875c";
2
- export * from "./utils-1574ad8b";
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export * from "./Component.responsive-3109f463";
3
- export {};
@@ -1,2 +0,0 @@
1
- export * from "./Component-10db897e";
2
- export type { NavigationBarProps } from "./types-1c79e231";
@@ -1,81 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
3
- import React from "react";
4
- import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
5
- import { ButtonProps } from "@alfalab/core-components-button";
6
- interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
7
- /**
8
- * Вид компонента
9
- */
10
- view: "desktop" | "mobile";
11
- /**
12
- * Дополнительный класс
13
- */
14
- className?: string;
15
- /**
16
- * Позиция крестика
17
- */
18
- align?: "left" | "right";
19
- /**
20
- * Фиксирует крестик
21
- */
22
- sticky?: boolean;
23
- /**
24
- * Иконка
25
- */
26
- icon?: ElementType;
27
- /**
28
- * Идентификатор для систем автоматизированного тестирования
29
- */
30
- dataTestId?: string;
31
- /**
32
- * Коллбэк закрытия.
33
- */
34
- onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
35
- }
36
- declare const Closer: FC<CloserProps>;
37
- type IconButtonProps = {
38
- /**
39
- * Компонент иконки
40
- */
41
- icon: ElementType<{
42
- className?: string;
43
- }> | ReactElement;
44
- /**
45
- * Тип кнопки
46
- */
47
- view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
48
- /**
49
- * Размер компонента
50
- */
51
- size?: "xxs" | "xs" | "s";
52
- /**
53
- * Дополнительный класс
54
- */
55
- className?: string;
56
- /**
57
- * Выравнивание иконки
58
- * @default 'center'
59
- */
60
- alignIcon?: "left" | "center" | "right";
61
- /**
62
- * Идентификатор для систем автоматизированного тестирования
63
- */
64
- dataTestId?: string;
65
- /**
66
- * Набор цветов для компонента
67
- */
68
- colors?: "default" | "inverted";
69
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
70
- declare const IconButton: React.ForwardRefExoticComponent<{
71
- icon: ElementType<{
72
- className?: string;
73
- }> | ReactElement;
74
- view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
75
- size?: "s" | "xs" | "xxs" | undefined;
76
- className?: string | undefined;
77
- alignIcon?: "center" | "right" | "left" | undefined;
78
- dataTestId?: string | undefined;
79
- colors?: "default" | "inverted" | undefined;
80
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
81
- export { CloserProps, Closer, IconButtonProps, IconButton };
@@ -1,3 +0,0 @@
1
- export * from "./component-10db897e";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
3
- export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { CommonButtonProps } from "./typings-89f0cb07";
4
- declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
- export { ButtonMobile };
6
- export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile-d7e9f69d";
2
- export {};
package/mobile.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { PickerButtonMobile, PickerButtonMobileProps } from "./Component.mobile";
2
- export {};
@@ -1,72 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ReactNode } from "react";
4
- import { BottomSheetProps } from "./index-f12ee135";
5
- import { BaseSelectProps } from "./typings-0f4b9bed";
6
- type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
- /**
8
- * Футер
9
- * @deprecated Используйте bottomSheetProps.actionButton
10
- */
11
- footer?: ReactNode;
12
- /**
13
- * Будет ли свайпаться шторка
14
- * @deprecated Используйте bottomSheetProps.swipeable
15
- */
16
- swipeable?: boolean;
17
- /**
18
- * Отображать в BottomSheet
19
- */
20
- isBottomSheet?: boolean;
21
- /**
22
- * Дополнительные пропсы шторки
23
- */
24
- bottomSheetProps?: Partial<BottomSheetProps>;
25
- /**
26
- * Дополнительные пропсы модалки
27
- */
28
- modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
29
- /**
30
- * Дополнительные пропсы шапки модалки
31
- */
32
- modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
33
- /**
34
- * Дополнительные пропсы футера модалки
35
- */
36
- modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
37
- };
38
- declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
39
- /**
40
- * Футер
41
- * @deprecated Используйте bottomSheetProps.actionButton
42
- */
43
- footer?: ReactNode;
44
- /**
45
- * Будет ли свайпаться шторка
46
- * @deprecated Используйте bottomSheetProps.swipeable
47
- */
48
- swipeable?: boolean | undefined;
49
- /**
50
- * Отображать в BottomSheet
51
- */
52
- isBottomSheet?: boolean | undefined;
53
- /**
54
- * Дополнительные пропсы шторки
55
- */
56
- bottomSheetProps?: Partial<BottomSheetProps> | undefined;
57
- /**
58
- * Дополнительные пропсы модалки
59
- */
60
- modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
61
- /**
62
- * Дополнительные пропсы шапки модалки
63
- */
64
- modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
65
- /**
66
- * Дополнительные пропсы футера модалки
67
- */
68
- modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
69
- } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-f1f15074";
71
- export { ModalMobileProps } from "./typings-bdb4c6b9";
72
- export { SelectMobileProps, BaseSelectMobile };
@@ -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,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 };