@alfalab/core-components-input-autocomplete 10.1.6 → 10.2.1

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 (176) hide show
  1. package/{esm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  2. package/Component-89f0cb07.d.ts +38 -0
  3. package/Component.desktop.d.ts +4 -4
  4. package/{modern/Component.mobile-ade26e99.d.ts → Component.mobile-96988a65.d.ts} +2 -2
  5. package/Component.mobile.d.ts +3 -3
  6. package/Component.mobile.js +2 -1
  7. package/{modern/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-96988a65.d.ts} +2 -2
  8. package/Component.modal.mobile.d.ts +3 -3
  9. package/Component.modal.mobile.js +2 -1
  10. package/Component.responsive.d.ts +6 -6
  11. package/Component.responsive.js +2 -1
  12. package/autocomplete-field/Component.js +1 -1
  13. package/autocomplete-field/index.css +2 -2
  14. package/autocomplete-mobile-field/Component.js +3 -2
  15. package/autocomplete-mobile-field/index.css +8 -8
  16. package/autocomplete-mobile-field/index.js +1 -0
  17. package/cssm/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  18. package/cssm/Component-89f0cb07.d.ts +38 -0
  19. package/cssm/Component.desktop.d.ts +4 -4
  20. package/{Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
  21. package/cssm/Component.mobile.d.ts +3 -3
  22. package/cssm/Component.mobile.js +1 -0
  23. package/cssm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  24. package/cssm/Component.modal.mobile.d.ts +3 -3
  25. package/cssm/Component.modal.mobile.js +1 -0
  26. package/cssm/Component.responsive.d.ts +6 -6
  27. package/cssm/Component.responsive.js +1 -0
  28. package/cssm/autocomplete-mobile-field/Component.js +2 -1
  29. package/cssm/autocomplete-mobile-field/index.js +1 -0
  30. package/cssm/desktop-89f0cb07.d.ts +6 -0
  31. package/cssm/hook-8abfea97.d.ts +9 -9
  32. package/cssm/index-c76d6398.d.ts +185 -2
  33. package/cssm/index-ebda875c.d.ts +10 -0
  34. package/cssm/index-f12ee135.d.ts +52 -3
  35. package/cssm/index.js +1 -0
  36. package/cssm/mobile-511e54fa.d.ts +6 -0
  37. package/cssm/mobile-96988a65.d.ts +5 -2
  38. package/cssm/mobile-f28cbba0.d.ts +5 -0
  39. package/cssm/mobile.js +1 -0
  40. package/cssm/mobile.module.css +1 -1
  41. package/cssm/shared-4cd3936b.d.ts +5 -5
  42. package/cssm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
  43. package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
  44. package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  45. package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  46. package/desktop-69921c40.d.ts +6 -0
  47. package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
  48. package/esm/Component-89f0cb07.d.ts +38 -0
  49. package/esm/Component.desktop.d.ts +4 -4
  50. package/{cssm/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
  51. package/esm/Component.mobile.d.ts +3 -3
  52. package/esm/Component.mobile.js +2 -1
  53. package/{Component.modal.mobile-dd8ca091.d.ts → esm/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  54. package/esm/Component.modal.mobile.d.ts +2 -2
  55. package/esm/Component.modal.mobile.js +2 -1
  56. package/esm/Component.responsive.d.ts +5 -5
  57. package/esm/Component.responsive.js +2 -1
  58. package/esm/autocomplete-field/Component.js +1 -1
  59. package/esm/autocomplete-field/index.css +2 -2
  60. package/esm/autocomplete-mobile-field/Component.js +3 -2
  61. package/esm/autocomplete-mobile-field/index.css +8 -8
  62. package/esm/autocomplete-mobile-field/index.js +1 -0
  63. package/esm/desktop-69921c40.d.ts +6 -0
  64. package/esm/hook-8abfea97.d.ts +9 -9
  65. package/esm/index-c76d6398.d.ts +185 -2
  66. package/esm/index-ebda875c.d.ts +10 -0
  67. package/esm/index-f12ee135.d.ts +52 -3
  68. package/esm/index.js +2 -1
  69. package/esm/mobile-89f0cb07.d.ts +6 -0
  70. package/esm/mobile-96988a65.d.ts +5 -2
  71. package/esm/mobile-f28cbba0.d.ts +5 -0
  72. package/esm/mobile.css +5 -5
  73. package/esm/mobile.js +2 -1
  74. package/esm/{mobile.module-a93c9068.js → mobile.module-b845ad92.js} +1 -1
  75. package/esm/shared-4cd3936b.d.ts +5 -5
  76. package/esm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
  77. package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
  78. package/{typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  79. package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  80. package/{hook-8abfea97.d.ts → hook-0f4b9bed.d.ts} +9 -9
  81. package/index-c76d6398.d.ts +185 -2
  82. package/index-ebda875c.d.ts +18 -114
  83. package/index-f12ee135.d.ts +52 -3
  84. package/index.js +2 -1
  85. package/mobile-89f0cb07.d.ts +6 -0
  86. package/mobile-96988a65.d.ts +5 -2
  87. package/mobile-f28cbba0.d.ts +5 -0
  88. package/mobile.css +5 -5
  89. package/mobile.js +2 -1
  90. package/{mobile.module-ca86f5ea.js → mobile.module-15cb0efe.js} +1 -1
  91. package/modern/Component-0f4b9bed.d.ts +72 -0
  92. package/modern/Component-89f0cb07.d.ts +38 -0
  93. package/modern/Component.desktop.d.ts +4 -4
  94. package/modern/Component.mobile-ebda875c.d.ts +6 -0
  95. package/{esm/Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
  96. package/modern/Component.mobile.d.ts +3 -3
  97. package/modern/Component.mobile.js +2 -1
  98. package/{esm/Component.modal.mobile-dd8ca091.d.ts → modern/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  99. package/modern/Component.modal.mobile.d.ts +2 -2
  100. package/modern/Component.modal.mobile.js +2 -1
  101. package/modern/Component.responsive.d.ts +5 -5
  102. package/modern/Component.responsive.js +2 -1
  103. package/modern/autocomplete-field/Component.js +1 -1
  104. package/modern/autocomplete-field/index.css +2 -2
  105. package/modern/autocomplete-mobile-field/Component.js +3 -2
  106. package/modern/autocomplete-mobile-field/index.css +8 -8
  107. package/modern/autocomplete-mobile-field/index.js +1 -0
  108. package/modern/desktop-69921c40.d.ts +6 -0
  109. package/modern/hook-8abfea97.d.ts +9 -9
  110. package/modern/index-c76d6398.d.ts +185 -2
  111. package/modern/index-ebda875c.d.ts +18 -114
  112. package/modern/index-f12ee135.d.ts +52 -3
  113. package/modern/index.js +2 -1
  114. package/modern/mobile-89f0cb07.d.ts +6 -0
  115. package/modern/mobile-96988a65.d.ts +2 -6
  116. package/modern/mobile-f28cbba0.d.ts +5 -0
  117. package/modern/mobile.css +5 -5
  118. package/modern/mobile.js +2 -1
  119. package/modern/{mobile.module-e72a1e20.js → mobile.module-40321fa2.js} +1 -1
  120. package/modern/shared-4cd3936b.d.ts +5 -6
  121. package/modern/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
  122. package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
  123. package/{esm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  124. package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  125. package/package.json +6 -5
  126. package/shared-4cd3936b.d.ts +6 -6
  127. package/src/Component.desktop.tsx +4 -1
  128. package/src/Component.mobile.tsx +9 -1
  129. package/src/autocomplete-mobile-field/Component.tsx +2 -1
  130. package/src/mobile.module.css +1 -1
  131. package/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
  132. package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  133. package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  134. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  135. package/Component-72308007.d.ts +0 -276
  136. package/Component-72dda473.d.ts +0 -53
  137. package/Component.mobile-ebda875c.d.ts +0 -6
  138. package/component-72308007.d.ts +0 -44
  139. package/cssm/Component-72308007.d.ts +0 -276
  140. package/cssm/Component-72dda473.d.ts +0 -53
  141. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  142. package/cssm/component-72308007.d.ts +0 -44
  143. package/cssm/desktop-63dec22f.d.ts +0 -6
  144. package/cssm/index-72308007.d.ts +0 -54
  145. package/cssm/mobile-ade26e99.d.ts +0 -5
  146. package/cssm/types-83e2bd9e.d.ts +0 -113
  147. package/cssm/utils-49cc3c24.d.ts +0 -8
  148. package/desktop-63dec22f.d.ts +0 -6
  149. package/esm/Component-72308007.d.ts +0 -276
  150. package/esm/Component-72dda473.d.ts +0 -53
  151. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  152. package/esm/component-72308007.d.ts +0 -44
  153. package/esm/desktop-63dec22f.d.ts +0 -6
  154. package/esm/index-72308007.d.ts +0 -54
  155. package/esm/mobile-ade26e99.d.ts +0 -5
  156. package/esm/types-83e2bd9e.d.ts +0 -113
  157. package/esm/utils-49cc3c24.d.ts +0 -8
  158. package/index-72308007.d.ts +0 -54
  159. package/mobile-ade26e99.d.ts +0 -5
  160. package/modern/Component-72308007.d.ts +0 -276
  161. package/modern/Component-72dda473.d.ts +0 -53
  162. package/modern/Component-dd8ca091.d.ts +0 -22
  163. package/modern/Component.desktop-ebda875c.d.ts +0 -6
  164. package/modern/component-72308007.d.ts +0 -44
  165. package/modern/desktop-63dec22f.d.ts +0 -2
  166. package/modern/index-72308007.d.ts +0 -54
  167. package/modern/mobile-ade26e99.d.ts +0 -5
  168. package/modern/types-83e2bd9e.d.ts +0 -113
  169. package/modern/utils-49cc3c24.d.ts +0 -8
  170. package/types-83e2bd9e.d.ts +0 -113
  171. package/utils-49cc3c24.d.ts +0 -8
  172. /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  173. /package/{modern/Component-96988a65.d.ts → cssm/Component-511e54fa.d.ts} +0 -0
  174. /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  175. /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  176. /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
@@ -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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -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-e40becc7";
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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,54 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { PaddingType } from "./index-72dda473";
4
- /* eslint-disable no-plusplus, no-param-reassign */
5
- import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
- declare const isClient: () => boolean;
7
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
8
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
9
- declare function easeInOutQuad(x: number): number;
10
- declare const easingFns: {
11
- easeInOutQuad: typeof easeInOutQuad;
12
- };
13
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
- declare const inputUtils: {
15
- disableUserInput: typeof disableUserInput;
16
- };
17
- /**
18
- * Возвращает true, если значение равно null или undefined
19
- */
20
- declare function isNil(value: unknown): boolean;
21
- /**
22
- * Выбор значения между min max границами
23
- */
24
- declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
- declare function noop(): void;
26
- declare const fnUtils: {
27
- clamp: typeof clamp;
28
- noop: typeof noop;
29
- isNil: typeof isNil;
30
- };
31
- /**
32
- * Запрещает каретке становиться за указанные границы
33
- */
34
- declare function caretGuard(guard: (value: string, selection: readonly [
35
- from: number,
36
- to: number
37
- ]) => [
38
- from: number,
39
- to: number
40
- ]): MaskitoPlugin;
41
- /**
42
- * Запрещает удалять указанный префикс
43
- */
44
- declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
- /**
46
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
- */
48
- declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
- declare const maskUtils: {
50
- insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
- prefixPostprocessor: typeof prefixPostprocessor;
52
- caretGuard: typeof caretGuard;
53
- };
54
- export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,5 +0,0 @@
1
- export { SelectMobile } from "./Component.mobile-ade26e99";
2
- export { SelectModalMobile } from "./Component.modal.mobile-dd8ca091";
3
- export type { SelectMobileProps } from "./Component.mobile-ade26e99";
4
- export type { SelectModalMobileProps } from "./Component.modal.mobile-dd8ca091";
5
- export {};
@@ -1,113 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ReactNode } from "react";
4
- import { CloserProps } from "./index-ebda875c";
5
- type NavigationBarProps = {
6
- /**
7
- * Контент шапки
8
- */
9
- children?: ReactNode;
10
- /**
11
- * Заголовок шапки
12
- */
13
- title?: string;
14
- /**
15
- * Подзаголовок (доступен только в мобильной версии)
16
- */
17
- subtitle?: string;
18
- /**
19
- * Размер заголовка (compact доступен только в мобильной версии)
20
- */
21
- titleSize?: 'default' | 'compact';
22
- /**
23
- * Доп. класс для аддонов
24
- */
25
- addonClassName?: string;
26
- /**
27
- * Слот слева
28
- */
29
- leftAddons?: ReactNode;
30
- /**
31
- * Слот справа
32
- */
33
- rightAddons?: ReactNode;
34
- /**
35
- * Дополнительный класс для closer
36
- */
37
- closerClassName?: string;
38
- /**
39
- * Слот снизу
40
- */
41
- bottomAddons?: ReactNode;
42
- /**
43
- * Наличие компонента крестика
44
- */
45
- hasCloser?: boolean;
46
- /**
47
- * Наличие кнопки "Назад"
48
- */
49
- hasBackButton?: boolean;
50
- /**
51
- * Дополнительный класс для правого аддона
52
- */
53
- backButtonClassName?: string;
54
- /**
55
- * Дополнительный класс
56
- */
57
- className?: string;
58
- /**
59
- * Дополнительный класс для контента
60
- */
61
- contentClassName?: string;
62
- /**
63
- * Дополнительный класс для нижнего аддона
64
- */
65
- bottomAddonsClassName?: string;
66
- /**
67
- * Выравнивание заголовка
68
- */
69
- align?: 'left' | 'center';
70
- /**
71
- * Обрезать ли заголовок
72
- */
73
- trim?: boolean;
74
- /**
75
- * Фиксирует шапку
76
- */
77
- sticky?: boolean;
78
- /**
79
- * Идентификатор для систем автоматизированного тестирования
80
- */
81
- dataTestId?: string;
82
- /**
83
- * Фоновое изображение
84
- */
85
- imageUrl?: string;
86
- /**
87
- * Иконка closer.
88
- */
89
- closerIcon?: React.ElementType;
90
- /**
91
- * Обработчик закрытия
92
- */
93
- onClose?: CloserProps['onClose'];
94
- /**
95
- * обработчик клика по кнопке "назад"
96
- */
97
- onBack?: () => void;
98
- /**
99
- * Вид шапки - мобильный или десктоп
100
- */
101
- view: 'desktop' | 'mobile';
102
- /**
103
- * Ссылка на родительскую ноду overflow: auto
104
- */
105
- scrollableParentRef?: React.RefObject<HTMLDivElement>;
106
- };
107
- type ContentParams = {
108
- extraClassName?: string;
109
- wrapperRef?: React.RefObject<HTMLDivElement>;
110
- style?: React.CSSProperties;
111
- hidden?: boolean;
112
- };
113
- export { NavigationBarProps, ContentParams };
@@ -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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,276 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ChangeEvent, ElementType, InputHTMLAttributes, MouseEvent, ReactNode } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
13
- /**
14
- * Значение поля ввода
15
- */
16
- value?: string;
17
- /**
18
- * Начальное значение поля
19
- */
20
- defaultValue?: string;
21
- /**
22
- * Растягивает компонент на ширину контейнера
23
- */
24
- block?: boolean;
25
- /**
26
- * Крестик для очистки поля
27
- */
28
- clear?: boolean;
29
- /**
30
- * Размер компонента
31
- */
32
- size?: 's' | 'm' | 'l' | 'xl';
33
- /**
34
- * Набор цветов для компонента
35
- */
36
- colors?: 'default' | 'inverted';
37
- /**
38
- * Отображение ошибки
39
- */
40
- error?: ReactNode | boolean;
41
- /**
42
- * Отображение иконки успеха
43
- */
44
- success?: boolean;
45
- /**
46
- * Текст подсказки
47
- */
48
- hint?: ReactNode;
49
- /**
50
- * Лейбл компонента
51
- */
52
- label?: React.ReactNode;
53
- /**
54
- * Вид лейбла внутри / снаружи
55
- */
56
- labelView?: 'inner' | 'outer';
57
- /**
58
- * Атрибут type
59
- */
60
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
61
- /**
62
- * Ref для обертки input
63
- */
64
- wrapperRef?: React.Ref<HTMLDivElement> | null;
65
- /**
66
- * Слот слева
67
- */
68
- leftAddons?: React.ReactNode;
69
- /**
70
- * Слот справа
71
- */
72
- rightAddons?: React.ReactNode;
73
- /**
74
- * Слот под инпутом
75
- */
76
- bottomAddons?: React.ReactNode;
77
- /**
78
- * Дополнительный класс
79
- */
80
- className?: string;
81
- /**
82
- * Дополнительный класс для поля
83
- */
84
- fieldClassName?: string;
85
- /**
86
- * Дополнительный класс инпута
87
- */
88
- inputClassName?: string;
89
- /**
90
- * Дополнительный класс для лейбла
91
- */
92
- labelClassName?: string;
93
- /**
94
- * Дополнительный класс для аддонов
95
- */
96
- addonsClassName?: string;
97
- /**
98
- * Класс, который будет установлен при фокусе
99
- */
100
- focusedClassName?: string;
101
- /**
102
- * Класс, который будет установлен, если в поле есть значение
103
- */
104
- filledClassName?: string;
105
- /**
106
- * Обработчик поля ввода
107
- */
108
- onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
109
- value: string;
110
- }) => void;
111
- /**
112
- * Обработчик нажатия на кнопку очистки
113
- */
114
- onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
115
- /**
116
- * Обработчик клика по полю
117
- */
118
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
119
- /**
120
- * Обработчик MouseDown по полю
121
- */
122
- onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
123
- /**
124
- * Обработчик MouseUp по полю
125
- */
126
- onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
127
- /**
128
- * Идентификатор для систем автоматизированного тестирования
129
- */
130
- FormControlComponent?: ElementType;
131
- /**
132
- * Идентификатор для систем автоматизированного тестирования
133
- */
134
- dataTestId?: string;
135
- /**
136
- * Стили компонента для default и inverted режима.
137
- */
138
- colorStyles?: StyleColors;
139
- /**
140
- * Запрещает ввод с клавиатуры
141
- */
142
- disableUserInput?: boolean;
143
- };
144
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
145
- /**
146
- * Значение поля ввода
147
- */
148
- value?: string | undefined;
149
- /**
150
- * Начальное значение поля
151
- */
152
- defaultValue?: string | undefined;
153
- /**
154
- * Растягивает компонент на ширину контейнера
155
- */
156
- block?: boolean | undefined;
157
- /**
158
- * Крестик для очистки поля
159
- */
160
- clear?: boolean | undefined;
161
- /**
162
- * Размер компонента
163
- */
164
- size?: "s" | "m" | "l" | "xl" | undefined;
165
- /**
166
- * Набор цветов для компонента
167
- */
168
- colors?: "default" | "inverted" | undefined;
169
- /**
170
- * Отображение ошибки
171
- */
172
- error?: ReactNode | boolean;
173
- /**
174
- * Отображение иконки успеха
175
- */
176
- success?: boolean | undefined;
177
- /**
178
- * Текст подсказки
179
- */
180
- hint?: ReactNode;
181
- /**
182
- * Лейбл компонента
183
- */
184
- label?: React.ReactNode;
185
- /**
186
- * Вид лейбла внутри / снаружи
187
- */
188
- labelView?: "inner" | "outer" | undefined;
189
- /**
190
- * Атрибут type
191
- */
192
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
193
- /**
194
- * Ref для обертки input
195
- */
196
- wrapperRef?: React.Ref<HTMLDivElement> | undefined;
197
- /**
198
- * Слот слева
199
- */
200
- leftAddons?: React.ReactNode;
201
- /**
202
- * Слот справа
203
- */
204
- rightAddons?: React.ReactNode;
205
- /**
206
- * Слот под инпутом
207
- */
208
- bottomAddons?: React.ReactNode;
209
- /**
210
- * Дополнительный класс
211
- */
212
- className?: string | undefined;
213
- /**
214
- * Дополнительный класс для поля
215
- */
216
- fieldClassName?: string | undefined;
217
- /**
218
- * Дополнительный класс инпута
219
- */
220
- inputClassName?: string | undefined;
221
- /**
222
- * Дополнительный класс для лейбла
223
- */
224
- labelClassName?: string | undefined;
225
- /**
226
- * Дополнительный класс для аддонов
227
- */
228
- addonsClassName?: string | undefined;
229
- /**
230
- * Класс, который будет установлен при фокусе
231
- */
232
- focusedClassName?: string | undefined;
233
- /**
234
- * Класс, который будет установлен, если в поле есть значение
235
- */
236
- filledClassName?: string | undefined;
237
- /**
238
- * Обработчик поля ввода
239
- */
240
- onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
241
- value: string;
242
- }) => void) | undefined;
243
- /**
244
- * Обработчик нажатия на кнопку очистки
245
- */
246
- onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
247
- /**
248
- * Обработчик клика по полю
249
- */
250
- onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
251
- /**
252
- * Обработчик MouseDown по полю
253
- */
254
- onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
255
- /**
256
- * Обработчик MouseUp по полю
257
- */
258
- onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
259
- /**
260
- * Идентификатор для систем автоматизированного тестирования
261
- */
262
- FormControlComponent?: React.ElementType<any> | undefined;
263
- /**
264
- * Идентификатор для систем автоматизированного тестирования
265
- */
266
- dataTestId?: string | undefined;
267
- /**
268
- * Стили компонента для default и inverted режима.
269
- */
270
- colorStyles?: StyleColors | undefined;
271
- /**
272
- * Запрещает ввод с клавиатуры
273
- */
274
- disableUserInput?: boolean | undefined;
275
- } & React.RefAttributes<HTMLInputElement>>;
276
- export { StyleColors, BaseInputProps, BaseInput };
@@ -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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -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-e40becc7";
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 };