@alfalab/core-components-input-autocomplete 12.6.3 → 12.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/Component.responsive.js +2 -3
  2. package/autocomplete-field/Component.js +1 -1
  3. package/autocomplete-field/index.css +2 -2
  4. package/autocomplete-mobile-field/Component.js +1 -1
  5. package/autocomplete-mobile-field/index.css +8 -8
  6. package/cssm/Component.responsive.js +2 -3
  7. package/cssm/types.d.ts +5 -0
  8. package/esm/Component.responsive.js +3 -4
  9. package/esm/autocomplete-field/Component.js +1 -1
  10. package/esm/autocomplete-field/index.css +2 -2
  11. package/esm/autocomplete-mobile-field/Component.js +1 -1
  12. package/esm/autocomplete-mobile-field/index.css +8 -8
  13. package/esm/mobile/Component.mobile.js +1 -1
  14. package/esm/mobile/mobile.css +2 -2
  15. package/esm/types.d.ts +5 -0
  16. package/mobile/Component.mobile.js +1 -1
  17. package/mobile/mobile.css +2 -2
  18. package/modern/Component.responsive.js +3 -4
  19. package/modern/autocomplete-field/Component.js +1 -1
  20. package/modern/autocomplete-field/index.css +2 -2
  21. package/modern/autocomplete-mobile-field/Component.js +1 -1
  22. package/modern/autocomplete-mobile-field/index.css +8 -8
  23. package/modern/mobile/Component.mobile.js +1 -1
  24. package/modern/mobile/mobile.css +2 -2
  25. package/modern/types.d.ts +5 -0
  26. package/moderncssm/Component.responsive.js +3 -4
  27. package/moderncssm/types.d.ts +5 -0
  28. package/package.json +7 -7
  29. package/src/Component.responsive.tsx +5 -5
  30. package/src/types.ts +6 -0
  31. package/types.d.ts +5 -0
package/Component.responsive.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq');
8
- var coreComponentsShared = require('@alfalab/core-components-shared');
9
8
  var desktop_Component_desktop = require('./desktop/Component.desktop.js');
10
9
  var mobile_Component_mobile = require('./mobile/Component.mobile.js');
11
10
  require('./mobile/Component.modal.mobile.js');
@@ -15,8 +14,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
15
 
17
16
  var InputAutocomplete = React.forwardRef(function (_a, ref) {
18
- var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
19
- var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
17
+ var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "mobileProps"]);
18
+ var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
20
19
  return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
21
20
  });
