@alfalab/core-components-input-autocomplete 12.0.5 → 12.1.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 (37) hide show
  1. package/autocomplete-field/Component.js +5 -2
  2. package/autocomplete-field/index.css +2 -2
  3. package/autocomplete-mobile-field/Component.js +1 -1
  4. package/autocomplete-mobile-field/index.css +8 -8
  5. package/cssm/autocomplete-field/Component.js +4 -1
  6. package/cssm/enums.d.ts +5 -0
  7. package/cssm/enums.js +9 -0
  8. package/cssm/mobile/Component.mobile.js +3 -2
  9. package/cssm/types.d.ts +2 -1
  10. package/enums.d.ts +5 -0
  11. package/enums.js +9 -0
  12. package/esm/autocomplete-field/Component.js +5 -2
  13. package/esm/autocomplete-field/index.css +2 -2
  14. package/esm/autocomplete-mobile-field/Component.js +1 -1
  15. package/esm/autocomplete-mobile-field/index.css +8 -8
  16. package/esm/enums.d.ts +5 -0
  17. package/esm/enums.js +7 -0
  18. package/esm/mobile/Component.mobile.js +4 -3
  19. package/esm/mobile/mobile.css +2 -2
  20. package/esm/types.d.ts +2 -1
  21. package/mobile/Component.mobile.js +4 -3
  22. package/mobile/mobile.css +2 -2
  23. package/modern/autocomplete-field/Component.js +3 -2
  24. package/modern/autocomplete-field/index.css +2 -2
  25. package/modern/autocomplete-mobile-field/Component.js +1 -1
  26. package/modern/autocomplete-mobile-field/index.css +8 -8
  27. package/modern/enums.d.ts +5 -0
  28. package/modern/enums.js +7 -0
  29. package/modern/mobile/Component.mobile.js +4 -3
  30. package/modern/mobile/mobile.css +2 -2
  31. package/modern/types.d.ts +2 -1
  32. package/package.json +3 -3
  33. package/src/autocomplete-field/Component.tsx +3 -1
  34. package/src/enums.ts +4 -0
  35. package/src/mobile/Component.mobile.tsx +3 -2
  36. package/src/types.ts +3 -1
  37. package/types.d.ts +2 -1
package/autocomplete-field/Component.js CHANGED
@@ -7,6 +7,7 @@ var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var desktop = require('@alfalab/core-components-input/desktop');
10
+ var enums = require('../enums.js');
10
11
 
11
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
13
 
@@ -14,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
17
 
17
- var styles = {"arrow":"input-autocomplete__arrow_gxd5i","error":"input-autocomplete__error_gxd5i"};
18
+ var styles = {"arrow":"input-autocomplete__arrow_tn5sn","error":"input-autocomplete__error_tn5sn"};
18
19
  require('./index.css')
19
20
 
20
21
  var AutocompleteField = function (_a) {
@@ -30,7 +31,9 @@ var AutocompleteField = function (_a) {
30
31
  inputRef.current.focus();
31
32
  }
32
33
  }, [onClick]);
33
- var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
34
+ var handleInput = function (_, payload) {
35
+ return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, enums.OnInputReason.Change);
36
+ };
34
37
  return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
35
38
  innerProps.ref,
36
39
  inputProps.wrapperRef,
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1fsud */
2
- .input-autocomplete__arrow_gxd5i.input-autocomplete__error_gxd5i ~ * {
1
+ /* hash: 18civ */
2
+ .input-autocomplete__arrow_tn5sn.input-autocomplete__error_tn5sn ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-mobile-field/Component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"input-autocomplete__component_8agvn","field":"input-autocomplete__field_8agvn","disabled":"input-autocomplete__disabled_8agvn","placeholder":"input-autocomplete__placeholder_8agvn","contentWrapper":"input-autocomplete__contentWrapper_8agvn","value":"input-autocomplete__value_8agvn","focusVisible":"input-autocomplete__focusVisible_8agvn"};
18
+ var styles = {"component":"input-autocomplete__component_l09is","field":"input-autocomplete__field_l09is","disabled":"input-autocomplete__disabled_l09is","placeholder":"input-autocomplete__placeholder_l09is","contentWrapper":"input-autocomplete__contentWrapper_l09is","value":"input-autocomplete__value_l09is","focusVisible":"input-autocomplete__focusVisible_l09is"};
19
19
  require('./index.css')
