@alfalab/core-components-custom-picker-button 2.0.12 → 2.0.13
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/{cssm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/{cssm/Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
- package/{esm/Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
- package/Component-8b2c2707.d.ts +1 -1
- package/Component.desktop-0aa4e915.d.ts +5 -0
- package/Component.mobile-16b1285a.d.ts +5 -0
- package/Component.mobile-d446ae02.d.ts +4 -4
- package/{Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
- package/{cssm/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/cssm/Component-0f4b9bed.d.ts +5 -0
- package/cssm/Component-10db897e.d.ts +296 -0
- package/cssm/Component-aed0af6e.d.ts +11 -0
- package/cssm/Component-ebda875c.d.ts +98 -9
- package/{Component-72308007.d.ts → cssm/Component-f12ee135.d.ts} +1 -1
- package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
- package/cssm/Component.desktop-4cd3936b.d.ts +49 -0
- package/cssm/Component.desktop-785df74d.d.ts +1 -1
- package/cssm/Component.mobile-16b1285a.d.ts +5 -0
- package/cssm/Component.mobile-96988a65.d.ts +6 -0
- package/cssm/Component.mobile-d7e9f69d.d.ts +1 -1
- package/{esm/Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/cssm/Component.mobile.d.ts +9 -1
- package/cssm/{index-8b2c2707.d.ts → Component.responsive-0aa4e915.d.ts} +2 -3
- package/cssm/Component.responsive-d7e9f69d.d.ts +26 -0
- package/cssm/desktop-69921c40.d.ts +2 -0
- package/cssm/desktop-d446ae02.d.ts +2 -39
- package/cssm/hook-8abfea97.d.ts +10 -10
- package/cssm/hook-ebda875c.d.ts +48 -0
- package/{esm/index-72308007.d.ts → cssm/index-10db897e.d.ts} +1 -5
- package/cssm/index-89f0cb07.d.ts +2 -0
- package/cssm/index-bdb4c6b9.d.ts +180 -2
- package/cssm/index-c44170fe.d.ts +2 -17
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-ebda875c.d.ts +200 -18
- package/cssm/index-f12ee135.d.ts +324 -3
- package/cssm/shared-4cd3936b.d.ts +5 -64
- package/{typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
- package/cssm/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/desktop-89f0cb07.d.ts +2 -0
- package/desktop-d446ae02.d.ts +2 -2
- package/esm/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/esm/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
- package/{modern/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts} +2 -2
- package/esm/Component-8b2c2707.d.ts +1 -1
- package/esm/Component.desktop-0aa4e915.d.ts +5 -0
- package/esm/Component.mobile-16b1285a.d.ts +5 -0
- package/esm/Component.mobile-d446ae02.d.ts +4 -4
- package/{modern/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/esm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/esm/desktop-89f0cb07.d.ts +2 -0
- package/esm/desktop-d446ae02.d.ts +2 -2
- package/esm/field/Component.js +1 -1
- package/esm/field/index.css +5 -5
- package/esm/hook-8abfea97.d.ts +8 -8
- package/{cssm/index-72308007.d.ts → esm/index-10db897e.d.ts} +1 -5
- package/esm/index-8b2c2707.d.ts +2 -2
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/mobile-89f0cb07.d.ts +2 -0
- package/esm/shared-4cd3936b.d.ts +6 -6
- package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
- package/esm/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/field/Component.js +1 -1
- package/field/index.css +5 -5
- package/hook-8abfea97.d.ts +8 -8
- package/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
- package/index-8b2c2707.d.ts +2 -2
- package/index-c76d6398.d.ts +1 -1
- package/index-f12ee135.d.ts +1 -1
- package/mobile-89f0cb07.d.ts +2 -0
- package/modern/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/modern/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
- package/{Component-9211a437.d.ts → modern/Component-89f0cb07.d.ts} +2 -2
- package/modern/Component-8b2c2707.d.ts +1 -1
- package/modern/Component.desktop-0aa4e915.d.ts +5 -0
- package/modern/Component.mobile-16b1285a.d.ts +5 -0
- package/modern/Component.mobile-d446ae02.d.ts +4 -4
- package/{cssm/Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
- package/modern/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/modern/desktop-89f0cb07.d.ts +2 -0
- package/modern/desktop-d446ae02.d.ts +2 -2
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +5 -5
- package/modern/hook-8abfea97.d.ts +8 -8
- package/modern/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
- package/modern/index-8b2c2707.d.ts +2 -2
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/mobile-89f0cb07.d.ts +2 -0
- package/modern/shared-4cd3936b.d.ts +6 -6
- package/{esm/typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
- package/modern/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/package.json +4 -4
- package/shared-4cd3936b.d.ts +6 -6
- package/{modern/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/Component-dd8ca091.d.ts +0 -22
- package/Component.desktop-2e2b2125.d.ts +0 -6
- package/Component.mobile-755fbaa3.d.ts +0 -6
- package/Component.modal.mobile-dd8ca091.d.ts +0 -60
- package/cssm/Component-8b2c2707.d.ts +0 -12
- package/cssm/Component-9211a437.d.ts +0 -38
- package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
- package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
- package/cssm/Component.mobile-d446ae02.d.ts +0 -23
- package/cssm/desktop-2e2b2125.d.ts +0 -2
- package/cssm/mobile-755fbaa3.d.ts +0 -2
- package/cssm/types-67a2d8af.d.ts +0 -276
- package/cssm/utils-1574ad8b.d.ts +0 -29
- package/cssm/utils-49cc3c24.d.ts +0 -8
- package/desktop-2e2b2125.d.ts +0 -2
- package/esm/Component.desktop-2e2b2125.d.ts +0 -6
- package/esm/Component.mobile-755fbaa3.d.ts +0 -6
- package/esm/desktop-2e2b2125.d.ts +0 -2
- package/esm/mobile-755fbaa3.d.ts +0 -2
- package/mobile-755fbaa3.d.ts +0 -2
- package/modern/Component-63dec22f.d.ts +0 -184
- package/modern/Component.desktop-2e2b2125.d.ts +0 -6
- package/modern/Component.mobile-755fbaa3.d.ts +0 -6
- package/modern/component-72308007.d.ts +0 -44
- package/modern/desktop-2e2b2125.d.ts +0 -2
- package/modern/mobile-755fbaa3.d.ts +0 -2
- /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/{component-72308007.d.ts → component-10db897e.d.ts} +0 -0
- /package/cssm/{mobile-d7e9f69d.d.ts → mobile-96988a65.d.ts} +0 -0
- /package/cssm/{useSkeleton-ebda875c.d.ts → useSkeleton-1b036d4b.d.ts} +0 -0
- /package/{cssm/Component-63dec22f.d.ts → esm/Component-69921c40.d.ts} +0 -0
- /package/{cssm/component-72308007.d.ts → esm/component-10db897e.d.ts} +0 -0
- /package/{esm/Component-63dec22f.d.ts → modern/Component-69921c40.d.ts} +0 -0
- /package/{esm/component-72308007.d.ts → modern/component-10db897e.d.ts} +0 -0
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
|
|
3
3
|
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
4
|
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
5
|
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-custom-picker-button",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.13",
|
|
4
4
|
"description": "Custom picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@alfalab/core-components-picker-button": "^11.1.
|
|
39
|
-
"@alfalab/core-components-custom-button": "^3.3.
|
|
38
|
+
"@alfalab/core-components-picker-button": "^11.1.8",
|
|
39
|
+
"@alfalab/core-components-custom-button": "^3.3.6",
|
|
40
40
|
"@alfalab/core-components-mq": "^4.2.0",
|
|
41
|
-
"@alfalab/core-components-select": "^15.2.
|
|
41
|
+
"@alfalab/core-components-select": "^15.2.1",
|
|
42
42
|
"classnames": "^2.3.1",
|
|
43
43
|
"tslib": "^2.4.0"
|
|
44
44
|
}
|
package/shared-4cd3936b.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-
|
|
3
|
+
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
5
5
|
type useSelectWithLoadingProps = {
|
|
6
6
|
loading?: boolean;
|
|
@@ -57,10 +57,10 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
|
|
|
57
57
|
reset: () => void;
|
|
58
58
|
};
|
|
59
59
|
export * from "./index-ebda875c";
|
|
60
|
-
export * from "./Component-
|
|
61
|
-
export * from "./Component-
|
|
60
|
+
export * from "./Component-10db897e";
|
|
61
|
+
export * from "./Component-0f4b9bed";
|
|
62
62
|
export { useSelectWithLoading, useLazyLoading };
|
|
63
63
|
export * from "./hook-8abfea97";
|
|
64
|
-
export * from "./typings-
|
|
65
|
-
export * from "./utils-
|
|
66
|
-
export type { AdditionalMobileProps } from "./Component.mobile-
|
|
64
|
+
export * from "./typings-0f4b9bed";
|
|
65
|
+
export * from "./utils-0f4b9bed";
|
|
66
|
+
export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";
|
|
@@ -459,6 +459,10 @@ type OptionsListProps = {
|
|
|
459
459
|
* Обработчик отмены изменений
|
|
460
460
|
*/
|
|
461
461
|
onClear?: () => void;
|
|
462
|
+
/**
|
|
463
|
+
* Указать индекс пункта для hover состояния
|
|
464
|
+
*/
|
|
465
|
+
setHighlightedIndex?: (index: number) => void;
|
|
462
466
|
};
|
|
463
467
|
type OptgroupProps = {
|
|
464
468
|
/**
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
|
|
3
3
|
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
4
|
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
5
|
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
package/Component-dd8ca091.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { OptionShape, OptionsListProps } from "./typings-dd8ca091";
|
|
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 };
|
|
@@ -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,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,60 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ModalMobile } from "./Component.mobile-f1f15074";
|
|
4
|
-
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
5
|
-
import { BaseSelectProps } from "./typings-dd8ca091";
|
|
6
|
-
type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Показывать кнопку очистки
|
|
9
|
-
*/
|
|
10
|
-
showClear?: UseSelectWithApplyProps['showClear'];
|
|
11
|
-
/**
|
|
12
|
-
* Показывать пункт "Выбрать все"
|
|
13
|
-
*/
|
|
14
|
-
showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительные пропсы шапки модалки
|
|
17
|
-
*/
|
|
18
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
19
|
-
/**
|
|
20
|
-
* Дополнительные пропсы модалки
|
|
21
|
-
*/
|
|
22
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
23
|
-
/**
|
|
24
|
-
* Дополнительные пропсы футера модалки
|
|
25
|
-
*/
|
|
26
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
27
|
-
showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
|
|
28
|
-
/**
|
|
29
|
-
* Использовать ли хук useSelectWithApply
|
|
30
|
-
*/
|
|
31
|
-
useWithApplyHook?: boolean;
|
|
32
|
-
};
|
|
33
|
-
declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
34
|
-
/**
|
|
35
|
-
* Показывать кнопку очистки
|
|
36
|
-
*/
|
|
37
|
-
showClear?: UseSelectWithApplyProps['showClear'];
|
|
38
|
-
/**
|
|
39
|
-
* Показывать пункт "Выбрать все"
|
|
40
|
-
*/
|
|
41
|
-
showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
|
|
42
|
-
/**
|
|
43
|
-
* Дополнительные пропсы шапки модалки
|
|
44
|
-
*/
|
|
45
|
-
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
46
|
-
/**
|
|
47
|
-
* Дополнительные пропсы модалки
|
|
48
|
-
*/
|
|
49
|
-
modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
50
|
-
/**
|
|
51
|
-
* Дополнительные пропсы футера модалки
|
|
52
|
-
*/
|
|
53
|
-
modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
|
|
54
|
-
showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
|
|
55
|
-
/**
|
|
56
|
-
* Использовать ли хук useSelectWithApply
|
|
57
|
-
*/
|
|
58
|
-
useWithApplyHook?: boolean | undefined;
|
|
59
|
-
} & React.RefAttributes<unknown>>;
|
|
60
|
-
export { SelectModalMobileProps, SelectModalMobile };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ButtonProps } from "./index-8b2c2707";
|
|
4
|
-
import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
|
|
6
|
-
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
7
|
-
buttonSize?: PickerButtonSize;
|
|
8
|
-
buttonVariant?: PickerButtonVariant;
|
|
9
|
-
showArrow?: boolean;
|
|
10
|
-
};
|
|
11
|
-
declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
|
|
12
|
-
export { Field };
|
|
@@ -1,38 +0,0 @@
|
|
|
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 };
|
|
@@ -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,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,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AdditionalMobileProps } from "./shared-4cd3936b";
|
|
4
|
-
import { PickerButtonDesktopProps } from "./desktop-d446ae02";
|
|
5
|
-
type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
|
|
6
|
-
/**
|
|
7
|
-
* Контрольная точка для кнопки, с нее начинается desktop версия
|
|
8
|
-
* @default 1024
|
|
9
|
-
*/
|
|
10
|
-
breakpoint?: number;
|
|
11
|
-
};
|
|
12
|
-
declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & {
|
|
13
|
-
/**
|
|
14
|
-
* Контрольная точка для кнопки, с нее начинается desktop версия
|
|
15
|
-
* @default 1024
|
|
16
|
-
*/
|
|
17
|
-
breakpoint?: number | undefined;
|
|
18
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
-
export { SelectMobile } from "./Component.mobile-ade26e99";
|
|
20
|
-
export { SelectModalMobile } from "./Component.modal.mobile-dd8ca091";
|
|
21
|
-
export type { SelectMobileProps } from "./Component.mobile-ade26e99";
|
|
22
|
-
export type { SelectModalMobileProps } from "./Component.modal.mobile-dd8ca091";
|
|
23
|
-
export { PickerButtonMobileProps, PickerButtonMobile };
|
package/cssm/types-67a2d8af.d.ts
DELETED
|
@@ -1,276 +0,0 @@
|
|
|
1
|
-
/// <reference types="react-transition-group" />
|
|
2
|
-
import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
|
|
3
|
-
import { HandledEvents } from 'react-swipeable/es/types';
|
|
4
|
-
import { TransitionProps } from 'react-transition-group/Transition';
|
|
5
|
-
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
6
|
-
import { NavigationBarProps } from "./index-c76d6398";
|
|
7
|
-
import { BackgroundColorType } from "./index-72dda473";
|
|
8
|
-
type BottomSheetTitleAlign = 'center' | 'left';
|
|
9
|
-
type BottomSheetProps = {
|
|
10
|
-
/**
|
|
11
|
-
* Контент
|
|
12
|
-
*/
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Управление видимостью
|
|
16
|
-
*/
|
|
17
|
-
open: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Заголовок
|
|
20
|
-
*/
|
|
21
|
-
title?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Размер заголовка
|
|
24
|
-
*/
|
|
25
|
-
titleSize?: NavigationBarProps['titleSize'];
|
|
26
|
-
/**
|
|
27
|
-
* Подзаголовок.
|
|
28
|
-
*/
|
|
29
|
-
subtitle?: NavigationBarProps['subtitle'];
|
|
30
|
-
/**
|
|
31
|
-
* Кнопка действия (обычно, это кнопка закрытия)
|
|
32
|
-
*/
|
|
33
|
-
actionButton?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Нода, компонент или функция возвращающая их
|
|
36
|
-
*
|
|
37
|
-
* Контейнер к которому будут добавляться порталы
|
|
38
|
-
*/
|
|
39
|
-
container?: BaseModalProps['container'];
|
|
40
|
-
/**
|
|
41
|
-
* Рендерить ли в контейнер через портал.
|
|
42
|
-
*/
|
|
43
|
-
usePortal?: BaseModalProps['usePortal'];
|
|
44
|
-
/**
|
|
45
|
-
* Дополнительный класс
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Дополнительный класс
|
|
50
|
-
*/
|
|
51
|
-
contentClassName?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Дополнительные пропсы на контейнер.
|
|
54
|
-
*/
|
|
55
|
-
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
56
|
-
/**
|
|
57
|
-
* Дополнительный класс
|
|
58
|
-
*/
|
|
59
|
-
containerClassName?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Цвет фона
|
|
62
|
-
*/
|
|
63
|
-
backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
|
|
64
|
-
/**
|
|
65
|
-
* Дополнительный класс шапки
|
|
66
|
-
*/
|
|
67
|
-
headerClassName?: string;
|
|
68
|
-
/**
|
|
69
|
-
* Дополнительный класс футера
|
|
70
|
-
*/
|
|
71
|
-
footerClassName?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Дополнительный класс для аддонов
|
|
74
|
-
*/
|
|
75
|
-
addonClassName?: string;
|
|
76
|
-
/**
|
|
77
|
-
* Дополнительный класс для компонента крестика
|
|
78
|
-
*/
|
|
79
|
-
closerClassName?: string;
|
|
80
|
-
/**
|
|
81
|
-
* Дополнительный класс для компонента стрелки назад
|
|
82
|
-
*/
|
|
83
|
-
backerClassName?: string;
|
|
84
|
-
/**
|
|
85
|
-
* Дополнительный класс для компонента модального окна
|
|
86
|
-
*/
|
|
87
|
-
modalClassName?: string;
|
|
88
|
-
/**
|
|
89
|
-
* Дополнительный класс для обертки модального окна
|
|
90
|
-
*/
|
|
91
|
-
modalWrapperClassName?: string;
|
|
92
|
-
/**
|
|
93
|
-
* Дополнительный класс для маркера
|
|
94
|
-
*/
|
|
95
|
-
swipeableMarkerClassName?: string;
|
|
96
|
-
/**
|
|
97
|
-
* Кастомный маркер
|
|
98
|
-
*/
|
|
99
|
-
swipeableMarker?: ReactElement;
|
|
100
|
-
/**
|
|
101
|
-
* TransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
102
|
-
*/
|
|
103
|
-
transitionProps?: Partial<TransitionProps>;
|
|
104
|
-
/**
|
|
105
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
106
|
-
*/
|
|
107
|
-
dataTestId?: string;
|
|
108
|
-
/**
|
|
109
|
-
* z-index компонента
|
|
110
|
-
*/
|
|
111
|
-
zIndex?: number;
|
|
112
|
-
/**
|
|
113
|
-
* Будет ли свайпаться шторка
|
|
114
|
-
* @default true
|
|
115
|
-
*/
|
|
116
|
-
swipeable?: boolean;
|
|
117
|
-
/**
|
|
118
|
-
* Будет ли свайпаться контент
|
|
119
|
-
*/
|
|
120
|
-
swipeableContent?: boolean;
|
|
121
|
-
/**
|
|
122
|
-
* Порог свайпа
|
|
123
|
-
*/
|
|
124
|
-
swipeThreshold?: number;
|
|
125
|
-
/**
|
|
126
|
-
* Слот слева
|
|
127
|
-
*/
|
|
128
|
-
leftAddons?: ReactNode;
|
|
129
|
-
/**
|
|
130
|
-
* Слот справа
|
|
131
|
-
*/
|
|
132
|
-
rightAddons?: ReactNode;
|
|
133
|
-
/**
|
|
134
|
-
* Слот снизу
|
|
135
|
-
*/
|
|
136
|
-
bottomAddons?: ReactNode;
|
|
137
|
-
/**
|
|
138
|
-
* Наличие компонента крестика
|
|
139
|
-
*/
|
|
140
|
-
hasCloser?: boolean;
|
|
141
|
-
/**
|
|
142
|
-
* Наличие компонента стрелки назад
|
|
143
|
-
*/
|
|
144
|
-
hasBacker?: boolean;
|
|
145
|
-
/**
|
|
146
|
-
* Выравнивание заголовка
|
|
147
|
-
*/
|
|
148
|
-
titleAlign?: BottomSheetTitleAlign;
|
|
149
|
-
/**
|
|
150
|
-
* Фиксирует шапку
|
|
151
|
-
*/
|
|
152
|
-
stickyHeader?: boolean;
|
|
153
|
-
/**
|
|
154
|
-
* Фиксирует футер
|
|
155
|
-
*/
|
|
156
|
-
stickyFooter?: boolean;
|
|
157
|
-
/**
|
|
158
|
-
* Высота шторки
|
|
159
|
-
*/
|
|
160
|
-
initialHeight?: 'default' | 'full';
|
|
161
|
-
/**
|
|
162
|
-
* Будет ли виден оверлэй
|
|
163
|
-
*/
|
|
164
|
-
hideOverlay?: boolean;
|
|
165
|
-
/**
|
|
166
|
-
* Будет ли видна шапка
|
|
167
|
-
*/
|
|
168
|
-
hideHeader?: boolean;
|
|
169
|
-
/**
|
|
170
|
-
* Будет ли обрезан заголовок
|
|
171
|
-
*/
|
|
172
|
-
trimTitle?: boolean;
|
|
173
|
-
/**
|
|
174
|
-
* Запретить закрытие шторки кликом на оверлэй
|
|
175
|
-
*/
|
|
176
|
-
disableOverlayClick?: boolean;
|
|
177
|
-
/**
|
|
178
|
-
* Отключает блокировку скролла при открытии модального окна
|
|
179
|
-
*/
|
|
180
|
-
disableBlockingScroll?: boolean;
|
|
181
|
-
/**
|
|
182
|
-
* Отключает ловушку фокуса
|
|
183
|
-
*/
|
|
184
|
-
disableFocusLock?: boolean;
|
|
185
|
-
/**
|
|
186
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
187
|
-
* Не анимировать шторку при изменении размера вьюпорта
|
|
188
|
-
*/
|
|
189
|
-
ignoreScreenChange?: boolean;
|
|
190
|
-
/**
|
|
191
|
-
* Свойства для Бэкдропа
|
|
192
|
-
*/
|
|
193
|
-
backdropProps?: BaseModalProps['backdropProps'];
|
|
194
|
-
/**
|
|
195
|
-
* Реф на контейнер, в котором происходит скролл
|
|
196
|
-
*/
|
|
197
|
-
scrollableContainerRef?: RefObject<HTMLElement>;
|
|
198
|
-
/**
|
|
199
|
-
* Реф для управления компонентом.
|
|
200
|
-
*/
|
|
201
|
-
bottomSheetInstanceRef?: RefObject<{
|
|
202
|
-
scrollToArea: (idx: number) => void;
|
|
203
|
-
}>;
|
|
204
|
-
/**
|
|
205
|
-
* Реф на контейнер, в котором находится шторка
|
|
206
|
-
*/
|
|
207
|
-
sheetContainerRef?: RefObject<HTMLElement>;
|
|
208
|
-
/**
|
|
209
|
-
* Магнитные области видимой высоты шторки.
|
|
210
|
-
* Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
|
|
211
|
-
* По-умолчанию -[0, window.innerHeight - '24px']
|
|
212
|
-
* массив должен состоять минимум из 2 элементов
|
|
213
|
-
*/
|
|
214
|
-
magneticAreas?: Array<number | string>;
|
|
215
|
-
/**
|
|
216
|
-
* Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
|
|
217
|
-
*/
|
|
218
|
-
initialActiveAreaIndex?: number;
|
|
219
|
-
/**
|
|
220
|
-
* Отключает скролл контентной области.
|
|
221
|
-
*/
|
|
222
|
-
scrollLocked?: boolean;
|
|
223
|
-
/**
|
|
224
|
-
* Скрыть скроллбар внутри шторки
|
|
225
|
-
*/
|
|
226
|
-
hideScrollbar?: boolean;
|
|
227
|
-
/**
|
|
228
|
-
* Верхний отступ шторки, если она открыта на максимальную высоту
|
|
229
|
-
*/
|
|
230
|
-
headerOffset?: number;
|
|
231
|
-
/**
|
|
232
|
-
* Содержимое bottom-sheet всегда в DOM
|
|
233
|
-
*/
|
|
234
|
-
keepMounted?: boolean;
|
|
235
|
-
/**
|
|
236
|
-
* Отключает автоматический перевод фокуса на bottom-sheet при открытии
|
|
237
|
-
*/
|
|
238
|
-
disableAutoFocus?: boolean;
|
|
239
|
-
/**
|
|
240
|
-
* Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
|
|
241
|
-
*/
|
|
242
|
-
disableRestoreFocus?: boolean;
|
|
243
|
-
/**
|
|
244
|
-
* Отключает вызов `onClose` при нажатии Escape
|
|
245
|
-
*/
|
|
246
|
-
disableEscapeKeyDown?: boolean;
|
|
247
|
-
/**
|
|
248
|
-
* Обработчик закрытия
|
|
249
|
-
*/
|
|
250
|
-
onClose: () => void;
|
|
251
|
-
/**
|
|
252
|
-
* Обработчик нажатия на стрелку назад
|
|
253
|
-
*/
|
|
254
|
-
onBack?: () => void;
|
|
255
|
-
/**
|
|
256
|
-
* Вызывается в начале анимации притягивания к одной из `magneticAreas`
|
|
257
|
-
*/
|
|
258
|
-
onMagnetize?: (index: number) => void;
|
|
259
|
-
/**
|
|
260
|
-
* Вызывается после окончания анимации притягивания
|
|
261
|
-
*/
|
|
262
|
-
onMagnetizeEnd?: (index: number) => void;
|
|
263
|
-
/**
|
|
264
|
-
* Вызывается при изменении положения шторки
|
|
265
|
-
*/
|
|
266
|
-
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
|
-
/**
|
|
268
|
-
* Вызывается в начале свайпа
|
|
269
|
-
*/
|
|
270
|
-
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
-
/**
|
|
272
|
-
* Вызывается после окончания свайпа
|
|
273
|
-
*/
|
|
274
|
-
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
275
|
-
};
|
|
276
|
-
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/cssm/utils-1574ad8b.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
type SavedStyle = {
|
|
2
|
-
value: string;
|
|
3
|
-
key: string;
|
|
4
|
-
el: HTMLElement;
|
|
5
|
-
};
|
|
6
|
-
type RestoreStyle = {
|
|
7
|
-
container: HTMLElement;
|
|
8
|
-
modals: number;
|
|
9
|
-
styles: SavedStyle[];
|
|
10
|
-
};
|
|
11
|
-
declare class ModalStore {
|
|
12
|
-
private readonly restoreStyles;
|
|
13
|
-
constructor();
|
|
14
|
-
getRestoreStyles: () => RestoreStyle[];
|
|
15
|
-
}
|
|
16
|
-
declare const getModalStore: () => ModalStore;
|
|
17
|
-
declare class GlobalStore {
|
|
18
|
-
private readonly modalStore;
|
|
19
|
-
constructor();
|
|
20
|
-
getModalStore: () => ModalStore;
|
|
21
|
-
}
|
|
22
|
-
declare function isScrolledToTop(target: HTMLElement): boolean;
|
|
23
|
-
declare function isScrolledToBottom(target: HTMLElement): boolean;
|
|
24
|
-
declare function hasScrollbar(target: HTMLElement): boolean;
|
|
25
|
-
declare const getScrollbarSize: () => number;
|
|
26
|
-
declare const restoreContainerStyles: (container: HTMLElement) => void;
|
|
27
|
-
declare const handleContainer: (container?: HTMLElement) => void;
|
|
28
|
-
export type { SavedStyle };
|
|
29
|
-
export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };
|
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-2e2b2125.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 };
|