@alfalab/core-components-input-autocomplete 9.1.1 → 9.1.2
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-7ca84eff.d.ts +11 -2
- package/Component.d.ts +4 -4
- package/Component.js +1 -1
- package/Component.mobile.js +2 -2
- package/autocomplete-field/Component.js +2 -2
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-field/index.js +1 -1
- package/autocomplete-mobile-field/Component.js +2 -2
- package/autocomplete-mobile-field/index.css +8 -8
- package/autocomplete-mobile-field/index.js +1 -1
- package/cssm/Component-7ca84eff.d.ts +11 -2
- package/esm/Component-7ca84eff.d.ts +11 -2
- package/esm/Component.js +1 -1
- package/esm/Component.mobile.js +2 -2
- package/esm/autocomplete-field/Component.js +2 -2
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-field/index.js +1 -1
- package/esm/autocomplete-mobile-field/Component.js +2 -2
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/autocomplete-mobile-field/index.js +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{tslib.es6-9adadf9c.d.ts → tslib.es6-8ce9e246.d.ts} +0 -0
- package/esm/{tslib.es6-9adadf9c.js → tslib.es6-8ce9e246.js} +0 -0
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +11 -2
- package/modern/Component.mobile.js +1 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/mobile.css +4 -4
- package/package.json +2 -2
- /package/{tslib.es6-3e629b87.d.ts → tslib.es6-ebbce8b2.d.ts} +0 -0
- /package/{tslib.es6-3e629b87.js → tslib.es6-ebbce8b2.js} +0 -0
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -65,7 +65,7 @@ declare const colors: readonly [
|
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
67
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
|
-
type
|
|
68
|
+
type TextBaseProps = {
|
|
69
69
|
/**
|
|
70
70
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
71
71
|
*/
|
|
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
85
85
|
/**
|
|
86
86
|
* HTML тег
|
|
87
87
|
*/
|
|
88
|
-
tag?: "
|
|
88
|
+
tag?: "span" | "div";
|
|
89
89
|
/**
|
|
90
90
|
* Css-класс для стилизации (native prop)
|
|
91
91
|
*/
|
|
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
98
98
|
* Контент (native prop)
|
|
99
99
|
*/
|
|
100
100
|
children?: React.ReactNode;
|
|
101
|
+
/**
|
|
102
|
+
* Добавляет отступы к тэгу 'p'
|
|
103
|
+
*/
|
|
104
|
+
defaultMargins?: never;
|
|
105
|
+
};
|
|
106
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
107
|
+
tag?: "p";
|
|
108
|
+
defaultMargins?: boolean;
|
|
101
109
|
};
|
|
110
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
102
111
|
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
103
112
|
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
104
113
|
/**
|
package/Component.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
|
|
|
37
37
|
/**
|
|
38
38
|
* Компонент ввода значения
|
|
39
39
|
*/
|
|
40
|
-
Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
40
|
+
Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "enterKeyHint"> & {
|
|
41
41
|
value?: string | undefined;
|
|
42
42
|
defaultValue?: string | undefined;
|
|
43
43
|
block?: boolean | undefined;
|
|
@@ -49,7 +49,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
|
|
|
49
49
|
hint?: React.ReactNode;
|
|
50
50
|
label?: React.ReactNode;
|
|
51
51
|
labelView?: "inner" | "outer" | undefined;
|
|
52
|
-
type?: "number" | "text" | "tel" | "email" | "
|
|
52
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
|
|
53
53
|
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
54
54
|
leftAddons?: React.ReactNode;
|
|
55
55
|
rightAddons?: React.ReactNode;
|
|
@@ -73,7 +73,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
|
|
|
73
73
|
/**
|
|
74
74
|
* Пропсы, которые будут прокинуты в инпут
|
|
75
75
|
*/
|
|
76
|
-
inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
76
|
+
inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "enterKeyHint"> & {
|
|
77
77
|
value?: string | undefined;
|
|
78
78
|
defaultValue?: string | undefined;
|
|
79
79
|
block?: boolean | undefined;
|
|
@@ -85,7 +85,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
|
|
|
85
85
|
hint?: React.ReactNode;
|
|
86
86
|
label?: React.ReactNode;
|
|
87
87
|
labelView?: "inner" | "outer" | undefined;
|
|
88
|
-
type?: "number" | "text" | "tel" | "email" | "
|
|
88
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
|
|
89
89
|
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
90
90
|
leftAddons?: React.ReactNode;
|
|
91
91
|
rightAddons?: React.ReactNode;
|
package/Component.js
CHANGED
package/Component.mobile.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-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-ebbce8b2.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-
|
|
24
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
|
|
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-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-ebbce8b2.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-
|
|
17
|
+
var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var AutocompleteField = function (_a) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-ebbce8b2.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-
|
|
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"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ztfry */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_1ee9q {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_1ee9q {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_1ee9q {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_1ee9q {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_1ee9q {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_1ee9q {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -65,7 +65,7 @@ declare const colors: readonly [
|
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
67
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
|
-
type
|
|
68
|
+
type TextBaseProps = {
|
|
69
69
|
/**
|
|
70
70
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
71
71
|
*/
|
|
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
85
85
|
/**
|
|
86
86
|
* HTML тег
|
|
87
87
|
*/
|
|
88
|
-
tag?: "
|
|
88
|
+
tag?: "span" | "div";
|
|
89
89
|
/**
|
|
90
90
|
* Css-класс для стилизации (native prop)
|
|
91
91
|
*/
|
|
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
98
98
|
* Контент (native prop)
|
|
99
99
|
*/
|
|
100
100
|
children?: React.ReactNode;
|
|
101
|
+
/**
|
|
102
|
+
* Добавляет отступы к тэгу 'p'
|
|
103
|
+
*/
|
|
104
|
+
defaultMargins?: never;
|
|
105
|
+
};
|
|
106
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
107
|
+
tag?: "p";
|
|
108
|
+
defaultMargins?: boolean;
|
|
101
109
|
};
|
|
110
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
102
111
|
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
103
112
|
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
104
113
|
/**
|
|
@@ -65,7 +65,7 @@ declare const colors: readonly [
|
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
67
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
|
-
type
|
|
68
|
+
type TextBaseProps = {
|
|
69
69
|
/**
|
|
70
70
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
71
71
|
*/
|
|
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
85
85
|
/**
|
|
86
86
|
* HTML тег
|
|
87
87
|
*/
|
|
88
|
-
tag?: "
|
|
88
|
+
tag?: "span" | "div";
|
|
89
89
|
/**
|
|
90
90
|
* Css-класс для стилизации (native prop)
|
|
91
91
|
*/
|
|
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
98
98
|
* Контент (native prop)
|
|
99
99
|
*/
|
|
100
100
|
children?: React.ReactNode;
|
|
101
|
+
/**
|
|
102
|
+
* Добавляет отступы к тэгу 'p'
|
|
103
|
+
*/
|
|
104
|
+
defaultMargins?: never;
|
|
105
|
+
};
|
|
106
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
107
|
+
tag?: "p";
|
|
108
|
+
defaultMargins?: boolean;
|
|
101
109
|
};
|
|
110
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
102
111
|
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
103
112
|
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
104
113
|
/**
|
package/esm/Component.js
CHANGED
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-8ce9e246.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-
|
|
13
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
|
|
14
14
|
require('./mobile.css')
|
|
15
15
|
|
|
16
16
|
var SELECTED = [];
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../tslib.es6-
|
|
1
|
+
import { a as __assign } from '../tslib.es6-8ce9e246.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-
|
|
7
|
+
var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteField = function (_a) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-8ce9e246.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-
|
|
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"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ztfry */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_1ee9q {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_1ee9q {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_1ee9q {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_1ee9q {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_1ee9q {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_1ee9q {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
package/esm/index.js
CHANGED
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1lxnb */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_zfe6o {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_zfe6o {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_zfe6o > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/esm/mobile.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index.js
CHANGED
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1lxnb */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_zfe6o {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_zfe6o {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_zfe6o > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/mobile.js
CHANGED
|
@@ -65,7 +65,7 @@ declare const colors: readonly [
|
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
67
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
|
-
type
|
|
68
|
+
type TextBaseProps = {
|
|
69
69
|
/**
|
|
70
70
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
71
71
|
*/
|
|
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
85
85
|
/**
|
|
86
86
|
* HTML тег
|
|
87
87
|
*/
|
|
88
|
-
tag?: "
|
|
88
|
+
tag?: "span" | "div";
|
|
89
89
|
/**
|
|
90
90
|
* Css-класс для стилизации (native prop)
|
|
91
91
|
*/
|
|
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
|
|
|
98
98
|
* Контент (native prop)
|
|
99
99
|
*/
|
|
100
100
|
children?: React.ReactNode;
|
|
101
|
+
/**
|
|
102
|
+
* Добавляет отступы к тэгу 'p'
|
|
103
|
+
*/
|
|
104
|
+
defaultMargins?: never;
|
|
105
|
+
};
|
|
106
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
107
|
+
tag?: "p";
|
|
108
|
+
defaultMargins?: boolean;
|
|
101
109
|
};
|
|
110
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
102
111
|
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
103
112
|
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
104
113
|
/**
|
|
@@ -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-
|
|
12
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_zfe6o","footer":"input-autocomplete__footer_zfe6o"};
|
|
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-
|
|
6
|
+
var styles = {"arrow":"input-autocomplete__arrow_wyq0k","error":"input-autocomplete__error_wyq0k"};
|
|
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, }) => {
|
|
@@ -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-
|
|
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"};
|
|
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:
|
|
1
|
+
/* hash: ztfry */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_1ee9q {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_1ee9q:not(.input-autocomplete__disabled_1ee9q) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_1ee9q {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_1ee9q {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_1ee9q {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_1ee9q {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_1ee9q {
|
|
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:
|
|
1
|
+
/* hash: 1lxnb */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_zfe6o {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_zfe6o {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_zfe6o > 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.
|
|
3
|
+
"version": "9.1.2",
|
|
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.
|
|
23
|
+
"@alfalab/core-components-select": "^13.1.2",
|
|
24
24
|
"@alfalab/hooks": "^1.4.1",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
26
26
|
"lodash.throttle": "^4.1.1",
|
|
File without changes
|
|
File without changes
|