20
20
 
21
21
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1hkke */
1
+ /* hash: 302jl */
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-border-link: #2288fa;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_8agvn {
21
+ } .input-autocomplete__component_l09is {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_8agvn:not(.input-autocomplete__disabled_8agvn) {
24
+ } .input-autocomplete__field_l09is:not(.input-autocomplete__disabled_l09is) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_8agvn {
26
+ } .input-autocomplete__disabled_l09is {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_8agvn {
28
+ } .input-autocomplete__placeholder_l09is {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_8agvn {
30
+ } .input-autocomplete__contentWrapper_l09is {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_8agvn {
39
+ } .input-autocomplete__value_l09is {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_8agvn {
43
+ } .input-autocomplete__focusVisible_l09is {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/cssm/autocomplete-field/Component.js CHANGED
@@ -7,6 +7,7 @@ var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var desktop = require('@alfalab/core-components-input/cssm/desktop');
10
+ var enums = require('../enums.js');
10
11
  var styles = require('./index.module.css');
11
12
 
12
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -29,7 +30,9 @@ var AutocompleteField = function (_a) {
29
30
  inputRef.current.focus();
30
31
  }
31
32
  }, [onClick]);
32
- var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
33
+ var handleInput = function (_, payload) {
34
+ return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, enums.OnInputReason.Change);
35
+ };
33
36
  return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
34
37
  innerProps.ref,
35
38
  inputProps.wrapperRef,
package/cssm/enums.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare enum OnInputReason {
2
+ Close = "close",
3
+ Change = "change"
4
+ }
5
+ export { OnInputReason };
package/cssm/enums.js ADDED
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ exports.OnInputReason = void 0;
6
+ (function (OnInputReason) {
7
+ OnInputReason["Close"] = "close";
8
+ OnInputReason["Change"] = "change";
9
+ })(exports.OnInputReason || (exports.OnInputReason = {}));
package/cssm/mobile/Component.mobile.js CHANGED
@@ -10,6 +10,7 @@ var throttle = require('lodash.throttle');
10
10
  var mobile = require('@alfalab/core-components-select/cssm/mobile');
11
11
  var shared = require('@alfalab/core-components-select/cssm/shared');
12
12
  var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
+ var enums = require('../enums.js');
13
14
  var utils = require('../utils.js');
14
15
  var styles = require('./mobile.module.css');
15
16
 
@@ -29,7 +30,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
29
30
  var frozenValue = React.useRef('');
30
31
  var searchInputRef = React.useRef(null);
31
32
  var targetRef = React.useRef(null);
32
- var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
33
+ var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current, enums.OnInputReason.Close); };
33
34
  var setModalVisibility = function (isOpen) {
34
35
  if (isOpen) {
35
36
  frozenValue.current = value || '';
@@ -84,7 +85,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
84
85
  }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
85
86
  value: value,
86
87
  filterFn: utils.searchFilterStub,
87
- 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); } }),
88
+ 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); } }),
88
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 }, restProps.fieldProps) })));
89
90
  });
90
91
 
package/cssm/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FC, RefAttributes } from 'react';
2
2
  import { InputProps } from "@alfalab/core-components-input";
3
3
  import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
+ type OnInputTypeReason = 'close' | 'change';
4
5
  interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
5
6
  /**
6
7
  * Компонент ввода значения
@@ -25,7 +26,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
25
26
  /**
26
27
  * Обработчик ввода
27
28
  */
28
- onInput?: (value: string) => void;
29
+ onInput?: (value: string, reason?: OnInputTypeReason) => void;
29
30
  }
