@alfalab/core-components-input-autocomplete 9.1.3 → 9.1.4
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 +5 -4
- 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 +5 -4
- package/esm/Component-7ca84eff.d.ts +5 -4
- 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-6f21004e.d.ts → tslib.es6-2208c38d.d.ts} +0 -0
- package/esm/{tslib.es6-6f21004e.js → tslib.es6-2208c38d.js} +0 -0
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +5 -4
- 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-ca8b36c2.d.ts → tslib.es6-8ec3b181.d.ts} +0 -0
- /package/{tslib.es6-ca8b36c2.js → tslib.es6-8ec3b181.js} +0 -0
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
|
|
3
3
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
4
4
|
import { BottomSheetTitleAlign } from "./index-7ca84eff";
|
|
5
5
|
type IconButtonProps = {
|
|
@@ -64,10 +64,11 @@ declare const colors: readonly [
|
|
|
64
64
|
"negative"
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
|
+
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
67
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
69
|
type TextBaseProps = {
|
|
69
70
|
/**
|
|
70
|
-
* [Вариант начертания](https://
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
71
72
|
*/
|
|
72
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
73
74
|
/**
|
|
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
115
116
|
*/
|
|
116
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
117
118
|
/**
|
|
118
|
-
* [Вариант начертания](https://
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
119
120
|
*/
|
|
120
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
121
122
|
/**
|
|
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
150
151
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
151
152
|
declare const Typography: {
|
|
152
153
|
Title: FC<TitleProps>;
|
|
153
|
-
Text:
|
|
154
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
154
155
|
TitleResponsive: FC<TitleProps>;
|
|
155
156
|
TitleMobile: FC<TitleMobileProps>;
|
|
156
157
|
};
|
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>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "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" | "card" | "money" | "password" | 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>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "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" | "card" | "money" | "password" | 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-8ec3b181.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_152dz","footer":"input-autocomplete__footer_152dz"};
|
|
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-8ec3b181.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_12lpt","error":"input-autocomplete__error_12lpt"};
|
|
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-8ec3b181.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_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 5tm89 */
|
|
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_5fx9y {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_5fx9y {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_5fx9y {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_5fx9y {
|
|
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_5fx9y {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_5fx9y {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
|
|
3
3
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
4
4
|
import { BottomSheetTitleAlign } from "./index-7ca84eff";
|
|
5
5
|
type IconButtonProps = {
|
|
@@ -64,10 +64,11 @@ declare const colors: readonly [
|
|
|
64
64
|
"negative"
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
|
+
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
67
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
69
|
type TextBaseProps = {
|
|
69
70
|
/**
|
|
70
|
-
* [Вариант начертания](https://
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
71
72
|
*/
|
|
72
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
73
74
|
/**
|
|
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
115
116
|
*/
|
|
116
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
117
118
|
/**
|
|
118
|
-
* [Вариант начертания](https://
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
119
120
|
*/
|
|
120
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
121
122
|
/**
|
|
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
150
151
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
151
152
|
declare const Typography: {
|
|
152
153
|
Title: FC<TitleProps>;
|
|
153
|
-
Text:
|
|
154
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
154
155
|
TitleResponsive: FC<TitleProps>;
|
|
155
156
|
TitleMobile: FC<TitleMobileProps>;
|
|
156
157
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
|
|
3
3
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
4
4
|
import { BottomSheetTitleAlign } from "./index-7ca84eff";
|
|
5
5
|
type IconButtonProps = {
|
|
@@ -64,10 +64,11 @@ declare const colors: readonly [
|
|
|
64
64
|
"negative"
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
|
+
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
67
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
69
|
type TextBaseProps = {
|
|
69
70
|
/**
|
|
70
|
-
* [Вариант начертания](https://
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
71
72
|
*/
|
|
72
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
73
74
|
/**
|
|
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
115
116
|
*/
|
|
116
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
117
118
|
/**
|
|
118
|
-
* [Вариант начертания](https://
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
119
120
|
*/
|
|
120
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
121
122
|
/**
|
|
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
150
151
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
151
152
|
declare const Typography: {
|
|
152
153
|
Title: FC<TitleProps>;
|
|
153
|
-
Text:
|
|
154
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
154
155
|
TitleResponsive: FC<TitleProps>;
|
|
155
156
|
TitleMobile: FC<TitleMobileProps>;
|
|
156
157
|
};
|
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-2208c38d.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_152dz","footer":"input-autocomplete__footer_152dz"};
|
|
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-2208c38d.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_12lpt","error":"input-autocomplete__error_12lpt"};
|
|
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-2208c38d.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_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 5tm89 */
|
|
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_5fx9y {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_5fx9y {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_5fx9y {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_5fx9y {
|
|
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_5fx9y {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_5fx9y {
|
|
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: 1a0zp */
|
|
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_152dz {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_152dz {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_152dz > 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: 1a0zp */
|
|
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_152dz {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_152dz {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_152dz > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/mobile.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
|
|
3
3
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
4
4
|
import { BottomSheetTitleAlign } from "./index-7ca84eff";
|
|
5
5
|
type IconButtonProps = {
|
|
@@ -64,10 +64,11 @@ declare const colors: readonly [
|
|
|
64
64
|
"negative"
|
|
65
65
|
];
|
|
66
66
|
type Color = typeof colors[number];
|
|
67
|
+
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
67
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
68
69
|
type TextBaseProps = {
|
|
69
70
|
/**
|
|
70
|
-
* [Вариант начертания](https://
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
71
72
|
*/
|
|
72
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
73
74
|
/**
|
|
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
115
116
|
*/
|
|
116
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
117
118
|
/**
|
|
118
|
-
* [Вариант начертания](https://
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
119
120
|
*/
|
|
120
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
121
122
|
/**
|
|
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
150
151
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
151
152
|
declare const Typography: {
|
|
152
153
|
Title: FC<TitleProps>;
|
|
153
|
-
Text:
|
|
154
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
154
155
|
TitleResponsive: FC<TitleProps>;
|
|
155
156
|
TitleMobile: FC<TitleMobileProps>;
|
|
156
157
|
};
|
|
@@ -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_152dz","footer":"input-autocomplete__footer_152dz"};
|
|
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_12lpt","error":"input-autocomplete__error_12lpt"};
|
|
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_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
|
|
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: 5tm89 */
|
|
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_5fx9y {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_5fx9y {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_5fx9y {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_5fx9y {
|
|
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_5fx9y {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_5fx9y {
|
|
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: 1a0zp */
|
|
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_152dz {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_152dz {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_152dz > 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.4",
|
|
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.2.
|
|
23
|
+
"@alfalab/core-components-select": "^13.2.1",
|
|
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
|