material-react-table 0.7.0-alpha.10 → 0.7.0-alpha.13

package/README.md

@@ -15,9 +15,7 @@ View additional [storybook examples](https://www.material-react-table.dev/)
 
 View the [github source code](https://github.com/KevinVandy/material-react-table) and [github open issues](https://github.com/KevinVandy/material-react-table/issues)
 
-Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion
-
-<br />
+Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion or ask questions
 
 ### Features (Some Still In Active Development)
 

package/dist/MaterialReactTable.d.ts

@@ -36,16 +36,16 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
             [key in MRT_FILTER_TYPE]: any;
         };
         localization: MRT_Localization;
-        setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
-        setCurrentFilterTypes: Dispatch<SetStateAction<{
-            [key: string]: MRT_FilterType;
-        }>>;
-        setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
-        setIsDensePadding: Dispatch<SetStateAction<boolean>>;
-        setIsFullScreen: Dispatch<SetStateAction<boolean>>;
-        setShowFilters: Dispatch<SetStateAction<boolean>>;
-        setShowSearch: Dispatch<SetStateAction<boolean>>;
     };
+    setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
+    setCurrentFilterTypes: Dispatch<SetStateAction<{
+        [key: string]: MRT_FilterType;
+    }>>;
+    setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
+    setIsDensePadding: Dispatch<SetStateAction<boolean>>;
+    setIsFullScreen: Dispatch<SetStateAction<boolean>>;
+    setShowFilters: Dispatch<SetStateAction<boolean>>;
+    setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
 };
 export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
     currentEditingRow: MRT_Row<D> | null;
@@ -54,7 +54,7 @@ export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<Ta
     isDensePadding: boolean;
     isFullScreen: boolean;
     showFilters: boolean;
-    showSearch: boolean;
+    showGlobalFilter: boolean;
     pagination: Partial<PaginationState>;
 };
 export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
@@ -160,16 +160,15 @@ export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
-    enableColumnPinning?: boolean;
     enableDensePaddingToggle?: boolean;
+    enableEditing?: boolean;
     enableExpandAll?: boolean;
     enableFullScreenToggle?: boolean;
     enablePagination?: boolean;
     enableRowActions?: boolean;
-    enableStickyHeader?: boolean;
-    enableEditing?: boolean;
     enableRowNumbers?: boolean;
     enableSelectAll?: boolean;
+    enableStickyHeader?: boolean;
     enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filterTypes?: {
         [key in MRT_FILTER_TYPE]: any;
@@ -181,8 +180,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
     idPrefix?: string;
-    isReloading?: boolean;
     isLoading?: boolean;
+    isReloading?: boolean;
     localization?: Partial<MRT_Localization>;
     muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
         tableInstance: MRT_TableInstance;
@@ -278,17 +277,12 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         tableInstance: MRT_TableInstance<D>;
         event: MouseEvent<HTMLTableCellElement>;
     }) => void;
-    onColumnHide?: ({ column, columnVisibility, tableInstance, }: {
-        column: MRT_ColumnInstance<D>;
-        columnVisibility: VisibilityState;
-        tableInstance: MRT_TableInstance<D>;
-    }) => void;
     onDetailPanelClick?: ({ event, row, tableInstance, }: {
         event: MouseEvent<HTMLTableCellElement>;
         row: MRT_Row<D>;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
-    onGlobalFilterChange?: ({ event, tableInstance, }: {
+    onGlobalSearchFilterChange?: ({ event, tableInstance, }: {
         event: ChangeEvent<HTMLInputElement>;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
@@ -317,6 +311,31 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         selectedRows: MRT_Row<D>[];
         tableInstance: MRT_TableInstance<D>;
     }) => void;
+    onToggleColumnVisibility?: ({ column, columnVisibility, tableInstance, }: {
+        column: MRT_ColumnInstance<D>;
+        columnVisibility: VisibilityState;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onToggleDensePadding?: ({ event, isDensePadding, tableInstance, }: {
+        event: MouseEvent<HTMLButtonElement>;
+        isDensePadding: boolean;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onToggleFullScreen?: ({ event, isFullScreen, tableInstance, }: {
+        event: MouseEvent<HTMLButtonElement>;
+        isFullScreen: boolean;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onToggleShowFilters?: ({ event, showFilters, tableInstance, }: {
+        event: MouseEvent<HTMLButtonElement>;
+        showFilters: boolean;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onToggleShowGlobalFilter?: ({ event, showGlobalFilter, tableInstance, }: {
+        event: MouseEvent<HTMLButtonElement>;
+        showGlobalFilter: boolean;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
     positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
@@ -337,9 +356,9 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     renderToolbarCustomActions?: ({ tableInstance, }: {
         tableInstance: MRT_TableInstance<D>;
     }) => ReactNode;
-    renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+    renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
         tableInstance: MRT_TableInstance<D>;
-        MRT_ToggleSearchButton: FC<IconButtonProps & {
+        MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
             tableInstance: MRT_TableInstance<D>;
         }>;
         MRT_ToggleFiltersButton: FC<IconButtonProps & {
@@ -356,5 +375,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/buttons/{MRT_ToggleSearchButton.d.ts → MRT_ToggleGlobalFilterButton.d.ts}

@@ -4,5 +4,5 @@ import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
     tableInstance: MRT_TableInstance;
 }
-export declare const MRT_ToggleSearchButton: FC<Props>;
+export declare const MRT_ToggleGlobalFilterButton: FC<Props>;
 export {};

package/dist/localization.d.ts

@@ -46,6 +46,8 @@ export interface MRT_Localization {
     showHideSearch: string;
     sortByColumnAsc: string;
     sortByColumnDesc: string;
+    sortedByColumnAsc: string;
+    sortedByColumnDesc: string;
     thenBy: string;
     toggleDensePadding: string;
     toggleFullScreen: string;
@@ -53,5 +55,6 @@ export interface MRT_Localization {
     toggleSelectRow: string;
     ungroupByColumn: string;
     unpin: string;
+    unsorted: string;
 }
 export declare const MRT_DefaultLocalization_EN: MRT_Localization;