30
31
  type MobileProps = {
31
32
  /**
package/enums.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare enum OnInputReason {
2
+ Close = "close",
3
+ Change = "change"
4
+ }
5
+ export { OnInputReason };
package/enums.js ADDED
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ exports.OnInputReason = void 0;
6
+ (function (OnInputReason) {
7
+ OnInputReason["Close"] = "close";
8
+ OnInputReason["Change"] = "change";
9
+ })(exports.OnInputReason || (exports.OnInputReason = {}));
package/esm/autocomplete-field/Component.js CHANGED
@@ -3,8 +3,9 @@ import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
6
+ import { OnInputReason } from '../enums.js';
6
7
 
7
- var styles = {"arrow":"input-autocomplete__arrow_gxd5i","error":"input-autocomplete__error_gxd5i"};
8
+ var styles = {"arrow":"input-autocomplete__arrow_tn5sn","error":"input-autocomplete__error_tn5sn"};
8
9
  require('./index.css')
9
10
 
10
11
  var AutocompleteField = function (_a) {
@@ -20,7 +21,9 @@ var AutocompleteField = function (_a) {
20
21
  inputRef.current.focus();
21
22
  }
22
23
  }, [onClick]);
23
- var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
24
+ var handleInput = function (_, payload) {
25
+ return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, OnInputReason.Change);
26
+ };
24
27
  return (React.createElement(Input, __assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs([
25
28
  innerProps.ref,
26
29
  inputProps.wrapperRef,
package/esm/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1fsud */
2
- .input-autocomplete__arrow_gxd5i.input-autocomplete__error_gxd5i ~ * {
1
+ /* hash: 18civ */
2
+ .input-autocomplete__arrow_tn5sn.input-autocomplete__error_tn5sn ~ * {
3
3
  display: none;
4
4
  }
package/esm/autocomplete-mobile-field/Component.js CHANGED
@@ -6,7 +6,7 @@ import { ClearButton } from '@alfalab/core-components-input/esm/shared';
6
6
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
7
7
  import { useFocus } from '@alfalab/hooks';
8
8
 
9
- var styles = {"component":"input-autocomplete__component_8agvn","field":"input-autocomplete__field_8agvn","disabled":"input-autocomplete__disabled_8agvn","placeholder":"input-autocomplete__placeholder_8agvn","contentWrapper":"input-autocomplete__contentWrapper_8agvn","value":"input-autocomplete__value_8agvn","focusVisible":"input-autocomplete__focusVisible_8agvn"};
9
+ var styles = {"component":"input-autocomplete__component_l09is","field":"input-autocomplete__field_l09is","disabled":"input-autocomplete__disabled_l09is","placeholder":"input-autocomplete__placeholder_l09is","contentWrapper":"input-autocomplete__contentWrapper_l09is","value":"input-autocomplete__value_l09is","focusVisible":"input-autocomplete__focusVisible_l09is"};
10
10
  require('./index.css')
11
11
 
12
12
  var AutocompleteMobileField = function (_a) {
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1hkke */
1
+ /* hash: 302jl */
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-border-link: #2288fa;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_8agvn {
21
+ } .input-autocomplete__component_l09is {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_8agvn:not(.input-autocomplete__disabled_8agvn) {
24
+ } .input-autocomplete__field_l09is:not(.input-autocomplete__disabled_l09is) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_8agvn {
26
+ } .input-autocomplete__disabled_l09is {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_8agvn {
28
+ } .input-autocomplete__placeholder_l09is {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_8agvn {
30
+ } .input-autocomplete__contentWrapper_l09is {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_8agvn {
39
+ } .input-autocomplete__value_l09is {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_8agvn {
43
+ } .input-autocomplete__focusVisible_l09is {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/esm/enums.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare enum OnInputReason {
2
+ Close = "close",
3
+ Change = "change"
4
+ }
5
+ export { OnInputReason };
package/esm/enums.js ADDED
@@ -0,0 +1,7 @@
1
+ var OnInputReason;
2
+ (function (OnInputReason) {
3
+ OnInputReason["Close"] = "close";
4
+ OnInputReason["Change"] = "change";
5
+ })(OnInputReason || (OnInputReason = {}));
6
+
7
+ export { OnInputReason };
package/esm/mobile/Component.mobile.js CHANGED
@@ -6,9 +6,10 @@ import throttle from 'lodash.throttle';
6
6
  import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
7
7
  import { Footer } from '@alfalab/core-components-select/esm/shared';
8
8
  import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
9
+ import { OnInputReason } from '../enums.js';
9
10
  import { searchFilterStub } from '../utils.js';
10
11
 
11
- var styles = {"input":"input-autocomplete__input_1vvpp"};
12
+ var styles = {"input":"input-autocomplete__input_122ku"};
12
13
  require('./mobile.css')
13
14
 
14
15
  var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
@@ -19,7 +20,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
19
20
  var frozenValue = useRef('');
20
21
  var searchInputRef = useRef(null);
21
22
  var targetRef = useRef(null);
22
- var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
23
+ var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current, OnInputReason.Close); };
23
24
  var setModalVisibility = function (isOpen) {
24
25
  if (isOpen) {
25
26
  frozenValue.current = value || '';
@@ -74,7 +75,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
74
75
  }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
75
76
  value: value,
76
77
  filterFn: searchFilterStub,
77
- 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); } }),
78
+ 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); } }),
78
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 }, restProps.fieldProps) })));
79
80
  });
