@alfalab/core-components-table 2.4.2 → 2.4.4
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/components/pagination/Component.js +1 -1
- package/components/pagination/index.css +11 -9
- package/components/pagination/select-field/index.css +4 -4
- package/components/pagination/select-field/index.js +1 -1
- package/components/table/Component.js +1 -1
- package/components/table/index.css +7 -7
- package/components/tbody/Component.js +1 -1
- package/components/tbody/index.css +2 -2
- package/components/tcell/Component.js +1 -1
- package/components/tcell/index.css +6 -6
- package/components/texpandable-row/Component.js +1 -1
- package/components/texpandable-row/index.css +5 -5
- package/components/thead/Component.js +1 -1
- package/components/thead/index.css +6 -6
- package/components/thead-cell/Component.js +1 -1
- package/components/thead-cell/index.css +9 -9
- package/components/trow/Component.js +1 -1
- package/components/trow/index.css +8 -8
- package/components/tsortable-head-cell/Component.js +1 -1
- package/components/tsortable-head-cell/index.css +8 -8
- package/cssm/components/pagination/index.module.css +2 -0
- package/esm/components/pagination/Component.js +1 -1
- package/esm/components/pagination/index.css +11 -9
- package/esm/components/pagination/select-field/index.css +4 -4
- package/esm/components/pagination/select-field/index.js +1 -1
- package/esm/components/table/Component.js +1 -1
- package/esm/components/table/index.css +7 -7
- package/esm/components/tbody/Component.js +1 -1
- package/esm/components/tbody/index.css +2 -2
- package/esm/components/tcell/Component.js +1 -1
- package/esm/components/tcell/index.css +6 -6
- package/esm/components/texpandable-row/Component.js +1 -1
- package/esm/components/texpandable-row/index.css +5 -5
- package/esm/components/thead/Component.js +1 -1
- package/esm/components/thead/index.css +6 -6
- package/esm/components/thead-cell/Component.js +1 -1
- package/esm/components/thead-cell/index.css +9 -9
- package/esm/components/trow/Component.js +1 -1
- package/esm/components/trow/index.css +8 -8
- package/esm/components/tsortable-head-cell/Component.js +1 -1
- package/esm/components/tsortable-head-cell/index.css +8 -8
- package/modern/components/pagination/Component.js +1 -1
- package/modern/components/pagination/index.css +11 -9
- package/modern/components/pagination/select-field/index.css +4 -4
- package/modern/components/pagination/select-field/index.js +1 -1
- package/modern/components/table/Component.js +1 -1
- package/modern/components/table/index.css +7 -7
- package/modern/components/tbody/Component.js +1 -1
- package/modern/components/tbody/index.css +2 -2
- package/modern/components/tcell/Component.js +1 -1
- package/modern/components/tcell/index.css +6 -6
- package/modern/components/texpandable-row/Component.js +1 -1
- package/modern/components/texpandable-row/index.css +5 -5
- package/modern/components/thead/Component.js +1 -1
- package/modern/components/thead/index.css +6 -6
- package/modern/components/thead-cell/Component.js +1 -1
- package/modern/components/thead-cell/index.css +9 -9
- package/modern/components/trow/Component.js +1 -1
- package/modern/components/trow/index.css +8 -8
- package/modern/components/tsortable-head-cell/Component.js +1 -1
- package/modern/components/tsortable-head-cell/index.css +8 -8
- package/package.json +4 -4
- package/src/components/pagination/index.module.css +2 -0
- package/Component-0f4b9bed.d.ts +0 -5
- package/Component-10db897e.d.ts +0 -6
- package/Component-69921c40.d.ts +0 -184
- package/Component-72dda473.d.ts +0 -53
- package/Component-bdb4c6b9.d.ts +0 -12
- package/Component-c76d6398.d.ts +0 -5
- package/Component-ebda875c.d.ts +0 -12
- package/Component.desktop-63dec22f.d.ts +0 -6
- package/Component.desktop-785df74d.d.ts +0 -6
- package/Component.mobile-d7e9f69d.d.ts +0 -6
- package/Component.responsive-785df74d.d.ts +0 -26
- package/Context-bdb4c6b9.d.ts +0 -4
- package/ResponsiveContext-baf4875b.d.ts +0 -5
- package/component-10db897e.d.ts +0 -44
- package/consts-f777ba1a.d.ts +0 -2
- package/cssm/Component-0f4b9bed.d.ts +0 -5
- package/cssm/Component-10db897e.d.ts +0 -6
- package/cssm/Component-69921c40.d.ts +0 -184
- package/cssm/Component-72dda473.d.ts +0 -53
- package/cssm/Component-bdb4c6b9.d.ts +0 -12
- package/cssm/Component-c76d6398.d.ts +0 -5
- package/cssm/Component-ebda875c.d.ts +0 -12
- package/cssm/Component.desktop-63dec22f.d.ts +0 -6
- package/cssm/Component.desktop-785df74d.d.ts +0 -6
- package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
- package/cssm/Component.responsive-785df74d.d.ts +0 -26
- package/cssm/Context-bdb4c6b9.d.ts +0 -4
- package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
- package/cssm/component-10db897e.d.ts +0 -44
- package/cssm/consts-f777ba1a.d.ts +0 -2
- package/cssm/desktop-63dec22f.d.ts +0 -2
- package/cssm/desktop-69921c40.d.ts +0 -6
- package/cssm/hook-0f4b9bed.d.ts +0 -90
- package/cssm/hook-ebda875c.d.ts +0 -48
- package/cssm/index-10db897e.d.ts +0 -50
- package/cssm/index-136acbb1.d.ts +0 -28
- package/cssm/index-3109f463.d.ts +0 -62
- package/cssm/index-72dda473.d.ts +0 -12
- package/cssm/index-bdb4c6b9.d.ts +0 -2
- package/cssm/index-c44170fe.d.ts +0 -3
- package/cssm/index-c76d6398.d.ts +0 -2
- package/cssm/index-ebda875c.d.ts +0 -81
- package/cssm/index-f12ee135.d.ts +0 -3
- package/cssm/mobile-89f0cb07.d.ts +0 -6
- package/cssm/mobile-d7e9f69d.d.ts +0 -2
- package/cssm/types-1b036d4b.d.ts +0 -13
- package/cssm/types-1c79e231.d.ts +0 -113
- package/cssm/types-67a2d8af.d.ts +0 -276
- package/cssm/typings-0f4b9bed.d.ts +0 -576
- package/cssm/typings-89f0cb07.d.ts +0 -93
- package/cssm/typings-bdb4c6b9.d.ts +0 -52
- package/cssm/useSkeleton-ebda875c.d.ts +0 -12
- package/cssm/utils-0f4b9bed.d.ts +0 -41
- package/cssm/utils-1574ad8b.d.ts +0 -29
- package/cssm/utils-49cc3c24.d.ts +0 -8
- package/desktop-63dec22f.d.ts +0 -2
- package/desktop-69921c40.d.ts +0 -6
- package/esm/Component-0f4b9bed.d.ts +0 -5
- package/esm/Component-10db897e.d.ts +0 -6
- package/esm/Component-69921c40.d.ts +0 -184
- package/esm/Component-72dda473.d.ts +0 -53
- package/esm/Component-bdb4c6b9.d.ts +0 -12
- package/esm/Component-c76d6398.d.ts +0 -5
- package/esm/Component-ebda875c.d.ts +0 -12
- package/esm/Component.desktop-63dec22f.d.ts +0 -6
- package/esm/Component.desktop-785df74d.d.ts +0 -6
- package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
- package/esm/Component.responsive-785df74d.d.ts +0 -26
- package/esm/Context-bdb4c6b9.d.ts +0 -4
- package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
- package/esm/component-10db897e.d.ts +0 -44
- package/esm/consts-f777ba1a.d.ts +0 -2
- package/esm/desktop-63dec22f.d.ts +0 -2
- package/esm/desktop-69921c40.d.ts +0 -6
- package/esm/hook-0f4b9bed.d.ts +0 -90
- package/esm/hook-ebda875c.d.ts +0 -48
- package/esm/index-10db897e.d.ts +0 -50
- package/esm/index-136acbb1.d.ts +0 -28
- package/esm/index-3109f463.d.ts +0 -62
- package/esm/index-72dda473.d.ts +0 -12
- package/esm/index-bdb4c6b9.d.ts +0 -2
- package/esm/index-c44170fe.d.ts +0 -3
- package/esm/index-c76d6398.d.ts +0 -2
- package/esm/index-ebda875c.d.ts +0 -81
- package/esm/index-f12ee135.d.ts +0 -3
- package/esm/mobile-89f0cb07.d.ts +0 -6
- package/esm/mobile-d7e9f69d.d.ts +0 -2
- package/esm/types-1b036d4b.d.ts +0 -13
- package/esm/types-1c79e231.d.ts +0 -113
- package/esm/types-67a2d8af.d.ts +0 -276
- package/esm/typings-0f4b9bed.d.ts +0 -576
- package/esm/typings-89f0cb07.d.ts +0 -93
- package/esm/typings-bdb4c6b9.d.ts +0 -52
- package/esm/useSkeleton-ebda875c.d.ts +0 -12
- package/esm/utils-0f4b9bed.d.ts +0 -41
- package/esm/utils-1574ad8b.d.ts +0 -29
- package/esm/utils-49cc3c24.d.ts +0 -8
- package/hook-0f4b9bed.d.ts +0 -90
- package/hook-ebda875c.d.ts +0 -48
- package/index-10db897e.d.ts +0 -50
- package/index-136acbb1.d.ts +0 -28
- package/index-3109f463.d.ts +0 -62
- package/index-72dda473.d.ts +0 -12
- package/index-bdb4c6b9.d.ts +0 -2
- package/index-c44170fe.d.ts +0 -3
- package/index-c76d6398.d.ts +0 -2
- package/index-ebda875c.d.ts +0 -81
- package/index-f12ee135.d.ts +0 -3
- package/mobile-89f0cb07.d.ts +0 -6
- package/mobile-d7e9f69d.d.ts +0 -2
- package/modern/Component-0f4b9bed.d.ts +0 -5
- package/modern/Component-10db897e.d.ts +0 -6
- package/modern/Component-69921c40.d.ts +0 -184
- package/modern/Component-72dda473.d.ts +0 -53
- package/modern/Component-bdb4c6b9.d.ts +0 -12
- package/modern/Component-c76d6398.d.ts +0 -5
- package/modern/Component-ebda875c.d.ts +0 -12
- package/modern/Component.desktop-63dec22f.d.ts +0 -6
- package/modern/Component.desktop-785df74d.d.ts +0 -6
- package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
- package/modern/Component.responsive-785df74d.d.ts +0 -26
- package/modern/Context-bdb4c6b9.d.ts +0 -4
- package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
- package/modern/component-10db897e.d.ts +0 -44
- package/modern/consts-f777ba1a.d.ts +0 -2
- package/modern/desktop-63dec22f.d.ts +0 -2
- package/modern/desktop-69921c40.d.ts +0 -6
- package/modern/hook-0f4b9bed.d.ts +0 -90
- package/modern/hook-ebda875c.d.ts +0 -48
- package/modern/index-10db897e.d.ts +0 -50
- package/modern/index-136acbb1.d.ts +0 -28
- package/modern/index-3109f463.d.ts +0 -62
- package/modern/index-72dda473.d.ts +0 -12
- package/modern/index-bdb4c6b9.d.ts +0 -2
- package/modern/index-c44170fe.d.ts +0 -3
- package/modern/index-c76d6398.d.ts +0 -2
- package/modern/index-ebda875c.d.ts +0 -81
- package/modern/index-f12ee135.d.ts +0 -3
- package/modern/mobile-89f0cb07.d.ts +0 -6
- package/modern/mobile-d7e9f69d.d.ts +0 -2
- package/modern/types-1b036d4b.d.ts +0 -13
- package/modern/types-1c79e231.d.ts +0 -113
- package/modern/types-67a2d8af.d.ts +0 -276
- package/modern/typings-0f4b9bed.d.ts +0 -576
- package/modern/typings-89f0cb07.d.ts +0 -93
- package/modern/typings-bdb4c6b9.d.ts +0 -52
- package/modern/useSkeleton-ebda875c.d.ts +0 -12
- package/modern/utils-0f4b9bed.d.ts +0 -41
- package/modern/utils-1574ad8b.d.ts +0 -29
- package/modern/utils-49cc3c24.d.ts +0 -8
- package/types-1b036d4b.d.ts +0 -13
- package/types-1c79e231.d.ts +0 -113
- package/types-67a2d8af.d.ts +0 -276
- package/typings-0f4b9bed.d.ts +0 -576
- package/typings-89f0cb07.d.ts +0 -93
- package/typings-bdb4c6b9.d.ts +0 -52
- package/useSkeleton-ebda875c.d.ts +0 -12
- package/utils-0f4b9bed.d.ts +0 -41
- package/utils-1574ad8b.d.ts +0 -29
- package/utils-49cc3c24.d.ts +0 -8
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
3
|
-
type ModalDesktopProps = BaseModalProps & {
|
|
4
|
-
/**
|
|
5
|
-
* Ширина модального окна
|
|
6
|
-
* @default "m"
|
|
7
|
-
*/
|
|
8
|
-
size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
|
|
9
|
-
/**
|
|
10
|
-
* Растягивает модальное окно на весь экран
|
|
11
|
-
* @deprecated Используйте размер fullscreen
|
|
12
|
-
*/
|
|
13
|
-
fullscreen?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Фиксирует позицию модального окна после открытия,
|
|
16
|
-
* предотвращая скачки, если контент внутри будет меняться
|
|
17
|
-
*/
|
|
18
|
-
fixedPosition?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Управление наличием закрывающего крестика
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
hasCloser?: boolean;
|
|
24
|
-
};
|
|
25
|
-
type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
|
|
26
|
-
type ModalResponsiveProps = ModalDesktopProps & {
|
|
27
|
-
/**
|
|
28
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
29
|
-
* @default 1024
|
|
30
|
-
*/
|
|
31
|
-
breakpoint?: number;
|
|
32
|
-
};
|
|
33
|
-
type View = 'desktop' | 'mobile';
|
|
34
|
-
type TResponsiveModalContext = {
|
|
35
|
-
view: View;
|
|
36
|
-
size: NonNullable<ModalDesktopProps['size']>;
|
|
37
|
-
};
|
|
38
|
-
type ContentProps = {
|
|
39
|
-
/**
|
|
40
|
-
* Контент
|
|
41
|
-
*/
|
|
42
|
-
children?: ReactNode;
|
|
43
|
-
/**
|
|
44
|
-
* Дополнительный класс
|
|
45
|
-
*/
|
|
46
|
-
className?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Растягивает контент на всю высоту
|
|
49
|
-
*/
|
|
50
|
-
flex?: boolean;
|
|
51
|
-
};
|
|
52
|
-
export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { TextSkeletonProps } from "./types-1b036d4b";
|
|
4
|
-
type SkeletonProps = {
|
|
5
|
-
wrapperClassName?: string;
|
|
6
|
-
dataTestId?: string;
|
|
7
|
-
};
|
|
8
|
-
declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
|
|
9
|
-
renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
|
|
10
|
-
textRef: React.RefObject<HTMLElement>;
|
|
11
|
-
};
|
|
12
|
-
export { useSkeleton };
|
package/esm/utils-0f4b9bed.d.ts
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
|
|
3
|
-
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
|
-
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
|
-
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
|
6
|
-
selected?: OptionShape | undefined;
|
|
7
|
-
selectedMultiple?: OptionShape[] | undefined;
|
|
8
|
-
}) => ReactNode[] | null;
|
|
9
|
-
declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape) => boolean): {
|
|
10
|
-
filteredOptions: (OptionShape | GroupShape)[];
|
|
11
|
-
flatOptions: OptionShape[];
|
|
12
|
-
selectedOptions: OptionShape[];
|
|
13
|
-
};
|
|
14
|
-
type useVisibleOptionsArgs = {
|
|
15
|
-
/**
|
|
16
|
-
* Количество видимых пунктов
|
|
17
|
-
*/
|
|
18
|
-
visibleOptions: number;
|
|
19
|
-
/**
|
|
20
|
-
* Реф на контейнер с пунтами меню
|
|
21
|
-
*/
|
|
22
|
-
listRef: RefObject<HTMLElement>;
|
|
23
|
-
/**
|
|
24
|
-
* Реф на контейнер, которому нужно установить высоту
|
|
25
|
-
*/
|
|
26
|
-
styleTargetRef?: RefObject<HTMLElement>;
|
|
27
|
-
/**
|
|
28
|
-
* Флаг открытия меню
|
|
29
|
-
*/
|
|
30
|
-
open?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Позволяет вызвать пересчет высоты
|
|
33
|
-
*/
|
|
34
|
-
invalidate?: unknown;
|
|
35
|
-
};
|
|
36
|
-
declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
|
|
37
|
-
declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
38
|
-
declare function defaultAccessor(option: OptionShape): string;
|
|
39
|
-
declare function usePrevious<T>(value: T): T | undefined;
|
|
40
|
-
declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
|
|
41
|
-
export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
|
package/esm/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/esm/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/hook-0f4b9bed.d.ts
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
|
|
3
|
-
type UseSelectWithApplyProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Список выбранных пунктов
|
|
6
|
-
*/
|
|
7
|
-
selected: BaseSelectProps['selected'];
|
|
8
|
-
/**
|
|
9
|
-
* Список вариантов выбора
|
|
10
|
-
*/
|
|
11
|
-
options: BaseSelectProps['options'];
|
|
12
|
-
/**
|
|
13
|
-
* Обработчик выбора
|
|
14
|
-
*/
|
|
15
|
-
onChange: BaseSelectProps['onChange'];
|
|
16
|
-
/**
|
|
17
|
-
* Компонент выпадающего меню
|
|
18
|
-
*/
|
|
19
|
-
OptionsList?: BaseSelectProps['OptionsList'];
|
|
20
|
-
/**
|
|
21
|
-
* Пропсы, которые будут прокинуты в компонент списка
|
|
22
|
-
*/
|
|
23
|
-
optionsListProps?: BaseSelectProps['optionsListProps'];
|
|
24
|
-
/**
|
|
25
|
-
* Включает отображение поиска
|
|
26
|
-
*/
|
|
27
|
-
showSearch?: BaseSelectProps['showSearch'];
|
|
28
|
-
/**
|
|
29
|
-
* Настройки поиска
|
|
30
|
-
*/
|
|
31
|
-
searchProps?: BaseSelectProps['searchProps'];
|
|
32
|
-
/**
|
|
33
|
-
* Показывать кнопку очистки
|
|
34
|
-
*/
|
|
35
|
-
showClear?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Показывать пункт "Выбрать все"
|
|
38
|
-
*/
|
|
39
|
-
showSelectAll?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Показывать пункт "Выбрать все" в заголовке списка
|
|
42
|
-
*/
|
|
43
|
-
showHeaderWithSelectAll?: boolean;
|
|
44
|
-
};
|
|
45
|
-
declare const SELECT_ALL_KEY = "select_all";
|
|
46
|
-
declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
|
|
47
|
-
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
|
|
48
|
-
showClear?: boolean | undefined;
|
|
49
|
-
onClose?: (() => void) | undefined; /**
|
|
50
|
-
* Компонент выпадающего меню
|
|
51
|
-
*/
|
|
52
|
-
selectedDraft?: OptionShape[] | undefined;
|
|
53
|
-
OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
54
|
-
Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
|
|
55
|
-
Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
|
|
56
|
-
headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
|
|
57
|
-
showHeaderWithSelectAll?: boolean | undefined;
|
|
58
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
|
-
optionsListProps: {
|
|
60
|
-
OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
-
showClear: boolean;
|
|
62
|
-
onClear: () => void;
|
|
63
|
-
onApply: () => void;
|
|
64
|
-
onClose: () => void;
|
|
65
|
-
selectedDraft: OptionShape[];
|
|
66
|
-
showHeaderWithSelectAll: boolean;
|
|
67
|
-
headerProps: {
|
|
68
|
-
indeterminate: boolean;
|
|
69
|
-
checked: boolean;
|
|
70
|
-
onChange: () => void;
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
allowUnselect: boolean;
|
|
74
|
-
multiple: boolean;
|
|
75
|
-
options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
|
|
76
|
-
key: string;
|
|
77
|
-
content: string;
|
|
78
|
-
})[];
|
|
79
|
-
onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
|
|
80
|
-
selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
|
|
81
|
-
showSearch: boolean | undefined;
|
|
82
|
-
searchProps: {
|
|
83
|
-
value: string;
|
|
84
|
-
onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
85
|
-
componentProps?: import("./index-c44170fe").InputProps | undefined;
|
|
86
|
-
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
|
-
} | undefined;
|
|
88
|
-
};
|
|
89
|
-
export * from "./Component-ebda875c";
|
|
90
|
-
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|
package/hook-ebda875c.d.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { OptionProps, OptionShape } from "./typings-0f4b9bed";
|
|
4
|
-
type OptionsFetcherResponse = {
|
|
5
|
-
options: OptionShape[];
|
|
6
|
-
hasMore: boolean;
|
|
7
|
-
};
|
|
8
|
-
type useLazyLoadingProps = {
|
|
9
|
-
/** Количество элементов на "странице" */
|
|
10
|
-
limit?: number;
|
|
11
|
-
/** Начальный номер "страницы" */
|
|
12
|
-
initialOffset?: number;
|
|
13
|
-
/** Скелетон загружаемых элементов */
|
|
14
|
-
skeleton?: React.ReactNode;
|
|
15
|
-
/** Компонент пункта меню */
|
|
16
|
-
Option?: React.FC<OptionProps>;
|
|
17
|
-
/**
|
|
18
|
-
* Функция-загрузчик опций.
|
|
19
|
-
* @param offset - текущая страница
|
|
20
|
-
* @param limit - количество элементов на странице
|
|
21
|
-
* @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
|
|
22
|
-
* @returns Promise<{
|
|
23
|
-
* options - список опций следующей "страницы". Они аппендятся к предыдущим
|
|
24
|
-
* hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
|
|
25
|
-
* }>
|
|
26
|
-
*/
|
|
27
|
-
optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
|
|
28
|
-
};
|
|
29
|
-
declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
|
|
30
|
-
optionsProps: {
|
|
31
|
-
Option: (props: OptionProps) => React.JSX.Element;
|
|
32
|
-
options: OptionShape[];
|
|
33
|
-
optionsListProps: {
|
|
34
|
-
ref: React.RefObject<HTMLDivElement>;
|
|
35
|
-
inputProps: {
|
|
36
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
|
|
37
|
-
value: string;
|
|
38
|
-
}) => void;
|
|
39
|
-
value: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
onOpen: (payload: {
|
|
43
|
-
open?: boolean;
|
|
44
|
-
}) => void;
|
|
45
|
-
};
|
|
46
|
-
reset: () => void;
|
|
47
|
-
};
|
|
48
|
-
export { useLazyLoading };
|
package/index-10db897e.d.ts
DELETED
|
@@ -1,50 +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
|
-
/**
|
|
14
|
-
* Возвращает true, если значение равно null или undefined
|
|
15
|
-
*/
|
|
16
|
-
declare function isNil(value: unknown): boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Выбор значения между min max границами
|
|
19
|
-
*/
|
|
20
|
-
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
21
|
-
declare function noop(): void;
|
|
22
|
-
declare const fnUtils: {
|
|
23
|
-
clamp: typeof clamp;
|
|
24
|
-
noop: typeof noop;
|
|
25
|
-
isNil: typeof isNil;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Запрещает каретке становиться за указанные границы
|
|
29
|
-
*/
|
|
30
|
-
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
31
|
-
from: number,
|
|
32
|
-
to: number
|
|
33
|
-
]) => [
|
|
34
|
-
from: number,
|
|
35
|
-
to: number
|
|
36
|
-
]): MaskitoPlugin;
|
|
37
|
-
/**
|
|
38
|
-
* Запрещает удалять указанный префикс
|
|
39
|
-
*/
|
|
40
|
-
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
41
|
-
/**
|
|
42
|
-
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
43
|
-
*/
|
|
44
|
-
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
45
|
-
declare const maskUtils: {
|
|
46
|
-
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
47
|
-
prefixPostprocessor: typeof prefixPostprocessor;
|
|
48
|
-
caretGuard: typeof caretGuard;
|
|
49
|
-
};
|
|
50
|
-
export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
|
package/index-136acbb1.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FC, ReactNode } from "react";
|
|
3
|
-
/**
|
|
4
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
5
|
-
* Значения выбраны по приоритету.
|
|
6
|
-
*/
|
|
7
|
-
declare const stackingOrder: {
|
|
8
|
-
FOCUSED: number;
|
|
9
|
-
DEFAULT: number;
|
|
10
|
-
POPOVER: number;
|
|
11
|
-
MODAL: number;
|
|
12
|
-
TOAST: number;
|
|
13
|
-
};
|
|
14
|
-
declare const StackingContext: import("react").Context<number>;
|
|
15
|
-
type StackProps = {
|
|
16
|
-
/**
|
|
17
|
-
* Render prop, в который передается функция.
|
|
18
|
-
* Функция принимает аргумент со значением z-index из текущего контекста.
|
|
19
|
-
*/
|
|
20
|
-
children: (value: number) => ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Исходное значение для z-index.
|
|
23
|
-
* @default 5
|
|
24
|
-
*/
|
|
25
|
-
value?: number;
|
|
26
|
-
};
|
|
27
|
-
declare const Stack: FC<StackProps>;
|
|
28
|
-
export { stackingOrder, StackingContext, StackProps, Stack };
|
package/index-3109f463.d.ts
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from "react";
|
|
2
|
-
type MqProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
5
|
-
*/
|
|
6
|
-
query?: string;
|
|
7
|
-
/**
|
|
8
|
-
* Запрос на поддержку тач-событий
|
|
9
|
-
*/
|
|
10
|
-
touch?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Дочерние элементы.
|
|
13
|
-
*/
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Обработчик изменений в совпадении запросов
|
|
17
|
-
*/
|
|
18
|
-
onMatchChange?: (isMatched: boolean) => void;
|
|
19
|
-
};
|
|
20
|
-
declare const Mq: FC<MqProps>;
|
|
21
|
-
/**
|
|
22
|
-
* Хук для медиа запросов.
|
|
23
|
-
* @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
24
|
-
* @param defaultValue Значение по-умолчанию.
|
|
25
|
-
*/
|
|
26
|
-
declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
|
|
27
|
-
/**
|
|
28
|
-
* Возвращает MediaQueryList для заданного media-выражения.
|
|
29
|
-
*
|
|
30
|
-
* @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
31
|
-
*/
|
|
32
|
-
declare function getMatchMedia(queryProp: string): MediaQueryList;
|
|
33
|
-
/**
|
|
34
|
-
* Удаляет MediaQueryList.
|
|
35
|
-
*
|
|
36
|
-
* @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
37
|
-
*/
|
|
38
|
-
declare function releaseMatchMedia(queryProp: string): void;
|
|
39
|
-
/**
|
|
40
|
-
* Возвращает `true`, если есть поддержка `Pointer Events`
|
|
41
|
-
*/
|
|
42
|
-
declare function isPointerEventsSupported(): boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Возвращает `true`, если есть поддержка `Touch Events`
|
|
45
|
-
*/
|
|
46
|
-
declare function isTouchSupported(): boolean;
|
|
47
|
-
declare const _exports: {
|
|
48
|
-
"--mobile-xs": string;
|
|
49
|
-
"--mobile-s": string;
|
|
50
|
-
"--mobile-m": string;
|
|
51
|
-
"--mobile-l": string;
|
|
52
|
-
"--mobile": string;
|
|
53
|
-
"--tablet-s": string;
|
|
54
|
-
"--tablet-m": string;
|
|
55
|
-
"--tablet": string;
|
|
56
|
-
"--desktop-s": string;
|
|
57
|
-
"--desktop-m": string;
|
|
58
|
-
"--desktop-l": string;
|
|
59
|
-
"--desktop-xl": string;
|
|
60
|
-
"--desktop": string;
|
|
61
|
-
};
|
|
62
|
-
export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };
|
package/index-72dda473.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
|
|
2
|
-
type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
|
|
3
|
-
type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
|
|
4
|
-
type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
|
|
5
|
-
type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
|
|
6
|
-
type PaddingType = number | string | {
|
|
7
|
-
top?: number;
|
|
8
|
-
right?: number;
|
|
9
|
-
bottom?: number;
|
|
10
|
-
left?: number;
|
|
11
|
-
};
|
|
12
|
-
export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
|
package/index-bdb4c6b9.d.ts
DELETED
package/index-c44170fe.d.ts
DELETED
package/index-c76d6398.d.ts
DELETED
package/index-ebda875c.d.ts
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react-transition-group" />
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
|
|
5
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
6
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Вид компонента
|
|
9
|
-
*/
|
|
10
|
-
view: "desktop" | "mobile";
|
|
11
|
-
/**
|
|
12
|
-
* Дополнительный класс
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Позиция крестика
|
|
17
|
-
*/
|
|
18
|
-
align?: "left" | "right";
|
|
19
|
-
/**
|
|
20
|
-
* Фиксирует крестик
|
|
21
|
-
*/
|
|
22
|
-
sticky?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Иконка
|
|
25
|
-
*/
|
|
26
|
-
icon?: ElementType;
|
|
27
|
-
/**
|
|
28
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
29
|
-
*/
|
|
30
|
-
dataTestId?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Коллбэк закрытия.
|
|
33
|
-
*/
|
|
34
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
35
|
-
}
|
|
36
|
-
declare const Closer: FC<CloserProps>;
|
|
37
|
-
type IconButtonProps = {
|
|
38
|
-
/**
|
|
39
|
-
* Компонент иконки
|
|
40
|
-
*/
|
|
41
|
-
icon: ElementType<{
|
|
42
|
-
className?: string;
|
|
43
|
-
}> | ReactElement;
|
|
44
|
-
/**
|
|
45
|
-
* Тип кнопки
|
|
46
|
-
*/
|
|
47
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
48
|
-
/**
|
|
49
|
-
* Размер компонента
|
|
50
|
-
*/
|
|
51
|
-
size?: "xxs" | "xs" | "s";
|
|
52
|
-
/**
|
|
53
|
-
* Дополнительный класс
|
|
54
|
-
*/
|
|
55
|
-
className?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Выравнивание иконки
|
|
58
|
-
* @default 'center'
|
|
59
|
-
*/
|
|
60
|
-
alignIcon?: "left" | "center" | "right";
|
|
61
|
-
/**
|
|
62
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
63
|
-
*/
|
|
64
|
-
dataTestId?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Набор цветов для компонента
|
|
67
|
-
*/
|
|
68
|
-
colors?: "default" | "inverted";
|
|
69
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
70
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
71
|
-
icon: ElementType<{
|
|
72
|
-
className?: string;
|
|
73
|
-
}> | ReactElement;
|
|
74
|
-
view?: "transparent" | "primary" | "secondary" | "tertiary" | "negative" | undefined;
|
|
75
|
-
size?: "s" | "xxs" | "xs" | undefined;
|
|
76
|
-
className?: string | undefined;
|
|
77
|
-
alignIcon?: "center" | "left" | "right" | undefined;
|
|
78
|
-
dataTestId?: string | undefined;
|
|
79
|
-
colors?: "default" | "inverted" | undefined;
|
|
80
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
81
|
-
export { CloserProps, Closer, IconButtonProps, IconButton };
|
package/index-f12ee135.d.ts
DELETED
package/mobile-89f0cb07.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
-
export { ButtonMobile };
|
|
6
|
-
export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
|
package/mobile-d7e9f69d.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { NavigationBarProps } from "./types-1c79e231";
|
|
4
|
-
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export * from "./Component-69921c40";
|
|
6
|
-
export { NavigationBar };
|