22
21
  InputAutocomplete.displayName = 'InputAutocomplete';
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_15oae","error":"input-autocomplete__error_15oae"};
18
+ var styles = {"arrow":"input-autocomplete__arrow_r2c9h","error":"input-autocomplete__error_r2c9h"};
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: o8vjz */
2
- .input-autocomplete__arrow_15oae.input-autocomplete__error_15oae ~ * {
1
+ /* hash: ogumf */
2
+ .input-autocomplete__arrow_r2c9h.input-autocomplete__error_r2c9h ~ * {
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_l4sdl","field":"input-autocomplete__field_l4sdl","disabled":"input-autocomplete__disabled_l4sdl","placeholder":"input-autocomplete__placeholder_l4sdl","contentWrapper":"input-autocomplete__contentWrapper_l4sdl","value":"input-autocomplete__value_l4sdl","focusVisible":"input-autocomplete__focusVisible_l4sdl"};
18
+ var styles = {"component":"input-autocomplete__component_1x6lt","field":"input-autocomplete__field_1x6lt","disabled":"input-autocomplete__disabled_1x6lt","placeholder":"input-autocomplete__placeholder_1x6lt","contentWrapper":"input-autocomplete__contentWrapper_1x6lt","value":"input-autocomplete__value_1x6lt","focusVisible":"input-autocomplete__focusVisible_1x6lt"};
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: 1t7cs */
1
+ /* hash: 1upux */
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;
@@ -22,16 +22,16 @@
22
22
  } :root {
23
23
  --focus-color: var(--color-light-status-info);
24
24
  --disabled-cursor: not-allowed;
25
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_l4sdl {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_1x6lt {
26
26
  width: 100%;
27
27
  outline: none;
28
- } .input-autocomplete__field_l4sdl:not(.input-autocomplete__disabled_l4sdl) {
28
+ } .input-autocomplete__field_1x6lt:not(.input-autocomplete__disabled_1x6lt) {
29
29
  cursor: pointer;
30
- } .input-autocomplete__disabled_l4sdl {
30
+ } .input-autocomplete__disabled_1x6lt {
31
31
  cursor: var(--disabled-cursor);
32
- } .input-autocomplete__placeholder_l4sdl {
32
+ } .input-autocomplete__placeholder_1x6lt {
33
33
  color: var(--color-light-text-secondary);
34
- } .input-autocomplete__contentWrapper_l4sdl {
34
+ } .input-autocomplete__contentWrapper_1x6lt {
35
35
  font-size: 16px;
36
36
  line-height: 20px;
37
37
  font-weight: 400;
@@ -40,11 +40,11 @@
40
40
  text-overflow: ellipsis;
41
41
  overflow: hidden;
42
42
  width: 100%;
43
- } .input-autocomplete__value_l4sdl {
43
+ } .input-autocomplete__value_1x6lt {
44
44
  overflow: hidden;
45
45
  text-overflow: ellipsis;
46
46
  text-align: left;
47
- } .input-autocomplete__focusVisible_l4sdl {
47
+ } .input-autocomplete__focusVisible_1x6lt {
48
48
  outline: 2px solid var(--focus-color);
49
49
  outline-offset: 2px;
50
50
  }
package/cssm/Component.responsive.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
8
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
8
  var desktop_Component_desktop = require('./desktop/Component.desktop.js');
10
9
  var mobile_Component_mobile = require('./mobile/Component.mobile.js');
11
10
  require('./mobile/Component.modal.mobile.js');
@@ -15,8 +14,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
15
 
17
16
  var InputAutocomplete = React.forwardRef(function (_a, ref) {
18
- var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
19
- var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
17
+ var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "mobileProps"]);
18
+ var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
20
19
  return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
21
20
  });
22
21
  InputAutocomplete.displayName = 'InputAutocomplete';
package/cssm/types.d.ts CHANGED
@@ -62,8 +62,13 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
62
62
  * @default 1024
63
63
  */
64
64
  breakpoint?: number;
65
+ /**
66
+ * Версия, которая будет использоваться при серверном рендеринге
67
+ */
68
+ client?: 'desktop' | 'mobile';
65
69
  /**
66
70
  * Значение по-умолчанию для хука useMatchMedia
71
+ * @deprecated Используйте client
67
72
  */
68
73
  defaultMatchMediaValue?: boolean | (() => boolean);
69
74
  }
package/esm/Component.responsive.js CHANGED
@@ -1,14 +1,13 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import { useMatchMedia } from '@alfalab/core-components-mq/esm';
4
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq/esm';
5
4
  import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
6
5
  import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
7
6
  import './mobile/Component.modal.mobile.js';
8
7
 
9
8
  var InputAutocomplete = forwardRef(function (_a, ref) {
10
- var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
11
- var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
9
+ var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "mobileProps"]);
10
+ var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
12
11
  return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
13
12
  });