80
81
 
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15tj8 */
1
+ /* hash: 10aq8 */
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 */
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_1vvpp {
17
+ } .input-autocomplete__input_122ku {
18
18
  width: auto;
19
19
  }
package/esm/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FC, RefAttributes } from 'react';
2
2
  import { InputProps } from "@alfalab/core-components-input";
3
3
  import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
+ type OnInputTypeReason = 'close' | 'change';
4
5
  interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
5
6
  /**
6
7
  * Компонент ввода значения
@@ -25,7 +26,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
25
26
  /**
26
27
  * Обработчик ввода
27
28
  */
28
- onInput?: (value: string) => void;
29
+ onInput?: (value: string, reason?: OnInputTypeReason) => void;
29
30
  }
30
31
  type MobileProps = {
31
32
  /**
package/mobile/Component.mobile.js CHANGED
@@ -10,6 +10,7 @@ var throttle = require('lodash.throttle');
10
10
  var mobile = require('@alfalab/core-components-select/mobile');
11
11
  var shared = require('@alfalab/core-components-select/shared');
12
12
  var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
+ var enums = require('../enums.js');
13
14
  var utils = require('../utils.js');
14
15
 
15
16
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -19,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
21
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
21
22
 
22
- var styles = {"input":"input-autocomplete__input_1vvpp"};
23
+ var styles = {"input":"input-autocomplete__input_122ku"};
23
24
  require('./mobile.css')
24
25
 
25
26
  var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
@@ -30,7 +31,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
30
31
  var frozenValue = React.useRef('');
31
32
  var searchInputRef = React.useRef(null);
32
33
  var targetRef = React.useRef(null);
33
- var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
34
+ var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current, enums.OnInputReason.Close); };
34
35
  var setModalVisibility = function (isOpen) {
35
36
  if (isOpen) {
36
37
  frozenValue.current = value || '';
@@ -85,7 +86,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
85
86
  }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
86
87
  value: value,
87
88
  filterFn: utils.searchFilterStub,
88
- 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); } }),
89
+ 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); } }),
89
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 }, restProps.fieldProps) })));
90
91
  });
91
92
 
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15tj8 */
1
+ /* hash: 10aq8 */
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 */
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_1vvpp {
17
+ } .input-autocomplete__input_122ku {
18
18
  width: auto;
19
19
  }
package/modern/autocomplete-field/Component.js CHANGED
@@ -2,8 +2,9 @@ import React, { useRef, useCallback } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
5
+ import { OnInputReason } from '../enums.js';
5
6
 
6
- const styles = {"arrow":"input-autocomplete__arrow_gxd5i","error":"input-autocomplete__error_gxd5i"};
7
+ const styles = {"arrow":"input-autocomplete__arrow_tn5sn","error":"input-autocomplete__error_tn5sn"};
7
8
  require('./index.css')
8
9
 
9
10
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
@@ -17,7 +18,7 @@ const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arro
17
18
  inputRef.current.focus();
18
19
  }
19
20
  }, [onClick]);
