@alfalab/core-components-input-autocomplete 9.1.2 → 9.1.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.
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-ebbce8b2.js');
5
+ var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-ebbce8b2.js');
5
+ var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var SELECTED = [];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-ebbce8b2.js');
5
+ var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1bn4d */
2
- .input-autocomplete__arrow_wyq0k.input-autocomplete__error_wyq0k ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-ebbce8b2.js');
5
+ require('../tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-ebbce8b2.js');
5
+ var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsFormControl = require('@alfalab/core-components-form-control');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_1ee9q","field":"input-autocomplete__field_1ee9q","disabled":"input-autocomplete__disabled_1ee9q","placeholder":"input-autocomplete__placeholder_1ee9q","contentWrapper":"input-autocomplete__contentWrapper_1ee9q","value":"input-autocomplete__value_1ee9q","focusVisible":"input-autocomplete__focusVisible_1ee9q"};
16
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ztfry */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_1ee9q {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_1ee9q {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_1ee9q {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_1ee9q {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_1ee9q {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_1ee9q {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-ebbce8b2.js');
5
+ require('../tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-form-control');
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-8ce9e246.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-8ce9e246.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
2
2
  import React, { useState, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-form-control/esm';
10
10
  import '@alfalab/hooks';
11
11
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-8ce9e246.js';
1
+ import { a as __assign } from '../tslib.es6-6f21004e.js';
2
2
  import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1bn4d */
2
- .input-autocomplete__arrow_wyq0k.input-autocomplete__error_wyq0k ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-8ce9e246.js';
1
+ import '../tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-8ce9e246.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-6f21004e.js';
2
2
  import React, { useState, useRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/esm';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_1ee9q","field":"input-autocomplete__field_1ee9q","disabled":"input-autocomplete__disabled_1ee9q","placeholder":"input-autocomplete__placeholder_1ee9q","contentWrapper":"input-autocomplete__contentWrapper_1ee9q","value":"input-autocomplete__value_1ee9q","focusVisible":"input-autocomplete__focusVisible_1ee9q"};
7
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ztfry */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_1ee9q {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_1ee9q {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_1ee9q {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_1ee9q {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_1ee9q {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_1ee9q {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-8ce9e246.js';
1
+ import '../tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-form-control/esm';
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-8ce9e246.js';
1
+ import './tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lxnb */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_zfe6o {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_zfe6o {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_zfe6o > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-8ce9e246.js';
1
+ import './tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-ebbce8b2.js');
5
+ require('./tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lxnb */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_zfe6o {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_zfe6o {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_zfe6o > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-ebbce8b2.js');
5
+ require('./tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -9,7 +9,7 @@ import '@alfalab/core-components-form-control/modern';
9
9
  import '@alfalab/hooks';
10
10
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
11
11
 
12
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1bn4d */
2
- .input-autocomplete__arrow_wyq0k.input-autocomplete__error_wyq0k ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { FormControl } from '@alfalab/core-components-form-control/modern';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- var styles = {"component":"input-autocomplete__component_1ee9q","field":"input-autocomplete__field_1ee9q","disabled":"input-autocomplete__disabled_1ee9q","placeholder":"input-autocomplete__placeholder_1ee9q","contentWrapper":"input-autocomplete__contentWrapper_1ee9q","value":"input-autocomplete__value_1ee9q","focusVisible":"input-autocomplete__focusVisible_1ee9q"};
6
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: ztfry */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_1ee9q {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_1ee9q {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_1ee9q {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_1ee9q {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_1ee9q {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_1ee9q {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lxnb */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_zfe6o {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_zfe6o {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_zfe6o > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.1.2",
3
+ "version": "9.1.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^7.0.1",
21
21
  "@alfalab/core-components-form-control": "^9.0.1",
22
22
  "@alfalab/core-components-input": "^11.1.0",
23
- "@alfalab/core-components-select": "^13.1.2",
23
+ "@alfalab/core-components-select": "^13.2.0",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",