@layers-app/shared 0.0.37 → 0.0.38

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

@@ -1,18 +1,7 @@
 import { StoreApi, UseBoundStore } from 'zustand';
 import { TableAPI } from './api';
-import { TableFilterComparisonOption, TableFilterSettings, TableFilterValue } from './helpers/filter';
-import { TableColumnState, TableColumnType, TableProps, TableSortModel } from './types';
+import { TableColumnState, TableProps, TableSortModel } from './types';
 export type UseStore = UseBoundStore<StoreApi<Store>>;
-export interface TableFilterRow extends TableFilterSettings {
-    id: string;
-    field: {
-        value: string;
-        label: string;
-        type: TableColumnType;
-    };
-    comparison: TableFilterComparisonOption;
-    value: TableFilterValue;
-}
 export type Store = {
     sort: TableSortModel | null;
     page: number;
@@ -23,13 +12,10 @@ export type Store = {
     pinnedBottom: string[];
     search: string;
     columnsState: Partial<Record<string, Partial<TableColumnState>>>;
-    filterState: {
-        rows: TableFilterRow[];
-        combiner: 'and' | 'or';
-    };
+    columnsOrder: string[];
     props: Required<TableProps>;
-    rootRef: HTMLDivElement;
-    scrollRef: HTMLDivElement;
+    rootRef: HTMLDivElement | null;
+    scrollRef: HTMLDivElement | null;
     api: TableAPI;
 };
 export type CreateTableStoreProps = {
@@ -41,15 +27,16 @@ export type CreateTableStoreProps = {
     defaultPinnedBottom?: string[];
     id?: string;
     saveState?: boolean;
+    defaultColumnsOrder?: string[];
 };
 export declare const createTableStore: (props?: CreateTableStoreProps) => {
     useStore: UseBoundStore<Omit<StoreApi<Store>, "persist"> & {
         persist: {
             setOptions: (options: Partial<import('zustand/middleware').PersistOptions<Store, {
-                page: number;
                 sort: TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
@@ -57,10 +44,10 @@ export declare const createTableStore: (props?: CreateTableStoreProps) => {
             onHydrate: (fn: (state: Store) => void) => () => void;
             onFinishHydration: (fn: (state: Store) => void) => () => void;
             getOptions: () => Partial<import('zustand/middleware').PersistOptions<Store, {
-                page: number;
                 sort: TableSortModel | null;
                 search: string;
                 pageSize: number;
+                columnsOrder: string[];
             }>>;
         };
     }>;
@@ -78,7 +65,6 @@ export declare const createTableStore: (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;
@@ -86,13 +72,12 @@ export declare const createTableStore: (props?: CreateTableStoreProps) => {
         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;
     };
 };
 export type CreateTableReturn = ReturnType<typeof createTableStore>;

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

@@ -32,14 +32,8 @@ export type TableColumnNumberType = (typeof tableColumnNumberTypes)[number];
 export declare const tableColumnDateTypes: readonly ["day", "month", "quarter", "year", "datetime", "date"];
 export type TableColumnDateType = (typeof tableColumnDateTypes)[number];
 export type TableColumnType = 'string' | 'boolean' | TableColumnNumberType | TableColumnDateType;
-export type TableColumnsProp<ITEM extends TableRowModel = TableRowModel, COL extends TableColumnDef<ITEM> = TableColumnDef<ITEM>> = (COL | TableColumnGroupDef<ITEM, COL>)[];
-export type TableColumnGroupDef<ITEM extends TableRowModel = TableRowModel, COL extends TableColumnDef<ITEM> = TableColumnDef<ITEM>> = {
-    header: ReactNode;
-    id: string;
-    children: TableColumnsProp<ITEM, COL>;
-    headerStyle?: CSSProperties;
-};
-export type TableColumnDef<ITEM = TableRowModel> = {
+export type TableColumnsProp<ITEM extends TableRowModel = TableRowModel> = TableColumnDef<ITEM>[];
+export type TableColumnDef<ITEM extends TableRowModel = TableRowModel> = {
     field: string;
     sortField?: string;
     header: ReactNode;
@@ -68,6 +62,7 @@ export type TableColumnDef<ITEM = TableRowModel> = {
     management?: {
         show: boolean;
     };
+    ignoreOrder?: boolean;
     width?: number;
     flex?: number;
     children?: TableColumnDef<ITEM>[];
@@ -90,7 +85,7 @@ export type TableSortModel = {
     field: string;
     sort: TableSortDirection;
 };
-export type TableColumnState = TableColumnDef & {
+export type TableColumnState<ITEM extends TableRowModel = TableRowModel> = TableColumnDef<ITEM> & {
     id: string;
     computedWidth?: number;
     setWidth?: number;