20
- const handleInput = (_, payload) => onInput?.(payload.value);
21
+ const handleInput = (_, payload) => onInput?.(payload.value, OnInputReason.Change);
21
22
  return (React.createElement(Input, { dataTestId: dataTestId, ...inputProps, ...innerProps, wrapperRef: mergeRefs([
22
23
  innerProps.ref,
23
24
  inputProps.wrapperRef,
package/modern/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1fsud */
2
- .input-autocomplete__arrow_gxd5i.input-autocomplete__error_gxd5i ~ * {
1
+ /* hash: 18civ */
2
+ .input-autocomplete__arrow_tn5sn.input-autocomplete__error_tn5sn ~ * {
3
3
  display: none;
4
4
  }
package/modern/autocomplete-mobile-field/Component.js CHANGED
@@ -5,7 +5,7 @@ import { ClearButton } from '@alfalab/core-components-input/modern/shared';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
6
6
  import { useFocus } from '@alfalab/hooks';
7
7
 
8
- const styles = {"component":"input-autocomplete__component_8agvn","field":"input-autocomplete__field_8agvn","disabled":"input-autocomplete__disabled_8agvn","placeholder":"input-autocomplete__placeholder_8agvn","contentWrapper":"input-autocomplete__contentWrapper_8agvn","value":"input-autocomplete__value_8agvn","focusVisible":"input-autocomplete__focusVisible_8agvn"};
8
+ const styles = {"component":"input-autocomplete__component_l09is","field":"input-autocomplete__field_l09is","disabled":"input-autocomplete__disabled_l09is","placeholder":"input-autocomplete__placeholder_l09is","contentWrapper":"input-autocomplete__contentWrapper_l09is","value":"input-autocomplete__value_l09is","focusVisible":"input-autocomplete__focusVisible_l09is"};
9
9
  require('./index.css')
10
10
 
11
11
  const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1hkke */
1
+ /* hash: 302jl */
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-border-link: #2288fa;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_8agvn {
21
+ } .input-autocomplete__component_l09is {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_8agvn:not(.input-autocomplete__disabled_8agvn) {
24
+ } .input-autocomplete__field_l09is:not(.input-autocomplete__disabled_l09is) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_8agvn {
26
+ } .input-autocomplete__disabled_l09is {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_8agvn {
28
+ } .input-autocomplete__placeholder_l09is {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_8agvn {
30
+ } .input-autocomplete__contentWrapper_l09is {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_8agvn {
39
+ } .input-autocomplete__value_l09is {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_8agvn {
43
+ } .input-autocomplete__focusVisible_l09is {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/modern/enums.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare enum OnInputReason {
2
+ Close = "close",
3
+ Change = "change"
4
+ }
5
+ export { OnInputReason };
package/modern/enums.js ADDED
@@ -0,0 +1,7 @@
1
+ var OnInputReason;
2
+ (function (OnInputReason) {
3
+ OnInputReason["Close"] = "close";
4
+ OnInputReason["Change"] = "change";
5
+ })(OnInputReason || (OnInputReason = {}));
6
+
7
+ export { OnInputReason };
package/modern/mobile/Component.mobile.js CHANGED
@@ -5,9 +5,10 @@ import throttle from 'lodash.throttle';
5
5
  import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
6
6
  import { Footer } from '@alfalab/core-components-select/modern/shared';
7
7
  import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
8
+ import { OnInputReason } from '../enums.js';
8
9
  import { searchFilterStub } from '../utils.js';
9
10
 
10
- const styles = {"input":"input-autocomplete__input_1vvpp"};
11
+ const styles = {"input":"input-autocomplete__input_122ku"};
11
12
  require('./mobile.css')
12
13
 
13
14
  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, ...restProps }, ref) => {
@@ -15,7 +16,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
15
16
  const frozenValue = useRef('');
16
17
  const searchInputRef = useRef(null);
17
18
  const targetRef = useRef(null);
18
- const restorePrevValue = () => onInput?.(frozenValue.current);
19
+ const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);
19
20
  const setModalVisibility = (isOpen) => {
20
21
  if (isOpen) {
21
22
  frozenValue.current = value || '';
@@ -76,7 +77,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
76
77
  className: cn(styles.input, inputProps?.className),
77
78
  clear,
78
79
  ref: mergeRefs([searchInputRef, inputProps?.ref]),
79
- onChange: (_, payload) => onInput?.(payload.value),
80
+ onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),
80
81
  },
81
82
  }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: {
82
83
  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 })),
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15tj8 */
1
+ /* hash: 10aq8 */
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 */
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_1vvpp {
17
+ } .input-autocomplete__input_122ku {
18
18
  width: auto;
19
19
  }
package/modern/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FC, RefAttributes } from 'react';
2
2
  import { InputProps } from "@alfalab/core-components-input";
3
3
  import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
+ type OnInputTypeReason = 'close' | 'change';
4
5
  interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
5
6
  /**
6
7
  * Компонент ввода значения
@@ -25,7 +26,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
25
26
  /**
26
27
  * Обработчик ввода
27
28
  */
28
- onInput?: (value: string) => void;
29
+ onInput?: (value: string, reason?: OnInputTypeReason) => void;
29
30
  }
30
31
  type MobileProps = {
31
32
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "12.0.5",
3
+ "version": "12.1.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,9 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@alfalab/core-components-form-control": "^12.2.1",
18
- "@alfalab/core-components-input": "^14.3.2",
18
+ "@alfalab/core-components-input": "^14.4.0",
19
19
  "@alfalab/core-components-popover": "^6.2.1",
20
- "@alfalab/core-components-select": "^17.3.5",
20
+ "@alfalab/core-components-select": "^17.4.1",
21
21
  "@alfalab/core-components-shared": "^0.9.1",
22
22
  "@alfalab/core-components-mq": "^4.2.0",
23
23
  "@alfalab/hooks": "^1.13.0",
package/src/autocomplete-field/Component.tsx CHANGED
@@ -6,6 +6,7 @@ import { InputProps } from '@alfalab/core-components-input';
6
6
  import { InputDesktop as DefaultInput } from '@alfalab/core-components-input/desktop';
7
7
  import type { FieldProps } from '@alfalab/core-components-select/shared';
8
8
 
9
+ import { OnInputReason } from '../enums';
9
10
  import { InputAutocompleteCommonProps } from '../types';
10
11
 
11
12
  import styles from './index.module.css';
@@ -48,7 +49,8 @@ export const AutocompleteField = ({
48
49
  [onClick],
49
50
  );
50
51
 
51
- const handleInput: InputProps['onChange'] = (_, payload) => onInput?.(payload.value);
52
+ const handleInput: InputProps['onChange'] = (_, payload) =>
53
+ onInput?.(payload.value, OnInputReason.Change);
52
54
 
53
55
  return (
54
56
  <Input
package/src/enums.ts ADDED
@@ -0,0 +1,4 @@
1
+ export enum OnInputReason {
2
+ Close = 'close',
3
+ Change = 'change',
4
+ }
package/src/mobile/Component.mobile.tsx CHANGED
@@ -16,6 +16,7 @@ import {
16
16
  } from '@alfalab/core-components-select/shared';
17
17
 
18
18
  import { AutocompleteMobileField } from '../autocomplete-mobile-field';
19
+ import { OnInputReason } from '../enums';
19
20
  import { InputAutocompleteMobileProps } from '../types';
20
21
  import { searchFilterStub } from '../utils';
21
22
 
@@ -51,7 +52,7 @@ export const InputAutocompleteMobile = React.forwardRef(
51
52
  const searchInputRef = useRef<HTMLInputElement>(null);
52
53
  const targetRef = useRef<HTMLDivElement>(null);
53
54
 
54
- const restorePrevValue = () => onInput?.(frozenValue.current);
55
+ const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);
55
56
 
56
57
  const setModalVisibility = (isOpen: boolean) => {
57
58
  if (isOpen) {
@@ -140,7 +141,7 @@ export const InputAutocompleteMobile = React.forwardRef(
140
141
  className: cn(styles.input, inputProps?.className),
141
142
  clear,
142
143
  ref: mergeRefs([searchInputRef, inputProps?.ref as Ref<HTMLInputElement>]),
143
- onChange: (_, payload) => onInput?.(payload.value),
144
+ onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),
144
145
  },
145
146
  }}
146
147
  Search={Input}
package/src/types.ts CHANGED
@@ -6,6 +6,8 @@ import type {
6
6
  BottomSheetSelectMobileProps,
7
7
  } from '@alfalab/core-components-select/shared';
8
8
 
9
+ type OnInputTypeReason = 'close' | 'change';
10
+
9
11
  export interface InputAutocompleteCommonProps
10
12
  extends Omit<
11
13
  BaseSelectProps,
@@ -39,7 +41,7 @@ export interface InputAutocompleteCommonProps
39
41
  /**
40
42
  * Обработчик ввода
41
43
  */
42
- onInput?: (value: string) => void;
44
+ onInput?: (value: string, reason?: OnInputTypeReason) => void;
43
45
  }
44
46
 
45
47
  type MobileProps = {
package/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FC, RefAttributes } from 'react';
2
2
  import { InputProps } from "@alfalab/core-components-input";
3
3
  import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
+ type OnInputTypeReason = 'close' | 'change';
4
5
  interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
5
6
  /**
6
7
  * Компонент ввода значения
@@ -25,7 +26,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
25
26
  /**
26
27
  * Обработчик ввода
27
28
  */
28
- onInput?: (value: string) => void;
29
+ onInput?: (value: string, reason?: OnInputTypeReason) => void;
29
30
  }
30
31
  type MobileProps = {
31
32
  /**