@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.
Files changed (67) hide show
  1. package/dist/KanbanLayout-k814Ysrn.js +297 -0
  2. package/dist/components/AppContainer/types.d.ts +2 -0
  3. package/dist/components/CircleColorPicker/CircleColorPicker.d.ts +7 -0
  4. package/dist/components/ColorPicker/ColorPicker.d.ts +4 -0
  5. package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts +6 -0
  6. package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts +2 -1
  7. package/dist/components/Copyright/index.d.ts +10 -0
  8. package/dist/components/EmojiPicker/EmojiPanel.d.ts +1 -1
  9. package/dist/components/EmojiPicker/EmojiPicker.d.ts +9 -1
  10. package/dist/components/EmojiPicker/IconsPanel.d.ts +1 -1
  11. package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts +2 -0
  12. package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts +2 -0
  13. package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts +2 -0
  14. package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts +2 -0
  15. package/dist/components/EmojiPicker/custom-icons/StatusProgress100.d.ts +2 -0
  16. package/dist/components/EmojiPicker/custom-icons/StatusProgress20.d.ts +2 -0
  17. package/dist/components/EmojiPicker/custom-icons/StatusProgress30.d.ts +2 -0
  18. package/dist/components/EmojiPicker/custom-icons/StatusProgress40.d.ts +2 -0
  19. package/dist/components/EmojiPicker/custom-icons/StatusProgress50.d.ts +2 -0
  20. package/dist/components/EmojiPicker/custom-icons/StatusProgress60.d.ts +2 -0
  21. package/dist/components/EmojiPicker/custom-icons/StatusProgress70.d.ts +2 -0
  22. package/dist/components/EmojiPicker/custom-icons/StatusProgress80.d.ts +2 -0
  23. package/dist/components/EmojiPicker/custom-icons/StatusProgress90.d.ts +2 -0
  24. package/dist/components/EmojiPicker/custom-icons/customIcons.d.ts +12 -0
  25. package/dist/components/EntityTitle/EntityTitle.d.ts +17 -0
  26. package/dist/components/FilePicker/FilePicker.d.ts +4 -3
  27. package/dist/components/Logotype.d.ts +4 -2
  28. package/dist/components/NoData/NoData.d.ts +129 -22
  29. package/dist/components/NotPublicPanel/NotPublicPanel.d.ts +1 -2
  30. package/dist/components/ProjectIcon/ProjectIcon.d.ts +10 -1
  31. package/dist/components/SearchFilters/SearchFilters.d.ts +4 -2
  32. package/dist/components/SearchFilters/components/Type.d.ts +3 -2
  33. package/dist/components/SearchFilters/types.d.ts +1 -1
  34. package/dist/components/UserAvatar/index.d.ts +1 -2
  35. package/dist/components/table/api.d.ts +5 -7
  36. package/dist/components/table/components/TableRow.d.ts +4 -5
  37. package/dist/components/table/components/TableRows.d.ts +4 -5
  38. package/dist/components/table/components/TableSkeleton.d.ts +4 -4
  39. package/dist/components/table/helpers/columns.d.ts +2 -9
  40. package/dist/components/table/hooks/TableProvider.d.ts +6 -8
  41. package/dist/components/table/hooks/useCreateTable.d.ts +6 -8
  42. package/dist/components/table/hooks/useTableStore.d.ts +6 -8
  43. package/dist/components/table/selectors.d.ts +529 -2734
  44. package/dist/components/table/store.d.ts +11 -26
  45. package/dist/components/table/types.d.ts +4 -9
  46. package/dist/constants.d.ts +1 -0
  47. package/dist/emoji-categorized-CRsMUQyD.js +4 -0
  48. package/dist/helpers/filterHierarchyByTypes.d.ts +15 -0
  49. package/dist/helpers/getRandomIconColor.d.ts +1 -0
  50. package/dist/icons.min-wo13YUY4.js +4 -0
  51. package/dist/index-BHgJVazX.js +81164 -0
  52. package/dist/index.d.ts +8 -0
  53. package/dist/index.js +184 -187
  54. package/dist/index.umd.cjs +130 -1216
  55. package/dist/store/accessOptionsControl.d.ts +6 -0
  56. package/dist/store/onboarding.d.ts +2 -2
  57. package/dist/utils/getPlanBadgeColor.d.ts +6 -0
  58. package/dist/utils/queryParams.d.ts +2 -0
  59. package/package.json +3 -3
  60. package/dist/KanbanLayout-VHRhOh9W.js +0 -287
  61. package/dist/TimeLine-BByQEycM.js +0 -198
  62. package/dist/components/OnBoarding/steps/DifferentLayouts/TimeLine.d.ts +0 -2
  63. package/dist/components/table/helpers/filter.d.ts +0 -52
  64. package/dist/emoji-categorized-DAOdcF53.js +0 -4
  65. package/dist/icons.min-Chyr-bjL.js +0 -4
  66. package/dist/index-De7pQ4GG.js +0 -66447
  67. 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: FC<import('react').SVGProps<SVGSVGElement>>;
