@alfalab/core-components-input-autocomplete 10.1.6 → 10.2.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/{esm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/Component-89f0cb07.d.ts +38 -0
- package/Component.desktop.d.ts +4 -4
- package/{modern/Component.mobile-ade26e99.d.ts → Component.mobile-96988a65.d.ts} +2 -2
- package/Component.mobile.d.ts +3 -3
- package/Component.mobile.js +2 -1
- package/{modern/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-96988a65.d.ts} +2 -2
- package/Component.modal.mobile.d.ts +3 -3
- package/Component.modal.mobile.js +2 -1
- package/Component.responsive.d.ts +6 -6
- package/Component.responsive.js +2 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.js +3 -2
- package/autocomplete-mobile-field/index.css +8 -8
- package/autocomplete-mobile-field/index.js +1 -0
- package/cssm/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/cssm/Component-89f0cb07.d.ts +38 -0
- package/cssm/Component.desktop.d.ts +4 -4
- package/{Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/cssm/Component.mobile.d.ts +3 -3
- package/cssm/Component.mobile.js +1 -0
- package/cssm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/cssm/Component.modal.mobile.d.ts +3 -3
- package/cssm/Component.modal.mobile.js +1 -0
- package/cssm/Component.responsive.d.ts +6 -6
- package/cssm/Component.responsive.js +1 -0
- package/cssm/autocomplete-mobile-field/Component.js +2 -1
- package/cssm/autocomplete-mobile-field/index.js +1 -0
- package/cssm/desktop-89f0cb07.d.ts +6 -0
- package/cssm/hook-8abfea97.d.ts +9 -9
- package/cssm/index-c76d6398.d.ts +185 -2
- package/cssm/index-ebda875c.d.ts +10 -0
- package/cssm/index-f12ee135.d.ts +52 -3
- package/cssm/index.js +1 -0
- package/cssm/mobile-511e54fa.d.ts +6 -0
- package/cssm/mobile-96988a65.d.ts +5 -2
- package/cssm/mobile-f28cbba0.d.ts +5 -0
- package/cssm/mobile.js +1 -0
- package/cssm/mobile.module.css +1 -1
- package/cssm/shared-4cd3936b.d.ts +5 -5
- package/cssm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
- package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
- package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/desktop-69921c40.d.ts +6 -0
- package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
- package/esm/Component-89f0cb07.d.ts +38 -0
- package/esm/Component.desktop.d.ts +4 -4
- package/{cssm/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/esm/Component.mobile.d.ts +3 -3
- package/esm/Component.mobile.js +2 -1
- package/{Component.modal.mobile-dd8ca091.d.ts → esm/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/esm/Component.modal.mobile.d.ts +2 -2
- package/esm/Component.modal.mobile.js +2 -1
- package/esm/Component.responsive.d.ts +5 -5
- package/esm/Component.responsive.js +2 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.js +3 -2
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/autocomplete-mobile-field/index.js +1 -0
- package/esm/desktop-69921c40.d.ts +6 -0
- package/esm/hook-8abfea97.d.ts +9 -9
- package/esm/index-c76d6398.d.ts +185 -2
- package/esm/index-ebda875c.d.ts +10 -0
- package/esm/index-f12ee135.d.ts +52 -3
- package/esm/index.js +2 -1
- package/esm/mobile-89f0cb07.d.ts +6 -0
- package/esm/mobile-96988a65.d.ts +5 -2
- package/esm/mobile-f28cbba0.d.ts +5 -0
- package/esm/mobile.css +5 -5
- package/esm/mobile.js +2 -1
- package/esm/{mobile.module-a93c9068.js → mobile.module-b845ad92.js} +1 -1
- package/esm/shared-4cd3936b.d.ts +5 -5
- package/esm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
- package/{typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
- package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/{hook-8abfea97.d.ts → hook-0f4b9bed.d.ts} +9 -9
- package/index-c76d6398.d.ts +185 -2
- package/index-ebda875c.d.ts +18 -114
- package/index-f12ee135.d.ts +52 -3
- package/index.js +2 -1
- package/mobile-89f0cb07.d.ts +6 -0
- package/mobile-96988a65.d.ts +5 -2
- package/mobile-f28cbba0.d.ts +5 -0
- package/mobile.css +5 -5
- package/mobile.js +2 -1
- package/{mobile.module-ca86f5ea.js → mobile.module-15cb0efe.js} +1 -1
- package/modern/Component-0f4b9bed.d.ts +72 -0
- package/modern/Component-89f0cb07.d.ts +38 -0
- package/modern/Component.desktop.d.ts +4 -4
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/{esm/Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
- package/modern/Component.mobile.d.ts +3 -3
- package/modern/Component.mobile.js +2 -1
- package/{esm/Component.modal.mobile-dd8ca091.d.ts → modern/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/modern/Component.modal.mobile.d.ts +2 -2
- package/modern/Component.modal.mobile.js +2 -1
- package/modern/Component.responsive.d.ts +5 -5
- package/modern/Component.responsive.js +2 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.js +3 -2
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/autocomplete-mobile-field/index.js +1 -0
- package/modern/desktop-69921c40.d.ts +6 -0
- package/modern/hook-8abfea97.d.ts +9 -9
- package/modern/index-c76d6398.d.ts +185 -2
- package/modern/index-ebda875c.d.ts +18 -114
- package/modern/index-f12ee135.d.ts +52 -3
- package/modern/index.js +2 -1
- package/modern/mobile-89f0cb07.d.ts +6 -0
- package/modern/mobile-96988a65.d.ts +2 -6
- package/modern/mobile-f28cbba0.d.ts +5 -0
- package/modern/mobile.css +5 -5
- package/modern/mobile.js +2 -1
- package/modern/{mobile.module-e72a1e20.js → mobile.module-40321fa2.js} +1 -1
- package/modern/shared-4cd3936b.d.ts +5 -6
- package/modern/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
- package/{esm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
- package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/package.json +6 -5
- package/shared-4cd3936b.d.ts +6 -6
- package/src/Component.desktop.tsx +4 -1
- package/src/Component.mobile.tsx +9 -1
- package/src/autocomplete-mobile-field/Component.tsx +2 -1
- package/src/mobile.module.css +1 -1
- package/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/Component-72308007.d.ts +0 -276
- package/Component-72dda473.d.ts +0 -53
- package/Component.mobile-ebda875c.d.ts +0 -6
- package/component-72308007.d.ts +0 -44
- package/cssm/Component-72308007.d.ts +0 -276
- package/cssm/Component-72dda473.d.ts +0 -53
- package/cssm/Component.mobile-ebda875c.d.ts +0 -6
- package/cssm/component-72308007.d.ts +0 -44
- package/cssm/desktop-63dec22f.d.ts +0 -6
- package/cssm/index-72308007.d.ts +0 -54
- package/cssm/mobile-ade26e99.d.ts +0 -5
- package/cssm/types-83e2bd9e.d.ts +0 -113
- package/cssm/utils-49cc3c24.d.ts +0 -8
- package/desktop-63dec22f.d.ts +0 -6
- package/esm/Component-72308007.d.ts +0 -276
- package/esm/Component-72dda473.d.ts +0 -53
- package/esm/Component.mobile-ebda875c.d.ts +0 -6
- package/esm/component-72308007.d.ts +0 -44
- package/esm/desktop-63dec22f.d.ts +0 -6
- package/esm/index-72308007.d.ts +0 -54
- package/esm/mobile-ade26e99.d.ts +0 -5
- package/esm/types-83e2bd9e.d.ts +0 -113
- package/esm/utils-49cc3c24.d.ts +0 -8
- package/index-72308007.d.ts +0 -54
- package/mobile-ade26e99.d.ts +0 -5
- package/modern/Component-72308007.d.ts +0 -276
- package/modern/Component-72dda473.d.ts +0 -53
- package/modern/Component-dd8ca091.d.ts +0 -22
- package/modern/Component.desktop-ebda875c.d.ts +0 -6
- package/modern/component-72308007.d.ts +0 -44
- package/modern/desktop-63dec22f.d.ts +0 -2
- package/modern/index-72308007.d.ts +0 -54
- package/modern/mobile-ade26e99.d.ts +0 -5
- package/modern/types-83e2bd9e.d.ts +0 -113
- package/modern/utils-49cc3c24.d.ts +0 -8
- package/types-83e2bd9e.d.ts +0 -113
- package/utils-49cc3c24.d.ts +0 -8
- /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/{modern/Component-96988a65.d.ts → cssm/Component-511e54fa.d.ts} +0 -0
- /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
|
|
4
|
-
type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
|
|
5
|
-
type BadgeProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Дополнительный класс
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Вид компонента
|
|
12
|
-
*/
|
|
13
|
-
view: 'icon' | 'count';
|
|
14
|
-
/**
|
|
15
|
-
* Размер компонента (только для view=icon)
|
|
16
|
-
* //deprecated(используйте height для view=count )
|
|
17
|
-
*/
|
|
18
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
19
|
-
/**
|
|
20
|
-
* Видимость белой обводки вокруг иконки
|
|
21
|
-
*/
|
|
22
|
-
visibleIconOutline?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Видимость цветной обводки вокруг иконки (только для view=icon)
|
|
25
|
-
*/
|
|
26
|
-
visibleColorOutline?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Контент компонента
|
|
29
|
-
*/
|
|
30
|
-
content?: React.ReactElement | number;
|
|
31
|
-
/**
|
|
32
|
-
* Высота компонента, min = 16; max = 48 (только для view=count)
|
|
33
|
-
*/
|
|
34
|
-
height?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Цветовое оформление бейджа при view='count'
|
|
37
|
-
*/
|
|
38
|
-
color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
|
|
39
|
-
/**
|
|
40
|
-
* Цветовое оформление бейджа при view='icon'
|
|
41
|
-
*/
|
|
42
|
-
iconColor?: IconColorType;
|
|
43
|
-
/**
|
|
44
|
-
* Цвет подложки под иконкой
|
|
45
|
-
*/
|
|
46
|
-
iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
|
|
47
|
-
/**
|
|
48
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
49
|
-
*/
|
|
50
|
-
dataTestId?: string;
|
|
51
|
-
};
|
|
52
|
-
declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
|
|
53
|
-
export { IconColorType, BadgeProps, Badge };
|
|
@@ -1,6 +0,0 @@
|
|
|
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 };
|
|
@@ -1,44 +0,0 @@
|
|
|
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-e40becc7";
|
|
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 };
|
|
@@ -1,6 +0,0 @@
|
|
|
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 };
|
package/cssm/index-72308007.d.ts
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { PaddingType } from "./index-72dda473";
|
|
4
|
-
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
-
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
-
declare const isClient: () => boolean;
|
|
7
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
8
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
9
|
-
declare function easeInOutQuad(x: number): number;
|
|
10
|
-
declare const easingFns: {
|
|
11
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
-
};
|
|
13
|
-
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
-
declare const inputUtils: {
|
|
15
|
-
disableUserInput: typeof disableUserInput;
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* Возвращает true, если значение равно null или undefined
|
|
19
|
-
*/
|
|
20
|
-
declare function isNil(value: unknown): boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Выбор значения между min max границами
|
|
23
|
-
*/
|
|
24
|
-
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
-
declare function noop(): void;
|
|
26
|
-
declare const fnUtils: {
|
|
27
|
-
clamp: typeof clamp;
|
|
28
|
-
noop: typeof noop;
|
|
29
|
-
isNil: typeof isNil;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* Запрещает каретке становиться за указанные границы
|
|
33
|
-
*/
|
|
34
|
-
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
-
from: number,
|
|
36
|
-
to: number
|
|
37
|
-
]) => [
|
|
38
|
-
from: number,
|
|
39
|
-
to: number
|
|
40
|
-
]): MaskitoPlugin;
|
|
41
|
-
/**
|
|
42
|
-
* Запрещает удалять указанный префикс
|
|
43
|
-
*/
|
|
44
|
-
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
-
/**
|
|
46
|
-
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
-
*/
|
|
48
|
-
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
-
declare const maskUtils: {
|
|
50
|
-
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
-
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
-
caretGuard: typeof caretGuard;
|
|
53
|
-
};
|
|
54
|
-
export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { SelectMobile } from "./Component.mobile-ade26e99";
|
|
2
|
-
export { SelectModalMobile } from "./Component.modal.mobile-dd8ca091";
|
|
3
|
-
export type { SelectMobileProps } from "./Component.mobile-ade26e99";
|
|
4
|
-
export type { SelectModalMobileProps } from "./Component.modal.mobile-dd8ca091";
|
|
5
|
-
export {};
|
package/cssm/types-83e2bd9e.d.ts
DELETED
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ReactNode } from "react";
|
|
4
|
-
import { CloserProps } from "./index-ebda875c";
|
|
5
|
-
type NavigationBarProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Контент шапки
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* Заголовок шапки
|
|
12
|
-
*/
|
|
13
|
-
title?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Подзаголовок (доступен только в мобильной версии)
|
|
16
|
-
*/
|
|
17
|
-
subtitle?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Размер заголовка (compact доступен только в мобильной версии)
|
|
20
|
-
*/
|
|
21
|
-
titleSize?: 'default' | 'compact';
|
|
22
|
-
/**
|
|
23
|
-
* Доп. класс для аддонов
|
|
24
|
-
*/
|
|
25
|
-
addonClassName?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Слот слева
|
|
28
|
-
*/
|
|
29
|
-
leftAddons?: ReactNode;
|
|
30
|
-
/**
|
|
31
|
-
* Слот справа
|
|
32
|
-
*/
|
|
33
|
-
rightAddons?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Дополнительный класс для closer
|
|
36
|
-
*/
|
|
37
|
-
closerClassName?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Слот снизу
|
|
40
|
-
*/
|
|
41
|
-
bottomAddons?: ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Наличие компонента крестика
|
|
44
|
-
*/
|
|
45
|
-
hasCloser?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Наличие кнопки "Назад"
|
|
48
|
-
*/
|
|
49
|
-
hasBackButton?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Дополнительный класс для правого аддона
|
|
52
|
-
*/
|
|
53
|
-
backButtonClassName?: string;
|
|
54
|
-
/**
|
|
55
|
-
* Дополнительный класс
|
|
56
|
-
*/
|
|
57
|
-
className?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Дополнительный класс для контента
|
|
60
|
-
*/
|
|
61
|
-
contentClassName?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Дополнительный класс для нижнего аддона
|
|
64
|
-
*/
|
|
65
|
-
bottomAddonsClassName?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Выравнивание заголовка
|
|
68
|
-
*/
|
|
69
|
-
align?: 'left' | 'center';
|
|
70
|
-
/**
|
|
71
|
-
* Обрезать ли заголовок
|
|
72
|
-
*/
|
|
73
|
-
trim?: boolean;
|
|
74
|
-
/**
|
|
75
|
-
* Фиксирует шапку
|
|
76
|
-
*/
|
|
77
|
-
sticky?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
80
|
-
*/
|
|
81
|
-
dataTestId?: string;
|
|
82
|
-
/**
|
|
83
|
-
* Фоновое изображение
|
|
84
|
-
*/
|
|
85
|
-
imageUrl?: string;
|
|
86
|
-
/**
|
|
87
|
-
* Иконка closer.
|
|
88
|
-
*/
|
|
89
|
-
closerIcon?: React.ElementType;
|
|
90
|
-
/**
|
|
91
|
-
* Обработчик закрытия
|
|
92
|
-
*/
|
|
93
|
-
onClose?: CloserProps['onClose'];
|
|
94
|
-
/**
|
|
95
|
-
* обработчик клика по кнопке "назад"
|
|
96
|
-
*/
|
|
97
|
-
onBack?: () => void;
|
|
98
|
-
/**
|
|
99
|
-
* Вид шапки - мобильный или десктоп
|
|
100
|
-
*/
|
|
101
|
-
view: 'desktop' | 'mobile';
|
|
102
|
-
/**
|
|
103
|
-
* Ссылка на родительскую ноду overflow: auto
|
|
104
|
-
*/
|
|
105
|
-
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
106
|
-
};
|
|
107
|
-
type ContentParams = {
|
|
108
|
-
extraClassName?: string;
|
|
109
|
-
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
110
|
-
style?: React.CSSProperties;
|
|
111
|
-
hidden?: boolean;
|
|
112
|
-
};
|
|
113
|
-
export { NavigationBarProps, ContentParams };
|
package/cssm/utils-49cc3c24.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const TIMEOUT = 500;
|
|
2
|
-
declare const SWIPE_VELOCITY = 0.4;
|
|
3
|
-
declare const MARKER_HEIGHT = 24;
|
|
4
|
-
declare const CLOSE_OFFSET = 0.2;
|
|
5
|
-
declare const SCROLL_OFFSET = 1;
|
|
6
|
-
declare const HEADER_OFFSET = 24;
|
|
7
|
-
declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
|
|
8
|
-
export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
|
package/desktop-63dec22f.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
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 };
|
|
@@ -1,276 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ChangeEvent, ElementType, InputHTMLAttributes, MouseEvent, ReactNode } from "react";
|
|
4
|
-
type StyleColors = {
|
|
5
|
-
default: {
|
|
6
|
-
[key: string]: string;
|
|
7
|
-
};
|
|
8
|
-
inverted: {
|
|
9
|
-
[key: string]: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
|
|
13
|
-
/**
|
|
14
|
-
* Значение поля ввода
|
|
15
|
-
*/
|
|
16
|
-
value?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Начальное значение поля
|
|
19
|
-
*/
|
|
20
|
-
defaultValue?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Растягивает компонент на ширину контейнера
|
|
23
|
-
*/
|
|
24
|
-
block?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Крестик для очистки поля
|
|
27
|
-
*/
|
|
28
|
-
clear?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Размер компонента
|
|
31
|
-
*/
|
|
32
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
33
|
-
/**
|
|
34
|
-
* Набор цветов для компонента
|
|
35
|
-
*/
|
|
36
|
-
colors?: 'default' | 'inverted';
|
|
37
|
-
/**
|
|
38
|
-
* Отображение ошибки
|
|
39
|
-
*/
|
|
40
|
-
error?: ReactNode | boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Отображение иконки успеха
|
|
43
|
-
*/
|
|
44
|
-
success?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Текст подсказки
|
|
47
|
-
*/
|
|
48
|
-
hint?: ReactNode;
|
|
49
|
-
/**
|
|
50
|
-
* Лейбл компонента
|
|
51
|
-
*/
|
|
52
|
-
label?: React.ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* Вид лейбла внутри / снаружи
|
|
55
|
-
*/
|
|
56
|
-
labelView?: 'inner' | 'outer';
|
|
57
|
-
/**
|
|
58
|
-
* Атрибут type
|
|
59
|
-
*/
|
|
60
|
-
type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
|
|
61
|
-
/**
|
|
62
|
-
* Ref для обертки input
|
|
63
|
-
*/
|
|
64
|
-
wrapperRef?: React.Ref<HTMLDivElement> | null;
|
|
65
|
-
/**
|
|
66
|
-
* Слот слева
|
|
67
|
-
*/
|
|
68
|
-
leftAddons?: React.ReactNode;
|
|
69
|
-
/**
|
|
70
|
-
* Слот справа
|
|
71
|
-
*/
|
|
72
|
-
rightAddons?: React.ReactNode;
|
|
73
|
-
/**
|
|
74
|
-
* Слот под инпутом
|
|
75
|
-
*/
|
|
76
|
-
bottomAddons?: React.ReactNode;
|
|
77
|
-
/**
|
|
78
|
-
* Дополнительный класс
|
|
79
|
-
*/
|
|
80
|
-
className?: string;
|
|
81
|
-
/**
|
|
82
|
-
* Дополнительный класс для поля
|
|
83
|
-
*/
|
|
84
|
-
fieldClassName?: string;
|
|
85
|
-
/**
|
|
86
|
-
* Дополнительный класс инпута
|
|
87
|
-
*/
|
|
88
|
-
inputClassName?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Дополнительный класс для лейбла
|
|
91
|
-
*/
|
|
92
|
-
labelClassName?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Дополнительный класс для аддонов
|
|
95
|
-
*/
|
|
96
|
-
addonsClassName?: string;
|
|
97
|
-
/**
|
|
98
|
-
* Класс, который будет установлен при фокусе
|
|
99
|
-
*/
|
|
100
|
-
focusedClassName?: string;
|
|
101
|
-
/**
|
|
102
|
-
* Класс, который будет установлен, если в поле есть значение
|
|
103
|
-
*/
|
|
104
|
-
filledClassName?: string;
|
|
105
|
-
/**
|
|
106
|
-
* Обработчик поля ввода
|
|
107
|
-
*/
|
|
108
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
|
|
109
|
-
value: string;
|
|
110
|
-
}) => void;
|
|
111
|
-
/**
|
|
112
|
-
* Обработчик нажатия на кнопку очистки
|
|
113
|
-
*/
|
|
114
|
-
onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
115
|
-
/**
|
|
116
|
-
* Обработчик клика по полю
|
|
117
|
-
*/
|
|
118
|
-
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
119
|
-
/**
|
|
120
|
-
* Обработчик MouseDown по полю
|
|
121
|
-
*/
|
|
122
|
-
onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
123
|
-
/**
|
|
124
|
-
* Обработчик MouseUp по полю
|
|
125
|
-
*/
|
|
126
|
-
onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
127
|
-
/**
|
|
128
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
129
|
-
*/
|
|
130
|
-
FormControlComponent?: ElementType;
|
|
131
|
-
/**
|
|
132
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
133
|
-
*/
|
|
134
|
-
dataTestId?: string;
|
|
135
|
-
/**
|
|
136
|
-
* Стили компонента для default и inverted режима.
|
|
137
|
-
*/
|
|
138
|
-
colorStyles?: StyleColors;
|
|
139
|
-
/**
|
|
140
|
-
* Запрещает ввод с клавиатуры
|
|
141
|
-
*/
|
|
142
|
-
disableUserInput?: boolean;
|
|
143
|
-
};
|
|
144
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
145
|
-
/**
|
|
146
|
-
* Значение поля ввода
|
|
147
|
-
*/
|
|
148
|
-
value?: string | undefined;
|
|
149
|
-
/**
|
|
150
|
-
* Начальное значение поля
|
|
151
|
-
*/
|
|
152
|
-
defaultValue?: string | undefined;
|
|
153
|
-
/**
|
|
154
|
-
* Растягивает компонент на ширину контейнера
|
|
155
|
-
*/
|
|
156
|
-
block?: boolean | undefined;
|
|
157
|
-
/**
|
|
158
|
-
* Крестик для очистки поля
|
|
159
|
-
*/
|
|
160
|
-
clear?: boolean | undefined;
|
|
161
|
-
/**
|
|
162
|
-
* Размер компонента
|
|
163
|
-
*/
|
|
164
|
-
size?: "s" | "m" | "l" | "xl" | undefined;
|
|
165
|
-
/**
|
|
166
|
-
* Набор цветов для компонента
|
|
167
|
-
*/
|
|
168
|
-
colors?: "default" | "inverted" | undefined;
|
|
169
|
-
/**
|
|
170
|
-
* Отображение ошибки
|
|
171
|
-
*/
|
|
172
|
-
error?: ReactNode | boolean;
|
|
173
|
-
/**
|
|
174
|
-
* Отображение иконки успеха
|
|
175
|
-
*/
|
|
176
|
-
success?: boolean | undefined;
|
|
177
|
-
/**
|
|
178
|
-
* Текст подсказки
|
|
179
|
-
*/
|
|
180
|
-
hint?: ReactNode;
|
|
181
|
-
/**
|
|
182
|
-
* Лейбл компонента
|
|
183
|
-
*/
|
|
184
|
-
label?: React.ReactNode;
|
|
185
|
-
/**
|
|
186
|
-
* Вид лейбла внутри / снаружи
|
|
187
|
-
*/
|
|
188
|
-
labelView?: "inner" | "outer" | undefined;
|
|
189
|
-
/**
|
|
190
|
-
* Атрибут type
|
|
191
|
-
*/
|
|
192
|
-
type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
|
|
193
|
-
/**
|
|
194
|
-
* Ref для обертки input
|
|
195
|
-
*/
|
|
196
|
-
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
197
|
-
/**
|
|
198
|
-
* Слот слева
|
|
199
|
-
*/
|
|
200
|
-
leftAddons?: React.ReactNode;
|
|
201
|
-
/**
|
|
202
|
-
* Слот справа
|
|
203
|
-
*/
|
|
204
|
-
rightAddons?: React.ReactNode;
|
|
205
|
-
/**
|
|
206
|
-
* Слот под инпутом
|
|
207
|
-
*/
|
|
208
|
-
bottomAddons?: React.ReactNode;
|
|
209
|
-
/**
|
|
210
|
-
* Дополнительный класс
|
|
211
|
-
*/
|
|
212
|
-
className?: string | undefined;
|
|
213
|
-
/**
|
|
214
|
-
* Дополнительный класс для поля
|
|
215
|
-
*/
|
|
216
|
-
fieldClassName?: string | undefined;
|
|
217
|
-
/**
|
|
218
|
-
* Дополнительный класс инпута
|
|
219
|
-
*/
|
|
220
|
-
inputClassName?: string | undefined;
|
|
221
|
-
/**
|
|
222
|
-
* Дополнительный класс для лейбла
|
|
223
|
-
*/
|
|
224
|
-
labelClassName?: string | undefined;
|
|
225
|
-
/**
|
|
226
|
-
* Дополнительный класс для аддонов
|
|
227
|
-
*/
|
|
228
|
-
addonsClassName?: string | undefined;
|
|
229
|
-
/**
|
|
230
|
-
* Класс, который будет установлен при фокусе
|
|
231
|
-
*/
|
|
232
|
-
focusedClassName?: string | undefined;
|
|
233
|
-
/**
|
|
234
|
-
* Класс, который будет установлен, если в поле есть значение
|
|
235
|
-
*/
|
|
236
|
-
filledClassName?: string | undefined;
|
|
237
|
-
/**
|
|
238
|
-
* Обработчик поля ввода
|
|
239
|
-
*/
|
|
240
|
-
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
241
|
-
value: string;
|
|
242
|
-
}) => void) | undefined;
|
|
243
|
-
/**
|
|
244
|
-
* Обработчик нажатия на кнопку очистки
|
|
245
|
-
*/
|
|
246
|
-
onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
247
|
-
/**
|
|
248
|
-
* Обработчик клика по полю
|
|
249
|
-
*/
|
|
250
|
-
onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
251
|
-
/**
|
|
252
|
-
* Обработчик MouseDown по полю
|
|
253
|
-
*/
|
|
254
|
-
onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
255
|
-
/**
|
|
256
|
-
* Обработчик MouseUp по полю
|
|
257
|
-
*/
|
|
258
|
-
onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
259
|
-
/**
|
|
260
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
261
|
-
*/
|
|
262
|
-
FormControlComponent?: React.ElementType<any> | undefined;
|
|
263
|
-
/**
|
|
264
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
265
|
-
*/
|
|
266
|
-
dataTestId?: string | undefined;
|
|
267
|
-
/**
|
|
268
|
-
* Стили компонента для default и inverted режима.
|
|
269
|
-
*/
|
|
270
|
-
colorStyles?: StyleColors | undefined;
|
|
271
|
-
/**
|
|
272
|
-
* Запрещает ввод с клавиатуры
|
|
273
|
-
*/
|
|
274
|
-
disableUserInput?: boolean | undefined;
|
|
275
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
276
|
-
export { StyleColors, BaseInputProps, BaseInput };
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
|
|
4
|
-
type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
|
|
5
|
-
type BadgeProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Дополнительный класс
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Вид компонента
|
|
12
|
-
*/
|
|
13
|
-
view: 'icon' | 'count';
|
|
14
|
-
/**
|
|
15
|
-
* Размер компонента (только для view=icon)
|
|
16
|
-
* //deprecated(используйте height для view=count )
|
|
17
|
-
*/
|
|
18
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
19
|
-
/**
|
|
20
|
-
* Видимость белой обводки вокруг иконки
|
|
21
|
-
*/
|
|
22
|
-
visibleIconOutline?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Видимость цветной обводки вокруг иконки (только для view=icon)
|
|
25
|
-
*/
|
|
26
|
-
visibleColorOutline?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Контент компонента
|
|
29
|
-
*/
|
|
30
|
-
content?: React.ReactElement | number;
|
|
31
|
-
/**
|
|
32
|
-
* Высота компонента, min = 16; max = 48 (только для view=count)
|
|
33
|
-
*/
|
|
34
|
-
height?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Цветовое оформление бейджа при view='count'
|
|
37
|
-
*/
|
|
38
|
-
color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
|
|
39
|
-
/**
|
|
40
|
-
* Цветовое оформление бейджа при view='icon'
|
|
41
|
-
*/
|
|
42
|
-
iconColor?: IconColorType;
|
|
43
|
-
/**
|
|
44
|
-
* Цвет подложки под иконкой
|
|
45
|
-
*/
|
|
46
|
-
iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
|
|
47
|
-
/**
|
|
48
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
49
|
-
*/
|
|
50
|
-
dataTestId?: string;
|
|
51
|
-
};
|
|
52
|
-
declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
|
|
53
|
-
export { IconColorType, BadgeProps, Badge };
|
|
@@ -1,6 +0,0 @@
|
|
|
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 };
|
|
@@ -1,44 +0,0 @@
|
|
|
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-e40becc7";
|
|
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 };
|