@alfalab/core-components-input-autocomplete 7.5.0 → 7.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component-7ca84eff.d.ts +12 -0
- package/Component.js +1 -1
- package/Component.mobile.js +3 -3
- 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 +12 -0
- package/cssm/Component.mobile.js +1 -1
- package/cssm/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/cssm/index-7ca84eff.d.ts +2 -0
- package/esm/Component-7ca84eff.d.ts +12 -0
- package/esm/Component.js +1 -1
- package/esm/Component.mobile.js +3 -3
- 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/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/esm/index-7ca84eff.d.ts +2 -0
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{tslib.es6-6d311a07.d.ts → tslib.es6-7efeb408.d.ts} +0 -0
- package/esm/{tslib.es6-6d311a07.js → tslib.es6-7efeb408.js} +0 -0
- package/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/index-7ca84eff.d.ts +2 -0
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +12 -0
- package/modern/Component.mobile.js +1 -2
- 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/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/modern/index-7ca84eff.d.ts +2 -0
- package/modern/mobile.css +4 -4
- package/package.json +4 -4
- package/{tslib.es6-4ec9e5d1.d.ts → tslib.es6-ab4dd6e6.d.ts} +0 -0
- package/{tslib.es6-4ec9e5d1.js → tslib.es6-ab4dd6e6.js} +0 -0
- package/CHANGELOG.md +0 -820
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
39
39
|
* Размер кнопки
|
|
40
40
|
*/
|
|
41
41
|
size?: IconButtonProps["size"];
|
|
42
|
+
/**
|
|
43
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
44
|
+
*/
|
|
45
|
+
dataTestId?: string;
|
|
42
46
|
/**
|
|
43
47
|
* Иконка
|
|
44
48
|
*/
|
|
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
158
162
|
* Иконка
|
|
159
163
|
*/
|
|
160
164
|
icon?: ElementType;
|
|
165
|
+
/**
|
|
166
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
167
|
+
*/
|
|
168
|
+
dataTestId?: string;
|
|
161
169
|
/**
|
|
162
170
|
* Обработчик нажатия
|
|
163
171
|
*/
|
|
@@ -218,6 +226,10 @@ type HeaderProps = {
|
|
|
218
226
|
* Фиксирует шапку
|
|
219
227
|
*/
|
|
220
228
|
sticky?: boolean;
|
|
229
|
+
/**
|
|
230
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
231
|
+
*/
|
|
232
|
+
dataTestId?: string;
|
|
221
233
|
/**
|
|
222
234
|
* Обработчик нажатия на стрелку назад
|
|
223
235
|
*/
|
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-ab4dd6e6.js');
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var mergeRefs = require('react-merge-refs');
|
|
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
21
21
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
22
22
|
var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
|
|
23
23
|
|
|
24
|
-
var styles = {"bottomSheetInput":"input-
|
|
24
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
|
|
25
25
|
require('./mobile.css')
|
|
26
26
|
|
|
27
27
|
var SELECTED = [];
|
|
@@ -74,7 +74,7 @@ var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a,
|
|
|
74
74
|
React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React__default['default'].createElement(coreComponentsInput.Input, tslib_es6.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default['default'](styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default['default']([
|
|
75
75
|
bottomSheetInputRef,
|
|
76
76
|
bottomSheetHeaderAddonsProps.ref,
|
|
77
|
-
]) }))), initialHeight: 'full'
|
|
77
|
+
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
78
78
|
};
|
|
79
79
|
return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({ ref: mergeRefs__default['default']([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
|
|
80
80
|
});
|
|
@@ -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-ab4dd6e6.js');
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var mergeRefs = require('react-merge-refs');
|
|
@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
16
16
|
|
|
17
|
-
var styles = {"arrow":"input-
|
|
17
|
+
var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
|
|
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-ab4dd6e6.js');
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var hooks = require('@alfalab/hooks');
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var styles = {"component":"input-
|
|
16
|
+
var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gl6ny */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-border-link: #007aff;
|
|
4
4
|
--color-light-text-secondary: #546272;
|
|
@@ -15,20 +15,20 @@
|
|
|
15
15
|
--focus-color: var(--color-light-border-link);
|
|
16
16
|
--disabled-cursor: not-allowed;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__component_uc13b {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_uc13b:not(.input-autocomplete__disabled_uc13b) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_uc13b {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_uc13b {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_uc13b {
|
|
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_uc13b {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_uc13b {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
39
39
|
* Размер кнопки
|
|
40
40
|
*/
|
|
41
41
|
size?: IconButtonProps["size"];
|
|
42
|
+
/**
|
|
43
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
44
|
+
*/
|
|
45
|
+
dataTestId?: string;
|
|
42
46
|
/**
|
|
43
47
|
* Иконка
|
|
44
48
|
*/
|
|
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
158
162
|
* Иконка
|
|
159
163
|
*/
|
|
160
164
|
icon?: ElementType;
|
|
165
|
+
/**
|
|
166
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
167
|
+
*/
|
|
168
|
+
dataTestId?: string;
|
|
161
169
|
/**
|
|
162
170
|
* Обработчик нажатия
|
|
163
171
|
*/
|
|
@@ -218,6 +226,10 @@ type HeaderProps = {
|
|
|
218
226
|
* Фиксирует шапку
|
|
219
227
|
*/
|
|
220
228
|
sticky?: boolean;
|
|
229
|
+
/**
|
|
230
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
231
|
+
*/
|
|
232
|
+
dataTestId?: string;
|
|
221
233
|
/**
|
|
222
234
|
* Обработчик нажатия на стрелку назад
|
|
223
235
|
*/
|
package/cssm/Component.mobile.js
CHANGED
|
@@ -74,7 +74,7 @@ var InputAutocompleteMobile = React__default['default'].forwardRef(function (_a,
|
|
|
74
74
|
React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React__default['default'].createElement(coreComponentsInput.Input, tslib_es6.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default['default'](styles__default['default'].bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default['default']([
|
|
75
75
|
bottomSheetInputRef,
|
|
76
76
|
bottomSheetHeaderAddonsProps.ref,
|
|
77
|
-
]) }))), initialHeight: 'full'
|
|
77
|
+
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib_es6.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
78
78
|
};
|
|
79
79
|
return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({ ref: mergeRefs__default['default']([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
|
|
80
80
|
});
|
package/cssm/index-7ca84eff.d.ts
CHANGED
|
@@ -142,6 +142,7 @@ type BottomSheetProps = {
|
|
|
142
142
|
*/
|
|
143
143
|
disableBlockingScroll?: boolean;
|
|
144
144
|
/**
|
|
145
|
+
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
145
146
|
* Не анимировать шторку при изменении размера вьюпорта
|
|
146
147
|
*/
|
|
147
148
|
ignoreScreenChange?: boolean;
|
|
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
};
|
|
194
195
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
195
196
|
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export * from "./getDataTestId-3fe0d3e6";
|
|
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
39
39
|
* Размер кнопки
|
|
40
40
|
*/
|
|
41
41
|
size?: IconButtonProps["size"];
|
|
42
|
+
/**
|
|
43
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
44
|
+
*/
|
|
45
|
+
dataTestId?: string;
|
|
42
46
|
/**
|
|
43
47
|
* Иконка
|
|
44
48
|
*/
|
|
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
158
162
|
* Иконка
|
|
159
163
|
*/
|
|
160
164
|
icon?: ElementType;
|
|
165
|
+
/**
|
|
166
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
167
|
+
*/
|
|
168
|
+
dataTestId?: string;
|
|
161
169
|
/**
|
|
162
170
|
* Обработчик нажатия
|
|
163
171
|
*/
|
|
@@ -218,6 +226,10 @@ type HeaderProps = {
|
|
|
218
226
|
* Фиксирует шапку
|
|
219
227
|
*/
|
|
220
228
|
sticky?: boolean;
|
|
229
|
+
/**
|
|
230
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
231
|
+
*/
|
|
232
|
+
dataTestId?: string;
|
|
221
233
|
/**
|
|
222
234
|
* Обработчик нажатия на стрелку назад
|
|
223
235
|
*/
|
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-7efeb408.js';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import React, { useState, useRef, useMemo } from 'react';
|
|
4
4
|
import mergeRefs from 'react-merge-refs';
|
|
@@ -10,7 +10,7 @@ import '@alfalab/hooks';
|
|
|
10
10
|
import '@alfalab/core-components-form-control/esm';
|
|
11
11
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
12
12
|
|
|
13
|
-
var styles = {"bottomSheetInput":"input-
|
|
13
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
|
|
14
14
|
require('./mobile.css')
|
|
15
15
|
|
|
16
16
|
var SELECTED = [];
|
|
@@ -63,7 +63,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))), title: label || placeholder, bottomAddons: (React.createElement(Input, __assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
|
|
64
64
|
bottomSheetInputRef,
|
|
65
65
|
bottomSheetHeaderAddonsProps.ref,
|
|
66
|
-
]) }))), initialHeight: 'full'
|
|
66
|
+
]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: __assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
|
|
67
67
|
};
|
|
68
68
|
return (React.createElement(SelectMobile, __assign({ ref: mergeRefs([targetRef, ref]), selected: SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: onChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, bottomSheetProps: getBottomSheetProps() }, restProps)));
|
|
69
69
|
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../tslib.es6-
|
|
1
|
+
import { a as __assign } from '../tslib.es6-7efeb408.js';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import React, { useRef, useCallback } from 'react';
|
|
4
4
|
import mergeRefs from 'react-merge-refs';
|
|
5
5
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
6
6
|
|
|
7
|
-
var styles = {"arrow":"input-
|
|
7
|
+
var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
|
|
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-7efeb408.js';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import React, { useState, useRef } from 'react';
|
|
4
4
|
import { useFocus } from '@alfalab/hooks';
|
|
5
5
|
import { FormControl } from '@alfalab/core-components-form-control/esm';
|
|
6
6
|
|
|
7
|
-
var styles = {"component":"input-
|
|
7
|
+
var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gl6ny */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-border-link: #007aff;
|
|
4
4
|
--color-light-text-secondary: #546272;
|
|
@@ -15,20 +15,20 @@
|
|
|
15
15
|
--focus-color: var(--color-light-border-link);
|
|
16
16
|
--disabled-cursor: not-allowed;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__component_uc13b {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_uc13b:not(.input-autocomplete__disabled_uc13b) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_uc13b {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_uc13b {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_uc13b {
|
|
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_uc13b {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_uc13b {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
package/esm/index-7ca84eff.d.ts
CHANGED
|
@@ -142,6 +142,7 @@ type BottomSheetProps = {
|
|
|
142
142
|
*/
|
|
143
143
|
disableBlockingScroll?: boolean;
|
|
144
144
|
/**
|
|
145
|
+
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
145
146
|
* Не анимировать шторку при изменении размера вьюпорта
|
|
146
147
|
*/
|
|
147
148
|
ignoreScreenChange?: boolean;
|
|
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
};
|
|
194
195
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
195
196
|
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export * from "./getDataTestId-3fe0d3e6";
|
package/esm/index.js
CHANGED
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 10gpu */
|
|
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_aop0p {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_aop0p {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_aop0p > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/esm/mobile.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index-7ca84eff.d.ts
CHANGED
|
@@ -142,6 +142,7 @@ type BottomSheetProps = {
|
|
|
142
142
|
*/
|
|
143
143
|
disableBlockingScroll?: boolean;
|
|
144
144
|
/**
|
|
145
|
+
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
145
146
|
* Не анимировать шторку при изменении размера вьюпорта
|
|
146
147
|
*/
|
|
147
148
|
ignoreScreenChange?: boolean;
|
|
@@ -193,3 +194,4 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
};
|
|
194
195
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
195
196
|
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export * from "./getDataTestId-3fe0d3e6";
|
package/index.js
CHANGED
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 10gpu */
|
|
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_aop0p {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_aop0p {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_aop0p > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/mobile.js
CHANGED
|
@@ -39,6 +39,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
39
39
|
* Размер кнопки
|
|
40
40
|
*/
|
|
41
41
|
size?: IconButtonProps["size"];
|
|
42
|
+
/**
|
|
43
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
44
|
+
*/
|
|
45
|
+
dataTestId?: string;
|
|
42
46
|
/**
|
|
43
47
|
* Иконка
|
|
44
48
|
*/
|
|
@@ -158,6 +162,10 @@ type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
158
162
|
* Иконка
|
|
159
163
|
*/
|
|
160
164
|
icon?: ElementType;
|
|
165
|
+
/**
|
|
166
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
167
|
+
*/
|
|
168
|
+
dataTestId?: string;
|
|
161
169
|
/**
|
|
162
170
|
* Обработчик нажатия
|
|
163
171
|
*/
|
|
@@ -218,6 +226,10 @@ type HeaderProps = {
|
|
|
218
226
|
* Фиксирует шапку
|
|
219
227
|
*/
|
|
220
228
|
sticky?: boolean;
|
|
229
|
+
/**
|
|
230
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
231
|
+
*/
|
|
232
|
+
dataTestId?: string;
|
|
221
233
|
/**
|
|
222
234
|
* Обработчик нажатия на стрелку назад
|
|
223
235
|
*/
|
|
@@ -9,7 +9,7 @@ import '@alfalab/hooks';
|
|
|
9
9
|
import '@alfalab/core-components-form-control/modern';
|
|
10
10
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
11
11
|
|
|
12
|
-
var styles = {"bottomSheetInput":"input-
|
|
12
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_aop0p","footer":"input-autocomplete__footer_aop0p"};
|
|
13
13
|
require('./mobile.css')
|
|
14
14
|
|
|
15
15
|
const SELECTED = [];
|
|
@@ -66,7 +66,6 @@ const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, botto
|
|
|
66
66
|
bottomSheetHeaderAddonsProps.ref,
|
|
67
67
|
]) }))),
|
|
68
68
|
initialHeight: 'full',
|
|
69
|
-
ignoreScreenChange: true,
|
|
70
69
|
...bottomSheetProps,
|
|
71
70
|
containerProps: {
|
|
72
71
|
onTouchMove: handleOptionsListTouchMove,
|
|
@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
|
|
|
3
3
|
import mergeRefs from 'react-merge-refs';
|
|
4
4
|
import { Input } from '@alfalab/core-components-input/modern';
|
|
5
5
|
|
|
6
|
-
var styles = {"arrow":"input-
|
|
6
|
+
var styles = {"arrow":"input-autocomplete__arrow_ge55g","error":"input-autocomplete__error_ge55g"};
|
|
7
7
|
require('./index.css')
|
|
8
8
|
|
|
9
9
|
const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
|
|
@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
|
|
|
3
3
|
import { useFocus } from '@alfalab/hooks';
|
|
4
4
|
import { FormControl } from '@alfalab/core-components-form-control/modern';
|
|
5
5
|
|
|
6
|
-
var styles = {"component":"input-
|
|
6
|
+
var styles = {"component":"input-autocomplete__component_uc13b","field":"input-autocomplete__field_uc13b","disabled":"input-autocomplete__disabled_uc13b","placeholder":"input-autocomplete__placeholder_uc13b","contentWrapper":"input-autocomplete__contentWrapper_uc13b","value":"input-autocomplete__value_uc13b","focusVisible":"input-autocomplete__focusVisible_uc13b"};
|
|
7
7
|
require('./index.css')
|
|
8
8
|
|
|
9
9
|
const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
|