@alfalab/core-components-input-autocomplete 11.0.1 → 11.0.3

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 (72) hide show
  1. package/Component.responsive.js +4 -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 +5 -4
  7. package/{Component.desktop.d.ts → cssm/desktop/Component.desktop.d.ts} +1 -1
  8. package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +2 -2
  9. package/cssm/desktop/index.d.ts +1 -1
  10. package/cssm/desktop/index.js +2 -2
  11. package/cssm/index.js +4 -3
  12. package/cssm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  13. package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  14. package/{esm → cssm/mobile}/Component.modal.mobile.d.ts +1 -1
  15. package/cssm/{Component.modal.mobile.js → mobile/Component.modal.mobile.js} +5 -5
  16. package/cssm/mobile/index.d.ts +2 -2
  17. package/cssm/mobile/index.js +5 -5
  18. package/{esm → desktop}/Component.desktop.d.ts +1 -1
  19. package/{Component.desktop.js → desktop/Component.desktop.js} +1 -1
  20. package/desktop/index.d.ts +1 -1
  21. package/desktop/index.js +2 -2
  22. package/esm/Component.responsive.js +3 -2
  23. package/esm/autocomplete-field/Component.js +1 -1
  24. package/esm/autocomplete-field/index.css +2 -2
  25. package/esm/autocomplete-mobile-field/Component.js +1 -1
  26. package/esm/autocomplete-mobile-field/index.css +8 -8
  27. package/{modern → esm/desktop}/Component.desktop.d.ts +1 -1
  28. package/esm/{Component.desktop.js → desktop/Component.desktop.js} +1 -1
  29. package/esm/desktop/index.d.ts +1 -1
  30. package/esm/desktop/index.js +1 -1
  31. package/esm/index.js +3 -2
  32. package/esm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  33. package/esm/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  34. package/{Component.modal.mobile.d.ts → esm/mobile/Component.modal.mobile.d.ts} +1 -1
  35. package/esm/{Component.modal.mobile.js → mobile/Component.modal.mobile.js} +2 -2
  36. package/esm/mobile/index.d.ts +2 -2
  37. package/esm/mobile/index.js +2 -2
  38. package/esm/{mobile.css → mobile/mobile.css} +2 -2
  39. package/index.js +3 -2
  40. package/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  41. package/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  42. package/{modern → mobile}/Component.modal.mobile.d.ts +1 -1
  43. package/{Component.modal.mobile.js → mobile/Component.modal.mobile.js} +4 -4
  44. package/mobile/index.d.ts +2 -2
  45. package/mobile/index.js +4 -4
  46. package/{mobile.css → mobile/mobile.css} +2 -2
  47. package/modern/Component.responsive.js +3 -2
  48. package/modern/autocomplete-field/Component.js +1 -1
  49. package/modern/autocomplete-field/index.css +2 -2
  50. package/modern/autocomplete-mobile-field/Component.js +1 -1
  51. package/modern/autocomplete-mobile-field/index.css +8 -8
  52. package/{cssm → modern/desktop}/Component.desktop.d.ts +1 -1
  53. package/modern/{Component.desktop.js → desktop/Component.desktop.js} +1 -1
  54. package/modern/desktop/index.d.ts +1 -1
  55. package/modern/desktop/index.js +1 -1
  56. package/modern/index.js +3 -2
  57. package/modern/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  58. package/modern/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  59. package/{cssm → modern/mobile}/Component.modal.mobile.d.ts +1 -1
  60. package/modern/{Component.modal.mobile.js → mobile/Component.modal.mobile.js} +2 -2
  61. package/modern/mobile/index.d.ts +2 -2
  62. package/modern/mobile/index.js +2 -2
  63. package/modern/{mobile.css → mobile/mobile.css} +2 -2
  64. package/package.json +4 -4
  65. package/src/Component.responsive.tsx +2 -2
  66. package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +2 -2
  67. package/src/desktop/index.ts +1 -1
  68. package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +3 -3
  69. package/src/{Component.modal.mobile.tsx → mobile/Component.modal.mobile.tsx} +2 -1
  70. package/src/mobile/index.ts +2 -2
  71. /package/cssm/{mobile.module.css → mobile/mobile.module.css} +0 -0
  72. /package/src/{mobile.module.css → mobile/mobile.module.css} +0 -0
@@ -5,8 +5,9 @@ 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 Component_desktop = require('./Component.desktop.js');
9
- var Component_mobile = require('./Component.mobile.js');
8
+ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
+ var mobile_Component_mobile = require('./mobile/Component.mobile.js');
10
+ require('./mobile/Component.modal.mobile.js');
10
11
  require('@alfalab/core-components-popover');
11
12
  require('@alfalab/core-components-select/shared');
12
13
  require('./autocomplete-field/Component.js');
