@alfalab/core-components-input-autocomplete 9.3.3 → 9.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/Component-7ca84eff.d.ts +10 -2
  2. package/Component.desktop.js +1 -1
  3. package/Component.mobile.js +2 -2
  4. package/Component.responsive.js +1 -1
  5. package/autocomplete-field/Component.js +2 -2
  6. package/autocomplete-field/index.css +2 -2
  7. package/autocomplete-field/index.js +1 -1
  8. package/autocomplete-mobile-field/Component.js +2 -2
  9. package/autocomplete-mobile-field/index.css +8 -8
  10. package/autocomplete-mobile-field/index.js +1 -1
  11. package/cssm/Component-7ca84eff.d.ts +10 -2
  12. package/cssm/index-7ca84eff.d.ts +2 -1
  13. package/desktop.js +1 -1
  14. package/esm/Component-7ca84eff.d.ts +10 -2
  15. package/esm/Component.desktop.js +1 -1
  16. package/esm/Component.mobile.js +2 -2
  17. package/esm/Component.responsive.js +1 -1
  18. package/esm/autocomplete-field/Component.js +2 -2
  19. package/esm/autocomplete-field/index.css +2 -2
  20. package/esm/autocomplete-field/index.js +1 -1
  21. package/esm/autocomplete-mobile-field/Component.js +2 -2
  22. package/esm/autocomplete-mobile-field/index.css +8 -8
  23. package/esm/autocomplete-mobile-field/index.js +1 -1
  24. package/esm/desktop.js +1 -1
  25. package/esm/index-7ca84eff.d.ts +2 -1
  26. package/esm/index.js +1 -1
  27. package/esm/mobile.css +4 -4
  28. package/esm/mobile.js +1 -1
  29. package/esm/responsive.js +1 -1
  30. package/esm/{tslib.es6-f4a47774.d.ts → tslib.es6-c603502c.d.ts} +0 -0
  31. package/esm/{tslib.es6-f4a47774.js → tslib.es6-c603502c.js} +0 -0
  32. package/index-7ca84eff.d.ts +2 -1
  33. package/index.js +1 -1
  34. package/mobile.css +4 -4
  35. package/mobile.js +1 -1
  36. package/modern/Component-7ca84eff.d.ts +10 -2
  37. package/modern/Component.mobile.js +1 -1
  38. package/modern/autocomplete-field/Component.js +1 -1
  39. package/modern/autocomplete-field/index.css +2 -2
  40. package/modern/autocomplete-mobile-field/Component.js +1 -1
  41. package/modern/autocomplete-mobile-field/index.css +8 -8
  42. package/modern/index-7ca84eff.d.ts +2 -1
  43. package/modern/mobile.css +4 -4
  44. package/package.json +4 -4
  45. package/responsive.js +1 -1
  46. /package/{tslib.es6-e22c676b.d.ts → tslib.es6-73246b1c.d.ts} +0 -0
  47. /package/{tslib.es6-e22c676b.js → tslib.es6-73246b1c.js} +0 -0
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -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";
@@ -116,7 +120,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
120
  */
117
121
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
122
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
123
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
124
  */
