@alfalab/core-components-input-autocomplete 8.0.2 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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-35b92ae4.js');
5
+ var tslib_es6 = require('./tslib.es6-34019f87.js');
6
6
  require('classnames');
7
7
  var React = require('react');
8
8
  require('react-merge-refs');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-35b92ae4.js');
5
+ var tslib_es6 = require('./tslib.es6-34019f87.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var mergeRefs = require('react-merge-refs');
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1uqu1","footer":"input-autocomplete__footer_1uqu1"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1pot1","footer":"input-autocomplete__footer_1pot1"};
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-35b92ae4.js');
5
+ var tslib_es6 = require('../tslib.es6-34019f87.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var mergeRefs = require('react-merge-refs');
@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_1sa5v","error":"input-autocomplete__error_1sa5v"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_1n84v","error":"input-autocomplete__error_1n84v"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 9wb83 */
2
- .input-autocomplete__arrow_1sa5v.input-autocomplete__error_1sa5v ~ * {
1
+ /* hash: 15eef */
2
+ .input-autocomplete__arrow_1n84v.input-autocomplete__error_1n84v ~ * {
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-35b92ae4.js');
5
+ require('../tslib.es6-34019f87.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-35b92ae4.js');
5
+ var tslib_es6 = require('../tslib.es6-34019f87.js');
6
6
  var cn = require('classnames');
7
7
  var React = require('react');
8
8
  var hooks = require('@alfalab/hooks');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_8ktpc","field":"input-autocomplete__field_8ktpc","disabled":"input-autocomplete__disabled_8ktpc","placeholder":"input-autocomplete__placeholder_8ktpc","contentWrapper":"input-autocomplete__contentWrapper_8ktpc","value":"input-autocomplete__value_8ktpc","focusVisible":"input-autocomplete__focusVisible_8ktpc"};
16
+ var styles = {"component":"input-autocomplete__component_dmup3","field":"input-autocomplete__field_dmup3","disabled":"input-autocomplete__disabled_dmup3","placeholder":"input-autocomplete__placeholder_dmup3","contentWrapper":"input-autocomplete__contentWrapper_dmup3","value":"input-autocomplete__value_dmup3","focusVisible":"input-autocomplete__focusVisible_dmup3"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 2j4uz */
1
+ /* hash: 1625p */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: #546272;
@@ -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_8ktpc {
18
+ .input-autocomplete__component_dmup3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_8ktpc:not(.input-autocomplete__disabled_8ktpc) {
22
+ .input-autocomplete__field_dmup3:not(.input-autocomplete__disabled_dmup3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_8ktpc {
25
+ .input-autocomplete__disabled_dmup3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_8ktpc {
28
+ .input-autocomplete__placeholder_dmup3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_8ktpc {
31
+ .input-autocomplete__contentWrapper_dmup3 {
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_8ktpc {
41
+ .input-autocomplete__value_dmup3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_8ktpc {
46
+ .input-autocomplete__focusVisible_dmup3 {
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-35b92ae4.js');
5
+ require('../tslib.es6-34019f87.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('@alfalab/hooks');
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-290f975d.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-8bea2d03.js';
2
2
  import 'classnames';
3
3
  import React, { forwardRef } from 'react';
4
4
  import 'react-merge-refs';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-290f975d.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-8bea2d03.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useState, useRef, useMemo } from 'react';
4
4
  import mergeRefs from 'react-merge-refs';
@@ -10,7 +10,7 @@ import '@alfalab/hooks';
10
10
  import '@alfalab/core-components-form-control/esm';
11
11
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1uqu1","footer":"input-autocomplete__footer_1uqu1"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1pot1","footer":"input-autocomplete__footer_1pot1"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-290f975d.js';
1
+ import { a as __assign } from '../tslib.es6-8bea2d03.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useRef, useCallback } from 'react';
4
4
  import mergeRefs from 'react-merge-refs';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_1sa5v","error":"input-autocomplete__error_1sa5v"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_1n84v","error":"input-autocomplete__error_1n84v"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 9wb83 */
2
- .input-autocomplete__arrow_1sa5v.input-autocomplete__error_1sa5v ~ * {
1
+ /* hash: 15eef */
2
+ .input-autocomplete__arrow_1n84v.input-autocomplete__error_1n84v ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-290f975d.js';
1
+ import '../tslib.es6-8bea2d03.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-290f975d.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-8bea2d03.js';
2
2
  import cn from 'classnames';
3
3
  import React, { useState, useRef } from 'react';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
  import { FormControl } from '@alfalab/core-components-form-control/esm';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_8ktpc","field":"input-autocomplete__field_8ktpc","disabled":"input-autocomplete__disabled_8ktpc","placeholder":"input-autocomplete__placeholder_8ktpc","contentWrapper":"input-autocomplete__contentWrapper_8ktpc","value":"input-autocomplete__value_8ktpc","focusVisible":"input-autocomplete__focusVisible_8ktpc"};
7
+ var styles = {"component":"input-autocomplete__component_dmup3","field":"input-autocomplete__field_dmup3","disabled":"input-autocomplete__disabled_dmup3","placeholder":"input-autocomplete__placeholder_dmup3","contentWrapper":"input-autocomplete__contentWrapper_dmup3","value":"input-autocomplete__value_dmup3","focusVisible":"input-autocomplete__focusVisible_dmup3"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 2j4uz */
1
+ /* hash: 1625p */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: #546272;
@@ -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_8ktpc {
18
+ .input-autocomplete__component_dmup3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_8ktpc:not(.input-autocomplete__disabled_8ktpc) {
22
+ .input-autocomplete__field_dmup3:not(.input-autocomplete__disabled_dmup3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_8ktpc {
25
+ .input-autocomplete__disabled_dmup3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_8ktpc {
28
+ .input-autocomplete__placeholder_dmup3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_8ktpc {
31
+ .input-autocomplete__contentWrapper_dmup3 {
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_8ktpc {
41
+ .input-autocomplete__value_dmup3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_8ktpc {
46
+ .input-autocomplete__focusVisible_dmup3 {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-290f975d.js';
1
+ import '../tslib.es6-8bea2d03.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-290f975d.js';
1
+ import './tslib.es6-8bea2d03.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: k6u6e */
1
+ /* hash: 1foxd */
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_1uqu1 {
14
+ .input-autocomplete__bottomSheetInput_1pot1 {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1uqu1 {
18
+ .input-autocomplete__footer_1pot1 {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1uqu1 > button + button {
21
+ .input-autocomplete__footer_1pot1 > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-290f975d.js';
1
+ import './tslib.es6-8bea2d03.js';
2
2
  import 'classnames';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-35b92ae4.js');
5
+ require('./tslib.es6-34019f87.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: k6u6e */
1
+ /* hash: 1foxd */
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_1uqu1 {
14
+ .input-autocomplete__bottomSheetInput_1pot1 {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1uqu1 {
18
+ .input-autocomplete__footer_1pot1 {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1uqu1 > button + button {
21
+ .input-autocomplete__footer_1pot1 > 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-35b92ae4.js');
5
+ require('./tslib.es6-34019f87.js');
6
6
  require('classnames');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -9,7 +9,7 @@ import '@alfalab/hooks';
9
9
  import '@alfalab/core-components-form-control/modern';
10
10
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
11
11
 
12
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1uqu1","footer":"input-autocomplete__footer_1uqu1"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1pot1","footer":"input-autocomplete__footer_1pot1"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- var styles = {"arrow":"input-autocomplete__arrow_1sa5v","error":"input-autocomplete__error_1sa5v"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_1n84v","error":"input-autocomplete__error_1n84v"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 9wb83 */
2
- .input-autocomplete__arrow_1sa5v.input-autocomplete__error_1sa5v ~ * {
1
+ /* hash: 15eef */
2
+ .input-autocomplete__arrow_1n84v.input-autocomplete__error_1n84v ~ * {
3
3
  display: none;
4
4
  }
@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
3
3
  import { useFocus } from '@alfalab/hooks';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/modern';
5
5
 
6
- var styles = {"component":"input-autocomplete__component_8ktpc","field":"input-autocomplete__field_8ktpc","disabled":"input-autocomplete__disabled_8ktpc","placeholder":"input-autocomplete__placeholder_8ktpc","contentWrapper":"input-autocomplete__contentWrapper_8ktpc","value":"input-autocomplete__value_8ktpc","focusVisible":"input-autocomplete__focusVisible_8ktpc"};
6
+ var styles = {"component":"input-autocomplete__component_dmup3","field":"input-autocomplete__field_dmup3","disabled":"input-autocomplete__disabled_dmup3","placeholder":"input-autocomplete__placeholder_dmup3","contentWrapper":"input-autocomplete__contentWrapper_dmup3","value":"input-autocomplete__value_dmup3","focusVisible":"input-autocomplete__focusVisible_dmup3"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 2j4uz */
1
+ /* hash: 1625p */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: #546272;
@@ -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_8ktpc {
18
+ .input-autocomplete__component_dmup3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_8ktpc:not(.input-autocomplete__disabled_8ktpc) {
22
+ .input-autocomplete__field_dmup3:not(.input-autocomplete__disabled_dmup3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_8ktpc {
25
+ .input-autocomplete__disabled_dmup3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_8ktpc {
28
+ .input-autocomplete__placeholder_dmup3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_8ktpc {
31
+ .input-autocomplete__contentWrapper_dmup3 {
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_8ktpc {
41
+ .input-autocomplete__value_dmup3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_8ktpc {
46
+ .input-autocomplete__focusVisible_dmup3 {
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: k6u6e */
1
+ /* hash: 1foxd */
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_1uqu1 {
14
+ .input-autocomplete__bottomSheetInput_1pot1 {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1uqu1 {
18
+ .input-autocomplete__footer_1pot1 {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1uqu1 > button + button {
21
+ .input-autocomplete__footer_1pot1 > 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": "8.0.2",
3
+ "version": "8.1.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,10 +17,10 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-button": "^6.0.1",
21
- "@alfalab/core-components-form-control": "^8.0.1",
22
- "@alfalab/core-components-input": "^10.0.1",
23
- "@alfalab/core-components-select": "^12.1.0",
20
+ "@alfalab/core-components-button": "^6.0.2",
21
+ "@alfalab/core-components-form-control": "^8.1.1",
22
+ "@alfalab/core-components-input": "^10.0.3",
23
+ "@alfalab/core-components-select": "^12.2.0",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",