react-base-data-table 0.3.8 → 0.4.0

package/dist/types/stores/tableDataStore.d.ts

@@ -0,0 +1,99 @@
+import type TableItem from "../components/BaseTable/models/TableItem";
+import type BaseTableHeader from "../components/BaseTable/models/BaseTableHeaders";
+import type ActiveTableFilter from "../components/BaseTable/models/ActiveTableFilter";
+import type HighlightCondition from "../components/BaseTable/models/HighlightCondition";
+import type CommentData from "../components/BaseTable/models/CommentData";
+import type AdvancedTableSettings from "../components/BaseTable/models/AdvancedTableSettings";
+import type { NumberCondition } from "../components/BaseTable/tableFilter/filterImplementations/NumberFilter/NumberFilter";
+interface TableDataState {
+    headers: BaseTableHeader[];
+    hiddenHeadersId: string[];
+    leafHeaders: BaseTableHeader[];
+    processedHeaders: BaseTableHeader[];
+    processedLeafHeaders: BaseTableHeader[];
+    items: TableItem[];
+    processedItems: TableItem[];
+    groupBy?: string;
+    linkedGroups?: {
+        master: string;
+        linked: string[];
+    }[];
+    collapsedGroups: string[];
+    activeFilters: ActiveTableFilter[];
+    filterItemsCache: Record<string, (string | number)[]>;
+    currentSortId?: string;
+    ascendingOrder: boolean;
+    advancedSetting?: AdvancedTableSettings;
+    highlightConditions: HighlightCondition[];
+    comments: CommentData[];
+    actions: {
+        setItems: (items: TableItem[]) => void;
+        setHeaders: (headers: BaseTableHeader[]) => void;
+        setHiddenHeadersId: (hiddenHeadersId: string[]) => void;
+        setActiveFilter: (headerId: string, itemsToHide: string[] | number[], numberConditions?: NumberCondition[]) => void;
+        clearActiveFilters: () => void;
+        onResetSort: () => void;
+        onSortByColumn: (column: BaseTableHeader) => void;
+        processItems: () => void;
+        processHeaders: () => void;
+        processFilterItemsCache: () => void;
+        setGroupBy: (groupBy: string | undefined) => void;
+        setLinkedGroups: (linkedGroups: {
+            master: string;
+            linked: string[];
+        }[] | undefined) => void;
+        setCollapsedGroups: (collapsedGroups: string[]) => void;
+        collapseGroup: (group: string) => void;
+        setComments: (comments: CommentData[]) => void;
+        setHighlightConditions: (conditions: HighlightCondition[]) => void;
+        setAdvancedSettings: (settings: AdvancedTableSettings | undefined) => void;
+    };
+}
+export declare const useTableDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TableDataState>>;
+export declare const useTableHeaders: () => BaseTableHeader[];
+export declare const useHiddenHeadersId: () => string[];
+export declare const useProcessHeaders: () => BaseTableHeader[];
+export declare const useLeafHeaders: () => BaseTableHeader[];
+export declare const useProcessedLeafHeaders: () => BaseTableHeader[];
+export declare const useTableItems: () => TableItem[];
+export declare const useFilterItemsCache: () => Record<string, (string | number)[]>;
+export declare const useProcessedItems: () => TableItem[];
+export declare const useCurrentSortId: () => string | undefined;
+export declare const useAscendingOrder: () => boolean;
+export declare const useActiveFilters: () => ActiveTableFilter[];
+export declare const useSortState: () => {
+    currentSortId: string | undefined;
+    ascendingOrder: boolean;
+};
+export declare const useAdvancedSettings: () => AdvancedTableSettings | undefined;
+export declare const useComments: () => CommentData[];
+export declare const useHighlightConditions: () => HighlightCondition[];
+export declare const useGroupBy: () => string | undefined;
+export declare const useLinkedGroups: () => {
+    master: string;
+    linked: string[];
+}[] | undefined;
+export declare const useCollapsedGroups: () => string[];
+export declare const useTableDataActions: () => {
+    setItems: (items: TableItem[]) => void;
+    setHeaders: (headers: BaseTableHeader[]) => void;
+    setHiddenHeadersId: (hiddenHeadersId: string[]) => void;
+    setActiveFilter: (headerId: string, itemsToHide: string[] | number[], numberConditions?: NumberCondition[]) => void;
+    clearActiveFilters: () => void;
+    onResetSort: () => void;
+    onSortByColumn: (column: BaseTableHeader) => void;
+    processItems: () => void;
+    processHeaders: () => void;
+    processFilterItemsCache: () => void;
+    setGroupBy: (groupBy: string | undefined) => void;
+    setLinkedGroups: (linkedGroups: {
+        master: string;
+        linked: string[];
+    }[] | undefined) => void;
+    setCollapsedGroups: (collapsedGroups: string[]) => void;
+    collapseGroup: (group: string) => void;
+    setComments: (comments: CommentData[]) => void;
+    setHighlightConditions: (conditions: HighlightCondition[]) => void;
+    setAdvancedSettings: (settings: AdvancedTableSettings | undefined) => void;
+};
+export {};

