@maherunlocker/custom-react-table
Version:
dynamic table based on react table v7
51 lines (50 loc) • 2.27 kB
TypeScript
import 'regenerator-runtime/runtime';
import React from 'react';
import { customColumnProps } from 'react-table';
import 'react-toastify/dist/ReactToastify.css';
declare type DynamicTableContextType = {
setSelectedRows?: React.Dispatch<React.SetStateAction<any[]>>;
selectedRows?: any[];
};
export declare const DynamicTableContext: React.Context<DynamicTableContextType | null>;
export interface DynamicTableProps {
url?: string;
onClick?: (row: any) => void;
setDataIsUpdated?: React.Dispatch<React.SetStateAction<boolean | number>>;
dataIsUpdated?: boolean | number;
name?: string;
minHeight?: number | string;
maxHeight?: number | string;
customSelect?: boolean;
canGroupBy?: boolean;
canSort?: boolean;
canSelect?: boolean;
canMovedCheckboxLeftOnExpand?: boolean;
setSelectedRows?: React.Dispatch<React.SetStateAction<any[]>>;
setData?: React.Dispatch<React.SetStateAction<any>>;
canResize?: boolean;
showGlobalFilter?: boolean;
showFilter?: boolean;
showColumnIcon?: boolean;
canExpand?: boolean;
canDeleteOrDuplicate?: boolean;
elevationTable?: number;
filterActive?: boolean;
actionColumn?: React.ReactNode;
customJsxSideFilterButton?: React.ReactNode;
arrayOfCustomColumns?: customColumnProps[] | undefined;
setLocalFilterActive?: React.Dispatch<React.SetStateAction<boolean>>;
requestHeader?: Record<string, string>;
defaultHiddenColumns?: string[];
defaultPaginationValues?: number[];
}
declare type DataType = {
[key: string]: any;
};
export declare type apiResultProps = {
structure: string[];
data: DataType[];
othersData?: any;
};
export declare function DynamicTable({ url, name, actionColumn, canGroupBy, canSort, canResize, canExpand, canSelect, customSelect, showGlobalFilter, showFilter, showColumnIcon, canDeleteOrDuplicate, arrayOfCustomColumns, filterActive, setLocalFilterActive, customJsxSideFilterButton, onClick, elevationTable, setSelectedRows, setDataIsUpdated, dataIsUpdated, minHeight, maxHeight, requestHeader, setData, canMovedCheckboxLeftOnExpand, defaultHiddenColumns, defaultPaginationValues, }: DynamicTableProps): React.ReactElement;
export {};