@alfalab/core-components-input-autocomplete 9.3.26 → 9.4.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 (157) hide show
  1. package/Component-3885b0d7.d.ts +1 -1
  2. package/Component-425c8522.d.ts +53 -0
  3. package/Component-4b555174.d.ts +18 -0
  4. package/Component-5e1b8383.d.ts +5 -0
  5. package/Component-bdb4c6b9.d.ts +12 -0
  6. package/Component-ebda875c.d.ts +101 -0
  7. package/Component-f12ee135.d.ts +71 -0
  8. package/Component.desktop.d.ts +1 -1
  9. package/Component.mobile-b2c0420d.d.ts +35 -0
  10. package/Component.mobile.d.ts +1 -1
  11. package/Component.mobile.js +6 -7
  12. package/Component.modal.mobile.d.ts +115 -0
  13. package/Component.modal.mobile.js +77 -0
  14. package/Component.responsive.d.ts +2 -2
  15. package/Component.responsive.js +1 -0
  16. package/Context-bdb4c6b9.d.ts +4 -0
  17. package/ResponsiveContext-baf4875b.d.ts +5 -0
  18. package/autocomplete-field/Component.d.ts +1 -1
  19. package/autocomplete-field/Component.js +1 -1
  20. package/autocomplete-field/index.css +2 -2
  21. package/autocomplete-mobile-field/Component.d.ts +1 -1
  22. package/autocomplete-mobile-field/Component.js +1 -1
  23. package/autocomplete-mobile-field/index.css +8 -8
  24. package/consts-f777ba1a.d.ts +2 -0
  25. package/cssm/Component-3885b0d7.d.ts +1 -1
  26. package/cssm/Component-425c8522.d.ts +53 -0
  27. package/cssm/Component-4b555174.d.ts +18 -0
  28. package/cssm/Component-5e1b8383.d.ts +5 -0
  29. package/cssm/Component-bdb4c6b9.d.ts +12 -0
  30. package/cssm/Component-ebda875c.d.ts +101 -0
  31. package/cssm/Component-f12ee135.d.ts +71 -0
  32. package/cssm/Component.desktop.d.ts +1 -1
  33. package/cssm/Component.mobile-b2c0420d.d.ts +35 -0
  34. package/cssm/Component.mobile.d.ts +1 -1
  35. package/cssm/Component.mobile.js +4 -3
  36. package/cssm/Component.modal.mobile.d.ts +115 -0
  37. package/cssm/Component.modal.mobile.js +79 -0
  38. package/cssm/Component.responsive.d.ts +2 -2
  39. package/cssm/Context-bdb4c6b9.d.ts +4 -0
  40. package/cssm/ResponsiveContext-baf4875b.d.ts +5 -0
  41. package/cssm/autocomplete-field/Component.d.ts +1 -1
  42. package/cssm/autocomplete-mobile-field/Component.d.ts +1 -1
  43. package/cssm/consts-f777ba1a.d.ts +2 -0
  44. package/cssm/hook-4b555174.d.ts +62 -0
  45. package/cssm/index-136acbb1.d.ts +28 -0
  46. package/cssm/index-3e68f8db.d.ts +5 -0
  47. package/cssm/index-425c8522.d.ts +6 -0
  48. package/cssm/index-bdb4c6b9.d.ts +172 -0
  49. package/cssm/index-e81c389f.d.ts +3 -0
  50. package/cssm/index-ebda875c.d.ts +192 -53
  51. package/cssm/index-f12ee135.d.ts +7 -217
  52. package/cssm/mobile.d.ts +1 -0
  53. package/cssm/mobile.js +3 -0
  54. package/cssm/mobile.module.css +1 -1
  55. package/cssm/typings-5e1b8383.d.ts +550 -0
  56. package/cssm/typings-bdb4c6b9.d.ts +52 -0
  57. package/cssm/utils-5e1b8383.d.ts +38 -0
  58. package/esm/Component-3885b0d7.d.ts +1 -1
  59. package/esm/Component-425c8522.d.ts +53 -0
  60. package/esm/Component-4b555174.d.ts +18 -0
  61. package/esm/Component-5e1b8383.d.ts +5 -0
  62. package/esm/Component-bdb4c6b9.d.ts +8 -0
  63. package/esm/Component-ebda875c.d.ts +101 -0
  64. package/esm/Component-f12ee135.d.ts +71 -0
  65. package/esm/Component.desktop.d.ts +1 -1
  66. package/esm/Component.mobile-e81c389f.d.ts +38 -0
  67. package/esm/Component.mobile.d.ts +1 -1
  68. package/esm/Component.mobile.js +5 -6
  69. package/esm/Component.modal.mobile.d.ts +115 -0
  70. package/esm/Component.modal.mobile.js +66 -0
  71. package/esm/Component.responsive.d.ts +2 -2
  72. package/esm/Component.responsive.js +1 -0
  73. package/esm/Context-bdb4c6b9.d.ts +4 -0
  74. package/esm/ResponsiveContext-baf4875b.d.ts +5 -0
  75. package/esm/autocomplete-field/Component.d.ts +1 -1
  76. package/esm/autocomplete-field/Component.js +1 -1
  77. package/esm/autocomplete-field/index.css +2 -2
  78. package/esm/autocomplete-mobile-field/Component.d.ts +1 -1
  79. package/esm/autocomplete-mobile-field/Component.js +1 -1
  80. package/esm/autocomplete-mobile-field/index.css +8 -8
  81. package/esm/consts-f777ba1a.d.ts +2 -0
  82. package/esm/hook-4b555174.d.ts +62 -0
  83. package/esm/index-136acbb1.d.ts +28 -0
  84. package/esm/index-3e68f8db.d.ts +5 -0
  85. package/esm/index-425c8522.d.ts +6 -0
  86. package/esm/index-bdb4c6b9.d.ts +172 -0
  87. package/esm/index-e81c389f.d.ts +3 -0
  88. package/esm/index-ebda875c.d.ts +192 -53
  89. package/esm/index-f12ee135.d.ts +7 -217
  90. package/esm/index.js +1 -0
  91. package/esm/mobile.css +4 -4
  92. package/esm/mobile.d.ts +1 -0
  93. package/esm/mobile.js +3 -0
  94. package/esm/mobile.module-0ca7666f.js +4 -0
  95. package/esm/responsive.js +1 -0
  96. package/esm/typings-5e1b8383.d.ts +550 -0
  97. package/esm/typings-bdb4c6b9.d.ts +52 -0
  98. package/esm/utils-5e1b8383.d.ts +38 -0
  99. package/hook-4b555174.d.ts +62 -0
  100. package/index-136acbb1.d.ts +28 -0
  101. package/index-3e68f8db.d.ts +5 -0
  102. package/index-425c8522.d.ts +6 -0
  103. package/index-bdb4c6b9.d.ts +172 -0
  104. package/index-e81c389f.d.ts +3 -0
  105. package/index-ebda875c.d.ts +192 -53
  106. package/index-f12ee135.d.ts +7 -217
  107. package/index.js +1 -0
  108. package/mobile.css +4 -4
  109. package/mobile.d.ts +1 -0
  110. package/mobile.js +4 -0
  111. package/mobile.module-48c4c311.js +6 -0
  112. package/modern/Component-3885b0d7.d.ts +1 -1
  113. package/modern/Component-425c8522.d.ts +53 -0
  114. package/modern/Component-4b555174.d.ts +18 -0
  115. package/modern/Component-5e1b8383.d.ts +5 -0
  116. package/modern/Component-bdb4c6b9.d.ts +8 -0
  117. package/modern/Component-ebda875c.d.ts +101 -0
  118. package/modern/Component-f12ee135.d.ts +71 -0
  119. package/modern/Component.desktop.d.ts +5 -5
  120. package/modern/Component.mobile-e81c389f.d.ts +38 -0
  121. package/modern/Component.mobile.d.ts +1 -1
  122. package/modern/Component.mobile.js +5 -7
  123. package/modern/Component.modal.mobile.d.ts +115 -0
  124. package/modern/Component.modal.mobile.js +73 -0
  125. package/modern/Component.responsive.d.ts +6 -6
  126. package/modern/Component.responsive.js +1 -0
  127. package/modern/Context-bdb4c6b9.d.ts +4 -0
  128. package/modern/ResponsiveContext-baf4875b.d.ts +5 -0
  129. package/modern/autocomplete-field/Component.d.ts +1 -1
  130. package/modern/autocomplete-field/Component.js +1 -1
  131. package/modern/autocomplete-field/index.css +2 -2
  132. package/modern/autocomplete-mobile-field/Component.d.ts +1 -1
  133. package/modern/autocomplete-mobile-field/Component.js +1 -1
  134. package/modern/autocomplete-mobile-field/index.css +8 -8
  135. package/modern/consts-f777ba1a.d.ts +2 -0
  136. package/modern/hook-4b555174.d.ts +62 -0
  137. package/modern/index-136acbb1.d.ts +28 -0
  138. package/modern/index-3e68f8db.d.ts +5 -0
  139. package/modern/index-425c8522.d.ts +6 -0
  140. package/modern/index-bdb4c6b9.d.ts +172 -0
  141. package/modern/index-e81c389f.d.ts +3 -0
  142. package/modern/index-ebda875c.d.ts +192 -53
  143. package/modern/index-f12ee135.d.ts +7 -217
  144. package/modern/index.js +1 -0
  145. package/modern/mobile.css +4 -4
  146. package/modern/mobile.d.ts +1 -0
  147. package/modern/mobile.js +3 -0
  148. package/modern/mobile.module-95a2557d.js +4 -0
  149. package/modern/responsive.js +1 -0
  150. package/modern/typings-5e1b8383.d.ts +550 -0
  151. package/modern/typings-bdb4c6b9.d.ts +52 -0
  152. package/modern/utils-5e1b8383.d.ts +38 -0
  153. package/package.json +5 -5
  154. package/responsive.js +1 -0
  155. package/typings-5e1b8383.d.ts +550 -0
  156. package/typings-bdb4c6b9.d.ts +52 -0
  157. package/utils-5e1b8383.d.ts +38 -0
@@ -1,174 +1,13 @@
1
1
  /// <reference types="react-transition-group" />
2
2
  /// <reference types="react" />
3
3
  import React from "react";
4
- import { HTMLAttributes, ReactNode, RefObject, FC, KeyboardEvent, MouseEvent, MutableRefObject } from "react";
4
+ import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
5
5
  import { TransitionProps } from "react-transition-group/Transition";
6
- import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
7
- import { NavigationBarProps } from "./types-ebda875c";
6
+ import { BaseModalProps } from "./index-bdb4c6b9";
7
+ import { NavigationBarProps } from "./index-e81c389f";
8
+ import { BackgroundColorType } from "./index-425c8522";
8
9
  import { SwipeableHandlers } from "react-swipeable";
9
- type BackdropProps = Partial<TransitionProps> & {
10
- /**
11
- * Прозрачный бэкдроп
12
- */
13
- invisible?: boolean;
14
- /**
15
- * Управляет видимостью компонента
16
- */
17
- open: boolean;
18
- /**
19
- * Обработчик клика по бэкдропу
20
- */
21
- onClose?: (event: MouseEvent<HTMLElement>) => void;
22
- /**
23
- * Дополнительный класс
24
- */
25
- className?: string;
26
- /**
27
- * Классы анимации
28
- *
29
- * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
30
- */
31
- transitionClassNames?: string | CSSTransitionClassNames;
32
- /**
33
- * Идентификатор для систем автоматизированного тестирования
34
- */
35
- dataTestId?: string;
36
- /**
37
- * Дочерние элементы.
38
- */
39
- children?: ReactNode;
40
- };
41
- type PortalProps = {
42
- /** Контент */
43
- children?: ReactNode;
44
- /**
45
- * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
46
- */
47
- getPortalContainer?: () => Element;
48
- /**
49
- * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
50
- */
51
- immediateMount?: boolean;
52
- };
53
- type BaseModalProps = {
54
- /**
55
- * Контент
56
- */
57
- children?: ReactNode;
58
- /**
59
- * Компонент бэкдропа
60
- */
61
- Backdrop?: FC<BackdropProps>;
62
- /**
63
- * Свойства для Бэкдропа
64
- */
65
- backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
66
- /**
67
- * Нода, компонент или функция возвращающая их
68
- *
69
- * Контейнер к которому будут добавляться порталы
70
- */
71
- container?: PortalProps["getPortalContainer"];
72
- /**
73
- * Отключает автоматический перевод фокуса на модалку при открытии
74
- * @default false
75
- */
76
- disableAutoFocus?: boolean;
77
- /**
78
- * Отключает ловушку фокуса
79
- * @default false
80
- */
81
- disableFocusLock?: boolean;
82
- /**
83
- * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
84
- * @default false
85
- */
86
- disableRestoreFocus?: boolean;
87
- /**
88
- * Отключает вызов `callback` при нажатии Escape
89
- * @default false
90
- */
91
- disableEscapeKeyDown?: boolean;
92
- /**
93
- * Отключает вызов `callback` при клике на бэкдроп
94
- * @default false
95
- */
96
- disableBackdropClick?: boolean;
97
- /**
98
- * Отключает блокировку скролла при открытии модального окна
99
- * @default false
100
- */
101
- disableBlockingScroll?: boolean;
102
- /**
103
- * Содержимое модалки всегда в DOM
104
- * @default false
105
- */
106
- keepMounted?: boolean;
107
- /**
108
- * Управление видимостью модалки
109
- */
110
- open: boolean;
111
- /**
112
- * Дополнительный класс
113
- */
114
- className?: string;
115
- /**
116
- * Дополнительный класс
117
- */
118
- contentClassName?: string;
119
- /**
120
- * Дополнительный класс для обертки (Modal)
121
- */
122
- wrapperClassName?: string;
123
- /**
124
- * Обработчик скролла контента
125
- */
126
- scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
127
- /**
128
- * Пропсы для анимации (CSSTransition)
129
- */
130
- transitionProps?: Partial<TransitionProps>;
131
- /**
132
- * Рендерить ли в контейнер через портал.
133
- * @default true
134
- */
135
- usePortal?: boolean;
136
- /**
137
- * Обработчик события нажатия на бэкдроп
138
- */
139
- onBackdropClick?: (event: MouseEvent) => void;
140
- /**
141
- * Обработчик события нажатия на Escape
142
- *
143
- * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
144
- */
145
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
146
- /**
147
- * Обработчик закрытия
148
- */
149
- onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
150
- /**
151
- * Обработчик события onEntered компонента Transition
152
- */
153
- onMount?: () => void;
154
- /**
155
- * Обработчик события onExited компонента Transition
156
- */
157
- onUnmount?: () => void;
158
- /**
159
- * Идентификатор для систем автоматизированного тестирования
160
- */
161
- dataTestId?: string;
162
- /**
163
- * z-index компонента
164
- */
165
- zIndex?: number;
166
- /**
167
- * Реф, который должен быть установлен компонентной области
168
- */
169
- componentRef?: MutableRefObject<HTMLDivElement | null>;
170
- };
171
- type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
10
+ import { BackdropProps } from "./index-ebda875c";
172
11
  type BottomSheetTitleAlign = "center" | "left";
