@bluemarble/bm-components 1.4.1 → 1.5.0

package/dist/index.d.mts

@@ -1,6 +1,7 @@
-import React, { ReactNode, FC, Provider } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode, FC, Provider } from 'react';
 import * as _mui_material from '@mui/material';
-import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, TableSortLabelProps, BoxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
 import { NextApiRequest, NextApiResponse, GetServerSidePropsContext } from 'next';
@@ -36,7 +37,7 @@ interface GridProps$1<T> {
     noFilters?: boolean;
     primaryKey?: string;
 }
-declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps$1<ObjectType>>) => React.JSX.Element;
+declare const Grid: <ObjectType>(props: React__default.PropsWithChildren<GridProps$1<ObjectType>>) => React__default.JSX.Element;
 
 declare function filterData<T>(filters: FilterProps$1[], defaultData: {
     current: T[];
@@ -66,7 +67,7 @@ interface OnSaveProps {
     value: string;
     data: Record<string, any>;
 }
-declare const EditableTableCell: (allProps: EditableTableCellProps) => React.JSX.Element;
+declare const EditableTableCell: (allProps: EditableTableCellProps) => React__default.JSX.Element;
 
 interface InputProps extends StandardTextFieldProps {
     name: string;
@@ -84,7 +85,7 @@ interface InputMaskProps extends Partial<StandardTextFieldProps> {
     mask: IMask$1.AnyMaskedOptions;
     onChangeValue?: (value: string, unmaskedValue: string) => void;
 }
-declare function InputMask({ withFormik, ...rest }: InputMaskProps): React.JSX.Element;
+declare function InputMask({ withFormik, ...rest }: InputMaskProps): React__default.JSX.Element;
 
 interface CustomInputLabelProps extends InputLabelProps {
     size?: 'small';
@@ -99,7 +100,7 @@ type SelectProps<T> = MuiSelectPropsWithouVariant<T> & {
     InputLabelProps?: Partial<CustomInputLabelProps>;
     helperText?: string;
 };
-declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React.JSX.Element;
+declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React__default.JSX.Element;
 
 type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
 interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
@@ -124,7 +125,7 @@ interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
     getOptionValue?: (option: T) => string | number;
 }
 type AutocompleteProps<T> = AutocompleteWithoutProps<T> | AutocompleteWithFormikProps<T>;
-declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): React.JSX.Element;
+declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): React__default.JSX.Element;
 
 type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
 interface CheckboxWithFormik extends CheckboxProps$1 {
@@ -139,7 +140,7 @@ interface CheckboxWithoutFormik extends CheckboxProps$1 {
     withFormik: false;
     FormControlLabelProps?: Partial<FormControlLabelProps>;
 }
-declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => React__default.JSX.Element;
 
 type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
 interface SwitchWithFormik extends SwitchProps$1 {
@@ -154,7 +155,7 @@ interface SwitchWithoutFormik extends SwitchProps$1 {
     withFormik: false;
     FormControlLabelProps?: Partial<FormControlLabelProps>;
 }
-declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => React.JSX.Element;
+declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => React__default.JSX.Element;
 
 type RadioOptionProps = {
     value: string | number | boolean;
@@ -173,25 +174,78 @@ interface RadioWithoutFormik extends RadioGroupProps {
     options: RadioOptionProps[];
     withFormik: false;
 }
-declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => React.JSX.Element;
+declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => React__default.JSX.Element;
 
 interface LargeButtonProps extends ButtonProps {
     loading?: boolean;
     children: ReactNode;
     CircularProgressProps?: CircularProgressProps;
 }
-declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => React.JSX.Element;
+declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => React__default.JSX.Element;
 
 declare function getTabProps(index: string): {
     id: string;
     'aria-controls': string;
 };
 interface TabPanelProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     value: number;
     index: number;
 }
-declare const TabPanel: (props: TabPanelProps) => React.JSX.Element;
+declare const TabPanel: (props: TabPanelProps) => React__default.JSX.Element;
+
+type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
+type FilterProps = {
+    id?: string;
+    prop: string;
+    value: unknown;
+    compareType: FilterCompareType;
+};
+declare function useFilter(): {
+    filters: FilterProps[];
+    filterBy: (newFilter: FilterProps) => void;
+    removeFilter: (prop: string, isId?: boolean) => void;
+    createFilter: typeof createFilter;
+    clearAllFilters: () => void;
+};
+declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
+    apply: (item: T) => boolean;
+};
+
+type SortedDirectionProps$1 = 'asc' | 'desc';
+interface SortedByProps$1 {
+    prop: string;
+    direction: SortedDirectionProps$1;
+}
+interface SearchOptions$1 {
+    caseSensitive?: boolean;
+    exact?: boolean;
+    value: string;
+}
+interface UseGridProps$1<T> {
+    columns: ColumnsProps[];
+    filters?: FilterProps[];
+    rowsPerPageOptions?: number[];
+    search?: SearchOptions$1;
+    defaultCurrentPage?: number;
+    defaultSortedBy?: SortedByProps$1[];
+    defaultData?: T[];
+}
+declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps$1<T>): {
+    data: T[];
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    sortedBy: SortedByProps$1[];
+    defaultData: T[];
+    columns: ColumnsProps<_mui_material.Theme>[];
+    currentPage: number;
+    totalNumberOfPages: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+    setSort: (prop: string, direction: 'desc' | 'asc') => void;
+};
 
 interface ColumnsProps<T extends object = Theme> {
     label: string;
@@ -207,10 +261,11 @@ interface GridProps {
     prependColumn?: ReactNode;
     appendColumn?: ReactNode;
     fixedColumns?: boolean;
-    sortedBy: string;
-    sortedDirection: 'asc' | 'desc';
+    sortedBy: SortedByProps$1[];
     dense?: boolean;
-    onSortBy: (prop: string) => void;
+    loadingColSpan?: number;
+    tableSortLabelProps?: TableSortLabelProps;
+    boxContainerProps?: BoxProps;
     paperProps?: PaperProps;
     tableProps?: TableProps;
     tableHeadProps?: TableHeadProps;
@@ -223,17 +278,25 @@ interface GridProps {
     rowsPerPage: number;
     onPageChange: (pageNumber: number) => void;
     setRowsPerPage: (rows: number) => void;
+    onSortBy: (prop: string) => void;
     isLoading?: boolean;
     hideFooter?: boolean;
 }
-declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, isLoading }: GridProps): React.JSX.Element;
+declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, tableSortLabelProps, boxContainerProps, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, loadingColSpan, isLoading }: GridProps): React__default.JSX.Element;
+
+interface BaseGridAutoRowsProps<T> {
+    columns: ColumnsProps<any>[];
+    data: T[];
+    rowKey: keyof T;
+}
+declare function BaseGridAutoRows<T>({ data, columns, rowKey }: BaseGridAutoRowsProps<T>): React__default.JSX.Element;
 
 type ModalProps = {
     open: boolean;
     onClose: () => void;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 } & Omit<ModalProps$1, 'children'>;
-declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React__default.JSX.Element;
 
 declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
     label: any;
@@ -252,7 +315,7 @@ interface DialogCustomProps extends DialogProps {
     options: DialogOptionsProps[];
     loading: boolean;
 }
-declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React.JSX.Element;
+declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React__default.JSX.Element;
 
 declare class HttpError extends Error {
     status: number;
@@ -370,42 +433,49 @@ declare class AuthHelper {
     invalidateCookies: (res: NextApiResponse) => NextApiResponse<any>;
 }
 
-type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
-type FilterProps = {
-    id?: string;
+type SortedDirectionProps = 'asc' | 'desc';
+interface SortedByProps {
     prop: string;
-    value: unknown;
-    compareType: FilterCompareType;
-};
-declare function useFilter(): {
-    filters: FilterProps[];
-    filterBy: (newFilter: FilterProps) => void;
-    removeFilter: (prop: string, isId?: boolean) => void;
-    createFilter: typeof createFilter;
-    clearAllFilters: () => void;
-};
-declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
-    apply: (item: T) => boolean;
-};
-
+    direction: SortedDirectionProps;
+}
 interface SearchOptions {
     caseSensitive?: boolean;
     exact?: boolean;
     value: string;
 }
-interface UseGridProps {
+interface UseGridBaseProps<T> {
     columns: ColumnsProps[];
     filters?: FilterProps[];
     rowsPerPageOptions?: number[];
     search?: SearchOptions;
+    defaultCurrentPage?: number;
+    defaultSortedBy?: SortedByProps[];
+    defaultSortedDirection?: SortedDirectionProps;
+    defaultData?: T[];
 }
-declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions }: UseGridProps): {
+type UseGridPropsOnRequest<T> = {
+    onRequest(props: {
+        filters: FilterProps[];
+        page: number;
+        rowsPerPage: number;
+        search?: SearchOptions;
+        sortedBy: SortedByProps[];
+    }): Promise<T[]>;
+    axiosInstance?: never;
+    url?: never;
+};
+type UseGridPropsAxios = {
+    axiosInstance: AxiosInstance;
+    url: string;
+    onRequest?: never;
+};
+type UseGridProps<T> = UseGridBaseProps<T> & (UseGridPropsOnRequest<T> | UseGridPropsAxios);
+declare function useAsyncGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, onRequest, axiosInstance, url, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps<T>): {
     data: T[];
     set: (data: T[]) => void;
-    onSortBy: (prop: string) => void;
-    sortedBy: string;
+    onSortBy: (prop: string) => Promise<void>;
+    sortedBy: SortedByProps[];
     defaultData: T[];
-    sortedDirection: "desc" | "asc";
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
@@ -414,6 +484,8 @@ declare function useGrid<T extends Record<string, any>>({ columns, filters, sear
     rowsPerPageOptions: number[];
     rowsPerPage: number;
     setSort: (prop: string, direction: 'desc' | 'asc') => void;
+    isLoading: boolean;
+    setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 declare function useEvent(event: keyof WindowEventMap, handler: (ev: any) => void, passive?: boolean): void;
@@ -431,22 +503,22 @@ type FormHelperContextProps = {
     formatErrorMessage: (message: any) => string;
     api: AxiosInstance;
 };
-declare const FormHelperContext: React.Context<FormHelperContextProps>;
+declare const FormHelperContext: React__default.Context<FormHelperContextProps>;
 type FormHelperProviderProps = {
     formatErrorMessage: (message: any) => string;
     children: ReactNode;
     api: AxiosInstance;
 };
-declare const FormHelperProvider: ({ formatErrorMessage, api, children }: FormHelperProviderProps) => React.JSX.Element;
+declare const FormHelperProvider: ({ formatErrorMessage, api, children }: FormHelperProviderProps) => React__default.JSX.Element;
 
 type AlertContextProps = {
     createAlert(message: string, type: AlertColor): void;
 };
-declare const AlertContext: React.Context<AlertContextProps>;
+declare const AlertContext: React__default.Context<AlertContextProps>;
 type AlertProviderProps = {
     children: ReactNode;
 };
-declare const AlertProvider: ({ children }: AlertProviderProps) => React.JSX.Element;
+declare const AlertProvider: ({ children }: AlertProviderProps) => React__default.JSX.Element;
 
 type AuthenticateStatus = 'autenticated' | 'unauthenticated' | 'loading';
 interface AuthContextProps<T> {
@@ -455,12 +527,12 @@ interface AuthContextProps<T> {
     signIn(credentials: Record<string, any>): Promise<boolean>;
     signOut: () => Promise<void>;
 }
-declare function createAuthContext<T>(): React.Context<AuthContextProps<T>>;
+declare function createAuthContext<T>(): React__default.Context<AuthContextProps<T>>;
 declare function CreateAuthProvider<T>({ api, children, sessionTokenName, Provider }: {
     Provider: Provider<AuthContextProps<T>>;
     children: ReactNode;
     api: AxiosInstance;
     sessionTokenName: string;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode, FC, Provider } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode, FC, Provider } from 'react';
 import * as _mui_material from '@mui/material';
-import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, TableSortLabelProps, BoxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
 import { NextApiRequest, NextApiResponse, GetServerSidePropsContext } from 'next';
@@ -36,7 +37,7 @@ interface GridProps$1<T> {
     noFilters?: boolean;
     primaryKey?: string;
 }
-declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps$1<ObjectType>>) => React.JSX.Element;
+declare const Grid: <ObjectType>(props: React__default.PropsWithChildren<GridProps$1<ObjectType>>) => React__default.JSX.Element;
 
 declare function filterData<T>(filters: FilterProps$1[], defaultData: {
     current: T[];
@@ -66,7 +67,7 @@ interface OnSaveProps {
     value: string;
     data: Record<string, any>;
 }
-declare const EditableTableCell: (allProps: EditableTableCellProps) => React.JSX.Element;
+declare const EditableTableCell: (allProps: EditableTableCellProps) => React__default.JSX.Element;
 
 interface InputProps extends StandardTextFieldProps {
     name: string;
@@ -84,7 +85,7 @@ interface InputMaskProps extends Partial<StandardTextFieldProps> {
     mask: IMask$1.AnyMaskedOptions;
     onChangeValue?: (value: string, unmaskedValue: string) => void;
 }
-declare function InputMask({ withFormik, ...rest }: InputMaskProps): React.JSX.Element;
+declare function InputMask({ withFormik, ...rest }: InputMaskProps): React__default.JSX.Element;
 
 interface CustomInputLabelProps extends InputLabelProps {
     size?: 'small';
@@ -99,7 +100,7 @@ type SelectProps<T> = MuiSelectPropsWithouVariant<T> & {
     InputLabelProps?: Partial<CustomInputLabelProps>;
     helperText?: string;
 };
-declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React.JSX.Element;
+declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React__default.JSX.Element;
 
 type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
 interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
@@ -124,7 +125,7 @@ interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
     getOptionValue?: (option: T) => string | number;
 }
 type AutocompleteProps<T> = AutocompleteWithoutProps<T> | AutocompleteWithFormikProps<T>;
-declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): React.JSX.Element;
+declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): React__default.JSX.Element;
 
 type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
 interface CheckboxWithFormik extends CheckboxProps$1 {
@@ -139,7 +140,7 @@ interface CheckboxWithoutFormik extends CheckboxProps$1 {
     withFormik: false;
     FormControlLabelProps?: Partial<FormControlLabelProps>;
 }
-declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => React__default.JSX.Element;
 
 type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
 interface SwitchWithFormik extends SwitchProps$1 {
@@ -154,7 +155,7 @@ interface SwitchWithoutFormik extends SwitchProps$1 {
     withFormik: false;
     FormControlLabelProps?: Partial<FormControlLabelProps>;
 }
-declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => React.JSX.Element;
+declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => React__default.JSX.Element;
 
 type RadioOptionProps = {
     value: string | number | boolean;
@@ -173,25 +174,78 @@ interface RadioWithoutFormik extends RadioGroupProps {
     options: RadioOptionProps[];
     withFormik: false;
 }
-declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => React.JSX.Element;
+declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => React__default.JSX.Element;
 
 interface LargeButtonProps extends ButtonProps {
     loading?: boolean;
     children: ReactNode;
     CircularProgressProps?: CircularProgressProps;
 }
-declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => React.JSX.Element;
+declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => React__default.JSX.Element;
 
 declare function getTabProps(index: string): {
     id: string;
     'aria-controls': string;
 };
 interface TabPanelProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     value: number;
     index: number;
 }
-declare const TabPanel: (props: TabPanelProps) => React.JSX.Element;
+declare const TabPanel: (props: TabPanelProps) => React__default.JSX.Element;
+
+type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
+type FilterProps = {
+    id?: string;
+    prop: string;
+    value: unknown;
+    compareType: FilterCompareType;
+};
+declare function useFilter(): {
+    filters: FilterProps[];
+    filterBy: (newFilter: FilterProps) => void;
+    removeFilter: (prop: string, isId?: boolean) => void;
+    createFilter: typeof createFilter;
+    clearAllFilters: () => void;
+};
+declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
+    apply: (item: T) => boolean;
+};
+
+type SortedDirectionProps$1 = 'asc' | 'desc';
+interface SortedByProps$1 {
+    prop: string;
+    direction: SortedDirectionProps$1;
+}
+interface SearchOptions$1 {
+    caseSensitive?: boolean;
+    exact?: boolean;
+    value: string;
+}
+interface UseGridProps$1<T> {
+    columns: ColumnsProps[];
+    filters?: FilterProps[];
+    rowsPerPageOptions?: number[];
+    search?: SearchOptions$1;
+    defaultCurrentPage?: number;
+    defaultSortedBy?: SortedByProps$1[];
+    defaultData?: T[];
+}
+declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps$1<T>): {
+    data: T[];
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    sortedBy: SortedByProps$1[];
+    defaultData: T[];
+    columns: ColumnsProps<_mui_material.Theme>[];
+    currentPage: number;
+    totalNumberOfPages: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+    setSort: (prop: string, direction: 'desc' | 'asc') => void;
+};
 
 interface ColumnsProps<T extends object = Theme> {
     label: string;
@@ -207,10 +261,11 @@ interface GridProps {
     prependColumn?: ReactNode;
     appendColumn?: ReactNode;
     fixedColumns?: boolean;
-    sortedBy: string;
-    sortedDirection: 'asc' | 'desc';
+    sortedBy: SortedByProps$1[];
     dense?: boolean;
-    onSortBy: (prop: string) => void;
+    loadingColSpan?: number;
+    tableSortLabelProps?: TableSortLabelProps;
+    boxContainerProps?: BoxProps;
     paperProps?: PaperProps;
     tableProps?: TableProps;
     tableHeadProps?: TableHeadProps;
@@ -223,17 +278,25 @@ interface GridProps {
     rowsPerPage: number;
     onPageChange: (pageNumber: number) => void;
     setRowsPerPage: (rows: number) => void;
+    onSortBy: (prop: string) => void;
     isLoading?: boolean;
     hideFooter?: boolean;
 }
-declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, isLoading }: GridProps): React.JSX.Element;
+declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, tableSortLabelProps, boxContainerProps, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, loadingColSpan, isLoading }: GridProps): React__default.JSX.Element;
+
+interface BaseGridAutoRowsProps<T> {
+    columns: ColumnsProps<any>[];
+    data: T[];
+    rowKey: keyof T;
+}
+declare function BaseGridAutoRows<T>({ data, columns, rowKey }: BaseGridAutoRowsProps<T>): React__default.JSX.Element;
 
 type ModalProps = {
     open: boolean;
     onClose: () => void;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 } & Omit<ModalProps$1, 'children'>;
-declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React__default.JSX.Element;
 
 declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
     label: any;
@@ -252,7 +315,7 @@ interface DialogCustomProps extends DialogProps {
     options: DialogOptionsProps[];
     loading: boolean;
 }
-declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React.JSX.Element;
+declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React__default.JSX.Element;
 
 declare class HttpError extends Error {
     status: number;
@@ -370,42 +433,49 @@ declare class AuthHelper {
     invalidateCookies: (res: NextApiResponse) => NextApiResponse<any>;
 }
 
-type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
-type FilterProps = {
-    id?: string;
+type SortedDirectionProps = 'asc' | 'desc';
+interface SortedByProps {
     prop: string;
-    value: unknown;
-    compareType: FilterCompareType;
-};
-declare function useFilter(): {
-    filters: FilterProps[];
-    filterBy: (newFilter: FilterProps) => void;
-    removeFilter: (prop: string, isId?: boolean) => void;
-    createFilter: typeof createFilter;
-    clearAllFilters: () => void;
-};
-declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
-    apply: (item: T) => boolean;
-};
-
+    direction: SortedDirectionProps;
+}
 interface SearchOptions {
     caseSensitive?: boolean;
     exact?: boolean;
     value: string;
 }
-interface UseGridProps {
+interface UseGridBaseProps<T> {
     columns: ColumnsProps[];
     filters?: FilterProps[];
     rowsPerPageOptions?: number[];
     search?: SearchOptions;
+    defaultCurrentPage?: number;
+    defaultSortedBy?: SortedByProps[];
+    defaultSortedDirection?: SortedDirectionProps;
+    defaultData?: T[];
 }
-declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions }: UseGridProps): {
+type UseGridPropsOnRequest<T> = {
+    onRequest(props: {
+        filters: FilterProps[];
+        page: number;
+        rowsPerPage: number;
+        search?: SearchOptions;
+        sortedBy: SortedByProps[];
+    }): Promise<T[]>;
+    axiosInstance?: never;
+    url?: never;
+};
+type UseGridPropsAxios = {
+    axiosInstance: AxiosInstance;
+    url: string;
+    onRequest?: never;
+};
+type UseGridProps<T> = UseGridBaseProps<T> & (UseGridPropsOnRequest<T> | UseGridPropsAxios);
+declare function useAsyncGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, onRequest, axiosInstance, url, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps<T>): {
     data: T[];
     set: (data: T[]) => void;
-    onSortBy: (prop: string) => void;
-    sortedBy: string;
+    onSortBy: (prop: string) => Promise<void>;
+    sortedBy: SortedByProps[];
     defaultData: T[];
-    sortedDirection: "desc" | "asc";
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
@@ -414,6 +484,8 @@ declare function useGrid<T extends Record<string, any>>({ columns, filters, sear
     rowsPerPageOptions: number[];
     rowsPerPage: number;
     setSort: (prop: string, direction: 'desc' | 'asc') => void;
+    isLoading: boolean;
+    setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 declare function useEvent(event: keyof WindowEventMap, handler: (ev: any) => void, passive?: boolean): void;
@@ -431,22 +503,22 @@ type FormHelperContextProps = {
     formatErrorMessage: (message: any) => string;
     api: AxiosInstance;
 };
-declare const FormHelperContext: React.Context<FormHelperContextProps>;
+declare const FormHelperContext: React__default.Context<FormHelperContextProps>;
 type FormHelperProviderProps = {
     formatErrorMessage: (message: any) => string;
     children: ReactNode;
     api: AxiosInstance;
 };
-declare const FormHelperProvider: ({ formatErrorMessage, api, children }: FormHelperProviderProps) => React.JSX.Element;
+declare const FormHelperProvider: ({ formatErrorMessage, api, children }: FormHelperProviderProps) => React__default.JSX.Element;
 
 type AlertContextProps = {
     createAlert(message: string, type: AlertColor): void;
 };
-declare const AlertContext: React.Context<AlertContextProps>;
+declare const AlertContext: React__default.Context<AlertContextProps>;
 type AlertProviderProps = {
     children: ReactNode;
 };
-declare const AlertProvider: ({ children }: AlertProviderProps) => React.JSX.Element;
+declare const AlertProvider: ({ children }: AlertProviderProps) => React__default.JSX.Element;
 
 type AuthenticateStatus = 'autenticated' | 'unauthenticated' | 'loading';
 interface AuthContextProps<T> {
@@ -455,12 +527,12 @@ interface AuthContextProps<T> {
     signIn(credentials: Record<string, any>): Promise<boolean>;
     signOut: () => Promise<void>;
 }
-declare function createAuthContext<T>(): React.Context<AuthContextProps<T>>;
+declare function createAuthContext<T>(): React__default.Context<AuthContextProps<T>>;
 declare function CreateAuthProvider<T>({ api, children, sessionTokenName, Provider }: {
     Provider: Provider<AuthContextProps<T>>;
     children: ReactNode;
     api: AxiosInstance;
     sessionTokenName: string;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };