dfh-ui-library 1.3.12 → 1.3.13

package/dist/cjs/types/components/Gird/Grid.d.ts

@@ -1,8 +1,14 @@
 import React from "react";
-import { ColumnDef, OnChangeFn, SortingState } from "@tanstack/react-table";
-export declare function Table({ data, columns, sorting, setSorting, }: {
+import { ColumnDef, OnChangeFn, SortingState, PaginationState } from "@tanstack/react-table";
+import { PaginationProps } from "../../shared/models/components/common.model";
+export declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, isManualSorting, }: {
     data: any[];
     columns: ColumnDef<any>[];
     sorting?: any;
-    setSorting?: OnChangeFn<SortingState> | undefined;
+    onSortingChange?: OnChangeFn<SortingState> | undefined;
+    pagination?: PaginationProps;
+    onPaginationChange?: OnChangeFn<PaginationState> | undefined;
+    totalRecords?: number;
+    isManualPagination?: boolean;
+    isManualSorting?: boolean;
 }): React.JSX.Element;

package/dist/cjs/types/components/Gird/mockAPI.d.ts

@@ -0,0 +1,23 @@
+export declare function mockAPI({ pagination: { limit, skip }, sort: { field, order }, }?: {
+    pagination?: {
+        limit?: number | undefined;
+        skip?: number | undefined;
+    } | undefined;
+    sort?: {
+        field?: string | undefined;
+        order?: string | undefined;
+    } | undefined;
+}): {
+    res: Promise<unknown>;
+    abort: () => void;
+};
+export declare function useMockAPI(query?: string, { pagination: { limit, skip }, sort: { field, order }, }?: {
+    pagination?: {
+        limit?: number | undefined;
+        skip?: number | undefined;
+    } | undefined;
+    sort?: {
+        field?: string | undefined;
+        order?: string | undefined;
+    } | undefined;
+}): (number | boolean | never[])[];

package/dist/cjs/types/hooks/usePagination.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare function usePagination(): {
+    limit: number;
+    onPaginationChange: import("react").Dispatch<import("react").SetStateAction<{
+        pageSize: number;
+        pageIndex: number;
+    }>>;
+    pagination: {
+        pageSize: number;
+        pageIndex: number;
+    };
+    skip: number;
+};

package/dist/cjs/types/hooks/useSorting.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare function useSorting(initialField?: string, initialOrder?: string): {
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange: import("react").Dispatch<import("react").SetStateAction<{
+        id: string;
+        desc: boolean;
+    }[]>>;
+    order: string;
+    field: string;
+};

package/dist/cjs/types/index.d.ts

@@ -9,3 +9,5 @@ export { DropdownSearchProps } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
 export { OptionProps } from "./shared/models/components/common.model";
 export { ColumnDef, SortingState } from "@tanstack/react-table";
+export { usePagination } from "./hooks/usePagination";
+export { useSorting } from "./hooks/useSorting";

package/dist/cjs/types/shared/models/components/common.model.d.ts

@@ -304,3 +304,7 @@ export interface ButtonGroupProps {
     isAdditionalErrorInput?: boolean;
     additionalErrorClasses?: string;
 }
+export interface PaginationProps {
+    pageSize: number;
+    pageIndex: number;
+}