package/dist/types/stores/tableDragStore.d.ts

@@ -0,0 +1,17 @@
+import type CellCoordinate from "../components/BaseTable/models/CellCordinate";
+interface TableDragState {
+    dragStartCell?: CellCoordinate;
+    isDragging: boolean;
+    actions: {
+        setDragStartCell: (cell?: CellCoordinate) => void;
+        setIsDragging: (isDragging: boolean) => void;
+    };
+}
+export declare const useTableDragStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TableDragState>>;
+export declare const useDragStartCell: () => CellCoordinate | undefined;
+export declare const useIsDragging: () => boolean;
+export declare const useDragActions: () => {
+    setDragStartCell: (cell?: CellCoordinate) => void;
+    setIsDragging: (isDragging: boolean) => void;
+};
+export {};

package/dist/types/stores/tableRefStore.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from "react";
+interface TableRefState {
+    tableRef: RefObject<HTMLTableElement | null>;
+    scrollRef: RefObject<HTMLDivElement | null>;
+    actions: {
+        setTableRef: (ref: RefObject<HTMLTableElement | null>) => void;
+        setScrollRef: (ref: RefObject<HTMLDivElement | null>) => void;
+    };
+}
+export declare const useTableRefStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TableRefState>>;
+export declare const useTableRef: () => RefObject<HTMLTableElement | null>;
+export declare const useScrollRef: () => RefObject<HTMLDivElement | null>;
+export declare const useTableRefActions: () => {
+    setTableRef: (ref: RefObject<HTMLTableElement | null>) => void;
+    setScrollRef: (ref: RefObject<HTMLDivElement | null>) => void;
+};
+export {};

package/dist/types/stores/tableSelectionStore.d.ts

@@ -0,0 +1,19 @@
+import type CellCoordinate from "../components/BaseTable/models/CellCordinate";
+interface TableSelectionState {
+    selectedCell?: CellCoordinate;
+    expandedSelection: CellCoordinate[];
+    actions: {
+        setSelectedCell: (cell?: CellCoordinate) => void;
+        setExpandedSelection: (cells: CellCoordinate[]) => void;
+        clearSelection: () => void;
+    };
+}
+export declare const useTableSelectionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TableSelectionState>>;
+export declare const useSelectedCell: () => CellCoordinate | undefined;
+export declare const useExpandedSelection: () => CellCoordinate[];
+export declare const useSelectionActions: () => {
+    setSelectedCell: (cell?: CellCoordinate) => void;
+    setExpandedSelection: (cells: CellCoordinate[]) => void;
+    clearSelection: () => void;
+};
+export {};

package/dist/types/utils/array.d.ts

@@ -0,0 +1,6 @@
+import type BaseTableHeader from "../components/BaseTable/models/BaseTableHeaders";
+export declare const removeDuplicates: (arr: string[]) => string[];
+export declare const isArrayOfType: <T>(array: any[], type: T) => boolean;
+export declare const isNumberArray: (array: any[]) => array is number[];
+export declare function arrayMove<T>(arr: T[], from: number, to: number): T[];
+export declare function reorderAtLevel(nodes: BaseTableHeader[], parentId: string | null, fromIdx: number, toIdx: number): BaseTableHeader[];

package/dist/types/utils/cellIdCreation.d.ts

@@ -0,0 +1,3 @@
+export declare const getCellId: (rowIndex: number, columnIndex: number, fromArrayData?: {
+    index: number;
+}) => string;

package/dist/types/utils/enum.d.ts

@@ -0,0 +1,3 @@
+export declare function getEnumKeyByEnumValue<T extends {
+    [index: string]: string;
+}>(myEnum: T, enumValue: string): keyof T | null;

package/dist/types/utils/sorting.d.ts

@@ -0,0 +1,4 @@
+export declare const alphabeticalSort: (a: string, b: string) => 1 | 0 | -1;
+export declare const alphabeticalSortInverse: (a: string, b: string) => 1 | 0 | -1;
+export declare const numericalSort: (a: number, b: number) => number;
+export declare const numericalSortInverse: (a: number, b: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-base-data-table",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "license": "MIT",
   "type": "module",
   "types": "dist/types/index.d.ts",
@@ -68,7 +68,10 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "react-color": "^2.19.3"
+    "react-color": "^2.19.3",
+    "zustand": "^5.0.8"
   }
 }