@alfalab/core-components-input-autocomplete 9.3.4 → 9.3.6

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 (50) hide show
  1. package/Component-7ca84eff.d.ts +8 -0
  2. package/Component.desktop.d.ts +4 -4
  3. package/Component.desktop.js +1 -1
  4. package/Component.mobile.js +2 -2
  5. package/Component.responsive.js +1 -1
  6. package/autocomplete-field/Component.js +2 -2
  7. package/autocomplete-field/index.css +2 -2
  8. package/autocomplete-field/index.js +1 -1
  9. package/autocomplete-mobile-field/Component.js +2 -2
  10. package/autocomplete-mobile-field/index.css +16 -19
  11. package/autocomplete-mobile-field/index.js +1 -1
  12. package/cssm/Component-7ca84eff.d.ts +8 -0
  13. package/cssm/autocomplete-mobile-field/index.module.css +15 -18
  14. package/cssm/index-7ca84eff.d.ts +8 -1
  15. package/cssm/mobile.module.css +11 -8
  16. package/desktop.js +1 -1
  17. package/esm/Component-7ca84eff.d.ts +8 -0
  18. package/esm/Component.desktop.js +1 -1
  19. package/esm/Component.mobile.js +2 -2
  20. package/esm/Component.responsive.js +1 -1
  21. package/esm/autocomplete-field/Component.js +2 -2
  22. package/esm/autocomplete-field/index.css +2 -2
  23. package/esm/autocomplete-field/index.js +1 -1
  24. package/esm/autocomplete-mobile-field/Component.js +2 -2
  25. package/esm/autocomplete-mobile-field/index.css +16 -19
  26. package/esm/autocomplete-mobile-field/index.js +1 -1
  27. package/esm/desktop.js +1 -1
  28. package/esm/index-7ca84eff.d.ts +8 -1
  29. package/esm/index.js +1 -1
  30. package/esm/mobile.css +12 -9
  31. package/esm/mobile.js +1 -1
  32. package/esm/responsive.js +1 -1
  33. package/esm/{tslib.es6-f2befdfc.d.ts → tslib.es6-84ebe3aa.d.ts} +0 -0
  34. package/esm/{tslib.es6-f2befdfc.js → tslib.es6-84ebe3aa.js} +0 -0
  35. package/index-7ca84eff.d.ts +8 -1
  36. package/index.js +1 -1
  37. package/mobile.css +12 -9
  38. package/mobile.js +1 -1
  39. package/modern/Component-7ca84eff.d.ts +8 -0
  40. package/modern/Component.mobile.js +1 -1
  41. package/modern/autocomplete-field/Component.js +1 -1
  42. package/modern/autocomplete-field/index.css +2 -2
  43. package/modern/autocomplete-mobile-field/Component.js +1 -1
  44. package/modern/autocomplete-mobile-field/index.css +16 -19
  45. package/modern/index-7ca84eff.d.ts +8 -1
  46. package/modern/mobile.css +12 -9
  47. package/package.json +2 -2
  48. package/responsive.js +1 -1
  49. /package/{tslib.es6-063ae0c4.d.ts → tslib.es6-3c9168a4.d.ts} +0 -0
  50. /package/{tslib.es6-063ae0c4.js → tslib.es6-3c9168a4.js} +0 -0
@@ -103,6 +103,10 @@ type TextBaseProps = {
103
103
  * Добавляет отступы к тэгу 'p'
104
104
  */
105
105
  defaultMargins?: never;
106
+ /**
107
+ * Количество строк (не поддерживает IE)
108
+ */
109
+ rowLimit?: 1 | 2 | 3;
106
110
  };
107
111
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
108
112
  tag?: "p";
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
147
151
  * Контент (native prop)
148
152
  */
149
153
  children?: React.ReactNode;
154
+ /**
155
+ * Количество строк (не поддерживает IE)
156
+ */
157
+ rowLimit?: 1 | 2 | 3;
150
158
  };
