@alfalab/core-components-input-autocomplete 7.5.0 → 7.6.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 (47) hide show
  1. package/Component-7ca84eff.d.ts +12 -0
  2. package/Component.js +1 -1
  3. package/Component.mobile.js +3 -3
  4. package/autocomplete-field/Component.js +2 -2
  5. package/autocomplete-field/index.css +2 -2
  6. package/autocomplete-field/index.js +1 -1
  7. package/autocomplete-mobile-field/Component.js +2 -2
  8. package/autocomplete-mobile-field/index.css +8 -8
  9. package/autocomplete-mobile-field/index.js +1 -1
  10. package/cssm/Component-7ca84eff.d.ts +12 -0
  11. package/cssm/Component.mobile.js +1 -1
  12. package/cssm/getDataTestId-3fe0d3e6.d.ts +2 -0
  13. package/cssm/index-7ca84eff.d.ts +2 -0
  14. package/esm/Component-7ca84eff.d.ts +12 -0
  15. package/esm/Component.js +1 -1
  16. package/esm/Component.mobile.js +3 -3
  17. package/esm/autocomplete-field/Component.js +2 -2
  18. package/esm/autocomplete-field/index.css +2 -2
  19. package/esm/autocomplete-field/index.js +1 -1
  20. package/esm/autocomplete-mobile-field/Component.js +2 -2
  21. package/esm/autocomplete-mobile-field/index.css +8 -8
  22. package/esm/autocomplete-mobile-field/index.js +1 -1
  23. package/esm/getDataTestId-3fe0d3e6.d.ts +2 -0
  24. package/esm/index-7ca84eff.d.ts +2 -0
  25. package/esm/index.js +1 -1
  26. package/esm/mobile.css +4 -4
  27. package/esm/mobile.js +1 -1
  28. package/esm/{tslib.es6-6d311a07.d.ts → tslib.es6-7efeb408.d.ts} +0 -0
  29. package/esm/{tslib.es6-6d311a07.js → tslib.es6-7efeb408.js} +0 -0
  30. package/getDataTestId-3fe0d3e6.d.ts +2 -0
  31. package/index-7ca84eff.d.ts +2 -0
  32. package/index.js +1 -1
  33. package/mobile.css +4 -4
  34. package/mobile.js +1 -1
  35. package/modern/Component-7ca84eff.d.ts +12 -0
  36. package/modern/Component.mobile.js +1 -2
  37. package/modern/autocomplete-field/Component.js +1 -1
  38. package/modern/autocomplete-field/index.css +2 -2
  39. package/modern/autocomplete-mobile-field/Component.js +1 -1
  40. package/modern/autocomplete-mobile-field/index.css +8 -8
  41. package/modern/getDataTestId-3fe0d3e6.d.ts +2 -0
  42. package/modern/index-7ca84eff.d.ts +2 -0
  43. package/modern/mobile.css +4 -4
  44. package/package.json +4 -4
  45. package/{tslib.es6-4ec9e5d1.d.ts → tslib.es6-ab4dd6e6.d.ts} +0 -0
  46. package/{tslib.es6-4ec9e5d1.js → tslib.es6-ab4dd6e6.js} +0 -0
  47. package/CHANGELOG.md +0 -820
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
39
39
  * Размер кнопки
40
40
  */
41
41
  size?: IconButtonProps["size"];
42
+ /**
43
+ * Идентификатор для систем автоматизированного тестирования
44
+ */
45
+ dataTestId?: string;
42
46
  /**
43
47
  * Иконка
44
48
  */
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
158
162
  * Иконка
159
163
  */
160
164
  icon?: ElementType;
165
+ /**
166
+ * Идентификатор для систем автоматизированного тестирования
167
+ */
168
+ dataTestId?: string;
161
169
  /**
162
170
  * Обработчик нажатия
163
171
  */