@@ -28,7 +29,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
28
29
  var InputAutocomplete = React.forwardRef(function (_a, ref) {
29
30
  var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
30
31
  var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
31
- return isDesktop ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
32
+ 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 })));
32
33
  });
33
34
 
34
35
  exports.InputAutocomplete = InputAutocomplete;
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_3b1wc","error":"input-autocomplete__error_3b1wc"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_z2bi9","error":"input-autocomplete__error_z2bi9"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: rlm24 */
2
- .input-autocomplete__arrow_3b1wc.input-autocomplete__error_3b1wc ~ * {
1
+ /* hash: xfkzu */
2
+ .input-autocomplete__arrow_z2bi9.input-autocomplete__error_z2bi9 ~ * {
3
3
  display: none;
4
4
  }
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"input-autocomplete__component_54luj","field":"input-autocomplete__field_54luj","disabled":"input-autocomplete__disabled_54luj","placeholder":"input-autocomplete__placeholder_54luj","contentWrapper":"input-autocomplete__contentWrapper_54luj","value":"input-autocomplete__value_54luj","focusVisible":"input-autocomplete__focusVisible_54luj"};
17
+ var styles = {"component":"input-autocomplete__component_gg3o5","field":"input-autocomplete__field_gg3o5","disabled":"input-autocomplete__disabled_gg3o5","placeholder":"input-autocomplete__placeholder_gg3o5","contentWrapper":"input-autocomplete__contentWrapper_gg3o5","value":"input-autocomplete__value_gg3o5","focusVisible":"input-autocomplete__focusVisible_gg3o5"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ldbx1 */
1
+ /* hash: r7aus */
2
2
  :root {
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_54luj {
21
+ } .input-autocomplete__component_gg3o5 {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_54luj:not(.input-autocomplete__disabled_54luj) {
24
+ } .input-autocomplete__field_gg3o5:not(.input-autocomplete__disabled_gg3o5) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_54luj {
26
+ } .input-autocomplete__disabled_gg3o5 {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_54luj {
28
+ } .input-autocomplete__placeholder_gg3o5 {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_54luj {
30
+ } .input-autocomplete__contentWrapper_gg3o5 {
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_54luj {
39
+ } .input-autocomplete__value_gg3o5 {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_54luj {
43
+ } .input-autocomplete__focusVisible_gg3o5 {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -5,8 +5,9 @@ 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 Component_desktop = require('./Component.desktop.js');
9
- var Component_mobile = require('./Component.mobile.js');
8
+ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
+ var mobile_Component_mobile = require('./mobile/Component.mobile.js');
10
+ require('./mobile/Component.modal.mobile.js');
10
11
  require('@alfalab/core-components-popover/cssm');
11
12
  require('@alfalab/core-components-select/cssm/shared');
12
13
  require('./autocomplete-field/Component.js');
@@ -22,7 +23,7 @@ require('@alfalab/core-components-shared/cssm');
22
23
  require('@alfalab/hooks');
23
24
  require('./autocomplete-mobile-field/index.module.css');
24
25
  require('./utils.js');
25
- require('./mobile.module.css');
26
+ require('./mobile/mobile.module.css');
26
27
 
27
28
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
28
29
 
@@ -31,7 +32,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
31
32
  var InputAutocomplete = React.forwardRef(function (_a, ref) {
32
33
  var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
33
34
  var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
34
- return isDesktop ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
35
+ 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 })));
35
36
  });
36
37
 
37
38
  exports.InputAutocomplete = InputAutocomplete;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { InputAutocompleteCommonProps } from "./types";
3
+ import { InputAutocompleteCommonProps } from "../types";
4
4
  declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
5
5
  export { InputAutocompleteDesktop };
@@ -6,11 +6,11 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
8
8
  var shared = require('@alfalab/core-components-select/cssm/shared');
9
- var autocompleteField_Component = require('./autocomplete-field/Component.js');
9
+ var autocompleteField_Component = require('../autocomplete-field/Component.js');
10
10
  require('react-merge-refs');
11
11
  require('classnames');
12
12
  require('@alfalab/core-components-input/cssm/desktop');
13
- require('./autocomplete-field/index.module.css');
13
+ require('../autocomplete-field/index.module.css');
14
14
 
15
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
16
16
 
@@ -1,2 +1,2 @@
1
- export { InputAutocompleteDesktop } from "../Component.desktop";
1
+ export { InputAutocompleteDesktop } from "./Component.desktop";
2
2
  export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from "../types";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_desktop = require('../Component.desktop.js');
5
+ var desktop_Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/core-components-popover/cssm');
@@ -15,4 +15,4 @@ require('../autocomplete-field/index.module.css');
15
15
 
16
16
 
17
17
 
18
- exports.InputAutocompleteDesktop = Component_desktop.InputAutocompleteDesktop;
18
+ exports.InputAutocompleteDesktop = desktop_Component_desktop.InputAutocompleteDesktop;
package/cssm/index.js CHANGED
@@ -6,7 +6,7 @@ var Component_responsive = require('./Component.responsive.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/core-components-mq/cssm');
9
- require('./Component.desktop.js');
9
+ require('./desktop/Component.desktop.js');
10
10
  require('@alfalab/core-components-popover/cssm');
11
11
  require('@alfalab/core-components-select/cssm/shared');
12
12
  require('./autocomplete-field/Component.js');
@@ -14,7 +14,7 @@ require('react-merge-refs');
14
14
  require('classnames');
15
15
  require('@alfalab/core-components-input/cssm/desktop');
16
16
  require('./autocomplete-field/index.module.css');
17
- require('./Component.mobile.js');
17
+ require('./mobile/Component.mobile.js');
18
18
  require('lodash.throttle');
19
19
  require('@alfalab/core-components-select/cssm/mobile');
20
20
  require('./autocomplete-mobile-field/Component.js');
@@ -23,7 +23,8 @@ require('@alfalab/core-components-shared/cssm');
23
23
  require('@alfalab/hooks');
24
24
  require('./autocomplete-mobile-field/index.module.css');
25
25
  require('./utils.js');
26
- require('./mobile.module.css');
26
+ require('./mobile/mobile.module.css');
27
+ require('./mobile/Component.modal.mobile.js');
27
28
 
28
29
 
29
30
 
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<unknown>>;
@@ -9,13 +9,13 @@ var cn = require('classnames');
9
9
  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
- var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
13
- var utils = require('./utils.js');
12
+ var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
+ var utils = require('../utils.js');
14
14
  var styles = require('./mobile.module.css');
15
15
  require('@alfalab/core-components-form-control/cssm/mobile');
16
16
  require('@alfalab/core-components-shared/cssm');
17
17
  require('@alfalab/hooks');
18
- require('./autocomplete-mobile-field/index.module.css');
18
+ require('../autocomplete-mobile-field/index.module.css');
19
19
 
20
20
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
21
21
 
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<HTMLDivElement>>;
@@ -4,24 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var Component_mobile = require('./Component.mobile.js');
7
+ var mobile_Component_mobile = require('./Component.mobile.js');
8
8
  require('react-merge-refs');
9
9
  require('classnames');
10
10
  require('lodash.throttle');
11
11
  require('@alfalab/core-components-select/cssm/mobile');
12
12
  require('@alfalab/core-components-select/cssm/shared');
13
- require('./autocomplete-mobile-field/Component.js');
13
+ require('../autocomplete-mobile-field/Component.js');
14
14
  require('@alfalab/core-components-form-control/cssm/mobile');
15
15
  require('@alfalab/core-components-shared/cssm');
16
16
  require('@alfalab/hooks');
17
- require('./autocomplete-mobile-field/index.module.css');
18
- require('./utils.js');
17
+ require('../autocomplete-mobile-field/index.module.css');
18
+ require('../utils.js');
19
19
  require('./mobile.module.css');
20
20
 
21
21
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
22
22
 
23
23
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
24
24
 
25
- var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
25
+ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
26
26
 
27
27
  exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
@@ -1,3 +1,3 @@
1
- export { InputAutocompleteMobile } from "../Component.mobile";
2
- export { InputAutocompleteModalMobile } from "../Component.modal.mobile";
1
+ export { InputAutocompleteMobile } from "./Component.mobile";
2
+ export { InputAutocompleteModalMobile } from "./Component.modal.mobile";
3
3
  export { InputAutocompleteMobileProps } from "../types";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_mobile = require('../Component.mobile.js');
6
- var Component_modal_mobile = require('../Component.modal.mobile.js');
5
+ var mobile_Component_mobile = require('./Component.mobile.js');
6
+ var mobile_Component_modal_mobile = require('./Component.modal.mobile.js');
7
7
  require('tslib');
8
8
  require('react');
9
9
  require('react-merge-refs');
@@ -17,9 +17,9 @@ require('@alfalab/core-components-shared/cssm');
17
17
  require('@alfalab/hooks');
18
18
  require('../autocomplete-mobile-field/index.module.css');
19
19
  require('../utils.js');
20
- require('../mobile.module.css');
20
+ require('./mobile.module.css');
21
21
 
22
22
 
23
23
 
24
- exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
25
- exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;
24
+ exports.InputAutocompleteMobile = mobile_Component_mobile.InputAutocompleteMobile;
25
+ exports.InputAutocompleteModalMobile = mobile_Component_modal_mobile.InputAutocompleteModalMobile;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { InputAutocompleteCommonProps } from "./types";
3
+ import { InputAutocompleteCommonProps } from "../types";
4
4
  declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
5
5
  export { InputAutocompleteDesktop };
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsPopover = require('@alfalab/core-components-popover');
8
8
  var shared = require('@alfalab/core-components-select/shared');
9
- var autocompleteField_Component = require('./autocomplete-field/Component.js');
9
+ var autocompleteField_Component = require('../autocomplete-field/Component.js');
10
10
  require('react-merge-refs');
11
11
  require('classnames');
12
12
  require('@alfalab/core-components-input/desktop');
@@ -1,2 +1,2 @@
1
- export { InputAutocompleteDesktop } from "../Component.desktop";
1
+ export { InputAutocompleteDesktop } from "./Component.desktop";
2
2
  export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from "../types";
package/desktop/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_desktop = require('../Component.desktop.js');
5
+ var desktop_Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/core-components-popover');
@@ -14,4 +14,4 @@ require('@alfalab/core-components-input/desktop');
14
14
 
15
15
 
16
16
 
17
- exports.InputAutocompleteDesktop = Component_desktop.InputAutocompleteDesktop;
17
+ exports.InputAutocompleteDesktop = desktop_Component_desktop.InputAutocompleteDesktop;
@@ -1,8 +1,9 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { useMatchMedia } from '@alfalab/core-components-mq/esm';
4
- import { InputAutocompleteDesktop } from './Component.desktop.js';
5
- import { InputAutocompleteMobile } from './Component.mobile.js';
4
+ import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
5
+ import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
6
+ import './mobile/Component.modal.mobile.js';
6
7
  import '@alfalab/core-components-popover/esm';
7
8
  import '@alfalab/core-components-select/esm/shared';
8
9
  import './autocomplete-field/Component.js';
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_3b1wc","error":"input-autocomplete__error_3b1wc"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_z2bi9","error":"input-autocomplete__error_z2bi9"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: rlm24 */
2
- .input-autocomplete__arrow_3b1wc.input-autocomplete__error_3b1wc ~ * {
1
+ /* hash: xfkzu */
2
+ .input-autocomplete__arrow_z2bi9.input-autocomplete__error_z2bi9 ~ * {
3
3
  display: none;
4
4
  }
@@ -5,7 +5,7 @@ import { FormControlMobile } from '@alfalab/core-components-form-control/esm/mob
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
6
  import { useFocus } from '@alfalab/hooks';
7
7
 
8
- var styles = {"component":"input-autocomplete__component_54luj","field":"input-autocomplete__field_54luj","disabled":"input-autocomplete__disabled_54luj","placeholder":"input-autocomplete__placeholder_54luj","contentWrapper":"input-autocomplete__contentWrapper_54luj","value":"input-autocomplete__value_54luj","focusVisible":"input-autocomplete__focusVisible_54luj"};
8
+ var styles = {"component":"input-autocomplete__component_gg3o5","field":"input-autocomplete__field_gg3o5","disabled":"input-autocomplete__disabled_gg3o5","placeholder":"input-autocomplete__placeholder_gg3o5","contentWrapper":"input-autocomplete__contentWrapper_gg3o5","value":"input-autocomplete__value_gg3o5","focusVisible":"input-autocomplete__focusVisible_gg3o5"};
9
9
  require('./index.css')
10
10
 
11
11
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ldbx1 */
1
+ /* hash: r7aus */
2
2
  :root {
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_54luj {
21
+ } .input-autocomplete__component_gg3o5 {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_54luj:not(.input-autocomplete__disabled_54luj) {
24
+ } .input-autocomplete__field_gg3o5:not(.input-autocomplete__disabled_gg3o5) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_54luj {
26
+ } .input-autocomplete__disabled_gg3o5 {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_54luj {
28
+ } .input-autocomplete__placeholder_gg3o5 {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_54luj {
30
+ } .input-autocomplete__contentWrapper_gg3o5 {
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_54luj {
39
+ } .input-autocomplete__value_gg3o5 {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_54luj {
43
+ } .input-autocomplete__focusVisible_gg3o5 {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { InputAutocompleteCommonProps } from "./types";
3
+ import { InputAutocompleteCommonProps } from "../types";
4
4
  declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
5
5
  export { InputAutocompleteDesktop };
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { Popover } from '@alfalab/core-components-popover/esm';
4
4
  import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm/shared';
5
- import { AutocompleteField } from './autocomplete-field/Component.js';
5
+ import { AutocompleteField } from '../autocomplete-field/Component.js';
6
6
  import 'react-merge-refs';
7
7
  import 'classnames';
8
8
  import '@alfalab/core-components-input/esm/desktop';
@@ -1,2 +1,2 @@
1
- export { InputAutocompleteDesktop } from "../Component.desktop";
1
+ export { InputAutocompleteDesktop } from "./Component.desktop";
2
2
  export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from "../types";
@@ -1,4 +1,4 @@
1
- export { InputAutocompleteDesktop } from '../Component.desktop.js';
1
+ export { InputAutocompleteDesktop } from './Component.desktop.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import '@alfalab/core-components-popover/esm';
package/esm/index.js CHANGED
@@ -2,14 +2,14 @@ export { InputAutocomplete } from './Component.responsive.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import '@alfalab/core-components-mq/esm';
5
- import './Component.desktop.js';
5
+ import './desktop/Component.desktop.js';
6
6
  import '@alfalab/core-components-popover/esm';
7
7
  import '@alfalab/core-components-select/esm/shared';
8
8
  import './autocomplete-field/Component.js';
9
9
  import 'react-merge-refs';
10
10
  import 'classnames';
11
11
  import '@alfalab/core-components-input/esm/desktop';
12
- import './Component.mobile.js';
12
+ import './mobile/Component.mobile.js';
13
13
  import 'lodash.throttle';
14
14
  import '@alfalab/core-components-select/esm/mobile';
15
15
  import './autocomplete-mobile-field/Component.js';
@@ -17,3 +17,4 @@ import '@alfalab/core-components-form-control/esm/mobile';
17
17
  import '@alfalab/core-components-shared/esm';
18
18
  import '@alfalab/hooks';
19
19
  import './utils.js';
20
+ import './mobile/Component.modal.mobile.js';
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<unknown>>;
@@ -5,13 +5,13 @@ import cn from 'classnames';
5
5
  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
- import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
9
- import { searchFilterStub } from './utils.js';
8
+ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
9
+ import { searchFilterStub } from '../utils.js';
10
10
  import '@alfalab/core-components-form-control/esm/mobile';
11
11
  import '@alfalab/core-components-shared/esm';
12
12
  import '@alfalab/hooks';
13
13
 
14
- var styles = {"input":"input-autocomplete__input_5rq2g"};
14
+ var styles = {"input":"input-autocomplete__input_dae0s"};
15
15
  require('./mobile.css')
16
16
 
17
17
  var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<HTMLDivElement>>;
@@ -6,11 +6,11 @@ import 'classnames';
6
6
  import 'lodash.throttle';
7
7
  import '@alfalab/core-components-select/esm/mobile';
8
8
  import '@alfalab/core-components-select/esm/shared';
9
- import './autocomplete-mobile-field/Component.js';
9
+ import '../autocomplete-mobile-field/Component.js';
10
10
  import '@alfalab/core-components-form-control/esm/mobile';
11
11
  import '@alfalab/core-components-shared/esm';
12
12
  import '@alfalab/hooks';
13
- import './utils.js';
13
+ import '../utils.js';
14
14
 
15
15
  var InputAutocompleteModalMobile = React.forwardRef(function (props, ref) { return React.createElement(InputAutocompleteMobile, __assign({}, props, { ref: ref, isBottomSheet: false })); });
16
16
 
@@ -1,3 +1,3 @@
1
- export { InputAutocompleteMobile } from "../Component.mobile";
2
- export { InputAutocompleteModalMobile } from "../Component.modal.mobile";
1
+ export { InputAutocompleteMobile } from "./Component.mobile";
2
+ export { InputAutocompleteModalMobile } from "./Component.modal.mobile";
3
3
  export { InputAutocompleteMobileProps } from "../types";
@@ -1,5 +1,5 @@
1
- export { InputAutocompleteMobile } from '../Component.mobile.js';
2
- export { InputAutocompleteModalMobile } from '../Component.modal.mobile.js';
1
+ export { InputAutocompleteMobile } from './Component.mobile.js';
2
+ export { InputAutocompleteModalMobile } from './Component.modal.mobile.js';
3
3
  import 'tslib';
4
4
  import 'react';
5
5
  import 'react-merge-refs';
@@ -1,4 +1,4 @@
1
- /* hash: u2a88 */
1
+ /* hash: 5n9cn */
2
2
  :root {
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_5rq2g {
17
+ } .input-autocomplete__input_dae0s {
18
18
  width: auto;
19
19
  }
package/index.js CHANGED
@@ -6,14 +6,14 @@ var Component_responsive = require('./Component.responsive.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/core-components-mq');
9
- require('./Component.desktop.js');
9
+ require('./desktop/Component.desktop.js');
10
10
  require('@alfalab/core-components-popover');
11
11
  require('@alfalab/core-components-select/shared');
12
12
  require('./autocomplete-field/Component.js');
13
13
  require('react-merge-refs');
14
14
  require('classnames');
15
15
  require('@alfalab/core-components-input/desktop');
16
- require('./Component.mobile.js');
16
+ require('./mobile/Component.mobile.js');
17
17
  require('lodash.throttle');
18
18
  require('@alfalab/core-components-select/mobile');
19
19
  require('./autocomplete-mobile-field/Component.js');
@@ -21,6 +21,7 @@ require('@alfalab/core-components-form-control/mobile');
21
21
  require('@alfalab/core-components-shared');
22
22
  require('@alfalab/hooks');
23
23
  require('./utils.js');
24
+ require('./mobile/Component.modal.mobile.js');
24
25
 
25
26
 
26
27
 
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<unknown>>;
@@ -9,8 +9,8 @@ var cn = require('classnames');
9
9
  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
- var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
13
- var utils = require('./utils.js');
12
+ var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
13
+ var utils = require('../utils.js');
14
14
  require('@alfalab/core-components-form-control/mobile');
15
15
  require('@alfalab/core-components-shared');
16
16
  require('@alfalab/hooks');
@@ -22,7 +22,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
24
24
 
25
- var styles = {"input":"input-autocomplete__input_5rq2g"};
25
+ var styles = {"input":"input-autocomplete__input_dae0s"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<HTMLDivElement>>;
@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var Component_mobile = require('./Component.mobile.js');
7
+ var mobile_Component_mobile = require('./Component.mobile.js');
8
8
  require('react-merge-refs');
9
9
  require('classnames');
10
10
  require('lodash.throttle');
11
11
  require('@alfalab/core-components-select/mobile');
12
12
  require('@alfalab/core-components-select/shared');
13
- require('./autocomplete-mobile-field/Component.js');
13
+ require('../autocomplete-mobile-field/Component.js');
14
14
  require('@alfalab/core-components-form-control/mobile');
15
15
  require('@alfalab/core-components-shared');
16
16
  require('@alfalab/hooks');
17
- require('./utils.js');
17
+ require('../utils.js');
18
18
 
19
19
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
22
22
 
23
- var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
23
+ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
24
24
 
25
25
  exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
package/mobile/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { InputAutocompleteMobile } from "../Component.mobile";
2
- export { InputAutocompleteModalMobile } from "../Component.modal.mobile";
1
+ export { InputAutocompleteMobile } from "./Component.mobile";
2
+ export { InputAutocompleteModalMobile } from "./Component.modal.mobile";
3
3
  export { InputAutocompleteMobileProps } from "../types";
package/mobile/index.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_mobile = require('../Component.mobile.js');
6
- var Component_modal_mobile = require('../Component.modal.mobile.js');
5
+ var mobile_Component_mobile = require('./Component.mobile.js');
6
+ var mobile_Component_modal_mobile = require('./Component.modal.mobile.js');
7
7
  require('tslib');
8
8
  require('react');
9
9
  require('react-merge-refs');
@@ -19,5 +19,5 @@ require('../utils.js');
19
19
 
20
20
 
21
21
 
22
- exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
23
- exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;
22
+ exports.InputAutocompleteMobile = mobile_Component_mobile.InputAutocompleteMobile;
23
+ exports.InputAutocompleteModalMobile = mobile_Component_modal_mobile.InputAutocompleteModalMobile;
@@ -1,4 +1,4 @@
1
- /* hash: u2a88 */
1
+ /* hash: 5n9cn */
2
2
  :root {
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_5rq2g {
17
+ } .input-autocomplete__input_dae0s {
18
18
  width: auto;
19
19
  }
@@ -1,7 +1,8 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { useMatchMedia } from '@alfalab/core-components-mq/modern';
3
- import { InputAutocompleteDesktop } from './Component.desktop.js';
4
- import { InputAutocompleteMobile } from './Component.mobile.js';
3
+ import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
4
+ import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
5
+ import './mobile/Component.modal.mobile.js';
5
6
  import '@alfalab/core-components-popover/modern';
6
7
  import '@alfalab/core-components-select/modern/shared';
7
8
  import './autocomplete-field/Component.js';
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
5
5
 
6
- const styles = {"arrow":"input-autocomplete__arrow_3b1wc","error":"input-autocomplete__error_3b1wc"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_z2bi9","error":"input-autocomplete__error_z2bi9"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: rlm24 */
2
- .input-autocomplete__arrow_3b1wc.input-autocomplete__error_3b1wc ~ * {
1
+ /* hash: xfkzu */
2
+ .input-autocomplete__arrow_z2bi9.input-autocomplete__error_z2bi9 ~ * {
3
3
  display: none;
4
4
  }
@@ -4,7 +4,7 @@ import { FormControlMobile } from '@alfalab/core-components-form-control/modern/
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- const styles = {"component":"input-autocomplete__component_54luj","field":"input-autocomplete__field_54luj","disabled":"input-autocomplete__disabled_54luj","placeholder":"input-autocomplete__placeholder_54luj","contentWrapper":"input-autocomplete__contentWrapper_54luj","value":"input-autocomplete__value_54luj","focusVisible":"input-autocomplete__focusVisible_54luj"};
7
+ const styles = {"component":"input-autocomplete__component_gg3o5","field":"input-autocomplete__field_gg3o5","disabled":"input-autocomplete__disabled_gg3o5","placeholder":"input-autocomplete__placeholder_gg3o5","contentWrapper":"input-autocomplete__contentWrapper_gg3o5","value":"input-autocomplete__value_gg3o5","focusVisible":"input-autocomplete__focusVisible_gg3o5"};
8
8
  require('./index.css')
9
9
 
10
10
  const AutocompleteMobileField = ({ size = 'm', open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: ldbx1 */
1
+ /* hash: r7aus */
2
2
  :root {
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_54luj {
21
+ } .input-autocomplete__component_gg3o5 {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_54luj:not(.input-autocomplete__disabled_54luj) {
24
+ } .input-autocomplete__field_gg3o5:not(.input-autocomplete__disabled_gg3o5) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_54luj {
26
+ } .input-autocomplete__disabled_gg3o5 {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_54luj {
28
+ } .input-autocomplete__placeholder_gg3o5 {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_54luj {
30
+ } .input-autocomplete__contentWrapper_gg3o5 {
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_54luj {
39
+ } .input-autocomplete__value_gg3o5 {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_54luj {
43
+ } .input-autocomplete__focusVisible_gg3o5 {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { InputAutocompleteCommonProps } from "./types";
3
+ import { InputAutocompleteCommonProps } from "../types";
4
4
  declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
5
5
  export { InputAutocompleteDesktop };
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { Popover } from '@alfalab/core-components-popover/modern';
3
3
  import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/modern/shared';
4
- import { AutocompleteField } from './autocomplete-field/Component.js';
4
+ import { AutocompleteField } from '../autocomplete-field/Component.js';
5
5
  import 'react-merge-refs';
6
6
  import 'classnames';
7
7
  import '@alfalab/core-components-input/modern/desktop';
@@ -1,2 +1,2 @@
1
- export { InputAutocompleteDesktop } from "../Component.desktop";
1
+ export { InputAutocompleteDesktop } from "./Component.desktop";
2
2
  export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from "../types";
@@ -1,4 +1,4 @@
1
- export { InputAutocompleteDesktop } from '../Component.desktop.js';
1
+ export { InputAutocompleteDesktop } from './Component.desktop.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-popover/modern';
4
4
  import '@alfalab/core-components-select/modern/shared';
package/modern/index.js CHANGED
@@ -1,14 +1,14 @@
1
1
  export { InputAutocomplete } from './Component.responsive.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-mq/modern';
4
- import './Component.desktop.js';
4
+ import './desktop/Component.desktop.js';
5
5
  import '@alfalab/core-components-popover/modern';
6
6
  import '@alfalab/core-components-select/modern/shared';
7
7
  import './autocomplete-field/Component.js';
8
8
  import 'react-merge-refs';
9
9
  import 'classnames';
10
10
  import '@alfalab/core-components-input/modern/desktop';
11
- import './Component.mobile.js';
11
+ import './mobile/Component.mobile.js';
12
12
  import 'lodash.throttle';
13
13
  import '@alfalab/core-components-select/modern/mobile';
14
14
  import './autocomplete-mobile-field/Component.js';
@@ -16,3 +16,4 @@ import '@alfalab/core-components-form-control/modern/mobile';
16
16
  import '@alfalab/core-components-shared/modern';
17
17
  import '@alfalab/hooks';
18
18
  import './utils.js';
19
+ import './mobile/Component.modal.mobile.js';
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<unknown>>;
@@ -4,13 +4,13 @@ import cn from 'classnames';
4
4
  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
- import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
8
- import { searchFilterStub } from './utils.js';
7
+ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
8
+ import { searchFilterStub } from '../utils.js';
9
9
  import '@alfalab/core-components-form-control/modern/mobile';
10
10
  import '@alfalab/core-components-shared/modern';
11
11
  import '@alfalab/hooks';
12
12
 
13
- const styles = {"input":"input-autocomplete__input_5rq2g"};
13
+ const styles = {"input":"input-autocomplete__input_dae0s"};
14
14
  require('./mobile.css')
15
15
 
16
16
  const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, ...restProps }, ref) => {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
- declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("./types").InputAutocompleteCommonProps & {
4
+ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
5
5
  isBottomSheet?: boolean | undefined;
6
6
  transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
7
7
  } & React.RefAttributes<HTMLDivElement>>;
@@ -5,11 +5,11 @@ import 'classnames';
5
5
  import 'lodash.throttle';
6
6
  import '@alfalab/core-components-select/modern/mobile';
7
7
  import '@alfalab/core-components-select/modern/shared';
8
- import './autocomplete-mobile-field/Component.js';
8
+ import '../autocomplete-mobile-field/Component.js';
9
9
  import '@alfalab/core-components-form-control/modern/mobile';
10
10
  import '@alfalab/core-components-shared/modern';
11
11
  import '@alfalab/hooks';
12
- import './utils.js';
12
+ import '../utils.js';
13
13
 
14
14
  const InputAutocompleteModalMobile = React.forwardRef((props, ref) => React.createElement(InputAutocompleteMobile, { ...props, ref: ref, isBottomSheet: false }));
15
15
 
@@ -1,3 +1,3 @@
1
- export { InputAutocompleteMobile } from "../Component.mobile";
2
- export { InputAutocompleteModalMobile } from "../Component.modal.mobile";
1
+ export { InputAutocompleteMobile } from "./Component.mobile";
2
+ export { InputAutocompleteModalMobile } from "./Component.modal.mobile";
3
3
  export { InputAutocompleteMobileProps } from "../types";
@@ -1,5 +1,5 @@
1
- export { InputAutocompleteMobile } from '../Component.mobile.js';
2
- export { InputAutocompleteModalMobile } from '../Component.modal.mobile.js';
1
+ export { InputAutocompleteMobile } from './Component.mobile.js';
2
+ export { InputAutocompleteModalMobile } from './Component.modal.mobile.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,4 +1,4 @@
1
- /* hash: u2a88 */
1
+ /* hash: 5n9cn */
2
2
  :root {
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_5rq2g {
17
+ } .input-autocomplete__input_dae0s {
18
18
  width: auto;
19
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "11.0.1",
3
+ "version": "11.0.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-form-control": "^11.0.0",
18
- "@alfalab/core-components-input": "^13.0.1",
17
+ "@alfalab/core-components-form-control": "^11.1.0",
18
+ "@alfalab/core-components-input": "^13.0.2",
19
19
  "@alfalab/core-components-popover": "^6.1.0",
20
- "@alfalab/core-components-select": "^16.0.1",
20
+ "@alfalab/core-components-select": "^16.0.3",
21
21
  "@alfalab/core-components-shared": "^0.8.0",
22
22
  "@alfalab/core-components-mq": "^4.2.0",
23
23
  "@alfalab/hooks": "^1.13.0",
@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
2
2
 
3
3
  import { useMatchMedia } from '@alfalab/core-components-mq';
4
4
 
5
- import { InputAutocompleteDesktop } from './Component.desktop';
6
- import { InputAutocompleteMobile } from './Component.mobile';
5
+ import { InputAutocompleteDesktop } from './desktop';
6
+ import { InputAutocompleteMobile } from './mobile';
7
7
  import { InputAutocompleteProps } from './types';
8
8
 
9
9
  export const InputAutocomplete = forwardRef<
@@ -9,8 +9,8 @@ import {
9
9
  OptionsList as DefaultOptionsList,
10
10
  } from '@alfalab/core-components-select/shared';
11
11
 
12
- import { AutocompleteField } from './autocomplete-field';
13
- import { InputAutocompleteCommonProps } from './types';
12
+ import { AutocompleteField } from '../autocomplete-field';
13
+ import { InputAutocompleteCommonProps } from '../types';
14
14
 
15
15
  export const InputAutocompleteDesktop = forwardRef<HTMLInputElement, InputAutocompleteCommonProps>(
16
16
  (
@@ -1,2 +1,2 @@
1
- export { InputAutocompleteDesktop } from '../Component.desktop';
1
+ export { InputAutocompleteDesktop } from './Component.desktop';
2
2
  export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from '../types';
@@ -15,9 +15,9 @@ import {
15
15
  ModalSelectMobileProps,
16
16
  } from '@alfalab/core-components-select/shared';
17
17
 
18
- import { AutocompleteMobileField } from './autocomplete-mobile-field';
19
- import { InputAutocompleteMobileProps } from './types';
20
- import { searchFilterStub } from './utils';
18
+ import { AutocompleteMobileField } from '../autocomplete-mobile-field';
19
+ import { InputAutocompleteMobileProps } from '../types';
20
+ import { searchFilterStub } from '../utils';
21
21
 
22
22
  import styles from './mobile.module.css';
23
23
 
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
 
3
+ import { InputAutocompleteMobileProps } from '../types';
4
+
3
5
  import { InputAutocompleteMobile } from './Component.mobile';
4
- import { InputAutocompleteMobileProps } from './types';
5
6
 
6
7
  export const InputAutocompleteModalMobile = React.forwardRef<
7
8
  HTMLDivElement,
@@ -1,4 +1,4 @@
1
- export { InputAutocompleteMobile } from '../Component.mobile';
2
- export { InputAutocompleteModalMobile } from '../Component.modal.mobile';
1
+ export { InputAutocompleteMobile } from './Component.mobile';
2
+ export { InputAutocompleteModalMobile } from './Component.modal.mobile';
3
3
 
4
4
  export { InputAutocompleteMobileProps } from '../types';