@alfalab/core-components-input-autocomplete 10.1.4 → 10.1.6
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-1a4fbd11.d.ts → Component-72308007.d.ts} +1 -1
- package/Component.desktop.d.ts +2 -6
- package/Component.desktop.js +1 -8
- package/Component.mobile.js +2 -2
- package/Component.modal.mobile.js +2 -2
- package/Component.responsive.js +1 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.js +1 -1
- package/autocomplete-mobile-field/index.css +8 -8
- package/{esm/Component-1a4fbd11.d.ts → cssm/Component-72308007.d.ts} +1 -1
- package/cssm/Component.desktop.d.ts +2 -6
- package/cssm/Component.desktop.js +1 -8
- package/cssm/Component.mobile.js +1 -1
- package/cssm/Component.modal.mobile.js +1 -1
- package/cssm/index-72308007.d.ts +54 -0
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +1 -1
- package/{cssm/Component-1a4fbd11.d.ts → esm/Component-72308007.d.ts} +1 -1
- package/esm/Component.desktop.d.ts +2 -6
- package/esm/Component.desktop.js +1 -8
- package/esm/Component.mobile.js +2 -2
- package/esm/Component.modal.mobile.js +2 -2
- package/esm/Component.responsive.js +1 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/index-72308007.d.ts +54 -0
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{mobile.module-7c125313.js → mobile.module-a93c9068.js} +1 -1
- package/index-72308007.d.ts +54 -0
- package/index-c76d6398.d.ts +1 -1
- package/index-f12ee135.d.ts +1 -1
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/{mobile.module-f4b02d6c.js → mobile.module-ca86f5ea.js} +1 -1
- package/modern/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +1 -1
- package/modern/Component-96988a65.d.ts +9 -0
- package/modern/Component-dd8ca091.d.ts +20 -70
- package/modern/Component.desktop.d.ts +2 -6
- package/modern/Component.desktop.js +3 -2
- package/modern/Component.mobile.d.ts +1 -1
- package/modern/Component.mobile.js +5 -2
- package/modern/Component.modal.mobile.d.ts +1 -1
- package/modern/Component.modal.mobile.js +3 -3
- package/modern/Component.responsive.d.ts +2 -2
- package/modern/Component.responsive.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/desktop-63dec22f.d.ts +2 -6
- package/modern/index-72308007.d.ts +54 -0
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/index.js +1 -1
- package/modern/mobile-96988a65.d.ts +5 -2
- package/modern/mobile.css +4 -4
- package/modern/mobile.js +1 -1
- package/modern/{mobile.module-b86c11f5.js → mobile.module-e72a1e20.js} +1 -1
- package/modern/shared-4cd3936b.d.ts +1 -0
- package/package.json +4 -4
- package/src/Component.desktop.tsx +5 -3
- package/src/Component.mobile.tsx +9 -6
- package/src/Component.modal.mobile.tsx +5 -5
- package/cssm/index-1a4fbd11.d.ts +0 -22
- package/esm/index-1a4fbd11.d.ts +0 -22
- package/index-1a4fbd11.d.ts +0 -22
- package/modern/Component.mobile-ebda875c.d.ts +0 -6
- package/modern/index-1a4fbd11.d.ts +0 -22
- /package/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/cssm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/esm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/modern/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
|
@@ -141,7 +141,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
|
|
|
141
141
|
*/
|
|
142
142
|
disableUserInput?: boolean;
|
|
143
143
|
};
|
|
144
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "
|
|
144
|
+
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
145
145
|
/**
|
|
146
146
|
* Значение поля ввода
|
|
147
147
|
*/
|
package/Component.desktop.d.ts
CHANGED
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
package/Component.desktop.js
CHANGED
|
@@ -16,14 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
16
16
|
|
|
17
17
|
var InputAutocompleteDesktop = React.forwardRef(function (_a, ref) {
|
|
18
18
|
var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
|
|
19
|
-
return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, fieldProps: {
|
|
20
|
-
Input: Input,
|
|
21
|
-
onInput: onInput,
|
|
22
|
-
value: value,
|
|
23
|
-
inputProps: inputProps,
|
|
24
|
-
readOnly: readOnly,
|
|
25
|
-
success: success,
|
|
26
|
-
}, Optgroup: Optgroup, OptionsList: OptionsList }, restProps)));
|
|
19
|
+
return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, Optgroup: Optgroup, OptionsList: OptionsList }, restProps, { fieldProps: tslib.__assign(tslib.__assign({}, restProps.fieldProps), { Input: Input, onInput: onInput, value: value, inputProps: inputProps, readOnly: readOnly, success: success }) })));
|
|
27
20
|
});
|
|
28
21
|
|
|
29
22
|
exports.InputAutocompleteDesktop = InputAutocompleteDesktop;
|
package/Component.mobile.js
CHANGED
|
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
11
11
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
12
12
|
var mobile = require('@alfalab/core-components-select/mobile');
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
|
-
var mobile_module = require('./mobile.module-
|
|
14
|
+
var mobile_module = require('./mobile.module-ca86f5ea.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
|
@@ -83,7 +83,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
|
|
|
83
83
|
bottomSheetHeaderAddonsProps.ref,
|
|
84
84
|
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
85
85
|
};
|
|
86
|
-
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen,
|
|
86
|
+
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({ useWithApplyHook: false, Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, { ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, Arrow: Arrow, onChange: handleChange, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: tslib.__assign({ showFooter: false }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: value }, restProps.fieldProps) })));
|
|
87
87
|
});
|
|
88
88
|
|
|
89
89
|
exports.InputAutocompleteMobile = InputAutocompleteMobile;
|
|
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
11
11
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
12
12
|
var mobile = require('@alfalab/core-components-select/mobile');
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
|
-
var mobile_module = require('./mobile.module-
|
|
14
|
+
var mobile_module = require('./mobile.module-ca86f5ea.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
|
@@ -71,7 +71,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
|
|
|
71
71
|
var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
72
72
|
React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
|
|
73
73
|
React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))); };
|
|
74
|
-
return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]),
|
|
74
|
+
return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField, useWithApplyHook: false }, restProps, { ref: mergeRefs__default.default([ref, targetRef]), Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: tslib.__assign({ value: value }, restProps.fieldProps), placeholder: placeholder, name: name, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) })));
|
|
75
75
|
});
|
|
76
76
|
|
|
77
77
|
exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
|
package/Component.responsive.js
CHANGED
|
@@ -18,7 +18,7 @@ require('@alfalab/core-components-input');
|
|
|
18
18
|
require('@alfalab/core-components-select/mobile');
|
|
19
19
|
require('./autocomplete-mobile-field/Component.js');
|
|
20
20
|
require('@alfalab/core-components-form-control/mobile');
|
|
21
|
-
require('./mobile.module-
|
|
21
|
+
require('./mobile.module-ca86f5ea.js');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
24
|
|
|
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
14
14
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"arrow":"input-
|
|
17
|
+
var styles = {"arrow":"input-autocomplete__arrow_59u15","error":"input-autocomplete__error_59u15"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var AutocompleteField = function (_a) {
|
|
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
15
|
|
|
16
|
-
var styles = {"component":"input-
|
|
16
|
+
var styles = {"component":"input-autocomplete__component_35tpq","field":"input-autocomplete__field_35tpq","disabled":"input-autocomplete__disabled_35tpq","placeholder":"input-autocomplete__placeholder_35tpq","contentWrapper":"input-autocomplete__contentWrapper_35tpq","value":"input-autocomplete__value_35tpq","focusVisible":"input-autocomplete__focusVisible_35tpq"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1eo04 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #0072ef;
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--focus-color: var(--color-light-border-link);
|
|
20
20
|
--disabled-cursor: not-allowed;
|
|
21
|
-
} .input-
|
|
21
|
+
} .input-autocomplete__component_35tpq {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_35tpq:not(.input-autocomplete__disabled_35tpq) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_35tpq {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_35tpq {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_35tpq {
|
|
31
31
|
font-size: 16px;
|
|
32
32
|
line-height: 20px;
|
|
33
33
|
font-weight: 400;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
text-overflow: ellipsis;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
width: 100%;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__value_35tpq {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_35tpq {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -141,7 +141,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
|
|
|
141
141
|
*/
|
|
142
142
|
disableUserInput?: boolean;
|
|
143
143
|
};
|
|
144
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "
|
|
144
|
+
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
145
145
|
/**
|
|
146
146
|
* Значение поля ввода
|
|
147
147
|
*/
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
|
@@ -17,14 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
17
17
|
|
|
18
18
|
var InputAutocompleteDesktop = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
|
|
20
|
-
return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, fieldProps: {
|
|
21
|
-
Input: Input,
|
|
22
|
-
onInput: onInput,
|
|
23
|
-
value: value,
|
|
24
|
-
inputProps: inputProps,
|
|
25
|
-
readOnly: readOnly,
|
|
26
|
-
success: success,
|
|
27
|
-
}, Optgroup: Optgroup, OptionsList: OptionsList }, restProps)));
|
|
20
|
+
return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, Optgroup: Optgroup, OptionsList: OptionsList }, restProps, { fieldProps: tslib.__assign(tslib.__assign({}, restProps.fieldProps), { Input: Input, onInput: onInput, value: value, inputProps: inputProps, readOnly: readOnly, success: success }) })));
|
|
28
21
|
});
|
|
29
22
|
|
|
30
23
|
exports.InputAutocompleteDesktop = InputAutocompleteDesktop;
|
package/cssm/Component.mobile.js
CHANGED
|
@@ -85,7 +85,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
|
|
|
85
85
|
bottomSheetHeaderAddonsProps.ref,
|
|
86
86
|
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
87
87
|
};
|
|
88
|
-
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen,
|
|
88
|
+
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({ useWithApplyHook: false, Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, { ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, Arrow: Arrow, onChange: handleChange, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: tslib.__assign({ showFooter: false }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: value }, restProps.fieldProps) })));
|
|
89
89
|
});
|
|
90
90
|
|
|
91
91
|
exports.InputAutocompleteMobile = InputAutocompleteMobile;
|
|
@@ -73,7 +73,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
|
|
|
73
73
|
var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
74
74
|
React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
|
|
75
75
|
React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))); };
|
|
76
|
-
return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]),
|
|
76
|
+
return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField, useWithApplyHook: false }, restProps, { ref: mergeRefs__default.default([ref, targetRef]), Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: tslib.__assign({ value: value }, restProps.fieldProps), placeholder: placeholder, name: name, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) })));
|
|
77
77
|
});
|
|
78
78
|
|
|
79
79
|
exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare const isClient: () => boolean;
|
|
7
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
8
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
|
package/cssm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -141,7 +141,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
|
|
|
141
141
|
*/
|
|
142
142
|
disableUserInput?: boolean;
|
|
143
143
|
};
|
|
144
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "
|
|
144
|
+
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
145
145
|
/**
|
|
146
146
|
* Значение поля ввода
|
|
147
147
|
*/
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
package/esm/Component.desktop.js
CHANGED
|
@@ -8,14 +8,7 @@ import '@alfalab/core-components-input/esm/desktop';
|
|
|
8
8
|
|
|
9
9
|
var InputAutocompleteDesktop = forwardRef(function (_a, ref) {
|
|
10
10
|
var _b = _a.OptionsList, OptionsList$1 = _b === void 0 ? OptionsList : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? Optgroup : _c, _d = _a.Option, Option$1 = _d === void 0 ? Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
|
|
11
|
-
return (React.createElement(BaseSelect, __assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, fieldProps: {
|
|
12
|
-
Input: Input,
|
|
13
|
-
onInput: onInput,
|
|
14
|
-
value: value,
|
|
15
|
-
inputProps: inputProps,
|
|
16
|
-
readOnly: readOnly,
|
|
17
|
-
success: success,
|
|
18
|
-
}, Optgroup: Optgroup$1, OptionsList: OptionsList$1 }, restProps)));
|
|
11
|
+
return (React.createElement(BaseSelect, __assign({ ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, Optgroup: Optgroup$1, OptionsList: OptionsList$1 }, restProps, { fieldProps: __assign(__assign({}, restProps.fieldProps), { Input: Input, onInput: onInput, value: value, inputProps: inputProps, readOnly: readOnly, success: success }) })));
|
|
19
12
|
});
|
|
20
13
|
|
|
21
14
|
export { InputAutocompleteDesktop };
|
package/esm/Component.mobile.js
CHANGED
|
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
|
7
7
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
8
8
|
import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
|
|
9
9
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
10
|
-
import { s as styles } from './mobile.module-
|
|
10
|
+
import { s as styles } from './mobile.module-a93c9068.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -72,7 +72,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
|
|
|
72
72
|
bottomSheetHeaderAddonsProps.ref,
|
|
73
73
|
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: __assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
74
74
|
};
|
|
75
|
-
return (React.createElement(SelectMobile, __assign({ ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen,
|
|
75
|
+
return (React.createElement(SelectMobile, __assign({ useWithApplyHook: false, Field: AutocompleteMobileField }, restProps, { ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, Arrow: Arrow, onChange: handleChange, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: __assign({ showFooter: false }, restProps.optionsListProps), fieldProps: __assign({ value: value }, restProps.fieldProps) })));
|
|
76
76
|
});
|
|
77
77
|
|
|
78
78
|
export { InputAutocompleteMobile };
|
|
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
|
7
7
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
8
8
|
import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
|
|
9
9
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
10
|
-
import { s as styles } from './mobile.module-
|
|
10
|
+
import { s as styles } from './mobile.module-a93c9068.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -60,7 +60,7 @@ var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
|
|
|
60
60
|
var renderFooter = function () { return (React.createElement(React.Fragment, null,
|
|
61
61
|
React.createElement(ButtonMobile, __assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
|
|
62
62
|
React.createElement(ButtonMobile, __assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))); };
|
|
63
|
-
return (React.createElement(SelectModalMobile, __assign({ ref: mergeRefs([ref, targetRef]),
|
|
63
|
+
return (React.createElement(SelectModalMobile, __assign({ Field: AutocompleteMobileField, useWithApplyHook: false }, restProps, { ref: mergeRefs([ref, targetRef]), Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: __assign({ value: value }, restProps.fieldProps), placeholder: placeholder, name: name, modalProps: __assign(__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) })));
|
|
64
64
|
});
|
|
65
65
|
|
|
66
66
|
export { InputAutocompleteModalMobile };
|
|
@@ -14,7 +14,7 @@ import '@alfalab/core-components-input/esm';
|
|
|
14
14
|
import '@alfalab/core-components-select/esm/mobile';
|
|
15
15
|
import './autocomplete-mobile-field/Component.js';
|
|
16
16
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
17
|
-
import './mobile.module-
|
|
17
|
+
import './mobile.module-a93c9068.js';
|
|
18
18
|
|
|
19
19
|
var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
|
|
20
20
|
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
|
|
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
|
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
|
|
6
6
|
|
|
7
|
-
var styles = {"arrow":"input-
|
|
7
|
+
var styles = {"arrow":"input-autocomplete__arrow_59u15","error":"input-autocomplete__error_59u15"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteField = function (_a) {
|
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { FormControlMobile } from '@alfalab/core-components-form-control/esm/mobile';
|
|
5
5
|
import { useFocus } from '@alfalab/hooks';
|
|
6
6
|
|
|
7
|
-
var styles = {"component":"input-
|
|
7
|
+
var styles = {"component":"input-autocomplete__component_35tpq","field":"input-autocomplete__field_35tpq","disabled":"input-autocomplete__disabled_35tpq","placeholder":"input-autocomplete__placeholder_35tpq","contentWrapper":"input-autocomplete__contentWrapper_35tpq","value":"input-autocomplete__value_35tpq","focusVisible":"input-autocomplete__focusVisible_35tpq"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1eo04 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #0072ef;
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--focus-color: var(--color-light-border-link);
|
|
20
20
|
--disabled-cursor: not-allowed;
|
|
21
|
-
} .input-
|
|
21
|
+
} .input-autocomplete__component_35tpq {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_35tpq:not(.input-autocomplete__disabled_35tpq) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_35tpq {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_35tpq {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_35tpq {
|
|
31
31
|
font-size: 16px;
|
|
32
32
|
line-height: 20px;
|
|
33
33
|
font-weight: 400;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
text-overflow: ellipsis;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
width: 100%;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__value_35tpq {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_35tpq {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare const isClient: () => boolean;
|
|
7
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
8
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
|
package/esm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/esm/index-f12ee135.d.ts
CHANGED
package/esm/index.js
CHANGED
|
@@ -15,4 +15,4 @@ import '@alfalab/core-components-input/esm';
|
|
|
15
15
|
import '@alfalab/core-components-select/esm/mobile';
|
|
16
16
|
import './autocomplete-mobile-field/Component.js';
|
|
17
17
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
18
|
-
import './mobile.module-
|
|
18
|
+
import './mobile.module-a93c9068.js';
|
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: rm0hw */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .input-
|
|
19
|
+
} .input-autocomplete__bottomAddonInput_qd82t {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_qd82t {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_qd82t > button + button {
|
|
25
25
|
margin-left: var(--gap-m);
|
|
26
26
|
}
|
package/esm/mobile.js
CHANGED
|
@@ -11,4 +11,4 @@ import '@alfalab/core-components-select/esm/mobile';
|
|
|
11
11
|
import './autocomplete-mobile-field/Component.js';
|
|
12
12
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
13
13
|
import '@alfalab/hooks';
|
|
14
|
-
import './mobile.module-
|
|
14
|
+
import './mobile.module-a93c9068.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"bottomAddonInput":"input-
|
|
1
|
+
var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_qd82t","footer":"input-autocomplete__footer_qd82t"};
|
|
2
2
|
require('./mobile.css')
|
|
3
3
|
|
|
4
4
|
export { styles as s };
|