@@ -218,6 +226,10 @@ type HeaderProps = {
218
226
  * Фиксирует шапку
219
227
  */
220
228
  sticky?: boolean;
229
+ /**
230
+ * Идентификатор для систем автоматизированного тестирования
231
+ */
232
+ dataTestId?: string;
221
233
  /**
222
234
  * Обработчик нажатия на стрелку назад
223
235
  */
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-4ec9e5d1.js');
5
+ var tslib_es6 = require('./tslib.es6-ab4dd6e6.js');
6
6
  require('classnames');
7
7
  var React = require('react');
8
8
  require('react-merge-refs');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-4ec9e5d1.js');
5
+ var tslib_es6 = require('./tslib.es6-ab4dd6e6.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var mergeRefs = require('react-merge-refs');
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ap8s9","footer":"input-autocomplete__footer_ap8s9"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var SELECTED = [];
@@ -74,7 +74,7 @@ var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a,
74
74
  React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React__default['default'].createElement(coreComponentsInput.Input, tslib_es6.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default['default'](styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default['default']([
75
75
  bottomSheetInputRef,
76
76
  bottomSheetHeaderAddonsProps.ref,
77
- ]) }))), initialHeight: 'full', ignoreScreenChange: true }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
77
+ ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
78
78
  };
79
79
  return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({ ref: mergeRefs__default['default']([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
80
80
  });
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-4ec9e5d1.js');
5
+ var tslib_es6 = require('../tslib.es6-ab4dd6e6.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var mergeRefs = require('react-merge-refs');
@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_geox0","error":"input-autocomplete__error_geox0"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 10vjx */
2
- .input-autocomplete__arrow_geox0.input-autocomplete__error_geox0 ~ * {
1
+ /* hash: 11j81 */
2
+ .input-autocomplete__arrow_ge55g.input-autocomplete__error_ge55g ~ * {
3
3
  display: none;
4
4
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-4ec9e5d1.js');
5
+ require('../tslib.es6-ab4dd6e6.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-4ec9e5d1.js');
5
+ var tslib_es6 = require('../tslib.es6-ab4dd6e6.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var hooks = require('@alfalab/hooks');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_1escn","field":"input-autocomplete__field_1escn","disabled":"input-autocomplete__disabled_1escn","placeholder":"input-autocomplete__placeholder_1escn","contentWrapper":"input-autocomplete__contentWrapper_1escn","value":"input-autocomplete__value_1escn","focusVisible":"input-autocomplete__focusVisible_1escn"};
16
+ var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: y0ohj */
1
+ /* hash: gl6ny */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: #546272;
@@ -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_1escn {
18
+ .input-autocomplete__component_uc13b {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_1escn:not(.input-autocomplete__disabled_1escn) {
22
+ .input-autocomplete__field_uc13b:not(.input-autocomplete__disabled_uc13b) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_1escn {
25
+ .input-autocomplete__disabled_uc13b {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_1escn {
28
+ .input-autocomplete__placeholder_uc13b {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_1escn {
31
+ .input-autocomplete__contentWrapper_uc13b {
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_1escn {
41
+ .input-autocomplete__value_uc13b {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_1escn {
46
+ .input-autocomplete__focusVisible_uc13b {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-4ec9e5d1.js');
5
+ require('../tslib.es6-ab4dd6e6.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('@alfalab/hooks');
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
39
39
  * Размер кнопки
40
40
  */
41
41
  size?: IconButtonProps["size"];
42
+ /**
43
+ * Идентификатор для систем автоматизированного тестирования
44
+ */
45
+ dataTestId?: string;
42
46
  /**
43
47
  * Иконка
44
48
  */
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
158
162
  * Иконка
159
163
  */
160
164
  icon?: ElementType;
165
+ /**
166
+ * Идентификатор для систем автоматизированного тестирования
167
+ */
168
+ dataTestId?: string;
161
169
  /**
162
170
  * Обработчик нажатия
163
171
  */
@@ -218,6 +226,10 @@ type HeaderProps = {
218
226
  * Фиксирует шапку
219
227
  */
220
228
  sticky?: boolean;
229
+ /**
230
+ * Идентификатор для систем автоматизированного тестирования
231
+ */
232
+ dataTestId?: string;
221
233
  /**
222
234
  * Обработчик нажатия на стрелку назад
223
235
  */
@@ -74,7 +74,7 @@ var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a,
74
74
  React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React__default['default'].createElement(coreComponentsInput.Input, tslib_es6.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default['default'](styles__default['default'].bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default['default']([
75
75
  bottomSheetInputRef,
76
76
  bottomSheetHeaderAddonsProps.ref,
77
- ]) }))), initialHeight: 'full', ignoreScreenChange: true }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
77
+ ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
78
78
  };
79
79
  return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({ ref: mergeRefs__default['default']([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
80
80
  });
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
+ export { getDataTestId };
@@ -142,6 +142,7 @@ type BottomSheetProps = {
142
142
  */
143
143
  disableBlockingScroll?: boolean;
144
144
  /**
145
+ * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
145
146
  * Не анимировать шторку при изменении размера вьюпорта
146
147
  */
147
148
  ignoreScreenChange?: boolean;
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  };
194
195
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
195
196
  export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export * from "./getDataTestId-3fe0d3e6";
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
39
39
  * Размер кнопки
40
40
  */
41
41
  size?: IconButtonProps["size"];
42
+ /**
43
+ * Идентификатор для систем автоматизированного тестирования
44
+ */
45
+ dataTestId?: string;
42
46
  /**
43
47
  * Иконка
44
48
  */
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
158
162
  * Иконка
159
163
  */
160
164
  icon?: ElementType;
165
+ /**
166
+ * Идентификатор для систем автоматизированного тестирования
167
+ */
168
+ dataTestId?: string;
161
169
  /**
162
170
  * Обработчик нажатия
163
171
  */
@@ -218,6 +226,10 @@ type HeaderProps = {
218
226
  * Фиксирует шапку
219
227
  */
220
228
  sticky?: boolean;
229
+ /**
230
+ * Идентификатор для систем автоматизированного тестирования
231
+ */
232
+ dataTestId?: string;
221
233
  /**
222
234
  * Обработчик нажатия на стрелку назад
223
235
  */
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6d311a07.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-7efeb408.js';
2
2
  import 'classnames';
3
3
  import React, { forwardRef } from 'react';
4
4
  import 'react-merge-refs';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6d311a07.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-7efeb408.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useState, useRef, useMemo } from 'react';
4
4
  import mergeRefs from 'react-merge-refs';
@@ -10,7 +10,7 @@ import '@alfalab/hooks';
10
10
  import '@alfalab/core-components-form-control/esm';
11
11
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ap8s9","footer":"input-autocomplete__footer_ap8s9"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -63,7 +63,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
63
63
  React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React.createElement(Input, __assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
64
64
  bottomSheetInputRef,
65
65
  bottomSheetHeaderAddonsProps.ref,
66
- ]) }))), initialHeight: 'full', ignoreScreenChange: true }, bottomSheetProps), { containerProps: __assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
66
+ ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: __assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
67
67
  };
68
68
  return (React.createElement(SelectMobile, __assign({ ref: mergeRefs([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
69
69
  });
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-6d311a07.js';
1
+ import { a as __assign } from '../tslib.es6-7efeb408.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useRef, useCallback } from 'react';
4
4
  import mergeRefs from 'react-merge-refs';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_geox0","error":"input-autocomplete__error_geox0"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 10vjx */
2
- .input-autocomplete__arrow_geox0.input-autocomplete__error_geox0 ~ * {
1
+ /* hash: 11j81 */
2
+ .input-autocomplete__arrow_ge55g.input-autocomplete__error_ge55g ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6d311a07.js';
1
+ import '../tslib.es6-7efeb408.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-6d311a07.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-7efeb408.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useState, useRef } from 'react';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
  import { FormControl } from '@alfalab/core-components-form-control/esm';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_1escn","field":"input-autocomplete__field_1escn","disabled":"input-autocomplete__disabled_1escn","placeholder":"input-autocomplete__placeholder_1escn","contentWrapper":"input-autocomplete__contentWrapper_1escn","value":"input-autocomplete__value_1escn","focusVisible":"input-autocomplete__focusVisible_1escn"};
7
+ var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: y0ohj */
1
+ /* hash: gl6ny */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: #546272;
@@ -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_1escn {
18
+ .input-autocomplete__component_uc13b {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_1escn:not(.input-autocomplete__disabled_1escn) {
22
+ .input-autocomplete__field_uc13b:not(.input-autocomplete__disabled_uc13b) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_1escn {
25
+ .input-autocomplete__disabled_uc13b {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_1escn {
28
+ .input-autocomplete__placeholder_uc13b {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_1escn {
31
+ .input-autocomplete__contentWrapper_uc13b {
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_1escn {
41
+ .input-autocomplete__value_uc13b {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_1escn {
46
+ .input-autocomplete__focusVisible_uc13b {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6d311a07.js';
1
+ import '../tslib.es6-7efeb408.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
+ export { getDataTestId };
@@ -142,6 +142,7 @@ type BottomSheetProps = {
142
142
  */
143
143
  disableBlockingScroll?: boolean;
144
144
  /**
145
+ * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
145
146
  * Не анимировать шторку при изменении размера вьюпорта
146
147
  */
147
148
  ignoreScreenChange?: boolean;
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  };
194
195
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
195
196
  export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export * from "./getDataTestId-3fe0d3e6";
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6d311a07.js';
1
+ import './tslib.es6-7efeb408.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zt1qs */
1
+ /* hash: 10gpu */
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_ap8s9 {
14
+ .input-autocomplete__bottomSheetInput_aop0p {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_ap8s9 {
18
+ .input-autocomplete__footer_aop0p {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_ap8s9 > button + button {
21
+ .input-autocomplete__footer_aop0p > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6d311a07.js';
1
+ import './tslib.es6-7efeb408.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
+ export { getDataTestId };
@@ -142,6 +142,7 @@ type BottomSheetProps = {
142
142
  */
143
143
  disableBlockingScroll?: boolean;
144
144
  /**
145
+ * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
145
146
  * Не анимировать шторку при изменении размера вьюпорта
146
147
  */
147
148
  ignoreScreenChange?: boolean;
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
193
194
  };
194
195
  declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
195
196
  export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
197
+ export * from "./getDataTestId-3fe0d3e6";
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-4ec9e5d1.js');
5
+ require('./tslib.es6-ab4dd6e6.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zt1qs */
1
+ /* hash: 10gpu */
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_ap8s9 {
14
+ .input-autocomplete__bottomSheetInput_aop0p {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_ap8s9 {
18
+ .input-autocomplete__footer_aop0p {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_ap8s9 > button + button {
21
+ .input-autocomplete__footer_aop0p > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-4ec9e5d1.js');
5
+ require('./tslib.es6-ab4dd6e6.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
39
39
  * Размер кнопки
40
40
  */
41
41
  size?: IconButtonProps["size"];
42
+ /**
43
+ * Идентификатор для систем автоматизированного тестирования
44
+ */
45
+ dataTestId?: string;
42
46
  /**
43
47
  * Иконка
44
48
  */
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
158
162
  * Иконка
159
163
  */
160
164
  icon?: ElementType;
165
+ /**
166
+ * Идентификатор для систем автоматизированного тестирования
167
+ */
168
+ dataTestId?: string;
161
169
  /**
162
170
  * Обработчик нажатия
163
171
  */
@@ -218,6 +226,10 @@ type HeaderProps = {
218
226
  * Фиксирует шапку
219
227
  */
220
228
  sticky?: boolean;
229
+ /**
230
+ * Идентификатор для систем автоматизированного тестирования
231
+ */
232
+ dataTestId?: string;
221
233
  /**
222
234
  * Обработчик нажатия на стрелку назад
223
235
  */
@@ -9,7 +9,7 @@ import '@alfalab/hooks';
9
9
  import '@alfalab/core-components-form-control/modern';
10
10
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
11
11
 
12
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ap8s9","footer":"input-autocomplete__footer_ap8s9"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -66,7 +66,6 @@ const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, botto
66
66
  bottomSheetHeaderAddonsProps.ref,
67
67
  ]) }))),
68
68
  initialHeight: 'full',
69
- ignoreScreenChange: true,
70
69
  ...bottomSheetProps,
71
70
  containerProps: {
72
71
  onTouchMove: handleOptionsListTouchMove,
@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- var styles = {"arrow":"input-autocomplete__arrow_geox0","error":"input-autocomplete__error_geox0"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 10vjx */
2
- .input-autocomplete__arrow_geox0.input-autocomplete__error_geox0 ~ * {
1
+ /* hash: 11j81 */
2
+ .input-autocomplete__arrow_ge55g.input-autocomplete__error_ge55g ~ * {
3
3
  display: none;
4
4
  }
@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
3
3
  import { useFocus } from '@alfalab/hooks';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/modern';
5
5
 
6
- var styles = {"component":"input-autocomplete__component_1escn","field":"input-autocomplete__field_1escn","disabled":"input-autocomplete__disabled_1escn","placeholder":"input-autocomplete__placeholder_1escn","contentWrapper":"input-autocomplete__contentWrapper_1escn","value":"input-autocomplete__value_1escn","focusVisible":"input-autocomplete__focusVisible_1escn"};
6
+ var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {