@alfalab/core-components-input-autocomplete 12.9.4 → 12.9.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 (22) hide show
  1. package/autocomplete-field/Component.js +1 -1
  2. package/autocomplete-field/index.css +2 -2
  3. package/autocomplete-mobile-field/Component.js +1 -1
  4. package/autocomplete-mobile-field/index.css +11 -11
  5. package/cssm/mobile/Component.mobile.js +10 -1
  6. package/esm/autocomplete-field/Component.js +1 -1
  7. package/esm/autocomplete-field/index.css +2 -2
  8. package/esm/autocomplete-mobile-field/Component.js +1 -1
  9. package/esm/autocomplete-mobile-field/index.css +11 -11
  10. package/esm/mobile/Component.mobile.js +11 -2
  11. package/esm/mobile/mobile.css +2 -2
  12. package/mobile/Component.mobile.js +11 -2
  13. package/mobile/mobile.css +2 -2
  14. package/modern/autocomplete-field/Component.js +1 -1
  15. package/modern/autocomplete-field/index.css +2 -2
  16. package/modern/autocomplete-mobile-field/Component.js +1 -1
  17. package/modern/autocomplete-mobile-field/index.css +11 -11
  18. package/modern/mobile/Component.mobile.js +11 -2
  19. package/modern/mobile/mobile.css +2 -2
  20. package/moderncssm/mobile/Component.mobile.js +10 -1
  21. package/package.json +9 -8
  22. package/src/mobile/Component.mobile.tsx +13 -1
package/autocomplete-field/Component.js CHANGED
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"arrow":"input-autocomplete__arrow_vgra2","error":"input-autocomplete__error_vgra2"};
18
+ var styles = {"arrow":"input-autocomplete__arrow_13cqc","error":"input-autocomplete__error_13cqc"};
19
19
  require('./index.css')
20
20
 
21
21
  var AutocompleteField = function (_a) {
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1wuit */
2
- .input-autocomplete__arrow_vgra2.input-autocomplete__error_vgra2 ~ * {
1
+ /* hash: 1gpdb */
2
+ .input-autocomplete__arrow_13cqc.input-autocomplete__error_13cqc ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-mobile-field/Component.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"component":"input-autocomplete__component_1xu8t","field":"input-autocomplete__field_1xu8t","disabled":"input-autocomplete__disabled_1xu8t","errorIcon":"input-autocomplete__errorIcon_1xu8t","successIcon":"input-autocomplete__successIcon_1xu8t","placeholder":"input-autocomplete__placeholder_1xu8t","contentWrapper":"input-autocomplete__contentWrapper_1xu8t","value":"input-autocomplete__value_1xu8t","focusVisible":"input-autocomplete__focusVisible_1xu8t"};
19
+ var styles = {"component":"input-autocomplete__component_1py9r","field":"input-autocomplete__field_1py9r","disabled":"input-autocomplete__disabled_1py9r","errorIcon":"input-autocomplete__errorIcon_1py9r","successIcon":"input-autocomplete__successIcon_1py9r","placeholder":"input-autocomplete__placeholder_1py9r","contentWrapper":"input-autocomplete__contentWrapper_1py9r","value":"input-autocomplete__value_1py9r","focusVisible":"input-autocomplete__focusVisible_1py9r"};
20
20
  require('./index.css')
21
21
 
22
22
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6f0b0 */
1
+ /* hash: 1go1f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -32,22 +32,22 @@
32
32
 
33
33
  /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
34
34
  --input-error-icon-not-alone-display: none;
35
- } .input-autocomplete__component_1xu8t {
35
+ } .input-autocomplete__component_1py9r {
36
36
  width: 100%;
37
37
  outline: none;
38
- } .input-autocomplete__field_1xu8t:not(.input-autocomplete__disabled_1xu8t) {
38
+ } .input-autocomplete__field_1py9r:not(.input-autocomplete__disabled_1py9r) {
39
39
  cursor: pointer;
40
- } .input-autocomplete__errorIcon_1xu8t {
40
+ } .input-autocomplete__errorIcon_1py9r {
41
41
  display: var(--input-error-icon-display);
42
- } * + .input-autocomplete__errorIcon_1xu8t {
42
+ } * + .input-autocomplete__errorIcon_1py9r {
43
43
  display: var(--input-error-icon-not-alone-display);
44
- } .input-autocomplete__successIcon_1xu8t {
44
+ } .input-autocomplete__successIcon_1py9r {
45
45
  display: var(--input-success-icon-display);
46
- } .input-autocomplete__disabled_1xu8t {
46
+ } .input-autocomplete__disabled_1py9r {
47
47
  cursor: var(--disabled-cursor);
48
- } .input-autocomplete__placeholder_1xu8t {
48
+ } .input-autocomplete__placeholder_1py9r {
49
49
  color: var(--color-light-text-secondary);
50
- } .input-autocomplete__contentWrapper_1xu8t {
50
+ } .input-autocomplete__contentWrapper_1py9r {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 400;
@@ -56,11 +56,11 @@
56
56
  text-overflow: ellipsis;
57
57
  overflow: hidden;
58
58
  width: 100%;
59
- } .input-autocomplete__value_1xu8t {
59
+ } .input-autocomplete__value_1py9r {
60
60
  overflow: hidden;
61
61
  text-overflow: ellipsis;
62
62
  text-align: left;
63
- } .input-autocomplete__focusVisible_1xu8t {
63
+ } .input-autocomplete__focusVisible_1py9r {
64
64
  outline: 2px solid var(--focus-color);
65
65
  outline-offset: 2px;
66
66
  }
package/cssm/mobile/Component.mobile.js CHANGED
@@ -5,10 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
+ var core = require('@maskito/core');
8
9
  var cn = require('classnames');
9
10
  var throttle = require('lodash/throttle');
10
11
  var mobile = require('@alfalab/core-components-select/cssm/mobile');
11
12
  var shared = require('@alfalab/core-components-select/cssm/shared');
13
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
12
14
  var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
15
  var enums = require('../enums.js');
14
16
  var utils = require('../utils.js');
@@ -77,6 +79,13 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
77
79
  },
78
80
  _b);
79
81
  var clear = (_c = inputProps === null || inputProps === void 0 ? void 0 : inputProps.clear) !== null && _c !== void 0 ? _c : false;
82
+ var displayValue = isOpen ? frozenValue.current : value;
83
+ var fieldValue = React.useMemo(function () {
84
+ var mask = inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask;
85
+ return coreComponentsShared.isNonNullable(displayValue) && coreComponentsShared.isMaskitoMask(mask)
86
+ ? core.maskitoTransform(displayValue, { mask: mask })
87
+ : displayValue;
88
+ }, [displayValue, inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask]);
80
89
  return (React__default.default.createElement(Component, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, (isBottomSheet
81
90
  ? { bottomSheetProps: tslib.__assign(tslib.__assign({}, componentProps), { virtualKeyboard: virtualKeyboard }) }
82
91
  : {
@@ -86,7 +95,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
86
95
  value: value,
87
96
  filterFn: utils.searchFilterStub,
88
97
  componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles__default.default.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, enums.OnInputReason.Change); } }),
89
- }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
98
+ }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: fieldValue, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
90
99
  });
91
100
 
92
101
  exports.InputAutocompleteMobile = InputAutocompleteMobile;
package/esm/autocomplete-field/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
6
6
  import { OnInputReason } from '../enums.js';
7
7
 
8
- var styles = {"arrow":"input-autocomplete__arrow_vgra2","error":"input-autocomplete__error_vgra2"};
8
+ var styles = {"arrow":"input-autocomplete__arrow_13cqc","error":"input-autocomplete__error_13cqc"};
9
9
  require('./index.css')
10
10
 
11
11
  var AutocompleteField = function (_a) {
package/esm/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1wuit */
2
- .input-autocomplete__arrow_vgra2.input-autocomplete__error_vgra2 ~ * {
1
+ /* hash: 1gpdb */
2
+ .input-autocomplete__arrow_13cqc.input-autocomplete__error_13cqc ~ * {
3
3
  display: none;
4
4
  }
package/esm/autocomplete-mobile-field/Component.js CHANGED
@@ -7,7 +7,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
7
7
  import { StatusBadge } from '@alfalab/core-components-status-badge/esm';
8
8
  import { useFocus } from '@alfalab/hooks';
9
9
 
10
- var styles = {"component":"input-autocomplete__component_1xu8t","field":"input-autocomplete__field_1xu8t","disabled":"input-autocomplete__disabled_1xu8t","errorIcon":"input-autocomplete__errorIcon_1xu8t","successIcon":"input-autocomplete__successIcon_1xu8t","placeholder":"input-autocomplete__placeholder_1xu8t","contentWrapper":"input-autocomplete__contentWrapper_1xu8t","value":"input-autocomplete__value_1xu8t","focusVisible":"input-autocomplete__focusVisible_1xu8t"};
10
+ var styles = {"component":"input-autocomplete__component_1py9r","field":"input-autocomplete__field_1py9r","disabled":"input-autocomplete__disabled_1py9r","errorIcon":"input-autocomplete__errorIcon_1py9r","successIcon":"input-autocomplete__successIcon_1py9r","placeholder":"input-autocomplete__placeholder_1py9r","contentWrapper":"input-autocomplete__contentWrapper_1py9r","value":"input-autocomplete__value_1py9r","focusVisible":"input-autocomplete__focusVisible_1py9r"};
11
11
  require('./index.css')
12
12
 
13
13
  var AutocompleteMobileField = function (_a) {
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6f0b0 */
1
+ /* hash: 1go1f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -32,22 +32,22 @@
32
32
 
33
33
  /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
34
34
  --input-error-icon-not-alone-display: none;
35
- } .input-autocomplete__component_1xu8t {
35
+ } .input-autocomplete__component_1py9r {
36
36
  width: 100%;
37
37
  outline: none;
38
- } .input-autocomplete__field_1xu8t:not(.input-autocomplete__disabled_1xu8t) {
38
+ } .input-autocomplete__field_1py9r:not(.input-autocomplete__disabled_1py9r) {
39
39
  cursor: pointer;
40
- } .input-autocomplete__errorIcon_1xu8t {
40
+ } .input-autocomplete__errorIcon_1py9r {
41
41
  display: var(--input-error-icon-display);
42
- } * + .input-autocomplete__errorIcon_1xu8t {
42
+ } * + .input-autocomplete__errorIcon_1py9r {
43
43
  display: var(--input-error-icon-not-alone-display);
44
- } .input-autocomplete__successIcon_1xu8t {
44
+ } .input-autocomplete__successIcon_1py9r {
45
45
  display: var(--input-success-icon-display);
46
- } .input-autocomplete__disabled_1xu8t {
46
+ } .input-autocomplete__disabled_1py9r {
47
47
  cursor: var(--disabled-cursor);
48
- } .input-autocomplete__placeholder_1xu8t {
48
+ } .input-autocomplete__placeholder_1py9r {
49
49
  color: var(--color-light-text-secondary);
50
- } .input-autocomplete__contentWrapper_1xu8t {
50
+ } .input-autocomplete__contentWrapper_1py9r {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 400;
@@ -56,11 +56,11 @@
56
56
  text-overflow: ellipsis;
57
57
  overflow: hidden;
58
58
  width: 100%;
59
- } .input-autocomplete__value_1xu8t {
59
+ } .input-autocomplete__value_1py9r {
60
60
  overflow: hidden;
61
61
  text-overflow: ellipsis;
62
62
  text-align: left;
63
- } .input-autocomplete__focusVisible_1xu8t {
63
+ } .input-autocomplete__focusVisible_1py9r {
64
64
  outline: 2px solid var(--focus-color);
65
65
  outline-offset: 2px;
66
66
  }
package/esm/mobile/Component.mobile.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { useState, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
+ import { maskitoTransform } from '@maskito/core';
4
5
  import cn from 'classnames';
5
6
  import throttle from 'lodash/throttle';
6
7
  import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
7
8
  import { Footer } from '@alfalab/core-components-select/esm/shared';
9
+ import { isNonNullable, isMaskitoMask } from '@alfalab/core-components-shared/esm';
8
10
  import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
9
11
  import { OnInputReason } from '../enums.js';
10
12
  import { searchFilterStub } from '../utils.js';
11
13
 
12
- var styles = {"input":"input-autocomplete__input_1qlpk"};
14
+ var styles = {"input":"input-autocomplete__input_1ipqi"};
13
15
  require('./mobile.css')
14
16
 
15
17
  var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
@@ -67,6 +69,13 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
67
69
  },
68
70
  _b);
69
71
  var clear = (_c = inputProps === null || inputProps === void 0 ? void 0 : inputProps.clear) !== null && _c !== void 0 ? _c : false;
72
+ var displayValue = isOpen ? frozenValue.current : value;
73
+ var fieldValue = useMemo(function () {
74
+ var mask = inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask;
75
+ return isNonNullable(displayValue) && isMaskitoMask(mask)
76
+ ? maskitoTransform(displayValue, { mask: mask })
77
+ : displayValue;
78
+ }, [displayValue, inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask]);
70
79
  return (React.createElement(Component, __assign({ Field: AutocompleteMobileField }, restProps, (isBottomSheet
71
80
  ? { bottomSheetProps: __assign(__assign({}, componentProps), { virtualKeyboard: virtualKeyboard }) }
72
81
  : {
@@ -76,7 +85,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
76
85
  value: value,
77
86
  filterFn: searchFilterStub,
78
87
  componentProps: __assign(__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, OnInputReason.Change); } }),
79
- }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: __assign({ footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: __assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
88
+ }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: __assign({ footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: __assign({ value: fieldValue, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
80
89
  });
81
90
 
82
91
  export { InputAutocompleteMobile };
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l2y3v */
1
+ /* hash: maaee */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,6 @@
21
21
  /* stylelint-disable-next-line length-zero-no-unit */
22
22
  } :root {
23
23
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
24
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1qlpk {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1ipqi {
25
25
  width: auto;
26
26
  }
package/mobile/Component.mobile.js CHANGED
@@ -5,10 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
+ var core = require('@maskito/core');
8
9
  var cn = require('classnames');
9
10
  var throttle = require('lodash/throttle');
10
11
  var mobile = require('@alfalab/core-components-select/mobile');
11
12
  var shared = require('@alfalab/core-components-select/shared');
13
+ var coreComponentsShared = require('@alfalab/core-components-shared');
12
14
  var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
15
  var enums = require('../enums.js');
14
16
  var utils = require('../utils.js');
@@ -20,7 +22,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
23
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
22
24
 
23
- var styles = {"input":"input-autocomplete__input_1qlpk"};
25
+ var styles = {"input":"input-autocomplete__input_1ipqi"};
24
26
  require('./mobile.css')
25
27
 
26
28
  var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
@@ -78,6 +80,13 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
78
80
  },
79
81
  _b);
80
82
  var clear = (_c = inputProps === null || inputProps === void 0 ? void 0 : inputProps.clear) !== null && _c !== void 0 ? _c : false;
83
+ var displayValue = isOpen ? frozenValue.current : value;
84
+ var fieldValue = React.useMemo(function () {
85
+ var mask = inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask;
86
+ return coreComponentsShared.isNonNullable(displayValue) && coreComponentsShared.isMaskitoMask(mask)
87
+ ? core.maskitoTransform(displayValue, { mask: mask })
88
+ : displayValue;
89
+ }, [displayValue, inputProps === null || inputProps === void 0 ? void 0 : inputProps.mask]);
81
90
  return (React__default.default.createElement(Component, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, (isBottomSheet
82
91
  ? { bottomSheetProps: tslib.__assign(tslib.__assign({}, componentProps), { virtualKeyboard: virtualKeyboard }) }
83
92
  : {
@@ -87,7 +96,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
87
96
  value: value,
88
97
  filterFn: utils.searchFilterStub,
89
98
  componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, enums.OnInputReason.Change); } }),
90
- }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
99
+ }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: fieldValue, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined, success: success }, restProps.fieldProps) })));
91
100
  });
92
101
 
93
102
  exports.InputAutocompleteMobile = InputAutocompleteMobile;
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l2y3v */
1
+ /* hash: maaee */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,6 @@
21
21
  /* stylelint-disable-next-line length-zero-no-unit */
22
22
  } :root {
23
23
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
24
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1qlpk {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1ipqi {
25
25
  width: auto;
26
26
  }
package/modern/autocomplete-field/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
5
5
  import { OnInputReason } from '../enums.js';
6
6
 
7
- const styles = {"arrow":"input-autocomplete__arrow_vgra2","error":"input-autocomplete__error_vgra2"};
7
+ const styles = {"arrow":"input-autocomplete__arrow_13cqc","error":"input-autocomplete__error_13cqc"};
8
8
  require('./index.css')
9
9
 
10
10
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
package/modern/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1wuit */
2
- .input-autocomplete__arrow_vgra2.input-autocomplete__error_vgra2 ~ * {
1
+ /* hash: 1gpdb */
2
+ .input-autocomplete__arrow_13cqc.input-autocomplete__error_13cqc ~ * {
3
3
  display: none;
4
4
  }
package/modern/autocomplete-mobile-field/Component.js CHANGED
@@ -6,7 +6,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
6
6
  import { StatusBadge } from '@alfalab/core-components-status-badge/modern';
7
7
  import { useFocus } from '@alfalab/hooks';
8
8
 
9
- const styles = {"component":"input-autocomplete__component_1xu8t","field":"input-autocomplete__field_1xu8t","disabled":"input-autocomplete__disabled_1xu8t","errorIcon":"input-autocomplete__errorIcon_1xu8t","successIcon":"input-autocomplete__successIcon_1xu8t","placeholder":"input-autocomplete__placeholder_1xu8t","contentWrapper":"input-autocomplete__contentWrapper_1xu8t","value":"input-autocomplete__value_1xu8t","focusVisible":"input-autocomplete__focusVisible_1xu8t"};
9
+ const styles = {"component":"input-autocomplete__component_1py9r","field":"input-autocomplete__field_1py9r","disabled":"input-autocomplete__disabled_1py9r","errorIcon":"input-autocomplete__errorIcon_1py9r","successIcon":"input-autocomplete__successIcon_1py9r","placeholder":"input-autocomplete__placeholder_1py9r","contentWrapper":"input-autocomplete__contentWrapper_1py9r","value":"input-autocomplete__value_1py9r","focusVisible":"input-autocomplete__focusVisible_1py9r"};
10
10
  require('./index.css')
11
11
 
12
12
  const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, success, onClear, onInput, colors = 'default', ...restProps }) => {
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6f0b0 */
1
+ /* hash: 1go1f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -32,22 +32,22 @@
32
32
 
33
33
  /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
34
34
  --input-error-icon-not-alone-display: none;
35
- } .input-autocomplete__component_1xu8t {
35
+ } .input-autocomplete__component_1py9r {
36
36
  width: 100%;
37
37
  outline: none;
38
- } .input-autocomplete__field_1xu8t:not(.input-autocomplete__disabled_1xu8t) {
38
+ } .input-autocomplete__field_1py9r:not(.input-autocomplete__disabled_1py9r) {
39
39
  cursor: pointer;
40
- } .input-autocomplete__errorIcon_1xu8t {
40
+ } .input-autocomplete__errorIcon_1py9r {
41
41
  display: var(--input-error-icon-display);
42
- } * + .input-autocomplete__errorIcon_1xu8t {
42
+ } * + .input-autocomplete__errorIcon_1py9r {
43
43
  display: var(--input-error-icon-not-alone-display);
44
- } .input-autocomplete__successIcon_1xu8t {
44
+ } .input-autocomplete__successIcon_1py9r {
45
45
  display: var(--input-success-icon-display);
46
- } .input-autocomplete__disabled_1xu8t {
46
+ } .input-autocomplete__disabled_1py9r {
47
47
  cursor: var(--disabled-cursor);
48
- } .input-autocomplete__placeholder_1xu8t {
48
+ } .input-autocomplete__placeholder_1py9r {
49
49
  color: var(--color-light-text-secondary);
50
- } .input-autocomplete__contentWrapper_1xu8t {
50
+ } .input-autocomplete__contentWrapper_1py9r {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 400;
@@ -56,11 +56,11 @@
56
56
  text-overflow: ellipsis;
57
57
  overflow: hidden;
58
58
  width: 100%;
59
- } .input-autocomplete__value_1xu8t {
59
+ } .input-autocomplete__value_1py9r {
60
60
  overflow: hidden;
61
61
  text-overflow: ellipsis;
62
62
  text-align: left;
63
- } .input-autocomplete__focusVisible_1xu8t {
63
+ } .input-autocomplete__focusVisible_1py9r {
64
64
  outline: 2px solid var(--focus-color);
65
65
  outline-offset: 2px;
66
66
  }
package/modern/mobile/Component.mobile.js CHANGED
@@ -1,14 +1,16 @@
1
1
  import React, { useState, useRef, useMemo } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
+ import { maskitoTransform } from '@maskito/core';
3
4
  import cn from 'classnames';
4
5
  import throttle from 'lodash/throttle';
5
6
  import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
6
7
  import { Footer } from '@alfalab/core-components-select/modern/shared';
8
+ import { isNonNullable, isMaskitoMask } from '@alfalab/core-components-shared/modern';
7
9
  import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
8
10
  import { OnInputReason } from '../enums.js';
9
11
  import { searchFilterStub } from '../utils.js';
10
12
 
11
- const styles = {"input":"input-autocomplete__input_1qlpk"};
13
+ const styles = {"input":"input-autocomplete__input_1ipqi"};
12
14
  require('./mobile.css')
13
15
 
14
16
  const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, success, virtualKeyboard = false, ...restProps }, ref) => {
@@ -62,6 +64,13 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
62
64
  },
63
65
  };
64
66
  const clear = inputProps?.clear ?? false;
67
+ const displayValue = isOpen ? frozenValue.current : value;
68
+ const fieldValue = useMemo(() => {
69
+ const mask = inputProps?.mask;
70
+ return isNonNullable(displayValue) && isMaskitoMask(mask)
71
+ ? maskitoTransform(displayValue, { mask })
72
+ : displayValue;
73
+ }, [displayValue, inputProps?.mask]);
65
74
  return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
66
75
  ? { bottomSheetProps: { ...componentProps, virtualKeyboard } }
67
76
  : {
@@ -83,7 +92,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
83
92
  footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),
84
93
  ...restProps.optionsListProps,
85
94
  }, fieldProps: {
86
- value: isOpen ? frozenValue.current : value,
95
+ value: fieldValue,
87
96
  clear,
88
97
  onClear: clear ? inputProps?.onClear : undefined,
89
98
  success,
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l2y3v */
1
+ /* hash: maaee */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,6 @@
21
21
  /* stylelint-disable-next-line length-zero-no-unit */
22
22
  } :root {
23
23
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
24
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1qlpk {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1ipqi {
25
25
  width: auto;
26
26
  }
package/moderncssm/mobile/Component.mobile.js CHANGED
@@ -1,9 +1,11 @@
1
1
  import React, { useState, useRef, useMemo } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
+ import { maskitoTransform } from '@maskito/core';
3
4
  import cn from 'classnames';
4
5
  import throttle from 'lodash/throttle';
5
6
  import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/moderncssm/mobile';
6
7
  import { Footer } from '@alfalab/core-components-select/moderncssm/shared';
8
+ import { isNonNullable, isMaskitoMask } from '@alfalab/core-components-shared/moderncssm';
7
9
  import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
8
10
  import { OnInputReason } from '../enums.js';
9
11
  import { searchFilterStub } from '../utils.js';
@@ -60,6 +62,13 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
60
62
  },
61
63
  };
62
64
  const clear = inputProps?.clear ?? false;
65
+ const displayValue = isOpen ? frozenValue.current : value;
66
+ const fieldValue = useMemo(() => {
67
+ const mask = inputProps?.mask;
68
+ return isNonNullable(displayValue) && isMaskitoMask(mask)
69
+ ? maskitoTransform(displayValue, { mask })
70
+ : displayValue;
71
+ }, [displayValue, inputProps?.mask]);
63
72
  return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
64
73
  ? { bottomSheetProps: { ...componentProps, virtualKeyboard } }
65
74
  : {
@@ -81,7 +90,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
81
90
  footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),
82
91
  ...restProps.optionsListProps,
83
92
  }, fieldProps: {
84
- value: isOpen ? frozenValue.current : value,
93
+ value: fieldValue,
85
94
  clear,
86
95
  onClear: clear ? inputProps?.onClear : undefined,
87
96
  success,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "12.9.4",
3
+ "version": "12.9.6",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,14 +15,15 @@
15
15
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-form-control": "^12.8.5",
19
- "@alfalab/core-components-input": "^15.6.1",
20
- "@alfalab/core-components-popover": "^6.3.10",
21
- "@alfalab/core-components-select": "^17.21.2",
18
+ "@alfalab/core-components-form-control": "^12.8.6",
19
+ "@alfalab/core-components-input": "^15.6.2",
20
+ "@alfalab/core-components-popover": "^6.3.11",
21
+ "@alfalab/core-components-select": "^17.21.4",
22
22
  "@alfalab/core-components-status-badge": "^1.2.3",
23
- "@alfalab/core-components-shared": "^0.17.1",
23
+ "@alfalab/core-components-shared": "^0.18.0",
24
24
  "@alfalab/core-components-mq": "^4.4.1",
25
25
  "@alfalab/hooks": "^1.13.1",
26
+ "@maskito/core": "^1.7.0",
26
27
  "classnames": "^2.5.1",
27
28
  "lodash": "^4.17.21",
28
29
  "react-merge-refs": "^1.1.0",
@@ -31,6 +32,6 @@
31
32
  "devDependencies": {
32
33
  "@types/lodash": "^4.17.13"
33
34
  },
34
- "themesVersion": "13.7.3",
35
- "varsVersion": "9.20.0"
35
+ "themesVersion": "13.7.4",
36
+ "varsVersion": "9.20.1"
36
37
  }
package/src/mobile/Component.mobile.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { Ref, useMemo, useRef, useState } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
+ import { maskitoTransform } from '@maskito/core';
3
4
  import cn from 'classnames';
4
5
  import throttle from 'lodash/throttle';
5
6
 
@@ -14,6 +15,7 @@ import {
14
15
  Footer,
15
16
  ModalSelectMobileProps,
16
17
  } from '@alfalab/core-components-select/shared';
18
+ import { isMaskitoMask, isNonNullable } from '@alfalab/core-components-shared';
17
19
 
18
20
  import { AutocompleteMobileField } from '../autocomplete-mobile-field';
19
21
  import { OnInputReason } from '../enums';
@@ -120,6 +122,16 @@ export const InputAutocompleteMobile = React.forwardRef(
120
122
 
121
123
  const clear = inputProps?.clear ?? false;
122
124
 
125
+ const displayValue = isOpen ? frozenValue.current : value;
126
+
127
+ const fieldValue = useMemo(() => {
128
+ const mask = inputProps?.mask;
129
+
130
+ return isNonNullable(displayValue) && isMaskitoMask(mask)
131
+ ? maskitoTransform(displayValue, { mask })
132
+ : displayValue;
133
+ }, [displayValue, inputProps?.mask]);
134
+
123
135
  return (
124
136
  <Component
125
137
  Field={AutocompleteMobileField}
@@ -170,7 +182,7 @@ export const InputAutocompleteMobile = React.forwardRef(
170
182
  ...(restProps.optionsListProps as AnyObject),
171
183
  }}
172
184
  fieldProps={{
173
- value: isOpen ? frozenValue.current : value,
185
+ value: fieldValue,
174
186
  clear,
175
187
  onClear: clear ? inputProps?.onClear : undefined,
176
188
  success,