151
159
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
152
160
  declare const Typography: {
@@ -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" | "defaultValue" | "onChange" | "size" | "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" | "defaultValue" | "onChange" | "size" | "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;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-063ae0c4.js');
3
+ var tslib_es6 = require('./tslib.es6-3c9168a4.js');
4
4
  var React = require('react');
5
5
  var coreComponentsSelect = require('@alfalab/core-components-select');
6
6
  var autocompleteField_Component = require('./autocomplete-field/Component.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-063ae0c4.js');
3
+ var tslib_es6 = require('./tslib.es6-3c9168a4.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
21
21
 
22
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
22
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_19pq9","footer":"input-autocomplete__footer_19pq9"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var SELECTED = [];
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-063ae0c4.js');
3
+ var tslib_es6 = require('./tslib.es6-3c9168a4.js');
4
4
  var React = require('react');
5
5
  var hooks = require('@alfalab/hooks');
6
6
  var Component_desktop = require('./Component.desktop.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../tslib.es6-063ae0c4.js');
3
+ var tslib_es6 = require('../tslib.es6-3c9168a4.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
15
+ var styles = {"arrow":"input-autocomplete__arrow_17923","error":"input-autocomplete__error_17923"};
16
16
  require('./index.css')
17
17
 
18
18
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1pe3z */
2
- .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
1
+ /* hash: sttnp */
2
+ .input-autocomplete__arrow_17923.input-autocomplete__error_17923 ~ * {
3
3
  display: none;
4
4
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var autocompleteField_Component = require('./Component.js');
4
- require('../tslib.es6-063ae0c4.js');
4
+ require('../tslib.es6-3c9168a4.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../tslib.es6-063ae0c4.js');
3
+ var tslib_es6 = require('../tslib.es6-3c9168a4.js');
4
4
  var React = require('react');
5
5
  var cn = require('classnames');
6
6
  var coreComponentsFormControl = require('@alfalab/core-components-form-control');
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
14
+ var styles = {"component":"input-autocomplete__component_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
15
15
  require('./index.css')
16
16
 
17
17
  var AutocompleteMobileField = function (_a) {
@@ -1,34 +1,33 @@
1
- /* hash: 1dkfd */
1
+ /* hash: 1k9e5 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-link: #007aff;
4
5
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
15
19
  --focus-color: var(--color-light-border-link);
16
20
  --disabled-cursor: not-allowed;
17
- }
18
- .input-autocomplete__component_koc3 {
21
+ } .input-autocomplete__component_143xn {
19
22
  width: 100%;
20
23
  outline: none;
21
- }
22
- .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
24
+ } .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
23
25
  cursor: pointer;
24
- }
25
- .input-autocomplete__disabled_koc3 {
26
+ } .input-autocomplete__disabled_143xn {
26
27
  cursor: var(--disabled-cursor);
27
- }
28
- .input-autocomplete__placeholder_koc3 {
28
+ } .input-autocomplete__placeholder_143xn {
29
29
  color: var(--color-light-text-secondary);
30
- }
31
- .input-autocomplete__contentWrapper_koc3 {
30
+ } .input-autocomplete__contentWrapper_143xn {
32
31
  font-size: 16px;
33
32
  line-height: 20px;
34
33
  font-weight: 400;
@@ -37,13 +36,11 @@
37
36
  text-overflow: ellipsis;
38
37
  overflow: hidden;
39
38
  width: 100%;
40
- }
41
- .input-autocomplete__value_koc3 {
39
+ } .input-autocomplete__value_143xn {
42
40
  overflow: hidden;
43
41
  text-overflow: ellipsis;
44
42
  text-align: left;
45
- }
46
- .input-autocomplete__focusVisible_koc3 {
43
+ } .input-autocomplete__focusVisible_143xn {
47
44
  outline: 2px solid var(--focus-color);
48
45
  outline-offset: 2px;
49
46
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var autocompleteMobileField_Component = require('./Component.js');
4
- require('../tslib.es6-063ae0c4.js');
4
+ require('../tslib.es6-3c9168a4.js');
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-form-control');
@@ -103,6 +103,10 @@ type TextBaseProps = {
103
103
  * Добавляет отступы к тэгу 'p'
104
104
  */
105
105
  defaultMargins?: never;
106
+ /**
107
+ * Количество строк (не поддерживает IE)
108
+ */
109
+ rowLimit?: 1 | 2 | 3;
106
110
  };
107
111
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
108
112
  tag?: "p";
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
147
151
  * Контент (native prop)
148
152
  */
149
153
  children?: React.ReactNode;
154
+ /**
155
+ * Количество строк (не поддерживает IE)
156
+ */
157
+ rowLimit?: 1 | 2 | 3;
150
158
  };
151
159
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
152
160
  declare const Typography: {
@@ -1,33 +1,32 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-border-link: #007aff;
3
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
14
18
  --focus-color: var(--color-light-border-link);
15
19
  --disabled-cursor: not-allowed;
16
- }
17
- .component {
20
+ } .component {
18
21
  width: 100%;
19
22
  outline: none;
20
- }
21
- .field:not(.disabled) {
23
+ } .field:not(.disabled) {
22
24
  cursor: pointer;
23
- }
24
- .disabled {
25
+ } .disabled {
25
26
  cursor: var(--disabled-cursor);
26
- }
27
- .placeholder {
27
+ } .placeholder {
28
28
  color: var(--color-light-text-secondary);
29
- }
30
- .contentWrapper {
29
+ } .contentWrapper {
31
30
  font-size: 16px;
32
31
  line-height: 20px;
33
32
  font-weight: 400;
@@ -36,13 +35,11 @@
36
35
  text-overflow: ellipsis;
37
36
  overflow: hidden;
38
37
  width: 100%;
39
- }
40
- .value {
38
+ } .value {
41
39
  overflow: hidden;
42
40
  text-overflow: ellipsis;
43
41
  text-align: left;
44
- }
45
- .focusVisible {
42
+ } .focusVisible {
46
43
  outline: 2px solid var(--focus-color);
47
44
  outline-offset: 2px;
48
45
  }
@@ -24,6 +24,12 @@ type BottomSheetProps = {
24
24
  * Кнопка действия (обычно, это кнопка закрытия)
25
25
  */
26
26
  actionButton?: ReactNode;
27
+ /**
28
+ * Нода, компонент или функция возвращающая их
29
+ *
30
+ * Контейнер к которому будут добавляться порталы
31
+ */
32
+ container?: BaseModalProps["container"];
27
33
  /**
28
34
  * Дополнительный класс
29
35
  */
@@ -178,6 +184,7 @@ type FooterProps = {
178
184
  className?: string;
179
185
  };
180
186
  declare const Footer: FC<FooterProps>;
187
+ declare const isClient: () => boolean;
181
188
  type SwipeableBackdropProps = BackdropProps & {
182
189
  /**
183
190
  * Прозрачность бэкдропа
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
200
  opacityTimeout?: number;
194
201
  };
195
202
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
203
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
204
  export * from "./getDataTestId-3fe0d3e6";
@@ -1,22 +1,25 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-xs: 8px;
11
15
  --gap-m: 16px;
12
- }
13
- .bottomSheetInput {
16
+ } :root {
17
+ } :root {
18
+ } .bottomSheetInput {
14
19
  padding: 0 var(--gap-xs) var(--gap-xs);
15
20
  box-sizing: border-box;
16
- }
17
- .footer {
21
+ } .footer {
18
22
  display: flex
19
- }
20
- .footer > button + button {
23
+ } .footer > button + button {
21
24
  margin-left: var(--gap-m);
22
25
  }
package/desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_desktop = require('./Component.desktop.js');
4
- require('./tslib.es6-063ae0c4.js');
4
+ require('./tslib.es6-3c9168a4.js');
5
5
  require('react');
6
6
  require('@alfalab/core-components-select');
7
7
  require('./autocomplete-field/Component.js');
@@ -103,6 +103,10 @@ type TextBaseProps = {
103
103
  * Добавляет отступы к тэгу 'p'
104
104
  */
105
105
  defaultMargins?: never;
106
+ /**
107
+ * Количество строк (не поддерживает IE)
108
+ */
109
+ rowLimit?: 1 | 2 | 3;
106
110
  };
107
111
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
108
112
  tag?: "p";
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
147
151
  * Контент (native prop)
148
152
  */
149
153
  children?: React.ReactNode;
154
+ /**
155
+ * Количество строк (не поддерживает IE)
156
+ */
157
+ rowLimit?: 1 | 2 | 3;
150
158
  };
151
159
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
152
160
  declare const Typography: {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-84ebe3aa.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm';
4
4
  import { AutocompleteField } from './autocomplete-field/Component.js';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-84ebe3aa.js';
2
2
  import React, { useState, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
@@ -10,7 +10,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
10
10
  import '@alfalab/core-components-form-control/esm';
11
11
  import '@alfalab/hooks';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_19pq9","footer":"input-autocomplete__footer_19pq9"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-84ebe3aa.js';
2
2
  import React from 'react';
3
3
  import { useMedia } from '@alfalab/hooks';
4
4
  import { InputAutocompleteDesktop } from './Component.desktop.js';
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-f2befdfc.js';
1
+ import { a as __assign } from '../tslib.es6-84ebe3aa.js';
2
2
  import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_17923","error":"input-autocomplete__error_17923"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1pe3z */
2
- .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
1
+ /* hash: sttnp */
2
+ .input-autocomplete__arrow_17923.input-autocomplete__error_17923 ~ * {
3
3
  display: none;
4
4
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteField } from './Component.js';
2
- import '../tslib.es6-f2befdfc.js';
2
+ import '../tslib.es6-84ebe3aa.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-f2befdfc.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-84ebe3aa.js';
2
2
  import React, { useState, useRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/esm';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
7
+ var styles = {"component":"input-autocomplete__component_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,34 +1,33 @@
1
- /* hash: 1dkfd */
1
+ /* hash: 1k9e5 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-link: #007aff;
4
5
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
15
19
  --focus-color: var(--color-light-border-link);
16
20
  --disabled-cursor: not-allowed;
17
- }
18
- .input-autocomplete__component_koc3 {
21
+ } .input-autocomplete__component_143xn {
19
22
  width: 100%;
20
23
  outline: none;
21
- }
22
- .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
24
+ } .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
23
25
  cursor: pointer;
24
- }
25
- .input-autocomplete__disabled_koc3 {
26
+ } .input-autocomplete__disabled_143xn {
26
27
  cursor: var(--disabled-cursor);
27
- }
28
- .input-autocomplete__placeholder_koc3 {
28
+ } .input-autocomplete__placeholder_143xn {
29
29
  color: var(--color-light-text-secondary);
30
- }
31
- .input-autocomplete__contentWrapper_koc3 {
30
+ } .input-autocomplete__contentWrapper_143xn {
32
31
  font-size: 16px;
33
32
  line-height: 20px;
34
33
  font-weight: 400;
@@ -37,13 +36,11 @@
37
36
  text-overflow: ellipsis;
38
37
  overflow: hidden;
39
38
  width: 100%;
40
- }
41
- .input-autocomplete__value_koc3 {
39
+ } .input-autocomplete__value_143xn {
42
40
  overflow: hidden;
43
41
  text-overflow: ellipsis;
44
42
  text-align: left;
45
- }
46
- .input-autocomplete__focusVisible_koc3 {
43
+ } .input-autocomplete__focusVisible_143xn {
47
44
  outline: 2px solid var(--focus-color);
48
45
  outline-offset: 2px;
49
46
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteMobileField } from './Component.js';
2
- import '../tslib.es6-f2befdfc.js';
2
+ import '../tslib.es6-84ebe3aa.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-form-control/esm';
package/esm/desktop.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteDesktop } from './Component.desktop.js';
2
- import './tslib.es6-f2befdfc.js';
2
+ import './tslib.es6-84ebe3aa.js';
3
3
  import 'react';
4
4
  import '@alfalab/core-components-select/esm';
5
5
  import './autocomplete-field/Component.js';
@@ -24,6 +24,12 @@ type BottomSheetProps = {
24
24
  * Кнопка действия (обычно, это кнопка закрытия)
25
25
  */
26
26
  actionButton?: ReactNode;
27
+ /**
28
+ * Нода, компонент или функция возвращающая их
29
+ *
30
+ * Контейнер к которому будут добавляться порталы
31
+ */
32
+ container?: BaseModalProps["container"];
27
33
  /**
28
34
  * Дополнительный класс
29
35
  */
@@ -178,6 +184,7 @@ type FooterProps = {
178
184
  className?: string;
179
185
  };
180
186
  declare const Footer: FC<FooterProps>;
187
+ declare const isClient: () => boolean;
181
188
  type SwipeableBackdropProps = BackdropProps & {
182
189
  /**
183
190
  * Прозрачность бэкдропа
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
200
  opacityTimeout?: number;
194
201
  };
195
202
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
203
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
204
  export * from "./getDataTestId-3fe0d3e6";
package/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { InputAutocompleteDesktop as InputAutocomplete } from './Component.desktop.js';
2
2
  export { InputAutocompleteResponsive } from './Component.responsive.js';
3
- import './tslib.es6-f2befdfc.js';
3
+ import './tslib.es6-84ebe3aa.js';
4
4
  import 'react';
5
5
  import '@alfalab/core-components-select/esm';
6
6
  import './autocomplete-field/Component.js';
package/esm/mobile.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: nivdk */
1
+ /* hash: 134cl */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-xs: 8px;
12
16
  --gap-m: 16px;
13
- }
14
- .input-autocomplete__bottomSheetInput_ukk5x {
17
+ } :root {
18
+ } :root {
19
+ } .input-autocomplete__bottomSheetInput_19pq9 {
15
20
  padding: 0 var(--gap-xs) var(--gap-xs);
16
21
  box-sizing: border-box;
17
- }
18
- .input-autocomplete__footer_ukk5x {
22
+ } .input-autocomplete__footer_19pq9 {
19
23
  display: flex
20
- }
21
- .input-autocomplete__footer_ukk5x > button + button {
24
+ } .input-autocomplete__footer_19pq9 > button + button {
22
25
  margin-left: var(--gap-m);
23
26
  }
package/esm/mobile.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteMobile } from './Component.mobile.js';
2
- import './tslib.es6-f2befdfc.js';
2
+ import './tslib.es6-84ebe3aa.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
package/esm/responsive.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteResponsive } from './Component.responsive.js';
2
- import './tslib.es6-f2befdfc.js';
2
+ import './tslib.es6-84ebe3aa.js';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
5
5
  import './Component.desktop.js';
@@ -24,6 +24,12 @@ type BottomSheetProps = {
24
24
  * Кнопка действия (обычно, это кнопка закрытия)
25
25
  */
26
26
  actionButton?: ReactNode;
27
+ /**
28
+ * Нода, компонент или функция возвращающая их
29
+ *
30
+ * Контейнер к которому будут добавляться порталы
31
+ */
32
+ container?: BaseModalProps["container"];
27
33
  /**
28
34
  * Дополнительный класс
29
35
  */
@@ -178,6 +184,7 @@ type FooterProps = {
178
184
  className?: string;
179
185
  };
180
186
  declare const Footer: FC<FooterProps>;
187
+ declare const isClient: () => boolean;
181
188
  type SwipeableBackdropProps = BackdropProps & {
182
189
  /**
183
190
  * Прозрачность бэкдропа
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
200
  opacityTimeout?: number;
194
201
  };
195
202
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
203
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
204
  export * from "./getDataTestId-3fe0d3e6";
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var Component_desktop = require('./Component.desktop.js');
4
4
  var Component_responsive = require('./Component.responsive.js');
5
- require('./tslib.es6-063ae0c4.js');
5
+ require('./tslib.es6-3c9168a4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('./autocomplete-field/Component.js');
package/mobile.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: nivdk */
1
+ /* hash: 134cl */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-xs: 8px;
12
16
  --gap-m: 16px;
13
- }
14
- .input-autocomplete__bottomSheetInput_ukk5x {
17
+ } :root {
18
+ } :root {
19
+ } .input-autocomplete__bottomSheetInput_19pq9 {
15
20
  padding: 0 var(--gap-xs) var(--gap-xs);
16
21
  box-sizing: border-box;
17
- }
18
- .input-autocomplete__footer_ukk5x {
22
+ } .input-autocomplete__footer_19pq9 {
19
23
  display: flex
20
- }
21
- .input-autocomplete__footer_ukk5x > button + button {
24
+ } .input-autocomplete__footer_19pq9 > button + button {
22
25
  margin-left: var(--gap-m);
23
26
  }
package/mobile.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_mobile = require('./Component.mobile.js');
4
- require('./tslib.es6-063ae0c4.js');
4
+ require('./tslib.es6-3c9168a4.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -103,6 +103,10 @@ type TextBaseProps = {
103
103
  * Добавляет отступы к тэгу 'p'
104
104
  */
105
105
  defaultMargins?: never;
106
+ /**
107
+ * Количество строк (не поддерживает IE)
108
+ */
109
+ rowLimit?: 1 | 2 | 3;
106
110
  };
107
111
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
108
112
  tag?: "p";
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
147
151
  * Контент (native prop)
148
152
  */
149
153
  children?: React.ReactNode;
154
+ /**
155
+ * Количество строк (не поддерживает IE)
156
+ */
157
+ rowLimit?: 1 | 2 | 3;
150
158
  };
151
159
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
152
160
  declare const Typography: {
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
9
9
  import '@alfalab/core-components-form-control/modern';
10
10
  import '@alfalab/hooks';
11
11
 
12
- const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_19pq9","footer":"input-autocomplete__footer_19pq9"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- const styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_17923","error":"input-autocomplete__error_17923"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1pe3z */
2
- .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
1
+ /* hash: sttnp */
2
+ .input-autocomplete__arrow_17923.input-autocomplete__error_17923 ~ * {
3
3
  display: none;
4
4
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { FormControl } from '@alfalab/core-components-form-control/modern';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- const styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
6
+ const styles = {"component":"input-autocomplete__component_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,34 +1,33 @@
1
- /* hash: 1dkfd */
1
+ /* hash: 1k9e5 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-link: #007aff;
4
5
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
15
19
  --focus-color: var(--color-light-border-link);
16
20
  --disabled-cursor: not-allowed;
17
- }
18
- .input-autocomplete__component_koc3 {
21
+ } .input-autocomplete__component_143xn {
19
22
  width: 100%;
20
23
  outline: none;
21
- }
22
- .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
24
+ } .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
23
25
  cursor: pointer;
24
- }
25
- .input-autocomplete__disabled_koc3 {
26
+ } .input-autocomplete__disabled_143xn {
26
27
  cursor: var(--disabled-cursor);
27
- }
28
- .input-autocomplete__placeholder_koc3 {
28
+ } .input-autocomplete__placeholder_143xn {
29
29
  color: var(--color-light-text-secondary);
30
- }
31
- .input-autocomplete__contentWrapper_koc3 {
30
+ } .input-autocomplete__contentWrapper_143xn {
32
31
  font-size: 16px;
33
32
  line-height: 20px;
34
33
  font-weight: 400;
@@ -37,13 +36,11 @@
37
36
  text-overflow: ellipsis;
38
37
  overflow: hidden;
39
38
  width: 100%;
40
- }
41
- .input-autocomplete__value_koc3 {
39
+ } .input-autocomplete__value_143xn {
42
40
  overflow: hidden;
43
41
  text-overflow: ellipsis;
44
42
  text-align: left;
45
- }
46
- .input-autocomplete__focusVisible_koc3 {
43
+ } .input-autocomplete__focusVisible_143xn {
47
44
  outline: 2px solid var(--focus-color);
48
45
  outline-offset: 2px;
49
46
  }
@@ -24,6 +24,12 @@ type BottomSheetProps = {
24
24
  * Кнопка действия (обычно, это кнопка закрытия)
25
25
  */
26
26
  actionButton?: ReactNode;
27
+ /**
28
+ * Нода, компонент или функция возвращающая их
29
+ *
30
+ * Контейнер к которому будут добавляться порталы
31
+ */
32
+ container?: BaseModalProps["container"];
27
33
  /**
28
34
  * Дополнительный класс
29
35
  */
@@ -178,6 +184,7 @@ type FooterProps = {
178
184
  className?: string;
179
185
  };
180
186
  declare const Footer: FC<FooterProps>;
187
+ declare const isClient: () => boolean;
181
188
  type SwipeableBackdropProps = BackdropProps & {
182
189
  /**
183
190
  * Прозрачность бэкдропа
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
200
  opacityTimeout?: number;
194
201
  };
195
202
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
203
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
204
  export * from "./getDataTestId-3fe0d3e6";
package/modern/mobile.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: nivdk */
1
+ /* hash: 134cl */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-xs: 8px;
12
16
  --gap-m: 16px;
13
- }
14
- .input-autocomplete__bottomSheetInput_ukk5x {
17
+ } :root {
18
+ } :root {
19
+ } .input-autocomplete__bottomSheetInput_19pq9 {
15
20
  padding: 0 var(--gap-xs) var(--gap-xs);
16
21
  box-sizing: border-box;
17
- }
18
- .input-autocomplete__footer_ukk5x {
22
+ } .input-autocomplete__footer_19pq9 {
19
23
  display: flex
20
- }
21
- .input-autocomplete__footer_ukk5x > button + button {
24
+ } .input-autocomplete__footer_19pq9 > button + button {
22
25
  margin-left: var(--gap-m);
23
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.3.4",
3
+ "version": "9.3.6",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^7.0.3",
21
21
  "@alfalab/core-components-form-control": "^9.0.2",
22
22
  "@alfalab/core-components-input": "^11.1.4",
23
- "@alfalab/core-components-select": "^13.2.7",
23
+ "@alfalab/core-components-select": "^13.2.9",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",
package/responsive.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_responsive = require('./Component.responsive.js');
4
- require('./tslib.es6-063ae0c4.js');
4
+ require('./tslib.es6-3c9168a4.js');
5
5
  require('react');
6
6
  require('@alfalab/hooks');
7
7
  require('./Component.desktop.js');