173
12
  type BottomSheetProps = {
174
13
  /**
@@ -424,54 +263,5 @@ type SwipeableBackdropProps = BackdropProps & {
424
263
  opacityTimeout?: number;
425
264
  };
426
265
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
427
- /**
428
- * Набор констант для z-index соответствующих классов компонентов.
429
- * Значения выбраны по приоритету.
430
- */
431
- declare const stackingOrder: {
432
- FOCUSED: number;
433
- DEFAULT: number;
434
- POPOVER: number;
435
- MODAL: number;
436
- TOAST: number;
437
- };
438
- declare const StackingContext: import("react").Context<number>;
439
- type StackProps = {
440
- /**
441
- * Render prop, в который передается функция.
442
- * Функция принимает аргумент со значением z-index из текущего контекста.
443
- */
444
- children: (value: number) => ReactNode;
445
- /**
446
- * Исходное значение для z-index.
447
- * @default 5
448
- */
449
- value?: number;
450
- };
451
- declare const Stack: FC<StackProps>;
452
- declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
453
- declare const getDefaultPortalContainer: () => Element;
454
- declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
455
- type SavedStyle = {
456
- value: string;
457
- key: string;
458
- el: HTMLElement;
459
- };
460
- type RestoreStyle = {
461
- container: HTMLElement;
462
- modals: number;
463
- styles: SavedStyle[];
464
- };
465
- declare class ModalStore {
466
- private readonly restoreStyles;
467
- constructor();
468
- getRestoreStyles: () => RestoreStyle[];
469
- }
470
- declare const getModalStore: () => ModalStore;
471
- declare class GlobalStore {
472
- private readonly modalStore;
473
- constructor();
474
- getModalStore: () => ModalStore;
475
- }
476
- export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
477
- export type { SavedStyle, BottomSheetProps, BottomSheetTitleAlign };
266
+ export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
267
+ export type { BottomSheetProps, BottomSheetTitleAlign };
package/index.js CHANGED
@@ -17,6 +17,7 @@ require('lodash.throttle');
17
17
  require('@alfalab/core-components-button');
18
18
  require('./autocomplete-mobile-field/Component.js');
19
19
  require('@alfalab/core-components-form-control');
20
+ require('./mobile.module-48c4c311.js');
20
21
 
21
22
 
22
23
 
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: borew */
1
+ /* hash: 1wdha */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_8stne {
19
+ } .input-autocomplete__bottomAddonInput_m06ps {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_8stne {
22
+ } .input-autocomplete__footer_m06ps {
23
23
  display: flex
24
- } .input-autocomplete__footer_8stne > button + button {
24
+ } .input-autocomplete__footer_m06ps > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/mobile.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./Component.mobile";
2
+ export * from "./Component.modal.mobile";
2
3
  export {};
package/mobile.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_mobile = require('./Component.mobile.js');
6
+ var Component_modal_mobile = require('./Component.modal.mobile.js');
6
7
  require('tslib');
7
8
  require('react');
8
9
  require('react-merge-refs');
@@ -14,7 +15,10 @@ require('@alfalab/core-components-select');
14
15
  require('./autocomplete-mobile-field/Component.js');
15
16
  require('@alfalab/core-components-form-control');
16
17
  require('@alfalab/hooks');
18
+ require('./mobile.module-48c4c311.js');
19
+ require('@alfalab/core-components-select/mobile');
17
20
 
18
21
 
19
22
 
20
23
  exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
24
+ exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_m06ps","footer":"input-autocomplete__footer_m06ps"};
4
+ require('./mobile.css')
5
+
6
+ exports.styles = styles;
@@ -51,7 +51,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
51
51
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
52
52
  type TextBaseProps = {
53
53
  /**
54
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
54
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
55
55
  */
56
56
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
57
57
  /**
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BackgroundColorType, GraphicColorType } from "./index-425c8522";
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) => JSX.Element;
53
+ export { IconColorType, BadgeProps, Badge };
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
+ import React from 'react';
4
+ type FooterProps = {
5
+ handleClear?: () => void;
6
+ handleApply?: () => void;
7
+ showClear?: boolean;
8
+ selectedDraft?: OptionShape[];
9
+ };
10
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
11
+ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
12
+ showClear?: boolean | undefined;
13
+ onClose?: (() => void) | undefined;
14
+ selectedDraft?: OptionShape[] | undefined;
15
+ OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
16
+ Footer?: React.FC<FooterProps> | undefined;
17
+ } & React.RefAttributes<HTMLDivElement>>;
18
+ export { FooterProps, Footer, OptionsListWithApply };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { OptionsListProps } from "./typings-5e1b8383";
4
+ declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
5
+ export { VirtualOptionsList };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ type FooterProps = {
3
+ handleClear?: () => void;
4
+ handleApply?: () => void;
5
+ showClear?: boolean;
6
+ };
7
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ export { FooterProps, Footer };
@@ -0,0 +1,101 @@
1
+ /// <reference types="react-transition-group" />
2
+ /// <reference types="react" />
3
+ import React from 'react';
4
+ import { CSSProperties, MutableRefObject, ReactNode } from "react";
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
+ import { BasePlacement, VariationPlacement } from '@popperjs/core';
7
+ type RefElement = HTMLElement | null;
8
+ type Position = BasePlacement | VariationPlacement;
9
+ type PopoverProps = {
10
+ /**
11
+ * Управление состоянием поповера (открыт/закрыт)
12
+ */
13
+ open: boolean;
14
+ /**
15
+ * Элемент, относительного которого появляется поповер
16
+ */
17
+ anchorElement: RefElement;
18
+ /**
19
+ * Использовать ширину родительского элемента
20
+ */
21
+ useAnchorWidth?: boolean;
22
+ /**
23
+ * Позиционирование поповера
24
+ */
25
+ position?: Position;
26
+ /**
27
+ * Запрещает поповеру менять свою позицию.
28
+ * Например, если места снизу недостаточно,то он все равно будет показан снизу
29
+ */
30
+ preventFlip?: boolean;
31
+ /**
32
+ * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
33
+ */
34
+ preventOverflow?: boolean;
35
+ /**
36
+ * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
37
+ */
38
+ availableHeight?: boolean;
39
+ /**
40
+ * Если `true`, будет отрисована стрелочка
41
+ */
42
+ withArrow?: boolean;
43
+ /**
44
+ * Смещение поповера.
45
+ * Если позиционирование top, bottom, то [x, y].
46
+ * Если позиционирование left, right то [y, x].
47
+ */
48
+ offset?: [number, number];
49
+ /**
50
+ * Дополнительный класс для поповера
51
+ */
52
+ popperClassName?: string;
53
+ /**
54
+ * Дополнительный класс для стрелочки
55
+ */
56
+ arrowClassName?: string;
57
+ /**
58
+ * Функция, возвращающая контейнер, в который будет рендериться поповер
59
+ */
60
+ getPortalContainer?: () => HTMLElement;
61
+ /**
62
+ * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
63
+ */
64
+ transition?: CSSTransitionProps;
65
+ /**
66
+ * Выставляет кастомное свойство transition-duration
67
+ */
68
+ transitionDuration?: CSSProperties['transitionDuration'];
69
+ /**
70
+ * Рендерит компонент, обернутый в Transition
71
+ */
72
+ withTransition?: boolean;
73
+ /**
74
+ * Идентификатор для систем автоматизированного тестирования
75
+ */
76
+ dataTestId?: string;
77
+ /**
78
+ * Хранит функцию, с помощью которой можно обновить положение компонента
79
+ */
80
+ update?: MutableRefObject<() => void>;
81
+ /**
82
+ * Дополнительный класс
83
+ */
84
+ className?: string;
85
+ /**
86
+ * z-index компонента
87
+ */
88
+ zIndex?: number;
89
+ /**
90
+ * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
91
+ * по очереди для каждой позиции из этого списка.
92
+ * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
93
+ */
94
+ fallbackPlacements?: Position[];
95
+ /**
96
+ * Контент
97
+ */
98
+ children?: ReactNode;
99
+ };
100
+ declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
101
+ export { Position, PopoverProps, Popover };
@@ -0,0 +1,71 @@
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-5e1b8383";
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<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
61
+ /**
62
+ * Дополнительные пропсы шапки модалки
63
+ */
64
+ modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
65
+ /**
66
+ * Дополнительные пропсы футера модалки
67
+ */
68
+ modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
69
+ } & React.RefAttributes<unknown>>;
70
+ export * from "./Component.mobile-e81c389f";
71
+ export { SelectMobileProps, BaseSelectMobile };
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, RefAttributes } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- import { BaseSelectProps } from "@alfalab/core-components-select";
5
+ import { BaseSelectProps } from "./index-3e68f8db";
6
6
  type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