14
13
  InputAutocomplete.displayName = 'InputAutocomplete';
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_15oae","error":"input-autocomplete__error_15oae"};
8
+ var styles = {"arrow":"input-autocomplete__arrow_r2c9h","error":"input-autocomplete__error_r2c9h"};
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: o8vjz */
2
- .input-autocomplete__arrow_15oae.input-autocomplete__error_15oae ~ * {
1
+ /* hash: ogumf */
2
+ .input-autocomplete__arrow_r2c9h.input-autocomplete__error_r2c9h ~ * {
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_l4sdl","field":"input-autocomplete__field_l4sdl","disabled":"input-autocomplete__disabled_l4sdl","placeholder":"input-autocomplete__placeholder_l4sdl","contentWrapper":"input-autocomplete__contentWrapper_l4sdl","value":"input-autocomplete__value_l4sdl","focusVisible":"input-autocomplete__focusVisible_l4sdl"};
9
+ var styles = {"component":"input-autocomplete__component_1x6lt","field":"input-autocomplete__field_1x6lt","disabled":"input-autocomplete__disabled_1x6lt","placeholder":"input-autocomplete__placeholder_1x6lt","contentWrapper":"input-autocomplete__contentWrapper_1x6lt","value":"input-autocomplete__value_1x6lt","focusVisible":"input-autocomplete__focusVisible_1x6lt"};
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: 1t7cs */
1
+ /* hash: 1upux */
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;
@@ -22,16 +22,16 @@
22
22
  } :root {
23
23
  --focus-color: var(--color-light-status-info);
24
24
  --disabled-cursor: not-allowed;
25
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_l4sdl {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_1x6lt {
26
26
  width: 100%;
27
27
  outline: none;
28
- } .input-autocomplete__field_l4sdl:not(.input-autocomplete__disabled_l4sdl) {
28
+ } .input-autocomplete__field_1x6lt:not(.input-autocomplete__disabled_1x6lt) {
29
29
  cursor: pointer;
30
- } .input-autocomplete__disabled_l4sdl {
30
+ } .input-autocomplete__disabled_1x6lt {
31
31
  cursor: var(--disabled-cursor);
32
- } .input-autocomplete__placeholder_l4sdl {
32
+ } .input-autocomplete__placeholder_1x6lt {
33
33
  color: var(--color-light-text-secondary);
34
- } .input-autocomplete__contentWrapper_l4sdl {
34
+ } .input-autocomplete__contentWrapper_1x6lt {
35
35
  font-size: 16px;
36
36
  line-height: 20px;
37
37
  font-weight: 400;
@@ -40,11 +40,11 @@
40
40
  text-overflow: ellipsis;
41
41
  overflow: hidden;
42
42
  width: 100%;
43
- } .input-autocomplete__value_l4sdl {
43
+ } .input-autocomplete__value_1x6lt {
44
44
  overflow: hidden;
45
45
  text-overflow: ellipsis;
46
46
  text-align: left;
47
- } .input-autocomplete__focusVisible_l4sdl {
47
+ } .input-autocomplete__focusVisible_1x6lt {
48
48
  outline: 2px solid var(--focus-color);
49
49
  outline-offset: 2px;
50
50
  }
package/esm/mobile/Component.mobile.js CHANGED
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
9
9
  import { OnInputReason } from '../enums.js';
10
10
  import { searchFilterStub } from '../utils.js';
11
11
 
12
- var styles = {"input":"input-autocomplete__input_5eywc"};
12
+ var styles = {"input":"input-autocomplete__input_1twuw"};
13
13
  require('./mobile.css')
14
14
 
15
15
  var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdi1 */
1
+ /* hash: d284h */
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 */
@@ -18,6 +18,6 @@
18
18
  /* новые значения, используйте их */
19
19
  } :root {
20
20
  } :root {
21
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_5eywc {
21
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1twuw {
22
22
  width: auto;
23
23
  }
package/esm/types.d.ts CHANGED
@@ -62,8 +62,13 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
62
62
  * @default 1024
63
63
  */
64
64
  breakpoint?: number;
65
+ /**
66
+ * Версия, которая будет использоваться при серверном рендеринге
67
+ */
68
+ client?: 'desktop' | 'mobile';
65
69
  /**
66
70
  * Значение по-умолчанию для хука useMatchMedia
71
+ * @deprecated Используйте client
67
72
  */
68
73
  defaultMatchMediaValue?: boolean | (() => boolean);
69
74
  }
package/mobile/Component.mobile.js CHANGED
@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
22
22
 
23
- var styles = {"input":"input-autocomplete__input_5eywc"};
23
+ var styles = {"input":"input-autocomplete__input_1twuw"};
24
24
  require('./mobile.css')
25
25
 
26
26
  var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdi1 */
1
+ /* hash: d284h */
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 */
@@ -18,6 +18,6 @@
18
18
  /* новые значения, используйте их */
19
19
  } :root {
20
20
  } :root {
21
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_5eywc {
21
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1twuw {
22
22
  width: auto;
23
23
  }
package/modern/Component.responsive.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { useMatchMedia } from '@alfalab/core-components-mq/modern';
3
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/modern';
2
+ import { useIsDesktop } from '@alfalab/core-components-mq/modern';
4
3
  import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
5
4
  import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
6
5
  import './mobile/Component.modal.mobile.js';
7
6
 
8
- const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
9
- const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
7
+ const InputAutocomplete = forwardRef(({ breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', mobileProps, ...restProps }, ref) => {
8
+ const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
10
9
  return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
11
10
  });
12
11
  InputAutocomplete.displayName = 'InputAutocomplete';
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_15oae","error":"input-autocomplete__error_15oae"};
7
+ const styles = {"arrow":"input-autocomplete__arrow_r2c9h","error":"input-autocomplete__error_r2c9h"};
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: o8vjz */
2
- .input-autocomplete__arrow_15oae.input-autocomplete__error_15oae ~ * {
1
+ /* hash: ogumf */
2
+ .input-autocomplete__arrow_r2c9h.input-autocomplete__error_r2c9h ~ * {
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_l4sdl","field":"input-autocomplete__field_l4sdl","disabled":"input-autocomplete__disabled_l4sdl","placeholder":"input-autocomplete__placeholder_l4sdl","contentWrapper":"input-autocomplete__contentWrapper_l4sdl","value":"input-autocomplete__value_l4sdl","focusVisible":"input-autocomplete__focusVisible_l4sdl"};
8
+ const styles = {"component":"input-autocomplete__component_1x6lt","field":"input-autocomplete__field_1x6lt","disabled":"input-autocomplete__disabled_1x6lt","placeholder":"input-autocomplete__placeholder_1x6lt","contentWrapper":"input-autocomplete__contentWrapper_1x6lt","value":"input-autocomplete__value_1x6lt","focusVisible":"input-autocomplete__focusVisible_1x6lt"};
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: 1t7cs */
1
+ /* hash: 1upux */
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;
@@ -22,16 +22,16 @@
22
22
  } :root {
23
23
  --focus-color: var(--color-light-status-info);
24
24
  --disabled-cursor: not-allowed;
25
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_l4sdl {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_1x6lt {
26
26
  width: 100%;
27
27
  outline: none;
28
- } .input-autocomplete__field_l4sdl:not(.input-autocomplete__disabled_l4sdl) {
28
+ } .input-autocomplete__field_1x6lt:not(.input-autocomplete__disabled_1x6lt) {
29
29
  cursor: pointer;
30
- } .input-autocomplete__disabled_l4sdl {
30
+ } .input-autocomplete__disabled_1x6lt {
31
31
  cursor: var(--disabled-cursor);
32
- } .input-autocomplete__placeholder_l4sdl {
32
+ } .input-autocomplete__placeholder_1x6lt {
33
33
  color: var(--color-light-text-secondary);
34
- } .input-autocomplete__contentWrapper_l4sdl {
34
+ } .input-autocomplete__contentWrapper_1x6lt {
35
35
  font-size: 16px;
36
36
  line-height: 20px;
37
37
  font-weight: 400;
@@ -40,11 +40,11 @@
40
40
  text-overflow: ellipsis;
41
41
  overflow: hidden;
42
42
  width: 100%;
43
- } .input-autocomplete__value_l4sdl {
43
+ } .input-autocomplete__value_1x6lt {
44
44
  overflow: hidden;
45
45
  text-overflow: ellipsis;
46
46
  text-align: left;
47
- } .input-autocomplete__focusVisible_l4sdl {
47
+ } .input-autocomplete__focusVisible_1x6lt {
48
48
  outline: 2px solid var(--focus-color);
49
49
  outline-offset: 2px;
50
50
  }
package/modern/mobile/Component.mobile.js CHANGED
@@ -8,7 +8,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
8
8
  import { OnInputReason } from '../enums.js';
9
9
  import { searchFilterStub } from '../utils.js';
10
10
 
11
- const styles = {"input":"input-autocomplete__input_5eywc"};
11
+ const styles = {"input":"input-autocomplete__input_1twuw"};
12
12
  require('./mobile.css')
13
13
 
14
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) => {
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdi1 */
1
+ /* hash: d284h */
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 */
@@ -18,6 +18,6 @@
18
18
  /* новые значения, используйте их */
19
19
  } :root {
20
20
  } :root {
21
- } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_5eywc {
21
+ } /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1twuw {
22
22
  width: auto;
23
23
  }
package/modern/types.d.ts CHANGED
@@ -62,8 +62,13 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
62
62
  * @default 1024
63
63
  */
64
64
  breakpoint?: number;
65
+ /**
66
+ * Версия, которая будет использоваться при серверном рендеринге
67
+ */
68
+ client?: 'desktop' | 'mobile';
65
69
  /**
66
70
  * Значение по-умолчанию для хука useMatchMedia
71
+ * @deprecated Используйте client
67
72
  */
68
73
  defaultMatchMediaValue?: boolean | (() => boolean);
69
74
  }
package/moderncssm/Component.responsive.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
3
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/moderncssm';
2
+ import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
4
3
  import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
5
4
  import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
6
5
  import './mobile/Component.modal.mobile.js';
7
6
 
8
- const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
9
- const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
7
+ const InputAutocomplete = forwardRef(({ breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', mobileProps, ...restProps }, ref) => {
8
+ const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
10
9
  return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
11
10
  });
12
11
  InputAutocomplete.displayName = 'InputAutocomplete';
package/moderncssm/types.d.ts CHANGED
@@ -62,8 +62,13 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
62
62
  * @default 1024
63
63
  */
64
64
  breakpoint?: number;
65
+ /**
66
+ * Версия, которая будет использоваться при серверном рендеринге
67
+ */
68
+ client?: 'desktop' | 'mobile';
65
69
  /**
66
70
  * Значение по-умолчанию для хука useMatchMedia
71
+ * @deprecated Используйте client
67
72
  */
68
73
  defaultMatchMediaValue?: boolean | (() => boolean);
69
74
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "12.6.3",
3
+ "version": "12.6.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,12 +14,12 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-form-control": "^12.7.0",
18
- "@alfalab/core-components-input": "^15.3.0",
19
- "@alfalab/core-components-popover": "^6.3.2",
20
- "@alfalab/core-components-select": "^17.17.1",
21
- "@alfalab/core-components-shared": "^0.13.0",
22
- "@alfalab/core-components-mq": "^4.3.0",
17
+ "@alfalab/core-components-form-control": "^12.7.2",
18
+ "@alfalab/core-components-input": "^15.3.2",
19
+ "@alfalab/core-components-popover": "^6.3.3",
20
+ "@alfalab/core-components-select": "^17.17.3",
21
+ "@alfalab/core-components-shared": "^0.14.0",
22
+ "@alfalab/core-components-mq": "^4.4.0",
23
23
  "@alfalab/hooks": "^1.13.0",
24
24
  "classnames": "^2.3.1",
25
25
  "lodash.throttle": "^4.1.1",
package/src/Component.responsive.tsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
 
3
- import { useMatchMedia } from '@alfalab/core-components-mq';
4
- import { getComponentBreakpoint } from '@alfalab/core-components-shared';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq';
5
4
 
6
5
  import { InputAutocompleteDesktop } from './desktop';
7
6
  import { InputAutocompleteMobile } from './mobile';
@@ -13,14 +12,15 @@ export const InputAutocomplete = forwardRef<
13
12
  >(
14
13
  (
15
14
  {
16
- breakpoint = getComponentBreakpoint(),
17
- defaultMatchMediaValue = true,
15
+ breakpoint,
16
+ client,
17
+ defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',
18
18
  mobileProps,
19
19
  ...restProps
20
20
  },
21
21
  ref,
22
22
  ) => {
23
- const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
23
+ const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
24
24
 
25
25
  return isDesktop ? (
26
26
  <InputAutocompleteDesktop {...restProps} ref={ref as React.Ref<HTMLInputElement>} />
package/src/types.ts CHANGED
@@ -94,8 +94,14 @@ export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
94
94
  */
95
95
  breakpoint?: number;
96
96
 
97
+ /**
98
+ * Версия, которая будет использоваться при серверном рендеринге
99
+ */
100
+ client?: 'desktop' | 'mobile';
101
+
97
102
  /**
98
103
  * Значение по-умолчанию для хука useMatchMedia
104
+ * @deprecated Используйте client
99
105
  */
100
106
  defaultMatchMediaValue?: boolean | (() => boolean);
101
107
  }
package/types.d.ts CHANGED
@@ -62,8 +62,13 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
62
62
  * @default 1024
63
63
  */
64
64
  breakpoint?: number;
65
+ /**
66
+ * Версия, которая будет использоваться при серверном рендеринге
67
+ */
68
+ client?: 'desktop' | 'mobile';
65
69
  /**
66
70
  * Значение по-умолчанию для хука useMatchMedia
71
+ * @deprecated Используйте client
67
72
  */
68
73
  defaultMatchMediaValue?: boolean | (() => boolean);
69
74
  }