@layers-app/shared 0.0.37 → 0.0.39
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/dist/KanbanLayout-k814Ysrn.js +297 -0
- package/dist/components/AppContainer/types.d.ts +2 -0
- package/dist/components/CircleColorPicker/CircleColorPicker.d.ts +7 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +4 -0
- package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts +6 -0
- package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts +2 -1
- package/dist/components/Copyright/index.d.ts +10 -0
- package/dist/components/EmojiPicker/EmojiPanel.d.ts +1 -1
- package/dist/components/EmojiPicker/EmojiPicker.d.ts +9 -1
- package/dist/components/EmojiPicker/IconsPanel.d.ts +1 -1
- package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress100.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress20.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress30.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress40.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress50.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress60.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress70.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress80.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/StatusProgress90.d.ts +2 -0
- package/dist/components/EmojiPicker/custom-icons/customIcons.d.ts +12 -0
- package/dist/components/EntityTitle/EntityTitle.d.ts +17 -0
- package/dist/components/FilePicker/FilePicker.d.ts +4 -3
- package/dist/components/Logotype.d.ts +4 -2
- package/dist/components/NoData/NoData.d.ts +129 -22
- package/dist/components/NotPublicPanel/NotPublicPanel.d.ts +1 -2
- package/dist/components/ProjectIcon/ProjectIcon.d.ts +10 -1
- package/dist/components/SearchFilters/SearchFilters.d.ts +4 -2
- package/dist/components/SearchFilters/components/Type.d.ts +3 -2
- package/dist/components/SearchFilters/types.d.ts +1 -1
- package/dist/components/UserAvatar/index.d.ts +1 -2
- package/dist/components/table/api.d.ts +5 -7
- package/dist/components/table/components/TableRow.d.ts +4 -5
- package/dist/components/table/components/TableRows.d.ts +4 -5
- package/dist/components/table/components/TableSkeleton.d.ts +4 -4
- package/dist/components/table/helpers/columns.d.ts +2 -9
- package/dist/components/table/hooks/TableProvider.d.ts +6 -8
- package/dist/components/table/hooks/useCreateTable.d.ts +6 -8
- package/dist/components/table/hooks/useTableStore.d.ts +6 -8
- package/dist/components/table/selectors.d.ts +529 -2734
- package/dist/components/table/store.d.ts +11 -26
- package/dist/components/table/types.d.ts +4 -9
- package/dist/constants.d.ts +1 -0
- package/dist/emoji-categorized-CRsMUQyD.js +4 -0
- package/dist/helpers/filterHierarchyByTypes.d.ts +15 -0
- package/dist/helpers/getRandomIconColor.d.ts +1 -0
- package/dist/icons.min-wo13YUY4.js +4 -0
- package/dist/index-BHgJVazX.js +81164 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +184 -187
- package/dist/index.umd.cjs +130 -1216
- package/dist/store/accessOptionsControl.d.ts +6 -0
- package/dist/store/onboarding.d.ts +2 -2
- package/dist/utils/getPlanBadgeColor.d.ts +6 -0
- package/dist/utils/queryParams.d.ts +2 -0
- package/package.json +3 -3
- package/dist/KanbanLayout-VHRhOh9W.js +0 -287
- package/dist/TimeLine-BByQEycM.js +0 -198
- package/dist/components/OnBoarding/steps/DifferentLayouts/TimeLine.d.ts +0 -2
- package/dist/components/table/helpers/filter.d.ts +0 -52
- package/dist/emoji-categorized-DAOdcF53.js +0 -4
- package/dist/icons.min-Chyr-bjL.js +0 -4
- package/dist/index-De7pQ4GG.js +0 -66447
- package/dist/index.esm-CKK13a1d.js +0 -6814
|
@@ -1,26 +1,132 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { ButtonProps, PolymorphicComponentProps, StackProps, TextProps, TitleProps } from '@mantine/core';
|
|
3
3
|
export declare const illustrationMap: {
|
|
4
|
-
empty:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
'
|
|
23
|
-
|
|
4
|
+
empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
desc?: string;
|
|
8
|
+
descId?: string;
|
|
9
|
+
}>;
|
|
10
|
+
noAccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
11
|
+
title?: string;
|
|
12
|
+
titleId?: string;
|
|
13
|
+
desc?: string;
|
|
14
|
+
descId?: string;
|
|
15
|
+
}>;
|
|
16
|
+
trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
17
|
+
title?: string;
|
|
18
|
+
titleId?: string;
|
|
19
|
+
desc?: string;
|
|
20
|
+
descId?: string;
|
|
21
|
+
}>;
|
|
22
|
+
noImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
23
|
+
title?: string;
|
|
24
|
+
titleId?: string;
|
|
25
|
+
desc?: string;
|
|
26
|
+
descId?: string;
|
|
27
|
+
}>;
|
|
28
|
+
noResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
29
|
+
title?: string;
|
|
30
|
+
titleId?: string;
|
|
31
|
+
desc?: string;
|
|
32
|
+
descId?: string;
|
|
33
|
+
}>;
|
|
34
|
+
noTasks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
35
|
+
title?: string;
|
|
36
|
+
titleId?: string;
|
|
37
|
+
desc?: string;
|
|
38
|
+
descId?: string;
|
|
39
|
+
}>;
|
|
40
|
+
noComments: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
41
|
+
title?: string;
|
|
42
|
+
titleId?: string;
|
|
43
|
+
desc?: string;
|
|
44
|
+
descId?: string;
|
|
45
|
+
}>;
|
|
46
|
+
noData: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
47
|
+
title?: string;
|
|
48
|
+
titleId?: string;
|
|
49
|
+
desc?: string;
|
|
50
|
+
descId?: string;
|
|
51
|
+
}>;
|
|
52
|
+
emptyFolder: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
53
|
+
title?: string;
|
|
54
|
+
titleId?: string;
|
|
55
|
+
desc?: string;
|
|
56
|
+
descId?: string;
|
|
57
|
+
}>;
|
|
58
|
+
noTaskResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
59
|
+
title?: string;
|
|
60
|
+
titleId?: string;
|
|
61
|
+
desc?: string;
|
|
62
|
+
descId?: string;
|
|
63
|
+
}>;
|
|
64
|
+
noSearchResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
65
|
+
title?: string;
|
|
66
|
+
titleId?: string;
|
|
67
|
+
desc?: string;
|
|
68
|
+
descId?: string;
|
|
69
|
+
}>;
|
|
70
|
+
noMembers: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
71
|
+
title?: string;
|
|
72
|
+
titleId?: string;
|
|
73
|
+
desc?: string;
|
|
74
|
+
descId?: string;
|
|
75
|
+
}>;
|
|
76
|
+
noGroups: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
77
|
+
title?: string;
|
|
78
|
+
titleId?: string;
|
|
79
|
+
desc?: string;
|
|
80
|
+
descId?: string;
|
|
81
|
+
}>;
|
|
82
|
+
noNotifications: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
83
|
+
title?: string;
|
|
84
|
+
titleId?: string;
|
|
85
|
+
desc?: string;
|
|
86
|
+
descId?: string;
|
|
87
|
+
}>;
|
|
88
|
+
noWorkspaces: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
89
|
+
title?: string;
|
|
90
|
+
titleId?: string;
|
|
91
|
+
desc?: string;
|
|
92
|
+
descId?: string;
|
|
93
|
+
}>;
|
|
94
|
+
paymentSuccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
95
|
+
title?: string;
|
|
96
|
+
titleId?: string;
|
|
97
|
+
desc?: string;
|
|
98
|
+
descId?: string;
|
|
99
|
+
}>;
|
|
100
|
+
notSuccessMan: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
101
|
+
title?: string;
|
|
102
|
+
titleId?: string;
|
|
103
|
+
desc?: string;
|
|
104
|
+
descId?: string;
|
|
105
|
+
}>;
|
|
106
|
+
noAnswers: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
107
|
+
title?: string;
|
|
108
|
+
titleId?: string;
|
|
109
|
+
desc?: string;
|
|
110
|
+
descId?: string;
|
|
111
|
+
}>;
|
|
112
|
+
alertMan: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
113
|
+
title?: string;
|
|
114
|
+
titleId?: string;
|
|
115
|
+
desc?: string;
|
|
116
|
+
descId?: string;
|
|
117
|
+
}>;
|
|
118
|
+
'404': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
119
|
+
title?: string;
|
|
120
|
+
titleId?: string;
|
|
121
|
+
desc?: string;
|
|
122
|
+
descId?: string;
|
|
123
|
+
}>;
|
|
124
|
+
'500': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
125
|
+
title?: string;
|
|
126
|
+
titleId?: string;
|
|
127
|
+
desc?: string;
|
|
128
|
+
descId?: string;
|
|
129
|
+
}>;
|
|
24
130
|
};
|
|
25
131
|
export type IllustrationType = keyof typeof illustrationMap | string;
|
|
26
132
|
export type NoDataProps = {
|
|
@@ -31,7 +137,8 @@ export type NoDataProps = {
|
|
|
31
137
|
buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
|
|
32
138
|
illustration?: IllustrationType;
|
|
33
139
|
size?: number;
|
|
34
|
-
width?: number;
|
|
35
|
-
height?: number;
|
|
140
|
+
width?: number | string;
|
|
141
|
+
height?: number | string;
|
|
142
|
+
showDots?: boolean;
|
|
36
143
|
} & StackProps;
|
|
37
144
|
export declare const NoData: FC<NoDataProps>;
|
|
@@ -5,7 +5,6 @@ type Props = {
|
|
|
5
5
|
PreviewComponent?: React.FC<{
|
|
6
6
|
data: any;
|
|
7
7
|
}>;
|
|
8
|
-
zoom?: boolean;
|
|
9
8
|
};
|
|
10
|
-
export declare const NotPublicPanel: ({ entityData, handlePublish, isPublishing, PreviewComponent,
|
|
9
|
+
export declare const NotPublicPanel: ({ entityData, handlePublish, isPublishing, PreviewComponent, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
11
10
|
export {};
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { AvatarProps } from '@mantine/core';
|
|
2
|
+
import { AvatarProps, AvatarVariant } from '@mantine/core';
|
|
3
|
+
export type ProjectIconProps = {
|
|
4
|
+
icon?: string | null;
|
|
5
|
+
name?: string | null;
|
|
6
|
+
fallback?: ReactNode;
|
|
7
|
+
fallbackColorById?: string;
|
|
8
|
+
initials?: boolean;
|
|
9
|
+
} & Omit<AvatarProps, 'color' | 'name'>;
|
|
3
10
|
type IconData = {
|
|
4
11
|
icon: string;
|
|
5
12
|
color: string;
|
|
@@ -19,5 +26,7 @@ export declare const ProjectIcon: import('react').ForwardRefExoticComponent<{
|
|
|
19
26
|
} & Omit<AvatarProps, "name" | "color"> & {
|
|
20
27
|
size?: number | string;
|
|
21
28
|
textSize?: number;
|
|
29
|
+
variant?: AvatarVariant;
|
|
22
30
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export declare const renderIcons: (data: IconData | null, fallback?: ProjectIconProps["fallback"], initials?: ProjectIconProps["initials"], name?: ProjectIconProps["name"]) => string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null;
|
|
23
32
|
export {};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { SelectedFilter, setSelectedFilterType } from './types';
|
|
1
|
+
import { FilterType, SelectedFilter, setSelectedFilterType } from './types';
|
|
2
2
|
interface IProps {
|
|
3
|
+
allowedTypes?: FilterType[];
|
|
4
|
+
allowedFilters?: string[];
|
|
3
5
|
setSelectedFilter?: setSelectedFilterType;
|
|
4
6
|
selectedFilter?: SelectedFilter;
|
|
5
7
|
}
|
|
6
|
-
export declare const SearchFilters: ({ setSelectedFilter, selectedFilter, }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const SearchFilters: ({ setSelectedFilter, selectedFilter, allowedTypes, allowedFilters, }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { SelectedFilter } from '../types';
|
|
1
|
+
import { FilterType, SelectedFilter } from '../types';
|
|
2
2
|
interface IProps {
|
|
3
3
|
setSelectedFilter: (value: (prev: SelectedFilter) => SelectedFilter) => void;
|
|
4
4
|
selectedFilter?: SelectedFilter;
|
|
5
|
+
allowedTypes?: FilterType[];
|
|
5
6
|
}
|
|
6
|
-
export declare const Type: ({ setSelectedFilter, selectedFilter }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const Type: ({ setSelectedFilter, selectedFilter, allowedTypes, }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type SortOrder = 'asc' | 'desc';
|
|
2
|
-
export type FilterType = '
|
|
2
|
+
export type FilterType = 'PAGE' | 'PROJECT' | 'FLOW' | 'FORM' | 'FOLDER' | null;
|
|
3
3
|
export type SortFilter = {
|
|
4
4
|
[key: string]: {
|
|
5
5
|
order: SortOrder;
|
|
@@ -4,8 +4,7 @@ import { MenuUser } from '../AppContainer/components/MenuUserDropdown';
|
|
|
4
4
|
export type ProfilePictureType = {
|
|
5
5
|
url: string;
|
|
6
6
|
};
|
|
7
|
-
interface UserAvatarProps extends AvatarProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
|
|
7
|
+
export interface UserAvatarProps extends AvatarProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
|
|
8
8
|
user?: MenuUser | null;
|
|
9
9
|
}
|
|
10
10
|
export declare const UserAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UseStore } from './store';
|
|
2
2
|
import { TableSortModel } from './types';
|
|
3
3
|
export type TableAPI = ReturnType<typeof createApi>;
|
|
4
4
|
export declare const createApi: (store: UseStore) => {
|
|
@@ -15,7 +15,6 @@ export declare const createApi: (store: UseStore) => {
|
|
|
15
15
|
setNextPage: () => void;
|
|
16
16
|
setColumnWidth: (field: string, setWidth: number) => void;
|
|
17
17
|
toggleRowExpand: (id: string) => void;
|
|
18
|
-
setHeaderWidth: (id: string, width: number) => void;
|
|
19
18
|
setRootRef: (rootRef: HTMLDivElement) => void;
|
|
20
19
|
setScrollRef: (scrollRef: HTMLDivElement) => void;
|
|
21
20
|
calculateColumnWidths: (clear?: boolean) => void;
|
|
@@ -23,11 +22,10 @@ export declare const createApi: (store: UseStore) => {
|
|
|
23
22
|
unselectVisibleRows: () => void;
|
|
24
23
|
unselectRow: (id: string) => void;
|
|
25
24
|
selectRow: (id: string) => void;
|
|
26
|
-
addFilterRow: (field?: string) => void;
|
|
27
|
-
removeFilterRow: (id: string) => void;
|
|
28
|
-
changeFilterRow: ({ id, ...newRow }: Pick<TableFilterRow, "id"> & Partial<Omit<TableFilterRow, "id">>) => void;
|
|
29
|
-
setFilterCombiner: (combiner: "and" | "or") => void;
|
|
30
|
-
clearFilter: () => void;
|
|
31
25
|
setAutosize: () => void;
|
|
32
26
|
removeAutosize: () => void;
|
|
27
|
+
setColumnsOrder: (columnsOrder: string[]) => void;
|
|
28
|
+
setColumnOrder: (columnId: string, index: number) => void;
|
|
29
|
+
moveColumnLeft: (columnId: string) => void;
|
|
30
|
+
moveColumnRight: (columnId: string) => void;
|
|
33
31
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { RowMeta, TableRowModel } from '../types';
|
|
1
|
+
import { RowMeta, TableColumnDef, TableRowModel } from '../types';
|
|
3
2
|
interface TableRowProps {
|
|
4
3
|
start: number;
|
|
5
4
|
row: TableRowModel;
|
|
6
5
|
selected: string[];
|
|
7
6
|
meta: Partial<Record<string, RowMeta>>;
|
|
8
7
|
columns: {
|
|
9
|
-
left:
|
|
10
|
-
base:
|
|
11
|
-
right:
|
|
8
|
+
left: TableColumnDef[];
|
|
9
|
+
base: TableColumnDef[];
|
|
10
|
+
right: TableColumnDef[];
|
|
12
11
|
};
|
|
13
12
|
}
|
|
14
13
|
export declare const TableRow: import('react').MemoExoticComponent<({ row, meta, columns, selected, start }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { RowMeta, TableRowModel } from '../types';
|
|
1
|
+
import { RowMeta, TableColumnDef, TableRowModel } from '../types';
|
|
3
2
|
type RenderRowsProps = {
|
|
4
3
|
rows: TableRowModel[];
|
|
5
4
|
meta: Partial<Record<string, RowMeta>>;
|
|
6
5
|
selected: string[];
|
|
7
6
|
virtual?: boolean;
|
|
8
7
|
columns: {
|
|
9
|
-
left:
|
|
10
|
-
base:
|
|
11
|
-
right:
|
|
8
|
+
left: TableColumnDef[];
|
|
9
|
+
base: TableColumnDef[];
|
|
10
|
+
right: TableColumnDef[];
|
|
12
11
|
};
|
|
13
12
|
};
|
|
14
13
|
export declare const TableRows: import('react').MemoExoticComponent<({ rows, meta, columns, selected, virtual }: RenderRowsProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TableColumnDef } from '../types';
|
|
2
2
|
type TableSkeletonProps = {
|
|
3
3
|
count: number;
|
|
4
4
|
columns: {
|
|
5
|
-
left:
|
|
6
|
-
base:
|
|
7
|
-
right:
|
|
5
|
+
left: TableColumnDef[];
|
|
6
|
+
base: TableColumnDef[];
|
|
7
|
+
right: TableColumnDef[];
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
export declare const TableSkeleton: import('react').MemoExoticComponent<({ count, columns }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { TableAPI } from '../api';
|
|
3
|
-
import { DateColumnProps, TableColumnDef,
|
|
3
|
+
import { DateColumnProps, TableColumnDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
|
|
4
4
|
import { Numbers } from './formatters';
|
|
5
5
|
export declare const getDateColumn: (props?: DateColumnProps) => Partial<TableColumnDef>;
|
|
6
6
|
export declare const getNumberColumn: (props?: Numbers.FormatterProps) => Partial<TableColumnDef>;
|
|
@@ -9,17 +9,10 @@ export declare const getPercentColumn: (props?: Omit<Numbers.FormatterProps, "va
|
|
|
9
9
|
export declare const getCurrencyColumn: (props?: Omit<Numbers.FormatterProps, "value">) => Partial<TableColumnDef>;
|
|
10
10
|
export declare const getColumnId: (str: string) => string;
|
|
11
11
|
export declare const getColumnsProps: <T extends TableRowModel>(type: TableColumnDef<T>["type"]) => Partial<TableColumnDef>;
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const isTechnicalColumn: <T extends TableRowModel, COL extends TableColumnDef<T>>(col: COL) => boolean;
|
|
14
|
-
export declare const getLeafColumns: <T extends TableRowModel, COL extends TableColumnDef<T>>(items: TableColumnsProp<T, COL>) => COL[];
|
|
15
|
-
export declare function getMaxDepth(columns: TableColumnsProp, depth?: number): number;
|
|
16
|
-
export declare function buildColumnMap(columns: TableColumnsProp): Record<string, TableColumnsProp[number]>;
|
|
12
|
+
export declare const isTechnicalColumn: (col: string) => col is "__checkbox__" | "__expand__";
|
|
17
13
|
export type GridAreaMap = Record<string, string>;
|
|
18
|
-
export declare function computeGridAreas(columns: TableColumnsProp, maxDepth: number): GridAreaMap;
|
|
19
14
|
export declare function filterPinnedColumns(columns: TableColumnsProp, pinnedSide?: TableColumnPin): TableColumnsProp;
|
|
20
|
-
export declare function mapColumnsRecursive<ITEM extends TableRowModel, COL extends TableColumnDef<ITEM>>(columns: TableColumnsProp<ITEM, COL>, transform: (col: TableColumnsProp[number] | TableColumnsProp<ITEM, COL>[number]) => TableColumnsProp<ITEM, COL>[number]): (COL | TableColumnGroupDef<ITEM, COL>)[];
|
|
21
15
|
export declare const mergeColumn: (current: TableColumnDef, update?: Partial<TableColumnState>) => TableColumnState;
|
|
22
|
-
export declare function filterVisibleColumns(columns: TableColumnsProp): TableColumnsProp;
|
|
23
16
|
export declare const getHeaderStyles: (columns: TableColumnDef[]) => CSSProperties;
|
|
24
17
|
export declare const getExpandingColumn: ({ expanded, api, pinned, }: {
|
|
25
18
|
expanded: string[];
|
|
@@ -5,10 +5,10 @@ export declare const TableContext: import('react').Context<{
|
|
|
5
5
|
useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
|
|
6
6
|
persist: {
|
|
7
7
|
setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
8
|
-
page: number;
|
|
9
8
|
sort: import('../types').TableSortModel | null;
|
|
10
9
|
search: string;
|
|
11
10
|
pageSize: number;
|
|
11
|
+
columnsOrder: string[];
|
|
12
12
|
}>>) => void;
|
|
13
13
|
clearStorage: () => void;
|
|
14
14
|
rehydrate: () => Promise<void> | void;
|
|
@@ -16,10 +16,10 @@ export declare const TableContext: import('react').Context<{
|
|
|
16
16
|
onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
|
|
17
17
|
onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
|
|
18
18
|
getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
19
|
-
page: number;
|
|
20
19
|
sort: import('../types').TableSortModel | null;
|
|
21
20
|
search: string;
|
|
22
21
|
pageSize: number;
|
|
22
|
+
columnsOrder: string[];
|
|
23
23
|
}>>;
|
|
24
24
|
};
|
|
25
25
|
}>;
|
|
@@ -37,7 +37,6 @@ export declare const TableContext: import('react').Context<{
|
|
|
37
37
|
setNextPage: () => void;
|
|
38
38
|
setColumnWidth: (field: string, setWidth: number) => void;
|
|
39
39
|
toggleRowExpand: (id: string) => void;
|
|
40
|
-
setHeaderWidth: (id: string, width: number) => void;
|
|
41
40
|
setRootRef: (rootRef: HTMLDivElement) => void;
|
|
42
41
|
setScrollRef: (scrollRef: HTMLDivElement) => void;
|
|
43
42
|
calculateColumnWidths: (clear?: boolean) => void;
|
|
@@ -45,13 +44,12 @@ export declare const TableContext: import('react').Context<{
|
|
|
45
44
|
unselectVisibleRows: () => void;
|
|
46
45
|
unselectRow: (id: string) => void;
|
|
47
46
|
selectRow: (id: string) => void;
|
|
48
|
-
addFilterRow: (field?: string) => void;
|
|
49
|
-
removeFilterRow: (id: string) => void;
|
|
50
|
-
changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
|
|
51
|
-
setFilterCombiner: (combiner: "and" | "or") => void;
|
|
52
|
-
clearFilter: () => void;
|
|
53
47
|
setAutosize: () => void;
|
|
54
48
|
removeAutosize: () => void;
|
|
49
|
+
setColumnsOrder: (columnsOrder: string[]) => void;
|
|
50
|
+
setColumnOrder: (columnId: string, index: number) => void;
|
|
51
|
+
moveColumnLeft: (columnId: string) => void;
|
|
52
|
+
moveColumnRight: (columnId: string) => void;
|
|
55
53
|
};
|
|
56
54
|
}>;
|
|
57
55
|
export declare const TableProvider: <ITEM extends TableRowModel>({ children, store, rows, columns, loading, pageSizeOptions, rowHeight, headerHeight, rowCount, exportFileName, pagination, virtualization, searching, selection, sorting, expanding, }: PropsWithChildren<{
|
|
@@ -3,10 +3,10 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
|
|
|
3
3
|
useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
|
|
4
4
|
persist: {
|
|
5
5
|
setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
6
|
-
page: number;
|
|
7
6
|
sort: import('../types').TableSortModel | null;
|
|
8
7
|
search: string;
|
|
9
8
|
pageSize: number;
|
|
9
|
+
columnsOrder: string[];
|
|
10
10
|
}>>) => void;
|
|
11
11
|
clearStorage: () => void;
|
|
12
12
|
rehydrate: () => Promise<void> | void;
|
|
@@ -14,10 +14,10 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
|
|
|
14
14
|
onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
|
|
15
15
|
onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
|
|
16
16
|
getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
17
|
-
page: number;
|
|
18
17
|
sort: import('../types').TableSortModel | null;
|
|
19
18
|
search: string;
|
|
20
19
|
pageSize: number;
|
|
20
|
+
columnsOrder: string[];
|
|
21
21
|
}>>;
|
|
22
22
|
};
|
|
23
23
|
}>;
|
|
@@ -35,7 +35,6 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
|
|
|
35
35
|
setNextPage: () => void;
|
|
36
36
|
setColumnWidth: (field: string, setWidth: number) => void;
|
|
37
37
|
toggleRowExpand: (id: string) => void;
|
|
38
|
-
setHeaderWidth: (id: string, width: number) => void;
|
|
39
38
|
setRootRef: (rootRef: HTMLDivElement) => void;
|
|
40
39
|
setScrollRef: (scrollRef: HTMLDivElement) => void;
|
|
41
40
|
calculateColumnWidths: (clear?: boolean) => void;
|
|
@@ -43,12 +42,11 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
|
|
|
43
42
|
unselectVisibleRows: () => void;
|
|
44
43
|
unselectRow: (id: string) => void;
|
|
45
44
|
selectRow: (id: string) => void;
|
|
46
|
-
addFilterRow: (field?: string) => void;
|
|
47
|
-
removeFilterRow: (id: string) => void;
|
|
48
|
-
changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
|
|
49
|
-
setFilterCombiner: (combiner: "and" | "or") => void;
|
|
50
|
-
clearFilter: () => void;
|
|
51
45
|
setAutosize: () => void;
|
|
52
46
|
removeAutosize: () => void;
|
|
47
|
+
setColumnsOrder: (columnsOrder: string[]) => void;
|
|
48
|
+
setColumnOrder: (columnId: string, index: number) => void;
|
|
49
|
+
moveColumnLeft: (columnId: string) => void;
|
|
50
|
+
moveColumnRight: (columnId: string) => void;
|
|
53
51
|
};
|
|
54
52
|
};
|
|
@@ -2,10 +2,10 @@ export declare const useTableStore: () => {
|
|
|
2
2
|
useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
|
|
3
3
|
persist: {
|
|
4
4
|
setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
5
|
-
page: number;
|
|
6
5
|
sort: import('../types').TableSortModel | null;
|
|
7
6
|
search: string;
|
|
8
7
|
pageSize: number;
|
|
8
|
+
columnsOrder: string[];
|
|
9
9
|
}>>) => void;
|
|
10
10
|
clearStorage: () => void;
|
|
11
11
|
rehydrate: () => Promise<void> | void;
|
|
@@ -13,10 +13,10 @@ export declare const useTableStore: () => {
|
|
|
13
13
|
onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
|
|
14
14
|
onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
|
|
15
15
|
getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
|
|
16
|
-
page: number;
|
|
17
16
|
sort: import('../types').TableSortModel | null;
|
|
18
17
|
search: string;
|
|
19
18
|
pageSize: number;
|
|
19
|
+
columnsOrder: string[];
|
|
20
20
|
}>>;
|
|
21
21
|
};
|
|
22
22
|
}>;
|
|
@@ -34,7 +34,6 @@ export declare const useTableStore: () => {
|
|
|
34
34
|
setNextPage: () => void;
|
|
35
35
|
setColumnWidth: (field: string, setWidth: number) => void;
|
|
36
36
|
toggleRowExpand: (id: string) => void;
|
|
37
|
-
setHeaderWidth: (id: string, width: number) => void;
|
|
38
37
|
setRootRef: (rootRef: HTMLDivElement) => void;
|
|
39
38
|
setScrollRef: (scrollRef: HTMLDivElement) => void;
|
|
40
39
|
calculateColumnWidths: (clear?: boolean) => void;
|
|
@@ -42,12 +41,11 @@ export declare const useTableStore: () => {
|
|
|
42
41
|
unselectVisibleRows: () => void;
|
|
43
42
|
unselectRow: (id: string) => void;
|
|
44
43
|
selectRow: (id: string) => void;
|
|
45
|
-
addFilterRow: (field?: string) => void;
|
|
46
|
-
removeFilterRow: (id: string) => void;
|
|
47
|
-
changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
|
|
48
|
-
setFilterCombiner: (combiner: "and" | "or") => void;
|
|
49
|
-
clearFilter: () => void;
|
|
50
44
|
setAutosize: () => void;
|
|
51
45
|
removeAutosize: () => void;
|
|
46
|
+
setColumnsOrder: (columnsOrder: string[]) => void;
|
|
47
|
+
setColumnOrder: (columnId: string, index: number) => void;
|
|
48
|
+
moveColumnLeft: (columnId: string) => void;
|
|
49
|
+
moveColumnRight: (columnId: string) => void;
|
|
52
50
|
};
|
|
53
51
|
};
|