121
125
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
126
  /**
@@ -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,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-73246b1c.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-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-73246b1c.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_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
22
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
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-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-73246b1c.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-e22c676b.js');
3
+ var tslib_es6 = require('../tslib.es6-73246b1c.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_1e3a5","error":"input-autocomplete__error_1e3a5"};
15
+ var styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
16
16
  require('./index.css')
17
17
 
18
18
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: uxw6v */
2
+ .input-autocomplete__arrow_jx6hq.input-autocomplete__error_jx6hq ~ * {
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-e22c676b.js');
4
+ require('../tslib.es6-73246b1c.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-e22c676b.js');
3
+ var tslib_es6 = require('../tslib.es6-73246b1c.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_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
14
+ var styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
15
15
  require('./index.css')
16
16
 
17
17
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: td6xf */
1
+ /* hash: 1i5bm */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_x9pm1 {
18
+ .input-autocomplete__component_17hpw {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_17hpw {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_17hpw {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_17hpw {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_x9pm1 {
41
+ .input-autocomplete__value_17hpw {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_17hpw {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var autocompleteMobileField_Component = require('./Component.js');
4
- require('../tslib.es6-e22c676b.js');
4
+ require('../tslib.es6-73246b1c.js');
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-form-control');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -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";
@@ -116,7 +120,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
120
  */
117
121
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
122
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
123
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
124
  */
121
125
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
126
  /**
@@ -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: {
@@ -178,6 +178,7 @@ type FooterProps = {
178
178
  className?: string;
179
179
  };
180
180
  declare const Footer: FC<FooterProps>;
181
+ declare const isClient: () => boolean;
181
182
  type SwipeableBackdropProps = BackdropProps & {
182
183
  /**
183
184
  * Прозрачность бэкдропа
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  opacityTimeout?: number;
194
195
  };
195
196
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
198
  export * from "./getDataTestId-3fe0d3e6";
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-e22c676b.js');
4
+ require('./tslib.es6-73246b1c.js');
5
5
  require('react');
6
6
  require('@alfalab/core-components-select');
7
7
  require('./autocomplete-field/Component.js');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -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";
@@ -116,7 +120,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
120
  */
117
121
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
122
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
123
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
124
  */
121
125
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
126
  /**
@@ -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-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-c603502c.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-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-c603502c.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_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
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-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-c603502c.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-f4a47774.js';
1
+ import { a as __assign } from '../tslib.es6-c603502c.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_1e3a5","error":"input-autocomplete__error_1e3a5"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: uxw6v */
2
+ .input-autocomplete__arrow_jx6hq.input-autocomplete__error_jx6hq ~ * {
3
3
  display: none;
4
4
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteField } from './Component.js';
2
- import '../tslib.es6-f4a47774.js';
2
+ import '../tslib.es6-c603502c.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-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-c603502c.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_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
7
+ var styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: td6xf */
1
+ /* hash: 1i5bm */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_x9pm1 {
18
+ .input-autocomplete__component_17hpw {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_17hpw {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_17hpw {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_17hpw {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_x9pm1 {
41
+ .input-autocomplete__value_17hpw {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_17hpw {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteMobileField } from './Component.js';
2
- import '../tslib.es6-f4a47774.js';
2
+ import '../tslib.es6-c603502c.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-f4a47774.js';
2
+ import './tslib.es6-c603502c.js';
3
3
  import 'react';
4
4
  import '@alfalab/core-components-select/esm';
5
5
  import './autocomplete-field/Component.js';
@@ -178,6 +178,7 @@ type FooterProps = {
178
178
  className?: string;
179
179
  };
180
180
  declare const Footer: FC<FooterProps>;
181
+ declare const isClient: () => boolean;
181
182
  type SwipeableBackdropProps = BackdropProps & {
182
183
  /**
183
184
  * Прозрачность бэкдропа
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  opacityTimeout?: number;
194
195
  };
195
196
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
198
  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-f4a47774.js';
3
+ import './tslib.es6-c603502c.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,4 +1,4 @@
1
- /* hash: kurbv */
1
+ /* hash: 158f5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_30lcl {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_30lcl {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_30lcl > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteMobile } from './Component.mobile.js';
2
- import './tslib.es6-f4a47774.js';
2
+ import './tslib.es6-c603502c.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-f4a47774.js';
2
+ import './tslib.es6-c603502c.js';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
5
5
  import './Component.desktop.js';
@@ -178,6 +178,7 @@ type FooterProps = {
178
178
  className?: string;
179
179
  };
180
180
  declare const Footer: FC<FooterProps>;
181
+ declare const isClient: () => boolean;
181
182
  type SwipeableBackdropProps = BackdropProps & {
182
183
  /**
183
184
  * Прозрачность бэкдропа
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  opacityTimeout?: number;
194
195
  };
195
196
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
198
  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-e22c676b.js');
5
+ require('./tslib.es6-73246b1c.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('./autocomplete-field/Component.js');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kurbv */
1
+ /* hash: 158f5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_30lcl {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_30lcl {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_30lcl > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
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-e22c676b.js');
4
+ require('./tslib.es6-73246b1c.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -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";
@@ -116,7 +120,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
120
  */
117
121
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
122
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
123
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
124
  */
121
125
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
126
  /**
@@ -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_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
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_1e3a5","error":"input-autocomplete__error_1e3a5"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
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: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: uxw6v */
2
+ .input-autocomplete__arrow_jx6hq.input-autocomplete__error_jx6hq ~ * {
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_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
6
+ const styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
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,4 +1,4 @@
1
- /* hash: td6xf */
1
+ /* hash: 1i5bm */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_x9pm1 {
18
+ .input-autocomplete__component_17hpw {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_17hpw {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_17hpw {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_17hpw {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_x9pm1 {
41
+ .input-autocomplete__value_17hpw {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_17hpw {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -178,6 +178,7 @@ type FooterProps = {
178
178
  className?: string;
179
179
  };
180
180
  declare const Footer: FC<FooterProps>;
181
+ declare const isClient: () => boolean;
181
182
  type SwipeableBackdropProps = BackdropProps & {
182
183
  /**
183
184
  * Прозрачность бэкдропа
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  opacityTimeout?: number;
194
195
  };
195
196
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
196
- export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
197
198
  export * from "./getDataTestId-3fe0d3e6";
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kurbv */
1
+ /* hash: 158f5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_30lcl {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_30lcl {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_30lcl > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.3.3",
3
+ "version": "9.3.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,10 +17,10 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-button": "^7.0.2",
20
+ "@alfalab/core-components-button": "^7.0.3",
21
21
  "@alfalab/core-components-form-control": "^9.0.2",
22
- "@alfalab/core-components-input": "^11.1.3",
23
- "@alfalab/core-components-select": "^13.2.6",
22
+ "@alfalab/core-components-input": "^11.1.4",
23
+ "@alfalab/core-components-select": "^13.2.8",
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-e22c676b.js');
4
+ require('./tslib.es6-73246b1c.js');
5
5
  require('react');
6
6
  require('@alfalab/hooks');
7
7
  require('./Component.desktop.js');