7
7
  /**
8
8
  * Компонент ввода значения
@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
40
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
41
41
  value?: string | undefined;
42
42
  defaultValue?: string | undefined;
43
43
  block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
49
49
  hint?: React.ReactNode;
50
50
  label?: React.ReactNode;
51
51
  labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
52
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
53
53
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
54
  leftAddons?: React.ReactNode;
55
55
  rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
76
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
77
77
  value?: string | undefined;
78
78
  defaultValue?: string | undefined;
79
79
  block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
85
85
  hint?: React.ReactNode;
86
86
  label?: React.ReactNode;
87
87
  labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
88
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
89
89
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
90
  leftAddons?: React.ReactNode;
91
91
  rightAddons?: React.ReactNode;
@@ -0,0 +1,38 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { FC, ReactNode } from "react";
4
+ import { NavigationBarProps } from "./index-e81c389f";
5
+ import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
6
+ type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
7
+ declare const Header: FC<HeaderProps>;
8
+ declare const Content: FC<ContentProps>;
9
+ type FooterProps = {
10
+ /**
11
+ * Контент футера
12
+ */
13
+ children?: ReactNode;
14
+ /**
15
+ * Дополнительный класс
16
+ */
17
+ className?: string;
18
+ /**
19
+ * Фиксирует футер
20
+ */
21
+ sticky?: boolean;
22
+ /**
23
+ * Выравнивание элементов футера
24
+ */
25
+ layout?: "start" | "center" | "space-between" | "column";
26
+ /**
27
+ * Отступы между элементами футера
28
+ */
29
+ gap?: 16 | 24 | 32;
30
+ };
31
+ declare const Footer: FC<FooterProps>;
32
+ declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
33
+ Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
34
+ Header: React.FC<HeaderProps>;
35
+ Footer: React.FC<FooterProps>;
36
+ Closer: React.FC<import("./index-e81c389f").CloserProps>;
37
+ };
38
+ export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };