@alfalab/core-components-intl-phone-input 9.4.6 → 9.5.1
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-4cd3936b.d.ts +8 -0
- package/Component-50136800.d.ts +100 -0
- package/Component-5e1b8383.d.ts +22 -0
- package/Component-63dec22f.d.ts +167 -0
- package/Component-8b2c2707.d.ts +71 -0
- package/Component-9211a437.d.ts +38 -0
- package/Component-bdb4c6b9.d.ts +12 -0
- package/Component-c76d6398.d.ts +5 -0
- package/Component-ebda875c.d.ts +12 -0
- package/Component.desktop-2e2b2125.d.ts +6 -0
- package/Component.desktop-63dec22f.d.ts +18 -0
- package/Component.desktop-785df74d.d.ts +6 -0
- package/Component.desktop-d873d97d.d.ts +6 -0
- package/Component.desktop-ed17077e.d.ts +77 -0
- package/Component.mobile-755fbaa3.d.ts +6 -0
- package/Component.mobile-d7e9f69d.d.ts +6 -0
- package/Component.responsive-3109f463.d.ts +26 -0
- package/Context-bdb4c6b9.d.ts +4 -0
- package/ResponsiveContext-baf4875b.d.ts +5 -0
- package/component-50136800.d.ts +44 -0
- package/component.d.ts +3 -3
- package/component.js +5 -4
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/index.js +2 -1
- package/components/select/component.d.ts +2 -2
- package/components/select/component.js +5 -4
- package/components/select/index.css +6 -6
- package/components/select/index.js +2 -1
- package/components/select-field/component.d.ts +1 -1
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/consts-f777ba1a.d.ts +2 -0
- package/createPaddingStyle-72dda473.d.ts +5 -0
- package/cssm/Component-4cd3936b.d.ts +8 -0
- package/cssm/Component-50136800.d.ts +100 -0
- package/cssm/Component-5e1b8383.d.ts +22 -0
- package/cssm/Component-63dec22f.d.ts +167 -0
- package/cssm/Component-8b2c2707.d.ts +71 -0
- package/cssm/Component-9211a437.d.ts +38 -0
- package/cssm/Component-bdb4c6b9.d.ts +12 -0
- package/cssm/Component-c76d6398.d.ts +5 -0
- package/cssm/Component-ebda875c.d.ts +12 -0
- package/cssm/Component.desktop-2e2b2125.d.ts +6 -0
- package/cssm/Component.desktop-63dec22f.d.ts +18 -0
- package/cssm/Component.desktop-785df74d.d.ts +6 -0
- package/cssm/Component.desktop-d873d97d.d.ts +6 -0
- package/cssm/Component.desktop-ed17077e.d.ts +77 -0
- package/cssm/Component.mobile-755fbaa3.d.ts +6 -0
- package/cssm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/cssm/Component.responsive-3109f463.d.ts +26 -0
- package/cssm/Context-bdb4c6b9.d.ts +4 -0
- package/cssm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/cssm/component-50136800.d.ts +44 -0
- package/cssm/component.d.ts +3 -3
- package/cssm/component.js +4 -3
- package/cssm/components/index.js +2 -1
- package/cssm/components/select/component.d.ts +2 -2
- package/cssm/components/select/component.js +4 -3
- package/cssm/components/select/index.js +2 -1
- package/cssm/components/select-field/component.d.ts +1 -1
- package/cssm/consts-f777ba1a.d.ts +2 -0
- package/cssm/createPaddingStyle-72dda473.d.ts +5 -0
- package/cssm/desktop-2e2b2125.d.ts +2 -0
- package/cssm/desktop-63dec22f.d.ts +2 -0
- package/cssm/hook-9ea9e32c.d.ts +75 -0
- package/cssm/hook-c44170fe.d.ts +48 -0
- package/cssm/index-136acbb1.d.ts +28 -0
- package/cssm/index-3109f463.d.ts +62 -0
- package/cssm/index-50136800.d.ts +8 -0
- package/cssm/index-72dda473.d.ts +12 -0
- package/cssm/index-8b2c2707.d.ts +2 -0
- package/cssm/index-bdb4c6b9.d.ts +2 -0
- package/cssm/index-c44170fe.d.ts +157 -0
- package/cssm/index-c76d6398.d.ts +2 -0
- package/cssm/index-ebda875c.d.ts +37 -0
- package/cssm/index-f12ee135.d.ts +3 -0
- package/cssm/index.js +3 -2
- package/cssm/mobile-755fbaa3.d.ts +2 -0
- package/cssm/mobile-96988a65.d.ts +2 -0
- package/cssm/shared-4cd3936b.d.ts +64 -0
- package/cssm/types-72dda473.d.ts +259 -0
- package/cssm/types-83e2bd9e.d.ts +113 -0
- package/cssm/typings-5e1b8383.d.ts +550 -0
- package/cssm/typings-9211a437.d.ts +95 -0
- package/cssm/typings-bdb4c6b9.d.ts +52 -0
- package/cssm/utils-1574ad8b.d.ts +29 -0
- package/cssm/utils-49cc3c24.d.ts +8 -0
- package/cssm/utils-5e1b8383.d.ts +38 -0
- package/desktop-2e2b2125.d.ts +2 -0
- package/desktop-63dec22f.d.ts +2 -0
- package/esm/Component-4cd3936b.d.ts +8 -0
- package/esm/Component-50136800.d.ts +100 -0
- package/esm/Component-5e1b8383.d.ts +22 -0
- package/esm/Component-63dec22f.d.ts +167 -0
- package/esm/Component-8b2c2707.d.ts +71 -0
- package/esm/Component-9211a437.d.ts +38 -0
- package/esm/Component-bdb4c6b9.d.ts +12 -0
- package/esm/Component-c76d6398.d.ts +5 -0
- package/esm/Component-ebda875c.d.ts +12 -0
- package/esm/Component.desktop-2e2b2125.d.ts +6 -0
- package/esm/Component.desktop-63dec22f.d.ts +18 -0
- package/esm/Component.desktop-785df74d.d.ts +6 -0
- package/esm/Component.desktop-d873d97d.d.ts +6 -0
- package/esm/Component.desktop-ed17077e.d.ts +77 -0
- package/esm/Component.mobile-755fbaa3.d.ts +6 -0
- package/esm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/esm/Component.responsive-3109f463.d.ts +26 -0
- package/esm/Context-bdb4c6b9.d.ts +4 -0
- package/esm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/esm/component-50136800.d.ts +44 -0
- package/esm/component.d.ts +3 -3
- package/esm/component.js +5 -4
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/index.js +2 -1
- package/esm/components/select/component.d.ts +2 -2
- package/esm/components/select/component.js +4 -3
- package/esm/components/select/index.css +6 -6
- package/esm/components/select/index.js +2 -1
- package/esm/components/select-field/component.d.ts +1 -1
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/consts-f777ba1a.d.ts +2 -0
- package/esm/createPaddingStyle-72dda473.d.ts +5 -0
- package/esm/desktop-2e2b2125.d.ts +2 -0
- package/esm/desktop-63dec22f.d.ts +2 -0
- package/esm/hook-9ea9e32c.d.ts +75 -0
- package/esm/hook-c44170fe.d.ts +48 -0
- package/esm/index-136acbb1.d.ts +28 -0
- package/esm/index-3109f463.d.ts +62 -0
- package/esm/index-50136800.d.ts +8 -0
- package/esm/index-72dda473.d.ts +12 -0
- package/esm/index-8b2c2707.d.ts +2 -0
- package/esm/index-bdb4c6b9.d.ts +2 -0
- package/esm/index-c44170fe.d.ts +157 -0
- package/esm/index-c76d6398.d.ts +2 -0
- package/esm/index-ebda875c.d.ts +37 -0
- package/esm/index-f12ee135.d.ts +3 -0
- package/esm/index.css +5 -5
- package/esm/index.js +3 -2
- package/esm/mobile-755fbaa3.d.ts +2 -0
- package/esm/mobile-96988a65.d.ts +2 -0
- package/esm/shared-4cd3936b.d.ts +64 -0
- package/esm/types-72dda473.d.ts +259 -0
- package/esm/types-83e2bd9e.d.ts +113 -0
- package/esm/typings-5e1b8383.d.ts +550 -0
- package/esm/typings-9211a437.d.ts +95 -0
- package/esm/typings-bdb4c6b9.d.ts +52 -0
- package/esm/utils-1574ad8b.d.ts +29 -0
- package/esm/utils-49cc3c24.d.ts +8 -0
- package/esm/utils-5e1b8383.d.ts +38 -0
- package/hook-9ea9e32c.d.ts +75 -0
- package/hook-c44170fe.d.ts +48 -0
- package/index-136acbb1.d.ts +28 -0
- package/index-3109f463.d.ts +62 -0
- package/index-50136800.d.ts +8 -0
- package/index-72dda473.d.ts +12 -0
- package/index-8b2c2707.d.ts +2 -0
- package/index-bdb4c6b9.d.ts +2 -0
- package/index-c44170fe.d.ts +157 -0
- package/index-c76d6398.d.ts +2 -0
- package/index-ebda875c.d.ts +37 -0
- package/index-f12ee135.d.ts +3 -0
- package/index.css +5 -5
- package/index.js +3 -2
- package/mobile-755fbaa3.d.ts +2 -0
- package/mobile-96988a65.d.ts +2 -0
- package/modern/Component-4cd3936b.d.ts +8 -0
- package/modern/Component-50136800.d.ts +100 -0
- package/modern/Component-5e1b8383.d.ts +22 -0
- package/modern/Component-63dec22f.d.ts +167 -0
- package/modern/Component-8b2c2707.d.ts +71 -0
- package/modern/Component-9211a437.d.ts +38 -0
- package/modern/Component-bdb4c6b9.d.ts +12 -0
- package/modern/Component-c76d6398.d.ts +5 -0
- package/modern/Component-ebda875c.d.ts +12 -0
- package/modern/Component.desktop-2e2b2125.d.ts +6 -0
- package/modern/Component.desktop-63dec22f.d.ts +18 -0
- package/modern/Component.desktop-785df74d.d.ts +6 -0
- package/modern/Component.desktop-d873d97d.d.ts +6 -0
- package/modern/Component.desktop-ed17077e.d.ts +77 -0
- package/modern/Component.mobile-755fbaa3.d.ts +6 -0
- package/modern/Component.mobile-d7e9f69d.d.ts +6 -0
- package/modern/Component.responsive-3109f463.d.ts +26 -0
- package/modern/Context-bdb4c6b9.d.ts +4 -0
- package/modern/ResponsiveContext-baf4875b.d.ts +5 -0
- package/modern/component-50136800.d.ts +44 -0
- package/modern/component.d.ts +3 -3
- package/modern/component.js +5 -4
- package/modern/components/flag-icon/component.js +1 -1
- package/modern/components/flag-icon/index.css +3 -3
- package/modern/components/index.js +2 -1
- package/modern/components/select/component.d.ts +2 -2
- package/modern/components/select/component.js +4 -3
- package/modern/components/select/index.css +6 -6
- package/modern/components/select/index.js +2 -1
- package/modern/components/select-field/component.d.ts +1 -1
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/consts-f777ba1a.d.ts +2 -0
- package/modern/createPaddingStyle-72dda473.d.ts +5 -0
- package/modern/desktop-2e2b2125.d.ts +2 -0
- package/modern/desktop-63dec22f.d.ts +2 -0
- package/modern/hook-9ea9e32c.d.ts +75 -0
- package/modern/hook-c44170fe.d.ts +48 -0
- package/modern/index-136acbb1.d.ts +28 -0
- package/modern/index-3109f463.d.ts +62 -0
- package/modern/index-50136800.d.ts +8 -0
- package/modern/index-72dda473.d.ts +12 -0
- package/modern/index-8b2c2707.d.ts +2 -0
- package/modern/index-bdb4c6b9.d.ts +2 -0
- package/modern/index-c44170fe.d.ts +157 -0
- package/modern/index-c76d6398.d.ts +2 -0
- package/modern/index-ebda875c.d.ts +37 -0
- package/modern/index-f12ee135.d.ts +3 -0
- package/modern/index.css +5 -5
- package/modern/index.js +3 -2
- package/modern/mobile-755fbaa3.d.ts +2 -0
- package/modern/mobile-96988a65.d.ts +2 -0
- package/modern/shared-4cd3936b.d.ts +64 -0
- package/modern/types-72dda473.d.ts +259 -0
- package/modern/types-83e2bd9e.d.ts +113 -0
- package/modern/typings-5e1b8383.d.ts +550 -0
- package/modern/typings-9211a437.d.ts +95 -0
- package/modern/typings-bdb4c6b9.d.ts +52 -0
- package/modern/utils-1574ad8b.d.ts +29 -0
- package/modern/utils-49cc3c24.d.ts +8 -0
- package/modern/utils-5e1b8383.d.ts +38 -0
- package/package.json +3 -3
- package/shared-4cd3936b.d.ts +64 -0
- package/src/component.tsx +574 -0
- package/src/components/flag-icon/component.tsx +33 -0
- package/src/components/flag-icon/flagSprite.ts +228 -0
- package/src/components/flag-icon/index.module.css +15 -0
- package/src/components/flag-icon/index.ts +1 -0
- package/src/components/index.ts +3 -0
- package/src/components/select/component.tsx +76 -0
- package/src/components/select/index.module.css +26 -0
- package/src/components/select/index.ts +1 -0
- package/src/components/select-field/component.tsx +51 -0
- package/src/components/select-field/index.module.css +43 -0
- package/src/components/select-field/index.ts +1 -0
- package/src/index.module.css +25 -0
- package/src/index.ts +1 -0
- package/src/useCaretAvoidCountryCode.ts +55 -0
- package/src/utils/calculateCaretPos.ts +26 -0
- package/src/utils/format-phone-with-unclearable-country-code.ts +25 -0
- package/src/utils/preparePasteData.ts +63 -0
- package/types-72dda473.d.ts +259 -0
- package/types-83e2bd9e.d.ts +113 -0
- package/typings-5e1b8383.d.ts +550 -0
- package/typings-9211a437.d.ts +95 -0
- package/typings-bdb4c6b9.d.ts +52 -0
- package/utils-1574ad8b.d.ts +29 -0
- package/utils-49cc3c24.d.ts +8 -0
- package/utils-5e1b8383.d.ts +38 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FieldProps } from "./shared-4cd3936b";
|
|
4
|
+
import { InputAutocompleteDesktopProps } from "./Component.desktop-ed17077e";
|
|
5
|
+
type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
|
|
6
|
+
declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
|
|
7
|
+
export * from "./Component.desktop-d873d97d";
|
|
8
|
+
export { AutocompleteFieldProps, AutocompleteField };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC, ReactNode } from "react";
|
|
4
|
+
import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
|
|
5
|
+
import { BottomSheetProps } from "./index-f12ee135";
|
|
6
|
+
import { BaseSelectProps } from "./typings-5e1b8383";
|
|
7
|
+
type FooterProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Контент футера
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Дополнительный класс
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Фиксирует футер
|
|
18
|
+
*/
|
|
19
|
+
sticky?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Выравнивание элементов футера
|
|
22
|
+
*/
|
|
23
|
+
layout?: "start" | "center" | "space-between" | "column";
|
|
24
|
+
/**
|
|
25
|
+
* Отступы между элементами футера
|
|
26
|
+
*/
|
|
27
|
+
gap?: 16 | 24 | 32;
|
|
28
|
+
};
|
|
29
|
+
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
30
|
+
Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
|
|
31
|
+
Header: React.FC<import("./Component-c76d6398").HeaderProps>;
|
|
32
|
+
Footer: React.FC<FooterProps>;
|
|
33
|
+
};
|
|
34
|
+
declare const Content: FC<ContentProps>;
|
|
35
|
+
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
36
|
+
/**
|
|
37
|
+
* Футер
|
|
38
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
39
|
+
*/
|
|
40
|
+
footer?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Будет ли свайпаться шторка
|
|
43
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
44
|
+
*/
|
|
45
|
+
swipeable?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Отображать в BottomSheet
|
|
48
|
+
*/
|
|
49
|
+
isBottomSheet?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Дополнительные пропсы шторки
|
|
52
|
+
*/
|
|
53
|
+
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
54
|
+
/**
|
|
55
|
+
* Дополнительные пропсы модалки
|
|
56
|
+
*/
|
|
57
|
+
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
58
|
+
/**
|
|
59
|
+
* Дополнительные пропсы шапки модалки
|
|
60
|
+
*/
|
|
61
|
+
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
62
|
+
/**
|
|
63
|
+
* Дополнительные пропсы футера модалки
|
|
64
|
+
*/
|
|
65
|
+
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
66
|
+
};
|
|
67
|
+
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
68
|
+
/**
|
|
69
|
+
* Футер
|
|
70
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
71
|
+
*/
|
|
72
|
+
footer?: ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Будет ли свайпаться шторка
|
|
75
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
76
|
+
*/
|
|
77
|
+
swipeable?: boolean | undefined;
|
|
78
|
+
/**
|
|
79
|
+
* Отображать в BottomSheet
|
|
80
|
+
*/
|
|
81
|
+
isBottomSheet?: boolean | undefined;
|
|
82
|
+
/**
|
|
83
|
+
* Дополнительные пропсы шторки
|
|
84
|
+
*/
|
|
85
|
+
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
86
|
+
/**
|
|
87
|
+
* Дополнительные пропсы модалки
|
|
88
|
+
*/
|
|
89
|
+
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
90
|
+
/**
|
|
91
|
+
* Дополнительные пропсы шапки модалки
|
|
92
|
+
*/
|
|
93
|
+
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
94
|
+
/**
|
|
95
|
+
* Дополнительные пропсы футера модалки
|
|
96
|
+
*/
|
|
97
|
+
modalFooterProps?: Partial<FooterProps> | undefined;
|
|
98
|
+
} & React.RefAttributes<unknown>>;
|
|
99
|
+
export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
|
|
100
|
+
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
|
|
4
|
+
import { HeaderProps } from "./Component-ebda875c";
|
|
5
|
+
type FooterProps = {
|
|
6
|
+
handleClear?: () => void;
|
|
7
|
+
handleApply?: () => void;
|
|
8
|
+
showClear?: boolean;
|
|
9
|
+
selectedDraft?: OptionShape[];
|
|
10
|
+
};
|
|
11
|
+
declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
|
|
12
|
+
declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
|
|
13
|
+
showClear?: boolean | undefined;
|
|
14
|
+
onClose?: (() => void) | undefined;
|
|
15
|
+
selectedDraft?: OptionShape[] | undefined;
|
|
16
|
+
OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
17
|
+
Footer?: React.FC<FooterProps> | undefined;
|
|
18
|
+
Header?: React.FC<HeaderProps> | undefined;
|
|
19
|
+
headerProps?: HeaderProps | undefined;
|
|
20
|
+
showHeaderWithSelectAll?: boolean | undefined;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export { FooterProps, Footer, OptionsListWithApply };
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
4
|
+
declare const colors: readonly [
|
|
5
|
+
"tertiary",
|
|
6
|
+
"disabled",
|
|
7
|
+
"accent",
|
|
8
|
+
"primary",
|
|
9
|
+
"attention",
|
|
10
|
+
"positive",
|
|
11
|
+
"secondary",
|
|
12
|
+
"tertiary-inverted",
|
|
13
|
+
"primary-inverted",
|
|
14
|
+
"secondary-inverted",
|
|
15
|
+
"link",
|
|
16
|
+
"negative",
|
|
17
|
+
"static-primary-light",
|
|
18
|
+
"static-secondary-light",
|
|
19
|
+
"static-tertiary-light",
|
|
20
|
+
"static-primary-dark",
|
|
21
|
+
"static-secondary-dark",
|
|
22
|
+
"static-tertiary-dark",
|
|
23
|
+
"static-accent"
|
|
24
|
+
];
|
|
25
|
+
type Color = (typeof colors)[number];
|
|
26
|
+
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
27
|
+
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
28
|
+
type TextBaseProps = {
|
|
29
|
+
/**
|
|
30
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
31
|
+
*/
|
|
32
|
+
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
33
|
+
/**
|
|
34
|
+
* Цвет текста
|
|
35
|
+
*/
|
|
36
|
+
color?: Color;
|
|
37
|
+
/**
|
|
38
|
+
* Толщина шрифта
|
|
39
|
+
*/
|
|
40
|
+
weight?: "regular" | "medium" | "bold";
|
|
41
|
+
/**
|
|
42
|
+
* Делает цифры моноширинными
|
|
43
|
+
*/
|
|
44
|
+
monospaceNumbers?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* HTML тег
|
|
47
|
+
*/
|
|
48
|
+
tag?: "span" | "div";
|
|
49
|
+
/**
|
|
50
|
+
* Css-класс для стилизации (native prop)
|
|
51
|
+
*/
|
|
52
|
+
className?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Id компонента для тестов
|
|
55
|
+
*/
|
|
56
|
+
dataTestId?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Контент (native prop)
|
|
59
|
+
*/
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Добавляет отступы к тэгу 'p'
|
|
63
|
+
*/
|
|
64
|
+
defaultMargins?: never;
|
|
65
|
+
/**
|
|
66
|
+
* Количество строк (не поддерживает IE)
|
|
67
|
+
*/
|
|
68
|
+
rowLimit?: 1 | 2 | 3;
|
|
69
|
+
};
|
|
70
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
71
|
+
tag?: "p";
|
|
72
|
+
defaultMargins?: boolean;
|
|
73
|
+
};
|
|
74
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
75
|
+
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
76
|
+
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
77
|
+
/**
|
|
78
|
+
* HTML тег
|
|
79
|
+
*/
|
|
80
|
+
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
81
|
+
/**
|
|
82
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
83
|
+
*/
|
|
84
|
+
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
85
|
+
/**
|
|
86
|
+
* Цвет текста
|
|
87
|
+
*/
|
|
88
|
+
color?: Color;
|
|
89
|
+
/**
|
|
90
|
+
* Толщина шрифта
|
|
91
|
+
*/
|
|
92
|
+
weight?: "regular" | "medium" | "bold";
|
|
93
|
+
/**
|
|
94
|
+
* Шрифт текста
|
|
95
|
+
*/
|
|
96
|
+
font?: "styrene" | "system";
|
|
97
|
+
/**
|
|
98
|
+
* Добавляет отступы
|
|
99
|
+
*/
|
|
100
|
+
defaultMargins?: boolean;
|
|
101
|
+
/**
|
|
102
|
+
* Css-класс для стилизации (native prop)
|
|
103
|
+
*/
|
|
104
|
+
className?: string;
|
|
105
|
+
/**
|
|
106
|
+
* Id компонента для тестов
|
|
107
|
+
*/
|
|
108
|
+
dataTestId?: string;
|
|
109
|
+
/**
|
|
110
|
+
* Контент (native prop)
|
|
111
|
+
*/
|
|
112
|
+
children?: React.ReactNode;
|
|
113
|
+
/**
|
|
114
|
+
* Количество строк (не поддерживает IE)
|
|
115
|
+
*/
|
|
116
|
+
rowLimit?: 1 | 2 | 3;
|
|
117
|
+
};
|
|
118
|
+
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
119
|
+
declare const Typography: {
|
|
120
|
+
Title: FC<TitleProps>;
|
|
121
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
122
|
+
TitleResponsive: FC<TitleProps>;
|
|
123
|
+
TitleMobile: FC<TitleMobileProps>;
|
|
124
|
+
};
|
|
125
|
+
declare const typographyPresets: {
|
|
126
|
+
mobile: {
|
|
127
|
+
list: {
|
|
128
|
+
text: {
|
|
129
|
+
primary: {
|
|
130
|
+
tag: string;
|
|
131
|
+
view: string;
|
|
132
|
+
};
|
|
133
|
+
secondary: {
|
|
134
|
+
tag: string;
|
|
135
|
+
color: string;
|
|
136
|
+
view: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
declare const TitleResponsive: FC<TitleProps>;
|
|
143
|
+
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
144
|
+
/**
|
|
145
|
+
* Текст после иконки
|
|
146
|
+
*/
|
|
147
|
+
text?: string;
|
|
148
|
+
/**
|
|
149
|
+
* Дополнительный класс
|
|
150
|
+
*/
|
|
151
|
+
className?: string;
|
|
152
|
+
/**
|
|
153
|
+
* Вид компонента
|
|
154
|
+
*/
|
|
155
|
+
view: 'mobile' | 'desktop';
|
|
156
|
+
/**
|
|
157
|
+
* Прозрачность текста
|
|
158
|
+
*/
|
|
159
|
+
textOpacity?: number;
|
|
160
|
+
/**
|
|
161
|
+
* Обработчик клика
|
|
162
|
+
*/
|
|
163
|
+
onClick?: () => void;
|
|
164
|
+
}
|
|
165
|
+
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
166
|
+
export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
|
|
167
|
+
export type { TitleProps, TextProps, Color };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
|
|
4
|
+
import { ButtonProps } from "./index-8b2c2707";
|
|
5
|
+
type IconButtonProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Компонент иконки
|
|
8
|
+
*/
|
|
9
|
+
icon: ElementType<{
|
|
10
|
+
className?: string;
|
|
11
|
+
}> | ReactElement;
|
|
12
|
+
/**
|
|
13
|
+
* Тип кнопки
|
|
14
|
+
*/
|
|
15
|
+
view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
|
|
16
|
+
/**
|
|
17
|
+
* Размер компонента
|
|
18
|
+
*/
|
|
19
|
+
size?: 'xxs' | 'xs' | 's';
|
|
20
|
+
/**
|
|
21
|
+
* Дополнительный класс
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Выравнивание иконки
|
|
26
|
+
* @default 'center'
|
|
27
|
+
*/
|
|
28
|
+
alignIcon?: 'left' | 'center' | 'right';
|
|
29
|
+
/**
|
|
30
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
31
|
+
*/
|
|
32
|
+
dataTestId?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Набор цветов для компонента
|
|
35
|
+
*/
|
|
36
|
+
colors?: 'default' | 'inverted';
|
|
37
|
+
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
|
|
38
|
+
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
39
|
+
/**
|
|
40
|
+
* Компонент иконки
|
|
41
|
+
*/
|
|
42
|
+
icon: ElementType<{
|
|
43
|
+
className?: string;
|
|
44
|
+
}> | ReactElement;
|
|
45
|
+
/**
|
|
46
|
+
* Тип кнопки
|
|
47
|
+
*/
|
|
48
|
+
view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* Размер компонента
|
|
51
|
+
*/
|
|
52
|
+
size?: "s" | "xs" | "xxs" | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* Дополнительный класс
|
|
55
|
+
*/
|
|
56
|
+
className?: string | undefined;
|
|
57
|
+
/**
|
|
58
|
+
* Выравнивание иконки
|
|
59
|
+
* @default 'center'
|
|
60
|
+
*/
|
|
61
|
+
alignIcon?: "center" | "right" | "left" | undefined;
|
|
62
|
+
/**
|
|
63
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
64
|
+
*/
|
|
65
|
+
dataTestId?: string | undefined;
|
|
66
|
+
/**
|
|
67
|
+
* Набор цветов для компонента
|
|
68
|
+
*/
|
|
69
|
+
colors?: "default" | "inverted" | undefined;
|
|
70
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
71
|
+
export { IconButtonProps, IconButton };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC } from "react";
|
|
4
|
+
import { BaseButtonProps } from "./typings-9211a437";
|
|
5
|
+
type SpinnerProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Управление видимостью компонента
|
|
8
|
+
*/
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Размер компонента
|
|
12
|
+
*/
|
|
13
|
+
size?: "xs" | "s" | "m";
|
|
14
|
+
/**
|
|
15
|
+
* Дополнительный класс
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Идентификатор компонента в DOM
|
|
20
|
+
*/
|
|
21
|
+
id?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
24
|
+
*/
|
|
25
|
+
dataTestId?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Палитра, в контексте которой используется спиннер
|
|
28
|
+
*/
|
|
29
|
+
colors?: "default" | "inverted";
|
|
30
|
+
};
|
|
31
|
+
declare const Spinner: FC<SpinnerProps>;
|
|
32
|
+
/**
|
|
33
|
+
* Минимальное время отображения лоадера - 500мс,
|
|
34
|
+
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
|
+
*/
|
|
36
|
+
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
|
+
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { View } from "./typings-bdb4c6b9";
|
|
4
|
+
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
5
|
+
size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
|
|
6
|
+
fullscreen?: boolean | undefined;
|
|
7
|
+
fixedPosition?: boolean | undefined;
|
|
8
|
+
hasCloser?: boolean | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
view: View;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export { Modal };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react-transition-group" />
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { CheckboxProps } from "./index-ebda875c";
|
|
5
|
+
type HeaderProps = {
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
onChange?: CheckboxProps['onChange'];
|
|
9
|
+
mobile?: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare const Header: React.FC<HeaderProps>;
|
|
12
|
+
export { HeaderProps, Header };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
+
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
+
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControlDesktopProps } from "./desktop-63dec22f";
|
|
4
|
+
import { BaseSelectProps } from "./typings-5e1b8383";
|
|
5
|
+
type SelectFieldProps = Omit<FormControlDesktopProps, 'size'> & Record<string, unknown>;
|
|
6
|
+
type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Пропсы, которые будут прокинуты в компонент поля
|
|
9
|
+
*/
|
|
10
|
+
fieldProps?: SelectFieldProps;
|
|
11
|
+
};
|
|
12
|
+
declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
|
|
13
|
+
/**
|
|
14
|
+
* Пропсы, которые будут прокинуты в компонент поля
|
|
15
|
+
*/
|
|
16
|
+
fieldProps?: SelectFieldProps | undefined;
|
|
17
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export { SelectFieldProps, SelectDesktopProps, SelectDesktop };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
+
type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
|
|
5
|
+
declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { FormControlDesktopProps, FormControlDesktop };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BaseInputProps } from "./index-c44170fe";
|
|
4
|
+
type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
|
|
5
|
+
declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
+
export { InputDesktopProps, InputDesktop };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ChangeEvent, FC, RefAttributes } from "react";
|
|
4
|
+
import { InputProps } from "./index-c44170fe";
|
|
5
|
+
import { BaseSelectProps } from "./shared-4cd3936b";
|
|
6
|
+
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Компонент ввода значения
|
|
9
|
+
*/
|
|
10
|
+
Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
|
|
11
|
+
/**
|
|
12
|
+
* Пропсы, которые будут прокинуты в инпут
|
|
13
|
+
*/
|
|
14
|
+
inputProps?: InputProps & Record<string, unknown>;
|
|
15
|
+
/**
|
|
16
|
+
* Значение поля ввода
|
|
17
|
+
*/
|
|
18
|
+
value?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Поле доступно только для чтения
|
|
21
|
+
*/
|
|
22
|
+
readOnly?: InputProps['readOnly'];
|
|
23
|
+
/**
|
|
24
|
+
* Отображение иконки успеха
|
|
25
|
+
*/
|
|
26
|
+
success?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Обработчик ввода
|
|
29
|
+
*/
|
|
30
|
+
onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
31
|
+
/**
|
|
32
|
+
* Хранит функцию, с помощью которой можно обновить положение поповера
|
|
33
|
+
*/
|
|
34
|
+
updatePopover?: BaseSelectProps['updatePopover'];
|
|
35
|
+
};
|
|
36
|
+
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
|
|
37
|
+
/**
|
|
38
|
+
* Компонент ввода значения
|
|
39
|
+
*/
|
|
40
|
+
Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
|
+
breakpoint?: number | undefined;
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
|
|
43
|
+
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
+
*/
|
|
45
|
+
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
|
+
/**
|
|
47
|
+
* Пропсы, которые будут прокинуты в инпут
|
|
48
|
+
*/
|
|
49
|
+
inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
|
+
breakpoint?: number | undefined;
|
|
51
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
|
|
52
|
+
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
+
*/
|
|
54
|
+
} & Record<string, unknown>) | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* Значение поля ввода
|
|
57
|
+
*/
|
|
58
|
+
value?: string | undefined;
|
|
59
|
+
/**
|
|
60
|
+
* Поле доступно только для чтения
|
|
61
|
+
*/
|
|
62
|
+
readOnly?: InputProps['readOnly'];
|
|
63
|
+
/**
|
|
64
|
+
* Отображение иконки успеха
|
|
65
|
+
*/
|
|
66
|
+
success?: boolean | undefined;
|
|
67
|
+
/**
|
|
68
|
+
* Обработчик ввода
|
|
69
|
+
*/
|
|
70
|
+
onInput?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
71
|
+
/**
|
|
72
|
+
* Хранит функцию, с помощью которой можно обновить положение поповера
|
|
73
|
+
*/
|
|
74
|
+
updatePopover?: BaseSelectProps['updatePopover'];
|
|
75
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
76
|
+
export * from "./Component-4cd3936b";
|
|
77
|
+
export { InputAutocompleteDesktopProps, InputAutocompleteDesktop };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
+
type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
+
declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
+
export { ButtonMobileProps, ButtonMobile };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
+
type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
|
|
5
|
+
declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { FormControlMobileProps, FormControlMobile };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
+
type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
|
|
5
|
+
/**
|
|
6
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
7
|
+
* @default 1024
|
|
8
|
+
*/
|
|
9
|
+
breakpoint?: number;
|
|
10
|
+
/**
|
|
11
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
12
|
+
*/
|
|
13
|
+
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
14
|
+
};
|
|
15
|
+
declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
|
|
16
|
+
/**
|
|
17
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
18
|
+
* @default 1024
|
|
19
|
+
*/
|
|
20
|
+
breakpoint?: number | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
23
|
+
*/
|
|
24
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
25
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export { FormControlProps, FormControl };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC, ReactNode, RefObject } from "react";
|
|
4
|
+
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
|
+
import { SwipeableHandlers } from "react-swipeable";
|
|
6
|
+
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
+
import { BottomSheetProps } from "./types-72dda473";
|
|
8
|
+
type FooterProps = {
|
|
9
|
+
/**
|
|
10
|
+
* Контент футера
|
|
11
|
+
*/
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Фиксирует футер
|
|
15
|
+
*/
|
|
16
|
+
sticky?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Дополнительный класс
|
|
19
|
+
*/
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
declare const Footer: FC<FooterProps>;
|
|
23
|
+
type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
|
|
24
|
+
headerRef: RefObject<HTMLDivElement>;
|
|
25
|
+
headerOffset: number;
|
|
26
|
+
};
|
|
27
|
+
declare const Header: FC<HeaderProps>;
|
|
28
|
+
type SwipeableBackdropProps = BackdropProps & {
|
|
29
|
+
/**
|
|
30
|
+
* Прозрачность бэкдропа
|
|
31
|
+
*/
|
|
32
|
+
opacity?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Обработчики свайпа
|
|
35
|
+
*/
|
|
36
|
+
handlers?: SwipeableHandlers;
|
|
37
|
+
/**
|
|
38
|
+
* Время анимации opacity
|
|
39
|
+
*/
|
|
40
|
+
opacityTimeout?: number;
|
|
41
|
+
};
|
|
42
|
+
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
43
|
+
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
44
|
+
export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
|