fastapi-rtk 1.0.21 → 1.0.23

package/dist/core/lib/Tables/NextGenDataGrid/NextGenDataGrid.d.ts

@@ -2,11 +2,819 @@
  * @type {React.ForwardRefExoticComponent<NextGenDataGridProps>}
  */
 export const NextGenDataGrid: React.ForwardRefExoticComponent<NextGenDataGridProps>;
+export type APIColumnInfo = {
+    /**
+     * - The description of the column.
+     */
+    description: string;
+    /**
+     * - The label of the column.
+     */
+    label: string;
+    /**
+     * - The name of the column.
+     */
+    name: string;
+    /**
+     * - Whether the column is required.
+     */
+    required: boolean;
+    /**
+     * - The type of the column.
+     */
+    type: string;
+    /**
+     * - Whether the column is unique.
+     */
+    unique: boolean;
+};
+export type APIColumnRelationInfo = {
+    /**
+     * - The description of the column.
+     */
+    description: string;
+    /**
+     * - The label of the column.
+     */
+    label: string;
+    /**
+     * - The name of the column.
+     */
+    name: string;
+    /**
+     * - Whether the column is required.
+     */
+    required: boolean;
+    /**
+     * - The type of the column.
+     */
+    type: string;
+    /**
+     * - Whether the column is unique.
+     */
+    unique: boolean;
+    /**
+     * - The count of items in the column.
+     */
+    count: number;
+    /**
+     * - The values of the column.
+     */
+    values: {
+        id: number | string;
+        value: string;
+    }[];
+};
+export type APIColumnFilter = {
+    /**
+     * - The name of the column to filter.
+     */
+    name: string;
+    /**
+     * - The operator to use for filtering (e.g., 'eq', 'ne', 'gt', 'lt').
+     */
+    operator: string;
+};
+export type APIFilter = {
+    /**
+     * - An array of filters to apply.
+     */
+    filters: APIColumnFilter[];
+    /**
+     * - The label for the filter.
+     */
+    label: string;
+    /**
+     * - The schema of the filter, containing column information.
+     */
+    schema: APIColumnInfo | APIColumnRelationInfo;
+};
+export type APIJSONFormsSchema = {
+    /**
+     * - The type of the schema, typically 'object'.
+     */
+    type: string;
+    /**
+     * - The properties of the schema.
+     */
+    properties: Record<string, any>;
+    /**
+     * - An array of required properties.
+     */
+    required?: string[];
+};
+export type APIJSONFormsUISchemaElement = {
+    /**
+     * - The type of the UI schema element (e.g., 'Control', 'Group', 'List', etc.).
+     */
+    type: string;
+    /**
+     * - The JSON pointer to the schema property this element is associated with.
+     */
+    scope: string;
+    /**
+     * - The label for the UI schema element.
+     */
+    label?: string;
+    /**
+     * - The description for the UI schema element.
+     */
+    description?: string;
+    /**
+     * - Additional options for the UI schema element.
+     */
+    options?: Record<string, any>;
+    /**
+     * - A rule for conditional rendering of the UI schema element.
+     */
+    rule?: Record<string, any>;
+};
+export type APIJSONFormsUISchema = {
+    /**
+     * - The type of the UI schema, typically 'VerticalLayout' or 'HorizontalLayout'.
+     */
+    type: string;
+    /**
+     * - An array of UI schema elements.
+     */
+    elements: Array<APIJSONFormsUISchemaElement | APIJSONFormsUISchema>;
+    /**
+     * - The label for the UI schema.
+     */
+    label?: string;
+    /**
+     * - The description for the UI schema.
+     */
+    description?: string;
+    /**
+     * - Additional options for the UI schema.
+     */
+    options?: Record<string, any>;
+    /**
+     * - A rule for conditional rendering of the UI schema.
+     */
+    rule?: Record<string, any>;
+};
+export type APIInfo = {
+    /**
+     * - The title for the add modal or section.
+     */
+    add_title: string;
+    /**
+     * - List of columns that can be added.
+     */
+    add_columns: Array<APIColumnInfo | APIColumnRelationInfo>;
+    /**
+     * - JSONForms schema for adding items.
+     */
+    add_schema: APIJSONFormsSchema;
+    /**
+     * - JSONForms UI schema for adding items.
+     */
+    add_uischema?: APIJSONFormsUISchema;
+    /**
+     * - Translations for the add form.
+     */
+    add_translations?: Record<string, Record<string, string>>;
+    /**
+     * - The title for the edit modal or section.
+     */
+    edit_title: string;
+    /**
+     * - List of columns that can be edited.
+     */
+    edit_columns: Array<APIColumnInfo | APIColumnRelationInfo>;
+    /**
+     * - JSONForms schema for editing items.
+     */
+    edit_schema: APIJSONFormsSchema;
+    /**
+     * - JSONForms UI schema for editing items.
+     */
+    edit_uischema?: APIJSONFormsUISchema;
+    /**
+     * - Translations for the edit form.
+     */
+    edit_translations?: Record<string, Record<string, string>>;
+    /**
+     * - A mapping of filter names to filter definitions.
+     */
+    filters: Record<string, APIFilter>;
+    /**
+     * - Additional options for filters specified in the API.
+     */
+    filter_options?: Record<string, any>;
+    /**
+     * - List of permissions for the API (e.g., 'can_post', 'can_put', 'can_delete').
+     */
+    permissions: string[];
+};
+export type APIData = {
+    /**
+     * - The title of the list.
+     */
+    list_title: string;
+    /**
+     * - An array of IDs for the items.
+     */
+    ids: number[] | string[];
+    /**
+     * - A mapping of column names to their labels.
+     */
+    label_columns: Record<string, string>;
+    /**
+     * - A mapping of column names to their descriptions.
+     */
+    description_columns: Record<string, string>;
+    /**
+     * - An array of column names to be displayed in the list.
+     */
+    list_columns: string[];
+    /**
+     * - An array of column names to be used for ordering.
+     */
+    order_columns: string[];
+    /**
+     * - An array of objects representing the API response data.
+     */
+    result: Record<string, any>[];
+    /**
+     * - The API path.
+     */
+    path: string;
+    /**
+     * - The query parameters used in the API request.
+     */
+    queryParams: APIQueryParams;
+};
+export type APIQueryParamsFilter = {
+    /**
+     * - The column name to filter on.
+     */
+    col: string;
+    /**
+     * - The operator to use for filtering (e.g., 'eq', 'ne', 'gt', 'lt').
+     */
+    opr: string;
+    /**
+     * - The value to filter by.
+     */
+    value: any;
+};
+export type APIQueryParamsOprFilter = {
+    /**
+     * - The operator to use for filtering (e.g., 'is_null', 'is_not_null').
+     */
+    opr: string;
+    /**
+     * - The value to filter by.
+     */
+    value: any;
+};
+export type APISpecialKey = {
+    /**
+     * - The key to be used when retrieving general props for `NextGenDataGrid`. Typically `all`. but can be `_all` if `all` is in the list of columns.
+     */
+    all: string;
+    /**
+     * - The key to be used when retrieving actions for `NextGenDataGrid`. Typically `actions`, but can be `_actions` if `actions` is in the list of columns.
+     */
+    actions: string;
+};
+export type APIQueryParams = {
+    /**
+     * - The page number for pagination.
+     */
+    page: number;
+    /**
+     * - The number of items per page for pagination.
+     */
+    page_size: number;
+    /**
+     * - The column name to order the results by.
+     */
+    order_column?: string;
+    /**
+     * - The direction of the order ('asc' or 'desc').
+     */
+    order_direction?: "asc" | "desc";
+    /**
+     * - An array of column names to be included in the response.
+     */
+    columns: string[];
+    /**
+     * - An array of filters to apply to the query.
+     */
+    filters: APIQueryParamsFilter[];
+    /**
+     * - An array of opr filters to apply to the query.
+     */
+    opr_filters?: APIQueryParamsOprFilter[];
+    /**
+     * - A global filter string to apply to the query.
+     */
+    global_filter?: string;
+    /**
+     * - Whether to include the total count of items in the response.
+     */
+    with_count?: boolean;
+};
+export type APIStreaming = {
+    /**
+     * - The streaming data, organized by the page number.
+     */
+    data: Record<string, Record<string, any>[]>;
+    /**
+     * - Indicates whether the streaming has ended.
+     */
+    isEnd: boolean;
+    /**
+     * - A function to fetch the next page of streaming data.
+     */
+    fetch: () => void;
+};
+export type APIDownloadOptions = {
+    /**
+     * - Whether to export the data in basic or detailed mode.
+     */
+    export_mode?: "basic" | "detailed";
+    /**
+     * - The delimiter to use in the exported file (e.g., ',', ';'). Default is `,`.
+     */
+    delimiter?: string;
+    /**
+     * - The character to use for quoting in the exported file. Default is `"`.
+     */
+    quotechar?: string;
+};
+export type APIUploadOptions = {
+    /**
+     * - The delimiter used in the uploaded file (e.g., ',', ';'). Default is `,`.
+     */
+    delimiter?: string;
+    /**
+     * - The character used for quoting in the uploaded file. Default is `"`.
+     */
+    quotechar?: string;
+};
+export type ApiContext = {
+    /**
+     * - The API path.
+     */
+    path: string;
+    /**
+     * - Information about the API, including schemas and UI schemas.
+     */
+    info?: APIInfo;
+    /**
+     * - The data returned by the API.
+     */
+    data?: APIData;
+    /**
+     * - The query parameters used in the API request.
+     */
+    queryParams?: APIQueryParams;
+    /**
+     * - Indicates whether the API request is currently loading.
+     */
+    loading: boolean;
+    /**
+     * - Indicates whether the API info request is currently loading.
+     */
+    infoLoading: boolean;
+    /**
+     * - Indicates whether the API data request is currently loading.
+     */
+    dataLoading: boolean;
+    /**
+     * - An error object if the API request failed.
+     */
+    error?: {
+        message: string;
+        originalError: Error;
+    };
+    /**
+     * - An error object if the API info request failed.
+     */
+    infoError?: Error;
+    /**
+     * - An error object if the API data request failed.
+     */
+    dataError?: Error;
+    /**
+     * - An object containing streaming data and a function to fetch more data. Only available when the `ApiProvider` is configured for streaming.
+     */
+    streaming: APIStreaming;
+    /**
+     * - An object containing special keys for the API query, such as 'all' and 'actions'.
+     */
+    specialKey: APISpecialKey;
+    /**
+     * - A function to update the query parameters.
+     */
+    setQueryParams: (partialQueryParams: Partial<APIQueryParams> | ((prev: APIQueryParams) => Partial<APIQueryParams>)) => void;
+    /**
+     * - A function to refetch the data from the API.
+     */
+    refetch: (options?: {
+        force?: boolean;
+    }) => Promise<void>;
+    /**
+     * - A function to refetch the API information.
+     */
+    refetchInfo: (options?: {
+        force?: boolean;
+    }) => Promise<void>;
+    /**
+     * - A function to retrieve a specific entry by ID.
+     */
+    getEntry: (id: number | string) => Promise<Record<string, any>>;
+    /**
+     * - A function to add a new entry to the API.
+     */
+    addEntry: (item: Record<string, any>) => Promise<Record<string, any>>;
+    /**
+     * - A function to edit an existing entry in the API.
+     */
+    updateEntry: (id: number | string, item: Record<string, any>) => Promise<Record<string, any>>;
+    /**
+     * - A function to delete an entry from the API.
+     */
+    deleteEntry: (id: number | string) => Promise<Record<string, any>>;
+    /**
+     * - A function to download data from the API.
+     */
+    download: (label: string, options?: APIDownloadOptions) => Promise<void>;
+    /**
+     * - A function to upload a file to the API.
+     */
+    upload: (file: File, options?: APIUploadOptions) => Promise<Record<string, any>>;
+    /**
+     * - A function to reset the error state.
+     */
+    resetError: () => void;
+};
+export type BulkActions = {
+    /**
+     * - An array of currently selected IDs for bulk actions.
+     */
+    selectedIds: Array<string | number>;
+    /**
+     * - A function to set the selected IDs.
+     */
+    setSelectedIds: Function;
+};
+export type BulkActionsContext = {
+    /**
+     * - An array containing the selected IDs and a function to set them.
+     */
+    bulkActions: BulkActions;
+    /**
+     * - A function to dispatch bulk actions with a handler and optional data. If data is not provided, it uses the currently selected IDs.
+     */
+    dispatchBulkActions: (handler: string, data?: Array<string | number>) => Promise<Record<string, any>>;
+    /**
+     * - An error object if the bulk action failed.
+     */
+    error?: {
+        message: string;
+        originalError: Error;
+    };
+    /**
+     * - A function to reset the error state.
+     */
+    resetError: () => void;
+};
+export type AuthUser = {
+    /**
+     * - The unique identifier of the authenticated user.
+     */
+    id: number;
+    /**
+     * - The email of the authenticated user.
+     */
+    email: string;
+    /**
+     * - The username of the authenticated user.
+     */
+    username: string;
+    /**
+     * - The first name of the authenticated user.
+     */
+    first_name?: string;
+    /**
+     * - The last name of the authenticated user.
+     */
+    last_name?: string;
+    /**
+     * - Indicates whether the user account is active.
+     */
+    active: boolean;
+    /**
+     * - The timestamp of the user's last login.
+     */
+    last_login: string;
+    /**
+     * - The number of times the user has logged in.
+     */
+    login_count: number;
+    /**
+     * - The number of failed login attempts.
+     */
+    fail_login_count: number;
+    /**
+     * - The timestamp when the user account was created.
+     */
+    created_on: string;
+    /**
+     * - The timestamp when the user account was last changed.
+     */
+    changed_on: string;
+    /**
+     * - The full name of the authenticated user.
+     */
+    full_name: string;
+    /**
+     * - Indicates whether the user account is active.
+     */
+    is_active: boolean;
+    /**
+     * - Indicates whether the user's email is verified.
+     */
+    is_verified: boolean;
+    /**
+     * - Indicates whether the user has superuser privileges.
+     */
+    is_superuser: boolean;
+    /**
+     * - Indicates whether the user is anonymous.
+     */
+    is_anonymous: boolean;
+    /**
+     * - An array of permissions assigned to the user.
+     */
+    permissions: string[];
+    /**
+     * - An array of roles assigned to the user.
+     */
+    roles: string[];
+};
+export type AuthContext = {
+    /**
+     * - The authenticated user object, or null if not authenticated.
+     */
+    user: AuthUser | null;
+    /**
+     * - Indicates whether the authentication state is currently loading.
+     */
+    loading: boolean;
+    /**
+     * - An error object if the authentication request failed.
+     */
+    error: {
+        message: string;
+        originalError: Error;
+    } | null;
+    /**
+     * - A function to sign in the user with a username and password.
+     */
+    signin: (username: string, password: string) => Promise<void>;
+    /**
+     * - A function to sign out the user.
+     */
+    signout: () => Promise<void>;
+    /**
+     * - A function to update the authenticated user's data.
+     */
+    update: (data: Record<string, any>) => Promise<AuthUser>;
+    /**
+     * - A function to reset the user's password.
+     */
+    resetPassword: (password: string) => Promise<void>;
+    /**
+     * - A function to sign in the user using OAuth with a specified provider. If `popup` is true, it opens a popup window for the OAuth flow.
+     */
+    oauth_signin: (provider: string, popup?: boolean) => Promise<void>;
+    /**
+     * - A function to refetch the authenticated user's data.
+     */
+    refetch: () => Promise<void>;
+    /**
+     * - A function to reset the error state.
+     */
+    resetError: () => void;
+};
+export type CommonModalTitleOptionsProps = {
+    /**
+     * - Content or function to render on the left side of the title.
+     */
+    left: React.ReactNode | ((props: {
+        view: string;
+        setView: (view: string) => void;
+    }) => React.ReactNode);
+    /**
+     * - Content or function to render on the right side of the title.
+     */
+    right: React.ReactNode | ((props: {
+        view: string;
+        setView: (view: string) => void;
+    }) => React.ReactNode);
+    /**
+     * - If true, hides the overlay toggle button.
+     */
+    hideOverlay?: boolean;
+    /**
+     * - If true, hides the full screen toggle button.
+     */
+    hideFullScreen?: boolean;
+    /**
+     * - Additional props to be passed to the overlay toggle button.
+     */
+    overlayButtonProps?: Record<string, any> | ((props: {
+        view: string;
+        setView: (view: string) => void;
+    }) => Record<string, any>);
+    /**
+     * - Additional props to be passed to the full screen toggle button.
+     */
+    fullScreenButtonProps?: Record<string, any> | ((props: {
+        view: string;
+        setView: (view: string) => void;
+    }) => Record<string, any>);
+};
+export type CommonModalActionButtonsProps = {
+    /**
+     * - Additional properties to be passed to the Group component wrapping the buttons.
+     */
+    groupProps?: Record<string, any>;
+    /**
+     * - Flag to determine if the reset button should be displayed.
+     */
+    withResetButton?: boolean;
+    /**
+     * - Flag to determine if the submit button should be displayed.
+     */
+    withSubmitButton?: boolean;
+    /**
+     * - Additional properties to be passed to the reset Button component.
+     */
+    resetButtonProps?: Record<string, any>;
+    /**
+     * - Additional properties to be passed to the submit Button component.
+     */
+    submitButtonProps?: Record<string, any>;
+};
+export type CommonModalProps = {
+    /**
+     * - The content to be rendered inside the modal.
+     */
+    children: React.ReactNode;
+    /**
+     * - Current view mode (e.g., VIEW_MODE.NORMAL, VIEW_MODE.FULL_SCREEN, VIEW_MODE.OVERLAY).
+     */
+    view: string;
+    /**
+     * - Function to update the view mode.
+     */
+    setView: Function;
+    /**
+     * - Callback function triggered on form reset.
+     */
+    onReset: Function;
+    /**
+     * - Callback function triggered on form submission.
+     */
+    onSubmit: Function;
+    /**
+     * - Additional properties to be passed to the Box component wrapping the form.
+     */
+    boxProps: Record<string, any>;
+    /**
+     * - Text displayed on the reset button.
+     */
+    resetButtonText: string;
+    /**
+     * - Text displayed on the submit button.
+     */
+    buttonText: string;
+    /**
+     * - Indicates whether the submit button should display a loading state.
+     */
+    buttonLoading: boolean;
+    /**
+     * - Flag to determine if title options (e.g., full screen, overlay toggles) should be displayed.
+     */
+    withTitleOptions?: boolean;
+    /**
+     * - Flag to determine if action buttons (e.g., submit button) should be displayed.
+     */
+    withButtons?: boolean;
+    /**
+     * - Options for customizing the title area, such as toggles for full screen and overlay modes.
+     */
+    titleOptions?: CommonModalTitleOptionsProps;
+    /**
+     * - Options for customizing the action buttons area.
+     */
+    actionButtons?: CommonModalActionButtonsProps;
+    /**
+     * - Additional props to be passed to the Modal component.
+     */
+    rest: Record<string, any>;
+};
+export type AddDialogProps = {
+    /**
+     * - Additional JSON Forms customization options.
+     */
+    jsonForms?: Record<string, any>;
+    /**
+     * - Callback function triggered on successful form submission.
+     */
+    onSuccess?: (result: Record<string, any> | null) => void;
+    /**
+     * - Callback function triggered on form submission error.
+     */
+    onError?: (error: any) => void;
+    /**
+     * - Optional translations for internationalization.
+     */
+    translations?: Record<string, Record<string, string>>;
+    /**
+     * - Whether to hide missing translation warnings. Can be a boolean, a specific language code, an object mapping languages to booleans, or an array of language codes.
+     */
+    hideWarnings?: boolean | string | Record<string, boolean> | string[];
+    /**
+     * - Additional props to be passed to the JsonFormsWithCustomizer component.
+     */
+    jsonFormsProps?: Record<string, any>;
+};
+export type JSONFormsProps = {
+    /**
+     * - The label for the form control.
+     */
+    label?: string;
+    /**
+     * - The description for the form control.
+     */
+    description?: string;
+    /**
+     * - Indicates whether the form control is required.
+     */
+    required?: boolean;
+    /**
+     * - Indicates whether the form control is enabled.
+     */
+    enabled?: boolean;
+    /**
+     * - The data for the form control.
+     */
+    data?: any;
+    /**
+     * - Callback function triggered when the form control value changes.
+     */
+    handleChange?: (path: string, value: any) => void;
+    /**
+     * - The JSON pointer path to the form control in the data.
+     */
+    path?: string;
+    /**
+     * - Validation errors for the form control.
+     */
+    errors?: string;
+    /**
+     * - The JSON schema for the form control.
+     */
+    schema?: Record<string, any>;
+    /**
+     * - The UI schema for the form control.
+     */
+    uischema?: Record<string, any>;
+};
+export type JSONFormsCustomizerParameters = {
+    /**
+     * - The props passed to the JSON Forms component.
+     */
+    jsonFormsProps: JSONFormsProps;
+    /**
+     * - The props for the custom component.
+     */
+    componentProps: Record<string, any>;
+};
+export type JSONFormsCustomizerProps = {
+    /**
+     * - Props passed down to the Mantine Input component.
+     */
+    props: Record<string, any> | ((props: JSONFormsCustomizerParameters) => Record<string, any>);
+    /**
+     * - Component to override the default input component.
+     */
+    component: React.ReactNode | ((props: JSONFormsCustomizerParameters) => React.ReactNode);
+};
 export type NextGenDataGridChildrenProps = {
     /**
      * - MantineReactTable instance
      */
-    table: Record<string, any>;
+    table: import('mantine-react-table').MRT_TableInstance<import('mantine-react-table').MRT_RowData>;
 };
 export type NextGenDataGridFilterStateProps = {
     /**
@@ -32,15 +840,49 @@ export type NextGenDataGridFilterSyncProps = {
      */
     delay?: number;
 };
+export type NextGenDataGridMRTProps = {
+    /**
+     * - The cell object
+     */
+    cell: import('mantine-react-table').MRT_Cell<import('mantine-react-table').TData, import('mantine-react-table').TValue>;
+    /**
+     * - The column object
+     */
+    column: import('mantine-react-table').MRT_Column<import('mantine-react-table').TData, import('mantine-react-table').TValue>;
+    /**
+     * - The rendered cell value
+     */
+    renderedCellValue: number | React.ReactNode | string;
+    /**
+     * - The rendered column index
+     */
+    renderedColumnIndex?: number;
+    /**
+     * - The rendered row index
+     */
+    renderedRowIndex?: number;
+    /**
+     * - The row object
+     */
+    row: import('mantine-react-table').MRT_Row<import('mantine-react-table').TData>;
+    /**
+     * - The row ref
+     */
+    rowRef?: React.RefObject<HTMLTableRowElement>;
+    /**
+     * - The MantineReactTable instance
+     */
+    table: import('mantine-react-table').MRT_TableInstance<import('mantine-react-table').TData>;
+};
 export type NextGenDataGridBodyCellHighlightProps = {
     /**
      * - API instance
      */
-    api: Record<string, any>;
+    api: ApiContext;
     /**
      * - Auth instance
      */
-    auth: Record<string, any>;
+    auth: AuthContext;
     /**
      * - Row data
      */
@@ -48,11 +890,21 @@ export type NextGenDataGridBodyCellHighlightProps = {
     /**
      * - Column properties
      */
-    colProps: Record<string, any>;
+    colProps: NextGenDataGridBodyProps;
     /**
      * - MantineReactTable props
      */
-    mrtProps: Record<string, any>;
+    mrtProps: NextGenDataGridMRTProps;
+};
+export type NextGenDataGridBodyCellTruncateProps = {
+    /**
+     * - The original value before truncation. An array of strings if the value is separated by a separator
+     */
+    original: string | string[];
+    /**
+     * - The truncated value. An array of strings if the value is separated by a separator. Null if no truncation is applied
+     */
+    truncated?: string | string[] | null;
 };
 export type NextGenDataGridBodyCellCellProps = {
     /**
@@ -62,7 +914,7 @@ export type NextGenDataGridBodyCellCellProps = {
     /**
      * - The truncate object containing the original and truncated value
      */
-    truncate: Record<string, any>;
+    truncate: NextGenDataGridBodyCellTruncateProps;
     /**
      * - The highlight keywords to highlight in the cell value
      */
@@ -78,11 +930,11 @@ export type NextGenDataGridBodyCellProps = {
     /**
      * - API instance
      */
-    api: Record<string, any>;
+    api: ApiContext;
     /**
      * - Auth instance
      */
-    auth: Record<string, any>;
+    auth: AuthContext;
     /**
      * - Row data
      */
@@ -90,11 +942,11 @@ export type NextGenDataGridBodyCellProps = {
     /**
      * - Column properties
      */
-    colProps: Record<string, any>;
+    colProps: NextGenDataGridBodyProps;
     /**
      * - MantineReactTable props
      */
-    mrtProps: Record<string, any>;
+    mrtProps: NextGenDataGridMRTProps;
     /**
      * - Array of highlight keywords
      */
@@ -108,36 +960,120 @@ export type NextGenDataGridBodyCellProps = {
      */
     componentProps: NextGenDataGridBodyCellComponentProps;
 };
+export type NextGenDataGridQuickFiltersComponentComponentProps = {
+    /**
+     * - The current quick filter value
+     */
+    value: string;
+    /**
+     * - Callback when the quick filter value changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * - The quick filters data
+     */
+    data: {
+        label: string;
+        value: any;
+    }[];
+};
 export type NextGenDataGridQuickFiltersComponentProps = {
     /**
      * - API instance
      */
-    api: Record<string, any>;
+    api: ApiContext;
     /**
      * - Auth instance
      */
-    auth: Record<string, any>;
+    auth: AuthContext;
     /**
      * - MantineReactTable props
      */
-    mrtProps: Record<string, any>;
+    mrtProps: NextGenDataGridMRTProps;
     /**
      * - Props for the quick filters component
      */
+    componentProps: NextGenDataGridQuickFiltersComponentComponentProps;
+};
+export type NextGenDataGridHeaderParameters = {
+    /**
+     * - API instance
+     */
+    api: ApiContext;
+    /**
+     * - Auth instance
+     */
+    auth: AuthContext;
+    /**
+     * - MantineReactTable props
+     */
+    mrtProps: NextGenDataGridMRTProps;
+};
+export type NextGenDataGridHeaderFilterMenuPropsParameters = {
+    /**
+     * - The header label
+     */
+    label: string;
+    /**
+     * - Whether the filter is disabled
+     */
+    disabled: boolean;
+    /**
+     * - The number of active filters
+     */
+    indicator: number;
+    /**
+     * - Props for the action icon
+     */
+    actionIconProps: any;
+    /**
+     * - Callback when the filter menu icon is clicked
+     */
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+};
+export type NextGenDataGridHeaderFilterMenuParameters = {
+    /**
+     * - API instance
+     */
+    api: ApiContext;
+    /**
+     * - Auth instance
+     */
+    auth: AuthContext;
+    /**
+     * - MantineReactTable props
+     */
+    mrtProps: NextGenDataGridMRTProps;
+    /**
+     * - Props for the filter menu component
+     */
+    componentProps: NextGenDataGridHeaderFilterMenuPropsParameters;
+};
+export type NextGenDataGridHeaderFilterModeDescriptionParameters = {
+    /**
+     * - API instance
+     */
+    api: ApiContext;
+    /**
+     * - Auth instance
+     */
+    auth: AuthContext;
+    /**
+     * - MantineReactTable props
+     */
+    mrtProps: NextGenDataGridMRTProps;
+    /**
+     * - Props for the filter mode description component
+     */
     componentProps: {
         value: string;
-        onChange: (value: string) => void;
-        data: {
-            label: string;
-            value: any;
-        }[];
     };
 };
 export type NextGenDataGridHeaderProps = {
     /**
      * - Customize the header that is shown above the filter
      */
-    component?: JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element);
+    component?: React.ReactNode | ((props: NextGenDataGridHeaderParameters) => React.ReactNode);
     /**
      * - Enables the filter menu that can change the filter mode. Located on the right side of the filter
      */
@@ -145,11 +1081,11 @@ export type NextGenDataGridHeaderProps = {
     /**
      * - Customize the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component
      */
-    filterComponent?: JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element | Record<string, JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element)>);
+    filterComponent?: React.ReactNode | ((props: NextGenDataGridHeaderParameters) => React.ReactNode | Record<string, React.ReactNode | ((props: NextGenDataGridHeaderParameters) => React.ReactNode)>);
     /**
      * - Props for the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component props
      */
-    filterProps?: Record<string, any> | (({ api, auth, mrtProps }: any) => Record<string, any> | Record<string, Record<string, any> | (({ api, auth, mrtProps }: any) => Record<string, any>)>);
+    filterProps?: Record<string, any> | ((props: NextGenDataGridHeaderParameters) => Record<string, any> | Record<string, Record<string, any> | ((props: NextGenDataGridHeaderParameters) => Record<string, any>)>);
     /**
      * - Manage filter state externally
      */
@@ -163,11 +1099,11 @@ export type NextGenDataGridHeaderProps = {
     /**
      * - Customize the filter menu action icon beside the filter. Defaults to `Filter Menu` with icon `IconFilterCog`
      */
-    filterMenu?: JSX.Element | (({ api, auth, mrtProps, componentProps: { label: string, disabled: boolean, indicator: number, actionIconProps: Object, onClick: Function } }: any) => JSX.Element);
+    filterMenu?: React.ReactNode | ((props: NextGenDataGridHeaderFilterMenuParameters) => React.ReactNode);
     /**
      * - Customize the description below the filter when `enableFilterModes` is enabled. Defaults to `Filter Mode: {Filter name}`
      */
-    filterModeDescription?: JSX.Element | (({ api, auth, mrtProps, componentProps: { value: string } }: any) => JSX.Element);
+    filterModeDescription?: React.ReactNode | ((props: NextGenDataGridHeaderFilterModeDescriptionParameters) => React.ReactNode);
     /**
      * - Whether to update the query params when the filter is applied. Default is true
      */
@@ -189,7 +1125,7 @@ export type NextGenDataGridBodyProps = {
     /**
      * - Customize the component within the body
      */
-    component?: JSX.Element | ((props: NextGenDataGridBodyCellProps) => JSX.Element);
+    component?: React.ReactNode | ((props: NextGenDataGridBodyCellProps) => React.ReactNode);
     /**
      * - Separate the value of a column into multiple rows
      */
@@ -205,11 +1141,21 @@ export type NextGenDataGridBodyProps = {
     /**
      * - Props for the tooltip component that is shown when the value is truncated. The `value` is the value of the cell, either `string` or `string[]`, `data` is the row data, and `cellObj` is the cell object containing the value, truncate and highlight
      */
-    tooltipProps?: Record<string, any> | ((props: NextGenDataGridBodyCellProps & NextGenDataGridBodyCellComponentProps) => Record<string, any>);
+    tooltipProps?: import('@mantine/core').TooltipProps | ((props: NextGenDataGridBodyCellProps & NextGenDataGridBodyCellComponentProps) => import('@mantine/core').TooltipProps);
     /**
      * - Props for the highlight component. The `value` is the value of the cell, either `string` or `string[]`, `data` is the row data, and `cellObj` is the cell object containing the value, truncate and highlight
      */
-    highlightProps?: Record<string, any> | ((props: NextGenDataGridBodyCellProps & NextGenDataGridBodyCellComponentProps) => Record<string, any>);
+    highlightProps?: import('@mantine/core').HighlightProps | ((props: NextGenDataGridBodyCellProps & NextGenDataGridBodyCellComponentProps) => import('@mantine/core').HighlightProps);
+};
+export type NextGenDataGridFormProps = {
+    /**
+     * - Initial view mode for the form. Can be `normal`, `fullScreen`, or `overlay`. Defaults to `normal`
+     */
+    initialView?: "normal" | "fullScreen" | "overlay";
+    /**
+     * - Props for the JsonFormsDialog component
+     */
+    dialogProps?: CommonModalProps & AddDialogProps;
 };
 export type NextGenDataGridProps = {
     /**
@@ -249,11 +1195,11 @@ export type NextGenDataGridProps = {
      * - Bulk actions object
      * NextGenDataGrid props
      */
-    bulkActions?: object;
+    bulkActions?: BulkActions;
     /**
      * - MantineReactTable props
      */
-    table?: Record<string, any>;
+    table?: import('mantine-react-table').MRT_TableInstance<import('mantine-react-table').MRT_RowData>;
     /**
      * - Quick filters for the table
      */
@@ -268,7 +1214,7 @@ export type NextGenDataGridProps = {
     /**
      * - Custom quick filters component
      */
-    quickFiltersComponent?: JSX.Element | ((props: NextGenDataGridQuickFiltersComponentProps) => JSX.Element);
+    quickFiltersComponent?: React.ReactNode | ((props: NextGenDataGridQuickFiltersComponentProps) => React.ReactNode);
     /**
      * - Mantine props for the table
      */
@@ -276,7 +1222,7 @@ export type NextGenDataGridProps = {
     /**
      * - Column props for the table
      */
-    columnProps?: Record<string, Record<string, any>>;
+    columnProps?: Record<string, import('mantine-react-table').MRT_ColumnDef<import('mantine-react-table').MRT_RowData, unknown>>;
     /**
      * - Header props for the table
      */
@@ -289,8 +1235,8 @@ export type NextGenDataGridProps = {
      * - Form props for the table
      */
     form?: {
-        add: Record<string, any>;
-        edit: Record<string, any>;
+        add: NextGenDataGridFormProps & JSONFormsCustomizerProps;
+        edit: NextGenDataGridFormProps & JSONFormsCustomizerProps;
     };
     /**
      * - Toolbar props for the table