@data-c/pro 0.2.55 → 0.2.57

package/dist/index.d.ts

@@ -1,15 +1,30 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
 import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
 import { DataGridProProps, GridRowsProp, GridRowSelectionModel, GridCallbackDetails, GridColDef as GridColDef$1, GridActionsCellItemProps } from '@mui/x-data-grid-pro';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { StackProps, Breakpoint, ButtonProps as ButtonProps$1, TableFooterProps, TypographyProps } from '@mui/material';
+import { GridApiPro } from '@mui/x-data-grid-pro/models';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PaginationProps as PaginationProps$1 } from '@data-c/hooks';
 
+type GridViewState = ReturnType<GridApiPro['exportState']>;
+type ColumnChangeMeta = {
+    reason: 'order';
+} | {
+    reason: 'width';
+} | {
+    reason: 'visibility';
+};
+type GridWrapperApi = {
+    apiRef: GridApiPro | null;
+    restoreState: (state: unknown) => void;
+    exportState: () => unknown;
+};
+
 type GridColDef = GridColDef$1 & {
     enableStickyColumns?: boolean;
 };
-interface TableProps<T> extends Omit<DataGridProProps, 'onCellKeyDown' | 'onRowDoubleClick'> {
+interface DataTableProps extends Omit<DataGridProProps, 'onCellKeyDown' | 'onRowDoubleClick'> {
     data?: GridRowsProp<{
         [key: string | symbol]: any;
     }>;
@@ -18,13 +33,17 @@ interface TableProps<T> extends Omit<DataGridProProps, 'onCellKeyDown' | 'onRowD
     isLoading?: boolean;
     isFetching?: boolean;
     stackProps?: StackProps;
+    onColumnChange?: (payload: {
+        state: GridViewState;
+        meta: ColumnChangeMeta;
+    }) => void;
     controlledRowsSelectedId?: GridRowSelectionModel;
     onCellKeyDown?: (event: 'edit' | 'delete', id: number | string) => void;
     onRowDoubleClick?: (event: 'edit' | 'delete', id: number | string) => void;
     onClearRowsSelectedId?: (rowsSelectedId: GridRowSelectionModel) => void;
     onRowSelectionChange?: (rowSelectionModel: GridRowSelectionModel, details: GridCallbackDetails) => void;
+    restoreFromState?: GridViewState | null;
 }
-declare function Table<T>(props: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 type DataTableActionProps = {} & GridActionsCellItemProps;
 declare function DataTableAction(props: DataTableActionProps): react_jsx_runtime.JSX.Element;
@@ -44,6 +63,11 @@ declare function Actions({ children, breakpoints }: ActionsProps): react_jsx_run
 type DataTableActionTransportProps = {} & Omit<GridActionsCellItemProps, 'icon' | 'label'>;
 declare function DataTableActionTransport(props: DataTableActionTransportProps): react_jsx_runtime.JSX.Element;
 
+interface DataTableAddPanelTriggerProps {
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+}
+declare function DataTableAddPanelTrigger({ onClick, }: DataTableAddPanelTriggerProps): react_jsx_runtime.JSX.Element;
+
 type ButtonProps = {
     isLoading?: boolean;
 } & ButtonProps$1;
@@ -82,6 +106,8 @@ interface CellActionTransportProps {
 }
 declare function CellActionTransport({ onClick, ...rest }: CellActionTransportProps): react_jsx_runtime.JSX.Element;
 
+declare function DataTableColumnsPanelTrigger(): react_jsx_runtime.JSX.Element;
+
 declare function Content(props: StackProps): react_jsx_runtime.JSX.Element;
 
 declare function ExportCsvButton(): react_jsx_runtime.JSX.Element;
@@ -115,6 +141,11 @@ interface ToolbarProps {
 }
 declare function Toolbar({ children }: ToolbarProps): react_jsx_runtime.JSX.Element;
 
+interface ToolbarActionsContainerProps {
+    children?: ReactNode;
+}
+declare function ToolbarActionsContainer({ children, }: ToolbarActionsContainerProps): react_jsx_runtime.JSX.Element;
+
 declare const DataTable: {
     CellActionTransport: typeof CellActionTransport;
     SelectionCounter: typeof SelectionCounter;
@@ -126,18 +157,20 @@ declare const DataTable: {
     Pagination: typeof Pagination;
     Actions: typeof Actions;
     Toolbar: typeof Toolbar;
+    ToolbarActionsContainer: typeof ToolbarActionsContainer;
     Content: typeof Content;
     Button: typeof DataTableButton;
     Footer: typeof Footer;
-    Table: typeof Table;
+    Table: react.ForwardRefExoticComponent<DataTableProps & react.RefAttributes<GridWrapperApi>>;
     Title: typeof Title;
     Root: typeof Root;
     Action: typeof DataTableAction;
     ActionEdit: typeof DataTableActionEdit;
     ActionDelete: typeof DataTableActionDelete;
     ActionTransport: typeof DataTableActionTransport;
-    ColumnsPanelTrigger: react.ForwardRefExoticComponent<_mui_x_data_grid_pro.ColumnsPanelTriggerProps> | react.ForwardRefExoticComponent<Omit<_mui_x_data_grid_pro.ColumnsPanelTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    ColumnsPanelTrigger: typeof DataTableColumnsPanelTrigger;
+    AddPanelTrigger: typeof DataTableAddPanelTrigger;
     useGridApiRef: () => react.MutableRefObject<_mui_x_data_grid_pro.GridApiPro | null>;
 };
 
-export { DataTable };
+export { DataTable, GridViewState, GridWrapperApi };