@alfalab/core-components-input-autocomplete 10.1.0 → 10.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.mobile.js +1 -1
- package/Component.modal.mobile.js +1 -1
- 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/{modern/component-2abb571d.d.ts → component-1a4fbd11.d.ts} +1 -1
- package/{component-2abb571d.d.ts → cssm/component-1a4fbd11.d.ts} +1 -1
- package/cssm/{index-2abb571d.d.ts → index-1a4fbd11.d.ts} +8 -1
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +2 -2
- package/{esm/types-92653002.d.ts → cssm/types-b0ff398d.d.ts} +5 -0
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.modal.mobile.js +1 -1
- 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/{component-2abb571d.d.ts → component-1a4fbd11.d.ts} +1 -1
- package/esm/{index-2abb571d.d.ts → index-1a4fbd11.d.ts} +8 -1
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +2 -2
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{mobile.module-bb97dda9.js → mobile.module-7ccedebb.js} +1 -1
- package/{cssm/types-92653002.d.ts → esm/types-b0ff398d.d.ts} +5 -0
- package/{index-2abb571d.d.ts → index-1a4fbd11.d.ts} +8 -1
- package/index-c76d6398.d.ts +1 -1
- package/index-f12ee135.d.ts +2 -2
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/{mobile.module-4f37ef85.js → mobile.module-f3a9e8d4.js} +1 -1
- package/modern/Component-96988a65.d.ts +9 -0
- package/modern/Component-aed0af6e.d.ts +11 -0
- package/modern/Component-dd8ca091.d.ts +3 -70
- package/modern/Component-ebda875c.d.ts +98 -9
- package/modern/Component.mobile.d.ts +1 -1
- package/modern/Component.mobile.js +1 -1
- package/modern/Component.modal.mobile.d.ts +2 -2
- package/modern/Component.modal.mobile.js +1 -1
- package/modern/Component.responsive.d.ts +1 -1
- 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/{cssm/component-2abb571d.d.ts → modern/component-1a4fbd11.d.ts} +1 -1
- package/modern/desktop-63dec22f.d.ts +2 -6
- package/modern/hook-8abfea97.d.ts +4 -4
- package/modern/hook-ebda875c.d.ts +48 -0
- package/modern/{index-2abb571d.d.ts → index-1a4fbd11.d.ts} +8 -1
- package/modern/index-bdb4c6b9.d.ts +180 -2
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index-ebda875c.d.ts +190 -107
- package/modern/index-f12ee135.d.ts +2 -2
- package/modern/index.js +1 -1
- package/modern/{Component.modal.mobile-dd8ca091.d.ts → mobile-45dc17c6.d.ts} +13 -26
- package/modern/mobile-96988a65.d.ts +5 -2
- package/modern/mobile.css +4 -4
- package/modern/mobile.js +1 -1
- package/modern/{mobile.module-f03a6e8c.js → mobile.module-f3a5d2f8.js} +1 -1
- package/modern/shared-4cd3936b.d.ts +2 -59
- package/modern/{types-92653002.d.ts → types-b0ff398d.d.ts} +5 -0
- package/package.json +4 -4
- package/{types-92653002.d.ts → types-b0ff398d.d.ts} +5 -0
- package/modern/Component-63dec22f.d.ts +0 -184
- package/modern/Component.mobile-ebda875c.d.ts +0 -6
- package/modern/mobile-ade26e99.d.ts +0 -5
- package/modern/utils-1574ad8b.d.ts +0 -29
- /package/{Component-2abb571d.d.ts → Component-1a4fbd11.d.ts} +0 -0
- /package/cssm/{Component-2abb571d.d.ts → Component-1a4fbd11.d.ts} +0 -0
- /package/esm/{Component-2abb571d.d.ts → Component-1a4fbd11.d.ts} +0 -0
- /package/modern/{Component-2abb571d.d.ts → Component-1a4fbd11.d.ts} +0 -0
- /package/modern/{useSkeleton-ebda875c.d.ts → useSkeleton-1b036d4b.d.ts} +0 -0
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-f3a9e8d4.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
|
@@ -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-f3a9e8d4.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
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-f3a9e8d4.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_1gs19","error":"input-autocomplete__error_1gs19"};
|
|
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_enkca","field":"input-autocomplete__field_enkca","disabled":"input-autocomplete__disabled_enkca","placeholder":"input-autocomplete__placeholder_enkca","contentWrapper":"input-autocomplete__contentWrapper_enkca","value":"input-autocomplete__value_enkca","focusVisible":"input-autocomplete__focusVisible_enkca"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1izgu */
|
|
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_enkca {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_enkca:not(.input-autocomplete__disabled_enkca) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_enkca {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_enkca {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_enkca {
|
|
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_enkca {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_enkca {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-b0ff398d";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-b0ff398d";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
|
|
|
12
12
|
declare const inputUtils: {
|
|
13
13
|
disableUserInput: typeof disableUserInput;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Возвращает true, если значение равно null или undefined
|
|
17
|
+
*/
|
|
18
|
+
declare function isNil(value: unknown): boolean;
|
|
19
|
+
declare const fnUtils: {
|
|
20
|
+
isNil: typeof isNil;
|
|
21
|
+
};
|
|
22
|
+
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };
|
package/cssm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-1a4fbd11";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./component-
|
|
2
|
-
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-
|
|
1
|
+
export * from "./component-1a4fbd11";
|
|
2
|
+
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
|
|
3
3
|
export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react-transition-group" />
|
|
2
2
|
import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
|
|
3
|
+
import { HandledEvents } from 'react-swipeable/es/types';
|
|
3
4
|
import { TransitionProps } from 'react-transition-group/Transition';
|
|
4
5
|
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
5
6
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
@@ -263,5 +264,9 @@ type BottomSheetProps = {
|
|
|
263
264
|
* Вызывается при изменении положения шторки
|
|
264
265
|
*/
|
|
265
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
|
+
/**
|
|
268
|
+
* Вызывается для событий touchend and mouseup.
|
|
269
|
+
*/
|
|
270
|
+
onTouchEnd?: (event: HandledEvents) => void;
|
|
266
271
|
};
|
|
267
272
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
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-7ccedebb.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -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-7ccedebb.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -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-7ccedebb.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_1gs19","error":"input-autocomplete__error_1gs19"};
|
|
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_enkca","field":"input-autocomplete__field_enkca","disabled":"input-autocomplete__disabled_enkca","placeholder":"input-autocomplete__placeholder_enkca","contentWrapper":"input-autocomplete__contentWrapper_enkca","value":"input-autocomplete__value_enkca","focusVisible":"input-autocomplete__focusVisible_enkca"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1izgu */
|
|
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_enkca {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_enkca:not(.input-autocomplete__disabled_enkca) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_enkca {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_enkca {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_enkca {
|
|
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_enkca {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_enkca {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-b0ff398d";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
|
|
|
12
12
|
declare const inputUtils: {
|
|
13
13
|
disableUserInput: typeof disableUserInput;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Возвращает true, если значение равно null или undefined
|
|
17
|
+
*/
|
|
18
|
+
declare function isNil(value: unknown): boolean;
|
|
19
|
+
declare const fnUtils: {
|
|
20
|
+
isNil: typeof isNil;
|
|
21
|
+
};
|
|
22
|
+
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };
|
package/esm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-1a4fbd11";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/esm/index-f12ee135.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./component-
|
|
2
|
-
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-
|
|
1
|
+
export * from "./component-1a4fbd11";
|
|
2
|
+
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
|
|
3
3
|
export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
|
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-7ccedebb.js';
|
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1vh9c */
|
|
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_1j8pf {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_1j8pf {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_1j8pf > 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-7ccedebb.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"bottomAddonInput":"input-
|
|
1
|
+
var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1j8pf","footer":"input-autocomplete__footer_1j8pf"};
|
|
2
2
|
require('./mobile.css')
|
|
3
3
|
|
|
4
4
|
export { styles as s };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react-transition-group" />
|
|
2
2
|
import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
|
|
3
|
+
import { HandledEvents } from 'react-swipeable/es/types';
|
|
3
4
|
import { TransitionProps } from 'react-transition-group/Transition';
|
|
4
5
|
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
5
6
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
@@ -263,5 +264,9 @@ type BottomSheetProps = {
|
|
|
263
264
|
* Вызывается при изменении положения шторки
|
|
264
265
|
*/
|
|
265
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
|
+
/**
|
|
268
|
+
* Вызывается для событий touchend and mouseup.
|
|
269
|
+
*/
|
|
270
|
+
onTouchEnd?: (event: HandledEvents) => void;
|
|
266
271
|
};
|
|
267
272
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
|
@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
|
|
|
12
12
|
declare const inputUtils: {
|
|
13
13
|
disableUserInput: typeof disableUserInput;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Возвращает true, если значение равно null или undefined
|
|
17
|
+
*/
|
|
18
|
+
declare function isNil(value: unknown): boolean;
|
|
19
|
+
declare const fnUtils: {
|
|
20
|
+
isNil: typeof isNil;
|
|
21
|
+
};
|
|
22
|
+
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };
|
package/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-1a4fbd11";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/index-f12ee135.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./component-
|
|
2
|
-
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-
|
|
1
|
+
export * from "./component-1a4fbd11";
|
|
2
|
+
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
|
|
3
3
|
export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
|
package/index.js
CHANGED
|
@@ -19,7 +19,7 @@ require('@alfalab/core-components-input');
|
|
|
19
19
|
require('@alfalab/core-components-select/mobile');
|
|
20
20
|
require('./autocomplete-mobile-field/Component.js');
|
|
21
21
|
require('@alfalab/core-components-form-control/mobile');
|
|
22
|
-
require('./mobile.module-
|
|
22
|
+
require('./mobile.module-f3a9e8d4.js');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1vh9c */
|
|
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_1j8pf {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_1j8pf {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_1j8pf > button + button {
|
|
25
25
|
margin-left: var(--gap-m);
|
|
26
26
|
}
|
package/mobile.js
CHANGED
|
@@ -15,7 +15,7 @@ require('@alfalab/core-components-select/mobile');
|
|
|
15
15
|
require('./autocomplete-mobile-field/Component.js');
|
|
16
16
|
require('@alfalab/core-components-form-control/mobile');
|
|
17
17
|
require('@alfalab/hooks');
|
|
18
|
-
require('./mobile.module-
|
|
18
|
+
require('./mobile.module-f3a9e8d4.js');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var styles = {"bottomAddonInput":"input-
|
|
3
|
+
var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1j8pf","footer":"input-autocomplete__footer_1j8pf"};
|
|
4
4
|
require('./mobile.css')
|
|
5
5
|
|
|
6
6
|
exports.styles = styles;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
type FooterProps = {
|
|
4
|
+
handleClear?: () => void;
|
|
5
|
+
handleApply?: () => void;
|
|
6
|
+
showClear?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
|
|
9
|
+
export { FooterProps, Footer };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CheckboxProps } from "./index-ebda875c";
|
|
4
|
+
type HeaderProps = {
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
indeterminate?: boolean;
|
|
7
|
+
onChange?: CheckboxProps['onChange'];
|
|
8
|
+
mobile?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const Header: React.FC<HeaderProps>;
|
|
11
|
+
export { HeaderProps, Header };
|
|
@@ -1,72 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Футер
|
|
9
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
-
*/
|
|
11
|
-
footer?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Будет ли свайпаться шторка
|
|
14
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
-
*/
|
|
16
|
-
swipeable?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Отображать в BottomSheet
|
|
19
|
-
*/
|
|
20
|
-
isBottomSheet?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Дополнительные пропсы шторки
|
|
23
|
-
*/
|
|
24
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
-
/**
|
|
26
|
-
* Дополнительные пропсы модалки
|
|
27
|
-
*/
|
|
28
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительные пропсы шапки модалки
|
|
31
|
-
*/
|
|
32
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
-
/**
|
|
34
|
-
* Дополнительные пропсы футера модалки
|
|
35
|
-
*/
|
|
36
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
-
};
|
|
38
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
-
/**
|
|
40
|
-
* Футер
|
|
41
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
-
*/
|
|
43
|
-
footer?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Будет ли свайпаться шторка
|
|
46
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
-
*/
|
|
48
|
-
swipeable?: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Отображать в BottomSheet
|
|
51
|
-
*/
|
|
52
|
-
isBottomSheet?: boolean | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительные пропсы шторки
|
|
55
|
-
*/
|
|
56
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Дополнительные пропсы модалки
|
|
59
|
-
*/
|
|
60
|
-
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Дополнительные пропсы шапки модалки
|
|
63
|
-
*/
|
|
64
|
-
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительные пропсы футера модалки
|
|
67
|
-
*/
|
|
68
|
-
modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
|
|
69
|
-
} & React.RefAttributes<unknown>>;
|
|
70
|
-
export * from "./Component.mobile-f1f15074";
|
|
71
|
-
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
|
72
|
-
export { SelectMobileProps, BaseSelectMobile };
|
|
3
|
+
import { CheckmarkProps } from "./typings-dd8ca091";
|
|
4
|
+
declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
|
|
5
|
+
export { BaseCheckmark };
|