@layers-app/shared 0.0.37 → 0.0.38

package/dist/{KanbanLayout-VHRhOh9W.js → KanbanLayout-_hW8P-S9.js}

@@ -11,7 +11,7 @@ import "@mantine/form";
 import "@mantine/dropzone";
 import "@mantine/notifications";
 import "lodash-es";
-import { u as F, S as z } from "./index-De7pQ4GG.js";
+import { u as F, S as z } from "./index-B17e6b8n.js";
 import "react-dom";
 import "draggable-ui";
 import "@mantine/modals";

package/dist/{TimeLine-BByQEycM.js → TimeLine-DCVt4pFB.js}

@@ -11,7 +11,7 @@ import "@mantine/form";
 import "@mantine/dropzone";
 import "@mantine/notifications";
 import "lodash-es";
-import { u as L } from "./index-De7pQ4GG.js";
+import { u as L } from "./index-B17e6b8n.js";
 import "react-dom";
 import "draggable-ui";
 import "@mantine/modals";
@@ -19,7 +19,7 @@ import "i18next";
 import "framer-motion";
 import "@mantine/dates";
 const R = S(
-  () => import("./index.esm-CKK13a1d.js").then((r) => ({ default: r.default }))
+  () => import("./index.esm-Ci1yhzNS.js").then((r) => ({ default: r.default }))
 );
 function d(r, l) {
   const o = new Date(r);
@@ -169,7 +169,7 @@ const u = () => /* @__PURE__ */ a(
     }
   ], [h, w] = C(null);
   return x(() => {
-    import("./index.esm-CKK13a1d.js").then((n) => w(n.enUS));
+    import("./index.esm-Ci1yhzNS.js").then((n) => w(n.enUS));
   }, []), h ? /* @__PURE__ */ e(t, { h: 700, w: "100%", direction: "column", children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     R,
     {

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -2,12 +2,16 @@ import { ColorSwatchProps, FlexProps } from '@mantine/core';
 interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.ComponentPropsWithoutRef<'div'>, keyof Omit<ColorSwatchProps, 'color'>> {
     value?: string | null;
     isActive?: boolean;
+    swatchShape?: 'circle' | 'square';
 }
 export declare const ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
     value?: string | null;
     onChange?: (v: string) => void;
     allowCustomColor?: boolean;
+    colors?: string[];
+    swatchShape?: "circle" | "square";
+    fullWidth?: boolean;
 } & Omit<FlexProps, "onChange"> & import('react').RefAttributes<HTMLDivElement>> & {
     ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts

@@ -0,0 +1,6 @@
+interface CommentActionMenuProps {
+    onDownload: () => void;
+    onDelete: () => void;
+}
+export declare const CommentActionMenu: ({ onDownload, onDelete }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts

@@ -1,5 +1,6 @@
 import { ICommentFile, ILocalCommentFile } from '../types.ts';
-export declare const CommentsUploadFilesPreview: ({ files, removeImage, }: {
+export declare const CommentsUploadFilesPreview: ({ files, removeImage, isUploaded, }: {
     files: Array<ICommentFile | ILocalCommentFile>;
     removeImage: (index: number | string) => void;
+    isUploaded?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Copyright/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface CopyrightProps {
+    className?: string;
+    color?: string;
+    title?: string;
+    absolute?: boolean;
+}
+export declare const Copyright: React.FC<CopyrightProps>;
+export {};

package/dist/components/Logotype.d.ts

@@ -1,8 +1,10 @@
 import { FlexProps } from '@mantine/core';
 import { default as LayersLogoIcon } from '../assets/layers-logo-icon.svg?react';
-export declare const Logotype: ({ minified, isLink, to, ...props }: FlexProps & {
+import { default as LayersLogoCopyright } from '../assets/logo-copyright.svg?react';
+export declare const Logotype: ({ minified, isLink, to, variant, ...props }: FlexProps & {
     minified?: boolean;
     isLink?: boolean;
     to?: string;
+    variant?: "default" | "copyright";
 }) => import("react/jsx-runtime").JSX.Element;
-export { LayersLogoIcon };
+export { LayersLogoIcon, LayersLogoCopyright };

package/dist/components/NotPublicPanel/NotPublicPanel.d.ts

@@ -5,7 +5,6 @@ type Props = {
     PreviewComponent?: React.FC<{
         data: any;
     }>;
-    zoom?: boolean;
 };
-export declare const NotPublicPanel: ({ entityData, handlePublish, isPublishing, PreviewComponent, zoom, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const NotPublicPanel: ({ entityData, handlePublish, isPublishing, PreviewComponent, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SearchFilters/SearchFilters.d.ts

@@ -1,7 +1,9 @@
-import { SelectedFilter, setSelectedFilterType } from './types';
+import { FilterType, SelectedFilter, setSelectedFilterType } from './types';
 interface IProps {
+    allowedTypes?: FilterType[];
+    allowedFilters?: string[];
     setSelectedFilter?: setSelectedFilterType;
     selectedFilter?: SelectedFilter;
 }
-export declare const SearchFilters: ({ setSelectedFilter, selectedFilter, }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchFilters: ({ setSelectedFilter, selectedFilter, allowedTypes, allowedFilters, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SearchFilters/components/Type.d.ts

@@ -1,7 +1,8 @@
-import { SelectedFilter } from '../types';
+import { FilterType, SelectedFilter } from '../types';
 interface IProps {
     setSelectedFilter: (value: (prev: SelectedFilter) => SelectedFilter) => void;
     selectedFilter?: SelectedFilter;
+    allowedTypes?: FilterType[];
 }
-export declare const Type: ({ setSelectedFilter, selectedFilter }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Type: ({ setSelectedFilter, selectedFilter, allowedTypes, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SearchFilters/types.d.ts

@@ -1,5 +1,5 @@
 export type SortOrder = 'asc' | 'desc';
-export type FilterType = 'Page' | 'Project' | 'Flow' | 'Form' | 'Cloud' | null;
+export type FilterType = 'PAGE' | 'PROJECT' | 'FLOW' | 'FORM' | 'FOLDER' | null;
 export type SortFilter = {
     [key: string]: {
         order: SortOrder;

package/dist/components/TemplatesModal/components/SelectedTemplate.d.ts

@@ -0,0 +1,7 @@
+import { Template } from '../types.ts';
+interface Props {
+    selectedTemplate: Template;
+    closeSelectedTemplateContent: VoidFunction;
+}
+export declare const SelectedTemplate: ({ selectedTemplate, closeSelectedTemplateContent, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TemplatesModal/components/Template.d.ts

@@ -0,0 +1,9 @@
+import { templates } from '../data.ts';
+import { Template as TemplateType } from '../types.ts';
+interface Props {
+    template: (typeof templates)[number];
+    setSelectedTemplate: (template: TemplateType) => void;
+    index: number;
+}
+export declare const Template: ({ template, setSelectedTemplate, index }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TemplatesModal/components/Templates.d.ts

@@ -0,0 +1,7 @@
+import { Template as TemplateType } from '../types.ts';
+interface Props {
+    title?: string;
+    setSelectedTemplate: (template: TemplateType) => void;
+}
+export declare const Templates: ({ title, setSelectedTemplate }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TemplatesModal/data.d.ts

@@ -0,0 +1,13 @@
+import { Template } from './types.ts';
+export declare const templateCategories: string[];
+export declare const appTypeConfig: readonly [{
+    readonly type: "Pages";
+    readonly icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
+}, {
+    readonly type: "Flow";
+    readonly icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
+}, ...{
+    type: string;
+    icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
+}[]];
+export declare const templates: Template[];

package/dist/components/TemplatesModal/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export declare const openTemplatesModal: () => void;
+export declare const closeTemplatesModal: () => void;
+export declare const TemplatesModal: FC;
+export declare const TemplatesLayout: ({ title }: {
+    title?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplatesModal/types.d.ts

@@ -0,0 +1,16 @@
+export type AppType = 'Pages' | 'Forms' | 'Flow';
+export interface Template {
+    id: string;
+    title: string;
+    description: string;
+    category: string;
+    appType: AppType;
+    author: string;
+    views?: number;
+    isBlocked?: boolean;
+    pageId: string;
+    wsId: string;
+    createdAt?: string;
+    tags?: string[];
+    longDescription?: string;
+}

package/dist/components/table/api.d.ts

@@ -1,4 +1,4 @@
-import { TableFilterRow, UseStore } from './store';
+import { UseStore } from './store';
 import { TableSortModel } from './types';
 export type TableAPI = ReturnType<typeof createApi>;
 export declare const createApi: (store: UseStore) => {
@@ -15,7 +15,6 @@ export declare const createApi: (store: UseStore) => {
     setNextPage: () => void;
     setColumnWidth: (field: string, setWidth: number) => void;
     toggleRowExpand: (id: string) => void;
-    setHeaderWidth: (id: string, width: number) => void;
     setRootRef: (rootRef: HTMLDivElement) => void;
     setScrollRef: (scrollRef: HTMLDivElement) => void;
     calculateColumnWidths: (clear?: boolean) => void;
@@ -23,11 +22,10 @@ export declare const createApi: (store: UseStore) => {
     unselectVisibleRows: () => void;
     unselectRow: (id: string) => void;
     selectRow: (id: string) => void;
-    addFilterRow: (field?: string) => void;
-    removeFilterRow: (id: string) => void;
-    changeFilterRow: ({ id, ...newRow }: Pick<TableFilterRow, "id"> & Partial<Omit<TableFilterRow, "id">>) => void;
-    setFilterCombiner: (combiner: "and" | "or") => void;
-    clearFilter: () => void;
     setAutosize: () => void;
     removeAutosize: () => void;
+    setColumnsOrder: (columnsOrder: string[]) => void;
+    setColumnOrder: (columnId: string, index: number) => void;
+    moveColumnLeft: (columnId: string) => void;
+    moveColumnRight: (columnId: string) => void;
 };

package/dist/components/table/components/TableRow.d.ts

@@ -1,14 +1,13 @@
-import { calculatePanelData } from '../selectors';
-import { RowMeta, TableRowModel } from '../types';
+import { RowMeta, TableColumnDef, TableRowModel } from '../types';
 interface TableRowProps {
     start: number;
     row: TableRowModel;
     selected: string[];
     meta: Partial<Record<string, RowMeta>>;
     columns: {
-        left: ReturnType<typeof calculatePanelData>;
-        base: ReturnType<typeof calculatePanelData>;
-        right: ReturnType<typeof calculatePanelData>;
+        left: TableColumnDef[];
+        base: TableColumnDef[];
+        right: TableColumnDef[];
     };
 }
 export declare const TableRow: import('react').MemoExoticComponent<({ row, meta, columns, selected, start }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/table/components/TableRows.d.ts

@@ -1,14 +1,13 @@
-import { calculatePanelData } from '../selectors';
-import { RowMeta, TableRowModel } from '../types';
+import { RowMeta, TableColumnDef, TableRowModel } from '../types';
 type RenderRowsProps = {
     rows: TableRowModel[];
     meta: Partial<Record<string, RowMeta>>;
     selected: string[];
     virtual?: boolean;
     columns: {
-        left: ReturnType<typeof calculatePanelData>;
-        base: ReturnType<typeof calculatePanelData>;
-        right: ReturnType<typeof calculatePanelData>;
+        left: TableColumnDef[];
+        base: TableColumnDef[];
+        right: TableColumnDef[];
     };
 };
 export declare const TableRows: import('react').MemoExoticComponent<({ rows, meta, columns, selected, virtual }: RenderRowsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/table/components/TableSkeleton.d.ts

@@ -1,10 +1,10 @@
-import { calculatePanelData } from '../selectors';
+import { TableColumnDef } from '../types';
 type TableSkeletonProps = {
     count: number;
     columns: {
-        left: ReturnType<typeof calculatePanelData>;
-        base: ReturnType<typeof calculatePanelData>;
-        right: ReturnType<typeof calculatePanelData>;
+        left: TableColumnDef[];
+        base: TableColumnDef[];
+        right: TableColumnDef[];
     };
 };
 export declare const TableSkeleton: import('react').MemoExoticComponent<({ count, columns }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/table/helpers/columns.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { TableAPI } from '../api';
-import { DateColumnProps, TableColumnDef, TableColumnGroupDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
+import { DateColumnProps, TableColumnDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
 import { Numbers } from './formatters';
 export declare const getDateColumn: (props?: DateColumnProps) => Partial<TableColumnDef>;
 export declare const getNumberColumn: (props?: Numbers.FormatterProps) => Partial<TableColumnDef>;
@@ -9,17 +9,10 @@ export declare const getPercentColumn: (props?: Omit<Numbers.FormatterProps, "va
 export declare const getCurrencyColumn: (props?: Omit<Numbers.FormatterProps, "value">) => Partial<TableColumnDef>;
 export declare const getColumnId: (str: string) => string;
 export declare const getColumnsProps: <T extends TableRowModel>(type: TableColumnDef<T>["type"]) => Partial<TableColumnDef>;
-export declare const isColumnGroup: <T extends TableRowModel>(v: TableColumnsProp<T>[number]) => v is TableColumnGroupDef<T>;
-export declare const isTechnicalColumn: <T extends TableRowModel, COL extends TableColumnDef<T>>(col: COL) => boolean;
-export declare const getLeafColumns: <T extends TableRowModel, COL extends TableColumnDef<T>>(items: TableColumnsProp<T, COL>) => COL[];
-export declare function getMaxDepth(columns: TableColumnsProp, depth?: number): number;
-export declare function buildColumnMap(columns: TableColumnsProp): Record<string, TableColumnsProp[number]>;
+export declare const isTechnicalColumn: (col: string) => col is "__checkbox__" | "__expand__";
 export type GridAreaMap = Record<string, string>;
-export declare function computeGridAreas(columns: TableColumnsProp, maxDepth: number): GridAreaMap;
 export declare function filterPinnedColumns(columns: TableColumnsProp, pinnedSide?: TableColumnPin): TableColumnsProp;
-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>)[];
 export declare const mergeColumn: (current: TableColumnDef, update?: Partial<TableColumnState>) => TableColumnState;
-export declare function filterVisibleColumns(columns: TableColumnsProp): TableColumnsProp;
 export declare const getHeaderStyles: (columns: TableColumnDef[]) => CSSProperties;
 export declare const getExpandingColumn: ({ expanded, api, pinned, }: {
     expanded: string[];

package/dist/components/table/hooks/TableProvider.d.ts

@@ -5,10 +5,10 @@ export declare const TableContext: import('react').Context<{
     useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
@@ -16,10 +16,10 @@ export declare const TableContext: import('react').Context<{
             onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
             onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
             getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>;
         };
     }>;
@@ -37,7 +37,6 @@ export declare const TableContext: import('react').Context<{
         setNextPage: () => void;
         setColumnWidth: (field: string, setWidth: number) => void;
         toggleRowExpand: (id: string) => void;
-        setHeaderWidth: (id: string, width: number) => void;
         setRootRef: (rootRef: HTMLDivElement) => void;
         setScrollRef: (scrollRef: HTMLDivElement) => void;
         calculateColumnWidths: (clear?: boolean) => void;
@@ -45,13 +44,12 @@ export declare const TableContext: import('react').Context<{
         unselectVisibleRows: () => void;
         unselectRow: (id: string) => void;
         selectRow: (id: string) => void;
-        addFilterRow: (field?: string) => void;
-        removeFilterRow: (id: string) => void;
-        changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
-        setFilterCombiner: (combiner: "and" | "or") => void;
-        clearFilter: () => void;
         setAutosize: () => void;
         removeAutosize: () => void;
+        setColumnsOrder: (columnsOrder: string[]) => void;
+        setColumnOrder: (columnId: string, index: number) => void;
+        moveColumnLeft: (columnId: string) => void;
+        moveColumnRight: (columnId: string) => void;
     };
 }>;
 export declare const TableProvider: <ITEM extends TableRowModel>({ children, store, rows, columns, loading, pageSizeOptions, rowHeight, headerHeight, rowCount, exportFileName, pagination, virtualization, searching, selection, sorting, expanding, }: PropsWithChildren<{

package/dist/components/table/hooks/useCreateTable.d.ts

@@ -3,10 +3,10 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
     useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
@@ -14,10 +14,10 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
             onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
             onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
             getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>;
         };
     }>;
@@ -35,7 +35,6 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
         setNextPage: () => void;
         setColumnWidth: (field: string, setWidth: number) => void;
         toggleRowExpand: (id: string) => void;
-        setHeaderWidth: (id: string, width: number) => void;
         setRootRef: (rootRef: HTMLDivElement) => void;
         setScrollRef: (scrollRef: HTMLDivElement) => void;
         calculateColumnWidths: (clear?: boolean) => void;
@@ -43,12 +42,11 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
         unselectVisibleRows: () => void;
         unselectRow: (id: string) => void;
         selectRow: (id: string) => void;
-        addFilterRow: (field?: string) => void;
-        removeFilterRow: (id: string) => void;
-        changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
-        setFilterCombiner: (combiner: "and" | "or") => void;
-        clearFilter: () => void;
         setAutosize: () => void;
         removeAutosize: () => void;
+        setColumnsOrder: (columnsOrder: string[]) => void;
+        setColumnOrder: (columnId: string, index: number) => void;
+        moveColumnLeft: (columnId: string) => void;
+        moveColumnRight: (columnId: string) => void;
     };
 };

package/dist/components/table/hooks/useTableStore.d.ts

@@ -2,10 +2,10 @@ export declare const useTableStore: () => {
     useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
@@ -13,10 +13,10 @@ export declare const useTableStore: () => {
             onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
             onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
             getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                page: number;
                 sort: import('../types').TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>;
         };
     }>;
@@ -34,7 +34,6 @@ export declare const useTableStore: () => {
         setNextPage: () => void;
         setColumnWidth: (field: string, setWidth: number) => void;
         toggleRowExpand: (id: string) => void;
-        setHeaderWidth: (id: string, width: number) => void;
         setRootRef: (rootRef: HTMLDivElement) => void;
         setScrollRef: (scrollRef: HTMLDivElement) => void;
         calculateColumnWidths: (clear?: boolean) => void;
@@ -42,12 +41,11 @@ export declare const useTableStore: () => {
         unselectVisibleRows: () => void;
         unselectRow: (id: string) => void;
         selectRow: (id: string) => void;
-        addFilterRow: (field?: string) => void;
-        removeFilterRow: (id: string) => void;
-        changeFilterRow: ({ id, ...newRow }: Pick<import('../store').TableFilterRow, "id"> & Partial<Omit<import('../store').TableFilterRow, "id">>) => void;
-        setFilterCombiner: (combiner: "and" | "or") => void;
-        clearFilter: () => void;
         setAutosize: () => void;
         removeAutosize: () => void;
+        setColumnsOrder: (columnsOrder: string[]) => void;
+        setColumnOrder: (columnId: string, index: number) => void;
+        moveColumnLeft: (columnId: string) => void;
+        moveColumnRight: (columnId: string) => void;
     };
 };