5
- noAccess: FC<import('react').SVGProps<SVGSVGElement>>;
6
- trash: FC<import('react').SVGProps<SVGSVGElement>>;
7
- noImage: FC<import('react').SVGProps<SVGSVGElement>>;
8
- noResults: FC<import('react').SVGProps<SVGSVGElement>>;
9
- noTasks: FC<import('react').SVGProps<SVGSVGElement>>;
10
- noComments: FC<import('react').SVGProps<SVGSVGElement>>;
11
- noData: FC<import('react').SVGProps<SVGSVGElement>>;
12
- emptyFolder: FC<import('react').SVGProps<SVGSVGElement>>;
13
- noTaskResults: FC<import('react').SVGProps<SVGSVGElement>>;
14
- noSearchResults: FC<import('react').SVGProps<SVGSVGElement>>;
15
- noMembers: FC<import('react').SVGProps<SVGSVGElement>>;
16
- noGroups: FC<import('react').SVGProps<SVGSVGElement>>;
17
- noNotifications: FC<import('react').SVGProps<SVGSVGElement>>;
18
- noWorkspaces: FC<import('react').SVGProps<SVGSVGElement>>;
19
- paymentSuccess: FC<import('react').SVGProps<SVGSVGElement>>;
20
- notSuccessMan: FC<import('react').SVGProps<SVGSVGElement>>;
21
- alertMan: FC<import('react').SVGProps<SVGSVGElement>>;
22
- '404': FC<import('react').SVGProps<SVGSVGElement>>;
23
- '500': FC<import('react').SVGProps<SVGSVGElement>>;
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, zoom, }: Props) => import("react/jsx-runtime").JSX.Element;
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 = 'Page' | 'Project' | 'Flow' | 'Form' | 'Cloud' | null;
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 { TableFilterRow, UseStore } from './store';
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 { calculatePanelData } from '../selectors';
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: ReturnType<typeof calculatePanelData>;
10
- base: ReturnType<typeof calculatePanelData>;
11
- right: ReturnType<typeof calculatePanelData>;
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 { calculatePanelData } from '../selectors';
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: ReturnType<typeof calculatePanelData>;
10
- base: ReturnType<typeof calculatePanelData>;
11
- right: ReturnType<typeof calculatePanelData>;
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 { calculatePanelData } from '../selectors';
1
+ import { TableColumnDef } from '../types';
2
2
  type TableSkeletonProps = {
3
3
  count: number;
4
4
  columns: {
5
- left: ReturnType<typeof calculatePanelData>;
6
- base: ReturnType<typeof calculatePanelData>;
7
- right: ReturnType<typeof calculatePanelData>;
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, TableColumnGroupDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
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 isColumnGroup: <T extends TableRowModel>(v: TableColumnsProp<T>[number]) => v is TableColumnGroupDef<T>;
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
  };