@alfalab/core-components-input-autocomplete 9.3.4 → 9.3.5
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 +8 -0
- package/Component.desktop.js +1 -1
- package/Component.mobile.js +2 -2
- package/Component.responsive.js +1 -1
- 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 +8 -0
- package/cssm/index-7ca84eff.d.ts +2 -1
- package/desktop.js +1 -1
- package/esm/Component-7ca84eff.d.ts +8 -0
- package/esm/Component.desktop.js +1 -1
- package/esm/Component.mobile.js +2 -2
- package/esm/Component.responsive.js +1 -1
- 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/desktop.js +1 -1
- package/esm/index-7ca84eff.d.ts +2 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/{tslib.es6-f2befdfc.d.ts → tslib.es6-c603502c.d.ts} +0 -0
- package/esm/{tslib.es6-f2befdfc.js → tslib.es6-c603502c.js} +0 -0
- package/index-7ca84eff.d.ts +2 -1
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +8 -0
- 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/index-7ca84eff.d.ts +2 -1
- package/modern/mobile.css +4 -4
- package/package.json +2 -2
- package/responsive.js +1 -1
- /package/{tslib.es6-063ae0c4.d.ts → tslib.es6-73246b1c.d.ts} +0 -0
- /package/{tslib.es6-063ae0c4.js → tslib.es6-73246b1c.js} +0 -0
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
package/Component.desktop.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-73246b1c.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
var autocompleteField_Component = require('./autocomplete-field/Component.js');
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-73246b1c.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var mergeRefs = require('react-merge-refs');
|
|
6
6
|
var cn = require('classnames');
|
|
@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
|
19
19
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
20
20
|
var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
|
|
21
21
|
|
|
22
|
-
var styles = {"bottomSheetInput":"input-
|
|
22
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
|
|
23
23
|
require('./mobile.css')
|
|
24
24
|
|
|
25
25
|
var SELECTED = [];
|
package/Component.responsive.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-73246b1c.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var mergeRefs = require('react-merge-refs');
|
|
6
6
|
var cn = require('classnames');
|
|
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
12
12
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"arrow":"input-
|
|
15
|
+
var styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var AutocompleteField = function (_a) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-73246b1c.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsFormControl = require('@alfalab/core-components-form-control');
|
|
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"component":"input-
|
|
14
|
+
var styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1i5bm */
|
|
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_17hpw {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_17hpw {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_17hpw {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_17hpw {
|
|
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_17hpw {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_17hpw {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
package/cssm/index-7ca84eff.d.ts
CHANGED
|
@@ -178,6 +178,7 @@ type FooterProps = {
|
|
|
178
178
|
className?: string;
|
|
179
179
|
};
|
|
180
180
|
declare const Footer: FC<FooterProps>;
|
|
181
|
+
declare const isClient: () => boolean;
|
|
181
182
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
183
|
/**
|
|
183
184
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
opacityTimeout?: number;
|
|
194
195
|
};
|
|
195
196
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
198
|
export * from "./getDataTestId-3fe0d3e6";
|
package/desktop.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var Component_desktop = require('./Component.desktop.js');
|
|
4
|
-
require('./tslib.es6-
|
|
4
|
+
require('./tslib.es6-73246b1c.js');
|
|
5
5
|
require('react');
|
|
6
6
|
require('@alfalab/core-components-select');
|
|
7
7
|
require('./autocomplete-field/Component.js');
|
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
package/esm/Component.desktop.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-c603502c.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import { AutocompleteField } from './autocomplete-field/Component.js';
|
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-c603502c.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 { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
|
|
|
10
10
|
import '@alfalab/core-components-form-control/esm';
|
|
11
11
|
import '@alfalab/hooks';
|
|
12
12
|
|
|
13
|
-
var styles = {"bottomSheetInput":"input-
|
|
13
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
|
|
14
14
|
require('./mobile.css')
|
|
15
15
|
|
|
16
16
|
var SELECTED = [];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-c603502c.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { InputAutocompleteDesktop } from './Component.desktop.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../tslib.es6-
|
|
1
|
+
import { a as __assign } from '../tslib.es6-c603502c.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_jx6hq","error":"input-autocomplete__error_jx6hq"};
|
|
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-c603502c.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_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1i5bm */
|
|
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_17hpw {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_17hpw {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_17hpw {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_17hpw {
|
|
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_17hpw {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_17hpw {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
package/esm/desktop.js
CHANGED
package/esm/index-7ca84eff.d.ts
CHANGED
|
@@ -178,6 +178,7 @@ type FooterProps = {
|
|
|
178
178
|
className?: string;
|
|
179
179
|
};
|
|
180
180
|
declare const Footer: FC<FooterProps>;
|
|
181
|
+
declare const isClient: () => boolean;
|
|
181
182
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
183
|
/**
|
|
183
184
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
opacityTimeout?: number;
|
|
194
195
|
};
|
|
195
196
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
198
|
export * from "./getDataTestId-3fe0d3e6";
|
package/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { InputAutocompleteDesktop as InputAutocomplete } from './Component.desktop.js';
|
|
2
2
|
export { InputAutocompleteResponsive } from './Component.responsive.js';
|
|
3
|
-
import './tslib.es6-
|
|
3
|
+
import './tslib.es6-c603502c.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@alfalab/core-components-select/esm';
|
|
6
6
|
import './autocomplete-field/Component.js';
|
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 158f5 */
|
|
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_30lcl {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_30lcl {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_30lcl > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/esm/mobile.js
CHANGED
package/esm/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index-7ca84eff.d.ts
CHANGED
|
@@ -178,6 +178,7 @@ type FooterProps = {
|
|
|
178
178
|
className?: string;
|
|
179
179
|
};
|
|
180
180
|
declare const Footer: FC<FooterProps>;
|
|
181
|
+
declare const isClient: () => boolean;
|
|
181
182
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
183
|
/**
|
|
183
184
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
opacityTimeout?: number;
|
|
194
195
|
};
|
|
195
196
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
198
|
export * from "./getDataTestId-3fe0d3e6";
|
package/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var Component_desktop = require('./Component.desktop.js');
|
|
4
4
|
var Component_responsive = require('./Component.responsive.js');
|
|
5
|
-
require('./tslib.es6-
|
|
5
|
+
require('./tslib.es6-73246b1c.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@alfalab/core-components-select');
|
|
8
8
|
require('./autocomplete-field/Component.js');
|
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 158f5 */
|
|
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_30lcl {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_30lcl {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_30lcl > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/mobile.js
CHANGED
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
|
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
|
|
|
9
9
|
import '@alfalab/core-components-form-control/modern';
|
|
10
10
|
import '@alfalab/hooks';
|
|
11
11
|
|
|
12
|
-
const styles = {"bottomSheetInput":"input-
|
|
12
|
+
const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
|
|
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
|
-
const styles = {"arrow":"input-
|
|
6
|
+
const styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
|
|
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
|
-
const styles = {"component":"input-
|
|
6
|
+
const styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
|
|
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: 1i5bm */
|
|
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_17hpw {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_17hpw {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_17hpw {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_17hpw {
|
|
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_17hpw {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_17hpw {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -178,6 +178,7 @@ type FooterProps = {
|
|
|
178
178
|
className?: string;
|
|
179
179
|
};
|
|
180
180
|
declare const Footer: FC<FooterProps>;
|
|
181
|
+
declare const isClient: () => boolean;
|
|
181
182
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
183
|
/**
|
|
183
184
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +194,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
194
|
opacityTimeout?: number;
|
|
194
195
|
};
|
|
195
196
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
198
|
export * from "./getDataTestId-3fe0d3e6";
|
package/modern/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 158f5 */
|
|
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_30lcl {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_30lcl {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_30lcl > 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.3.
|
|
3
|
+
"version": "9.3.5",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@alfalab/core-components-button": "^7.0.3",
|
|
21
21
|
"@alfalab/core-components-form-control": "^9.0.2",
|
|
22
22
|
"@alfalab/core-components-input": "^11.1.4",
|
|
23
|
-
"@alfalab/core-components-select": "^13.2.
|
|
23
|
+
"@alfalab/core-components-select": "^13.2.8",
|
|
24
24
|
"@alfalab/hooks": "^1.4.1",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
26
26
|
"lodash.throttle": "^4.1.1",
|
package/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|