@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/cssm/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/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-63dec22f.d.ts
DELETED
package/desktop-69921c40.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 ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
-
export { ButtonDesktop };
|
|
6
|
-
export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
|
|
@@ -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 };
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
4
|
-
import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
|
|
5
|
-
declare const colors: readonly [
|
|
6
|
-
"tertiary",
|
|
7
|
-
"disabled",
|
|
8
|
-
"accent",
|
|
9
|
-
"primary",
|
|
10
|
-
"attention",
|
|
11
|
-
"positive",
|
|
12
|
-
"secondary",
|
|
13
|
-
"tertiary-inverted",
|
|
14
|
-
"primary-inverted",
|
|
15
|
-
"secondary-inverted",
|
|
16
|
-
"link",
|
|
17
|
-
"negative",
|
|
18
|
-
"static-primary-light",
|
|
19
|
-
"static-secondary-light",
|
|
20
|
-
"static-tertiary-light",
|
|
21
|
-
"static-primary-dark",
|
|
22
|
-
"static-secondary-dark",
|
|
23
|
-
"static-tertiary-dark",
|
|
24
|
-
"static-accent"
|
|
25
|
-
];
|
|
26
|
-
type Color = (typeof colors)[number];
|
|
27
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
28
|
-
type TextBaseProps = {
|
|
29
|
-
/**
|
|
30
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
31
|
-
*/
|
|
32
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
33
|
-
/**
|
|
34
|
-
* Цвет текста
|
|
35
|
-
*/
|
|
36
|
-
color?: Color;
|
|
37
|
-
/**
|
|
38
|
-
* Толщина шрифта
|
|
39
|
-
*/
|
|
40
|
-
weight?: "regular" | "medium" | "bold";
|
|
41
|
-
/**
|
|
42
|
-
* Делает цифры моноширинными
|
|
43
|
-
*/
|
|
44
|
-
monospaceNumbers?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* HTML тег
|
|
47
|
-
*/
|
|
48
|
-
tag?: "span" | "div";
|
|
49
|
-
/**
|
|
50
|
-
* Css-класс для стилизации (native prop)
|
|
51
|
-
*/
|
|
52
|
-
className?: string;
|
|
53
|
-
/**
|
|
54
|
-
* Id компонента для тестов
|
|
55
|
-
*/
|
|
56
|
-
dataTestId?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Контент (native prop)
|
|
59
|
-
*/
|
|
60
|
-
children?: React.ReactNode;
|
|
61
|
-
/**
|
|
62
|
-
* Добавляет отступы к тэгу 'p'
|
|
63
|
-
*/
|
|
64
|
-
defaultMargins?: never;
|
|
65
|
-
/**
|
|
66
|
-
* Количество строк (не поддерживает IE)
|
|
67
|
-
*/
|
|
68
|
-
rowLimit?: 1 | 2 | 3;
|
|
69
|
-
/**
|
|
70
|
-
* Показать скелетон
|
|
71
|
-
*/
|
|
72
|
-
showSkeleton?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Пропы для скелетона
|
|
75
|
-
*/
|
|
76
|
-
skeletonProps?: TextSkeletonProps;
|
|
77
|
-
};
|
|
78
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
79
|
-
tag?: "p";
|
|
80
|
-
defaultMargins?: boolean;
|
|
81
|
-
};
|
|
82
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
83
|
-
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
84
|
-
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
85
|
-
/**
|
|
86
|
-
* HTML тег
|
|
87
|
-
*/
|
|
88
|
-
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
89
|
-
/**
|
|
90
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
91
|
-
*/
|
|
92
|
-
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
93
|
-
/**
|
|
94
|
-
* Цвет текста
|
|
95
|
-
*/
|
|
96
|
-
color?: Color;
|
|
97
|
-
/**
|
|
98
|
-
* Толщина шрифта
|
|
99
|
-
*/
|
|
100
|
-
weight?: "regular" | "medium" | "bold";
|
|
101
|
-
/**
|
|
102
|
-
* Шрифт текста
|
|
103
|
-
*/
|
|
104
|
-
font?: "styrene" | "system";
|
|
105
|
-
/**
|
|
106
|
-
* Добавляет отступы
|
|
107
|
-
*/
|
|
108
|
-
defaultMargins?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* Css-класс для стилизации (native prop)
|
|
111
|
-
*/
|
|
112
|
-
className?: string;
|
|
113
|
-
/**
|
|
114
|
-
* Id компонента для тестов
|
|
115
|
-
*/
|
|
116
|
-
dataTestId?: string;
|
|
117
|
-
/**
|
|
118
|
-
* Контент (native prop)
|
|
119
|
-
*/
|
|
120
|
-
children?: React.ReactNode;
|
|
121
|
-
/**
|
|
122
|
-
* Количество строк (не поддерживает IE)
|
|
123
|
-
*/
|
|
124
|
-
rowLimit?: 1 | 2 | 3;
|
|
125
|
-
/**
|
|
126
|
-
* Показать скелетон
|
|
127
|
-
*/
|
|
128
|
-
showSkeleton?: boolean;
|
|
129
|
-
/**
|
|
130
|
-
* Пропы для скелетона
|
|
131
|
-
*/
|
|
132
|
-
skeletonProps?: TextSkeletonProps;
|
|
133
|
-
};
|
|
134
|
-
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
135
|
-
declare const Typography: {
|
|
136
|
-
Title: FC<TitleProps>;
|
|
137
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
138
|
-
TitleResponsive: FC<TitleProps>;
|
|
139
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
140
|
-
};
|
|
141
|
-
declare const typographyPresets: {
|
|
142
|
-
mobile: {
|
|
143
|
-
list: {
|
|
144
|
-
text: {
|
|
145
|
-
primary: {
|
|
146
|
-
tag: string;
|
|
147
|
-
view: string;
|
|
148
|
-
};
|
|
149
|
-
secondary: {
|
|
150
|
-
tag: string;
|
|
151
|
-
color: string;
|
|
152
|
-
view: string;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
|
-
declare const TitleResponsive: FC<TitleProps>;
|
|
159
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
160
|
-
/**
|
|
161
|
-
* Текст после иконки
|
|
162
|
-
*/
|
|
163
|
-
text?: string;
|
|
164
|
-
/**
|
|
165
|
-
* Дополнительный класс
|
|
166
|
-
*/
|
|
167
|
-
className?: string;
|
|
168
|
-
/**
|
|
169
|
-
* Вид компонента
|
|
170
|
-
*/
|
|
171
|
-
view: 'mobile' | 'desktop';
|
|
172
|
-
/**
|
|
173
|
-
* Прозрачность текста
|
|
174
|
-
*/
|
|
175
|
-
textOpacity?: number;
|
|
176
|
-
/**
|
|
177
|
-
* Обработчик клика
|
|
178
|
-
*/
|
|
179
|
-
onClick?: () => void;
|
|
180
|
-
}
|
|
181
|
-
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
182
|
-
export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
|
|
183
|
-
export type { TitleProps, TextProps, Color };
|
|
184
|
-
export * from "./useSkeleton-ebda875c";
|
|
@@ -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,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { View } from "./typings-bdb4c6b9";
|
|
4
|
-
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
5
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
|
|
6
|
-
fullscreen?: boolean | undefined;
|
|
7
|
-
fixedPosition?: boolean | undefined;
|
|
8
|
-
hasCloser?: boolean | undefined;
|
|
9
|
-
} & {
|
|
10
|
-
view: View;
|
|
11
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export { Modal };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react-transition-group" />
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { CheckboxProps } from "./index-ebda875c";
|
|
5
|
-
type HeaderProps = {
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
indeterminate?: boolean;
|
|
8
|
-
onChange?: CheckboxProps['onChange'];
|
|
9
|
-
mobile?: boolean;
|
|
10
|
-
};
|
|
11
|
-
declare const Header: React.FC<HeaderProps>;
|
|
12
|
-
export { HeaderProps, Header };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BaseInputProps } from "./index-ebda875c";
|
|
4
|
-
type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
|
|
5
|
-
declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
export { InputDesktopProps, InputDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
-
type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
|
|
5
|
-
declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
export { FormControlDesktopProps, FormControlDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
-
type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
|
|
5
|
-
declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
export { FormControlMobileProps, FormControlMobile };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
-
type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
|
|
5
|
-
/**
|
|
6
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
7
|
-
* @default 1024
|
|
8
|
-
*/
|
|
9
|
-
breakpoint?: number;
|
|
10
|
-
/**
|
|
11
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
12
|
-
*/
|
|
13
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
14
|
-
};
|
|
15
|
-
declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
|
|
16
|
-
/**
|
|
17
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
18
|
-
* @default 1024
|
|
19
|
-
*/
|
|
20
|
-
breakpoint?: number | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
23
|
-
*/
|
|
24
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
25
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
export { FormControlProps, FormControl };
|
|
@@ -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-67a2d8af";
|
|
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 };
|
package/esm/consts-f777ba1a.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 ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
-
export { ButtonDesktop };
|
|
6
|
-
export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
|
package/esm/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 };
|