@alfalab/core-components-input-autocomplete 9.1.0 → 9.1.1

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-337ac891.js');
5
+ var tslib_es6 = require('./tslib.es6-3e629b87.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-337ac891.js');
5
+ var tslib_es6 = require('./tslib.es6-3e629b87.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_1oq2b","footer":"input-autocomplete__footer_1oq2b"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
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-337ac891.js');
5
+ var tslib_es6 = require('../tslib.es6-3e629b87.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_1m9e5","error":"input-autocomplete__error_1m9e5"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1orb6 */
2
- .input-autocomplete__arrow_1m9e5.input-autocomplete__error_1m9e5 ~ * {
1
+ /* hash: 1vuct */
2
+ .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
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-337ac891.js');
5
+ require('../tslib.es6-3e629b87.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-337ac891.js');
5
+ var tslib_es6 = require('../tslib.es6-3e629b87.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_p3llv","field":"input-autocomplete__field_p3llv","disabled":"input-autocomplete__disabled_p3llv","placeholder":"input-autocomplete__placeholder_p3llv","contentWrapper":"input-autocomplete__contentWrapper_p3llv","value":"input-autocomplete__value_p3llv","focusVisible":"input-autocomplete__focusVisible_p3llv"};
16
+ var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ftvu */
1
+ /* hash: fm7bg */
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_p3llv {
18
+ .input-autocomplete__component_ae72o {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_p3llv:not(.input-autocomplete__disabled_p3llv) {
22
+ .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_p3llv {
25
+ .input-autocomplete__disabled_ae72o {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_p3llv {
28
+ .input-autocomplete__placeholder_ae72o {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_p3llv {
31
+ .input-autocomplete__contentWrapper_ae72o {
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_p3llv {
41
+ .input-autocomplete__value_ae72o {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_p3llv {
46
+ .input-autocomplete__focusVisible_ae72o {
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-337ac891.js');
5
+ require('../tslib.es6-3e629b87.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-52985d07.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-9adadf9c.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-52985d07.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-9adadf9c.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_1oq2b","footer":"input-autocomplete__footer_1oq2b"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-52985d07.js';
1
+ import { a as __assign } from '../tslib.es6-9adadf9c.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_1m9e5","error":"input-autocomplete__error_1m9e5"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1orb6 */
2
- .input-autocomplete__arrow_1m9e5.input-autocomplete__error_1m9e5 ~ * {
1
+ /* hash: 1vuct */
2
+ .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-52985d07.js';
1
+ import '../tslib.es6-9adadf9c.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-52985d07.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-9adadf9c.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_p3llv","field":"input-autocomplete__field_p3llv","disabled":"input-autocomplete__disabled_p3llv","placeholder":"input-autocomplete__placeholder_p3llv","contentWrapper":"input-autocomplete__contentWrapper_p3llv","value":"input-autocomplete__value_p3llv","focusVisible":"input-autocomplete__focusVisible_p3llv"};
7
+ var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ftvu */
1
+ /* hash: fm7bg */
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_p3llv {
18
+ .input-autocomplete__component_ae72o {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_p3llv:not(.input-autocomplete__disabled_p3llv) {
22
+ .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_p3llv {
25
+ .input-autocomplete__disabled_ae72o {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_p3llv {
28
+ .input-autocomplete__placeholder_ae72o {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_p3llv {
31
+ .input-autocomplete__contentWrapper_ae72o {
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_p3llv {
41
+ .input-autocomplete__value_ae72o {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_p3llv {
46
+ .input-autocomplete__focusVisible_ae72o {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-52985d07.js';
1
+ import '../tslib.es6-9adadf9c.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-52985d07.js';
1
+ import './tslib.es6-9adadf9c.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: q2cb */
1
+ /* hash: 73rpw */
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_1oq2b {
14
+ .input-autocomplete__bottomSheetInput_ei5ob {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1oq2b {
18
+ .input-autocomplete__footer_ei5ob {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1oq2b > button + button {
21
+ .input-autocomplete__footer_ei5ob > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-52985d07.js';
1
+ import './tslib.es6-9adadf9c.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-337ac891.js');
5
+ require('./tslib.es6-3e629b87.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: q2cb */
1
+ /* hash: 73rpw */
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_1oq2b {
14
+ .input-autocomplete__bottomSheetInput_ei5ob {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1oq2b {
18
+ .input-autocomplete__footer_ei5ob {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1oq2b > button + button {
21
+ .input-autocomplete__footer_ei5ob > 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-337ac891.js');
5
+ require('./tslib.es6-3e629b87.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_1oq2b","footer":"input-autocomplete__footer_1oq2b"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
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_1m9e5","error":"input-autocomplete__error_1m9e5"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
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: 1orb6 */
2
- .input-autocomplete__arrow_1m9e5.input-autocomplete__error_1m9e5 ~ * {
1
+ /* hash: 1vuct */
2
+ .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
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_p3llv","field":"input-autocomplete__field_p3llv","disabled":"input-autocomplete__disabled_p3llv","placeholder":"input-autocomplete__placeholder_p3llv","contentWrapper":"input-autocomplete__contentWrapper_p3llv","value":"input-autocomplete__value_p3llv","focusVisible":"input-autocomplete__focusVisible_p3llv"};
6
+ var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
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: 1ftvu */
1
+ /* hash: fm7bg */
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_p3llv {
18
+ .input-autocomplete__component_ae72o {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_p3llv:not(.input-autocomplete__disabled_p3llv) {
22
+ .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_p3llv {
25
+ .input-autocomplete__disabled_ae72o {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_p3llv {
28
+ .input-autocomplete__placeholder_ae72o {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_p3llv {
31
+ .input-autocomplete__contentWrapper_ae72o {
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_p3llv {
41
+ .input-autocomplete__value_ae72o {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_p3llv {
46
+ .input-autocomplete__focusVisible_ae72o {
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: q2cb */
1
+ /* hash: 73rpw */
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_1oq2b {
14
+ .input-autocomplete__bottomSheetInput_ei5ob {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1oq2b {
18
+ .input-autocomplete__footer_ei5ob {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1oq2b > button + button {
21
+ .input-autocomplete__footer_ei5ob > 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.0",
3
+ "version": "9.1.1",
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.0",
23
+ "@alfalab/core-components-select": "^13.1.1",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",