fastapi-rtk 1.0.42 → 1.0.44

package/dist/core/esm/Tables/NextGenDataGrid/components/OptimizedMRT_RowSelectColumn/getOptimizedMRT_RowSelectColumnDef.mjs

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { defaultDisplayColumnProps, MRT_SelectCheckbox } from "../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
+import { useMemo } from "react";
+import { useSelectionStore } from "./zustand.mjs";
+const Cell = ({ renderedRowIndex, row, table }) => {
+  const store = table.refs.selectionStoreRef.current;
+  const rowId = useMemo(() => row.id, [row.id]);
+  const checked = useSelectionStore(store, (state) => state.rowSelection[rowId] ?? false);
+  const storeOnChange = useSelectionStore(store, (state) => state.toggleRowSelected);
+  const onChange = useMemo(
+    () => (event) => {
+      event.stopPropagation();
+      storeOnChange(rowId);
+    },
+    [storeOnChange, rowId]
+  );
+  row.getCanSelect = () => {
+    if (typeof table.refs.options.enableRowSelection === "function") {
+      return table.refs.options.enableRowSelection(row);
+    }
+    return table.refs.options.enableRowSelection ?? true;
+  };
+  const {
+    options: { mantineSelectCheckboxProps }
+  } = table;
+  const checkboxProps = parseFromValuesOrFunc(mantineSelectCheckboxProps, { row, table });
+  return /* @__PURE__ */ jsx(
+    MRT_SelectCheckbox,
+    {
+      renderedRowIndex,
+      row,
+      table,
+      checked: (checkboxProps == null ? void 0 : checkboxProps.checked) ?? checked,
+      onChange: (checkboxProps == null ? void 0 : checkboxProps.onChange) ?? onChange
+    }
+  );
+};
+const Header = ({ table }) => {
+  const store = table.refs.selectionStoreRef.current;
+  const checked = useSelectionStore(store, (state) => state.getIsAllRowsSelected(table));
+  const indeterminate = useSelectionStore(
+    store,
+    (state) => !state.getIsAllRowsSelected(table) && state.getIsSomeRowsSelected(table)
+  );
+  const storeToggleAll = useSelectionStore(store, (state) => state.toggleAllRowsSelected);
+  const onChange = useMemo(
+    () => (event) => {
+      event.stopPropagation();
+      storeToggleAll(table, !checked);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [storeToggleAll, checked]
+  );
+  const {
+    options: { mantineSelectAllCheckboxProps }
+  } = table;
+  const checkboxProps = parseFromValuesOrFunc(mantineSelectAllCheckboxProps, { table });
+  return /* @__PURE__ */ jsx(
+    MRT_SelectCheckbox,
+    {
+      table,
+      checked: (checkboxProps == null ? void 0 : checkboxProps.checked) ?? checked,
+      indeterminate: (checkboxProps == null ? void 0 : checkboxProps.indeterminate) ?? indeterminate,
+      onChange: (checkboxProps == null ? void 0 : checkboxProps.onChange) ?? onChange
+    }
+  );
+};
+const getOptimizedMRT_RowSelectColumnDef = (tableOptions) => {
+  const { enableMultiRowSelection, enableSelectAll } = tableOptions;
+  return {
+    Cell,
+    grow: false,
+    Header: enableSelectAll && enableMultiRowSelection ? Header : void 0,
+    ...defaultDisplayColumnProps({
+      header: "select",
+      id: "mrt-row-select",
+      size: enableSelectAll ? 60 : 70,
+      tableOptions
+    })
+  };
+};
+export {
+  getOptimizedMRT_RowSelectColumnDef
+};

package/dist/core/esm/Tables/NextGenDataGrid/components/OptimizedMRT_RowSelectColumn/zustand.mjs

@@ -0,0 +1,38 @@
+import { create } from "../../../../../../.external/esm/zustand@5.0.11_@types_react@19.2.14_react@19.2.4/zustand/esm/react.mjs";
+const selectionStoreFactory = () => create((set, get) => ({
+  rowSelection: {},
+  getIsAllRowsSelected: (table) => {
+    const rowModel = table.getRowModel();
+    return rowModel.rows.length > 0 && rowModel.rows.every((row) => get().rowSelection[row.id]);
+  },
+  getIsSomeRowsSelected: (table) => {
+    const rowModel = table.getRowModel();
+    return rowModel.rows.some((row) => get().rowSelection[row.id]);
+  },
+  toggleRowSelected: (rowId) => set((state) => {
+    const isSelected = state.rowSelection[rowId];
+    const newRowSelection = { ...state.rowSelection };
+    if (isSelected) {
+      delete newRowSelection[rowId];
+    } else {
+      newRowSelection[rowId] = true;
+    }
+    return { rowSelection: newRowSelection };
+  }),
+  toggleAllRowsSelected: (table, value) => set((state) => {
+    const newRowSelection = { ...state.rowSelection };
+    table.getRowModel().rows.forEach((row) => {
+      if (value) {
+        newRowSelection[row.id] = true;
+      } else {
+        delete newRowSelection[row.id];
+      }
+    });
+    return { rowSelection: newRowSelection };
+  })
+}));
+const useSelectionStore = (store, selector) => store(selector);
+export {
+  selectionStoreFactory,
+  useSelectionStore
+};

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/ColumnHeaderFilterInput.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import classes from "./headerinput.module.css.mjs";
 import { useSyncValues } from "fastapi-rtk/hooks";
-import { getValueOrDefault, parseFromValuesOrFunc, mergeProps } from "fastapi-rtk/utils";
+import { getValueOrDefault, parseFromValuesOrFunc, mergeProps, MemoWrapper } from "fastapi-rtk/utils";
 import { Tooltip, Indicator, CloseButton } from "@mantine/core";
 import { useField } from "@mantine/form";
 import { useElementSize, useMergedRef, useDidUpdate } from "@mantine/hooks";
@@ -154,10 +154,6 @@ function ColumnHeaderFilterInput({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [actionIconProps]
   );
-  const configuration = parseFromValuesOrFunc(
-    enableFilterModes ? mergeProps(filterProps, opr) : filterProps,
-    functionProps
-  );
   const headerInputProps = useMemo(
     () => {
       var _a2, _b2;
@@ -207,15 +203,43 @@ function ColumnHeaderFilterInput({
           if (node) {
             mrtProps.table.refs.filterInputRefs.current[`${mrtProps.column.id}-0`] = node;
           }
-        },
-        clearIcon: field.isDirty() && /* @__PURE__ */ jsx(CloseButton, { ...clearIconProps }),
-        ...configuration,
-        cleariconprops: clearIconProps
+        }
       };
     },
-    [clearIconProps, configuration, field, filters.length, mrtProps]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [filters.length, t]
+  );
+  const headerIconProps = useMemo(
+    () => field.isDirty() ? { clearIcon: /* @__PURE__ */ jsx(CloseButton, { ...clearIconProps }), cleariconprops: clearIconProps } : {},
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [clearIconProps, field.isDirty()]
+  );
+  const configuration = parseFromValuesOrFunc(
+    enableFilterModes ? mergeProps(filterProps, opr) : filterProps,
+    functionProps
+  );
+  return /* @__PURE__ */ jsx(
+    MemoWrapper,
+    {
+      componentName: `ColumnHeaderFilterInput-${column.id}-${opr}`,
+      component,
+      value: field.getInputProps().value,
+      headerInputProps,
+      headerIconProps,
+      configuration,
+      children: /* @__PURE__ */ jsx(
+        HeaderInput,
+        {
+          component,
+          field,
+          ...field.getInputProps(),
+          ...headerInputProps,
+          ...headerIconProps,
+          ...configuration
+        }
+      )
+    }
   );
-  return /* @__PURE__ */ jsx(HeaderInput, { component, field, ...field.getInputProps(), ...headerInputProps });
 }
 export {
   ColumnHeaderFilterInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/useColumns.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { mergeProps, getValue, parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { mergeProps, parseFromValuesOrFunc, getValue } from "fastapi-rtk/utils";
 import { Flex } from "@mantine/core";
 import { useMap, useSetState } from "@mantine/hooks";
 import { useEffect, useMemo } from "react";
@@ -44,7 +44,7 @@ function useColumns(columnProps, header, body, textFilterSeparator, enableAdvanc
       if (component !== void 0) {
         additionalProps.Header = (props) => parseFromValuesOrFunc(component, { api, auth, mrtProps: props });
       }
-      return {
+      const result = {
         accessorKey: col,
         accessorFn: (row) => getValue(row, col),
         header: (_g = data == null ? void 0 : data.label_columns) == null ? void 0 : _g[col],
@@ -119,9 +119,9 @@ function useColumns(columnProps, header, body, textFilterSeparator, enableAdvanc
             }
           }
         ) : /* @__PURE__ */ jsx(Cell, { body, col, textFilterSeparator, mrtProps: props }),
-        ...additionalProps,
-        ...mergeProps(columnProps, specialKey.all, col)
+        ...additionalProps
       };
+      return { ...result, ...parseFromValuesOrFunc(mergeProps(columnProps, specialKey.all, col), result) };
     })) || [],
     [
       data == null ? void 0 : data.list_columns,

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useEvent.mjs

@@ -1,14 +1,15 @@
 import { getItemId } from "fastapi-rtk/utils";
+import { useMemo } from "react";
 function useEvent(onClickEntry) {
-  if (!onClickEntry) {
-    return null;
-  }
-  return {
-    mantineTableBodyRowProps: ({ row }) => ({
-      onClick: () => onClickEntry(getItemId(row.original), row.original),
-      style: { cursor: "pointer" }
-    })
-  };
+  return useMemo(
+    () => onClickEntry ? {
+      mantineTableBodyRowProps: ({ row }) => ({
+        onClick: () => onClickEntry(getItemId(row.original), row.original),
+        style: { cursor: "pointer" }
+      })
+    } : void 0,
+    [onClickEntry]
+  );
 }
 export {
   useEvent

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useOnLoad.mjs

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import { useApi } from "../../../hooks/api/useApi.mjs";
+const useOnLoad = (fetchOnMount) => {
+  const { queryParams, refetch } = useApi();
+  useEffect(() => {
+    if (!queryParams && fetchOnMount) {
+      refetch();
+    }
+  }, []);
+};
+export {
+  useOnLoad
+};

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useOptimizations.mjs

@@ -0,0 +1,26 @@
+import { useMemo, useEffect } from "react";
+import { getOptimizedMRT_RowSelectColumnDef } from "../components/OptimizedMRT_RowSelectColumn/getOptimizedMRT_RowSelectColumnDef.mjs";
+import { useSelectionStore } from "../components/OptimizedMRT_RowSelectColumn/zustand.mjs";
+const useOptimizations = (tableOptions, columns, optimizations) => {
+  const { enableRowSelection } = tableOptions;
+  return useMemo(
+    () => (optimizations == null ? void 0 : optimizations.selection) && enableRowSelection ? { columns: [getOptimizedMRT_RowSelectColumnDef(tableOptions), ...columns], enableRowSelection: false } : void 0,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [columns, enableRowSelection, optimizations == null ? void 0 : optimizations.selection]
+  );
+};
+const useTableOptimizations = (table, onSelectCheckbox, bulkActions, optimizations) => {
+  const store = table.refs.selectionStoreRef.current;
+  const optimizedRowSelection = useSelectionStore(store, (state) => state.rowSelection);
+  useEffect(() => {
+    if (!(optimizations == null ? void 0 : optimizations.selection)) {
+      return;
+    }
+    onSelectCheckbox == null ? void 0 : onSelectCheckbox(Object.keys(optimizedRowSelection));
+    bulkActions == null ? void 0 : bulkActions.setSelectedIds(Object.keys(optimizedRowSelection));
+  }, [bulkActions, onSelectCheckbox, optimizedRowSelection]);
+};
+export {
+  useOptimizations,
+  useTableOptimizations
+};

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useQueryOnlyVisibleColumns.mjs

@@ -0,0 +1,20 @@
+import { useEffect } from "react";
+import { useApi } from "../../../hooks/api/useApi.mjs";
+const useQueryOnlyVisibleColumns = (table, queryOnlyVisibleColumns) => {
+  const { data, setQueryParams } = useApi();
+  useEffect(() => {
+    if (!queryOnlyVisibleColumns || !(data == null ? void 0 : data.list_columns)) {
+      return;
+    }
+    const columnVisibility = table.getState().columnVisibility;
+    const visibleColumns = table.getAllColumns().filter((col) => columnVisibility[col.id] !== false).filter((col) => data.list_columns.includes(col.id));
+    if (data.list_columns.length === visibleColumns.length) {
+      setQueryParams({ columns: [] });
+      return;
+    }
+    setQueryParams({ columns: visibleColumns.map((col) => col.id) });
+  }, [table.getState().columnVisibility, setQueryParams]);
+};
+export {
+  useQueryOnlyVisibleColumns
+};

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useSelection/useSelection.mjs

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+function useSelection(onSelectCheckbox, bulkActions) {
+  return { enableRowSelection: !!onSelectCheckbox || !!bulkActions };
+}
+const useTableSelection = (table, onSelectCheckbox, bulkActions) => {
+  useEffect(() => {
+    onSelectCheckbox == null ? void 0 : onSelectCheckbox(Object.keys(table.getState().rowSelection));
+    bulkActions == null ? void 0 : bulkActions.setSelectedIds(Object.keys(table.getState().rowSelection));
+  }, [bulkActions, table.getState().rowSelection, onSelectCheckbox]);
+};
+export {
+  useSelection,
+  useTableSelection
+};

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useToolbarAlertBanner/FASTAPI_RTK_ToolbarAlertBanner.mjs

@@ -1,30 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { parseFromValuesOrFunc, getValueOrDefault } from "fastapi-rtk/utils";
-import { Flex, Button, Group, Badge, ActionIcon, Stack } from "@mantine/core";
+import { Flex, Group, Stack } from "@mantine/core";
 import { clsx } from "../../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
-import { getMRT_SelectAllHandler, MRT_SelectCheckbox } from "../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
-import { useMemo, Fragment } from "react";
+import { MRT_SelectCheckbox } from "../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
 import classes from "./FASTAPI_RTK_ToolbarAlertBanner.module.css.mjs";
-const FASTAPI_RTK_ToolbarAlertBanner = ({ alertBanner, table, ...rest }) => {
-  var _a, _b;
+const FASTAPI_RTK_ToolbarAlertBanner = ({ groupedAlert, selectedAlert, table, alertBanner, ...rest }) => {
   const {
-    getFilteredSelectedRowModel,
-    getPrePaginationRowModel,
     getState,
-    resetRowSelection,
-    options: {
-      enableRowSelection,
-      enableSelectAll,
-      icons: { IconX },
-      localization,
-      mantineToolbarAlertBannerBadgeProps,
-      mantineToolbarAlertBannerProps,
-      manualPagination,
-      positionToolbarAlertBanner,
-      rowCount
-    }
+    options: { enableRowSelection, enableSelectAll, mantineToolbarAlertBannerProps, positionToolbarAlertBanner }
   } = table;
-  const { density, grouping, rowSelection } = getState();
+  const { density } = getState();
   const { left, right, renderToolbarAlertBannerContent, wrapperProps } = alertBanner ?? {};
   const { flex, group, stack } = wrapperProps ?? {};
   const alertProps = {
@@ -33,54 +18,6 @@ const FASTAPI_RTK_ToolbarAlertBanner = ({ alertBanner, table, ...rest }) => {
     }),
     ...rest
   };
-  const badgeProps = parseFromValuesOrFunc(mantineToolbarAlertBannerBadgeProps, { table });
-  const totalRowCount = rowCount ?? getPrePaginationRowModel().flatRows.length;
-  const selectedRowCount = useMemo(
-    () => manualPagination ? Object.values(rowSelection).filter(Boolean).length : getFilteredSelectedRowModel().rows.length,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [rowSelection, totalRowCount, manualPagination]
-  );
-  const selectedAlert = selectedRowCount ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "sm", children: [
-    (_b = (_a = localization.selectedCountOfRowCountRowsSelected) == null ? void 0 : _a.replace("{selectedCount}", selectedRowCount.toString())) == null ? void 0 : _b.replace("{rowCount}", totalRowCount.toString()),
-    /* @__PURE__ */ jsx(Button, { onClick: resetRowSelection, size: "compact-xs", variant: "subtle", children: localization.clearSelection }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: (event) => getMRT_SelectAllHandler({ table })(event, false, true),
-        size: "compact-xs",
-        variant: "subtle",
-        children: localization.clearSelectionOnThisPage ?? "Clear selection on this page"
-      }
-    )
-  ] }) : null;
-  const groupedAlert = grouping.length > 0 ? /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-    localization.groupedBy,
-    grouping.map((columnId, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      index > 0 ? localization.thenBy : "",
-      /* @__PURE__ */ jsxs(
-        Badge,
-        {
-          className: "alert-badge",
-          rightSection: /* @__PURE__ */ jsx(
-            ActionIcon,
-            {
-              color: "white",
-              onClick: () => table.getColumn(columnId).toggleGrouping(),
-              size: "xs",
-              variant: "subtle",
-              children: /* @__PURE__ */ jsx(IconX, { style: { transform: "scale(0.8)" } })
-            }
-          ),
-          variant: "filled",
-          ...badgeProps,
-          children: [
-            table.getColumn(columnId).columnDef.header,
-            " "
-          ]
-        }
-      )
-    ] }, `${index}-${columnId}`))
-  ] }) : null;
   return /* @__PURE__ */ jsxs(
     Flex,
     {

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useToolbarAlertBanner/useToolbarAlertBanner.mjs

@@ -1,10 +1,23 @@
 import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { FASTAPI_RTK_ToolbarAlertBanner } from "./FASTAPI_RTK_ToolbarAlertBanner.mjs";
-function useToolbarAlertBanner(toolbar) {
+function useToolbarAlertBanner(toolbar, optimizations) {
   const { alertBanner } = toolbar;
-  return {
-    renderToolbarAlertBannerContent: ({ table }) => /* @__PURE__ */ jsx(FASTAPI_RTK_ToolbarAlertBanner, { alertBanner, table })
-  };
+  return useMemo(
+    () => ({
+      renderToolbarAlertBannerContent: ({ groupedAlert, selectedAlert, table }) => /* @__PURE__ */ jsx(
+        FASTAPI_RTK_ToolbarAlertBanner,
+        {
+          groupedAlert,
+          selectedAlert,
+          table,
+          alertBanner,
+          optimizations
+        }
+      )
+    }),
+    [alertBanner, optimizations]
+  );
 }
 export {
   useToolbarAlertBanner

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useView.mjs

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { useForms } from "../../../hooks/api/useForms.mjs";
+const useView = (form) => {
+  const { setView: setViewAdd } = useForms("add");
+  const { setView: setViewEdit } = useForms("edit");
+  useEffect(() => {
+    var _a, _b;
+    if ((_a = form == null ? void 0 : form.add) == null ? void 0 : _a.initialView) {
+      setViewAdd(form.add.initialView);
+    }
+    if ((_b = form == null ? void 0 : form.edit) == null ? void 0 : _b.initialView) {
+      setViewEdit(form.edit.initialView);
+    }
+  }, []);
+};
+export {
+  useView
+};

package/dist/core/esm/Tables/NextGenDataGrid/patch/MRT_TableContainer.mjs

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { parseFromValuesOrFunc, RenderWrapper } from "fastapi-rtk/utils";
 import { Box, LoadingOverlay } from "@mantine/core";
 import { clsx } from "../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
-import { MRT_Table, MRT_EditRowModal } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
+import { MRT_EditRowModal } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
 import { useState, useLayoutEffect, useEffect } from "react";
 import classes from "./MRT_TableContainer.module.css.mjs";
+import { MRT_Table } from "./table/MRT_Table.mjs";
 const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const MRT_TableContainer = ({ table, ...rest }) => {
   const {
@@ -35,6 +36,7 @@ const MRT_TableContainer = ({ table, ...rest }) => {
   const createModalOpen = createDisplayMode === "modal" && creatingRow;
   const editModalOpen = editDisplayMode === "modal" && editingRow;
   const tableContainerWrapperProps = parseFromValuesOrFunc(mantineTableContainerWrapperProps, { table });
+  const optimizations = table.refs.optimizations.current;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -43,33 +45,40 @@ const MRT_TableContainer = ({ table, ...rest }) => {
       className: clsx("mrt-table-container-wrapper", tableContainerWrapperProps == null ? void 0 : tableContainerWrapperProps.className),
       children: [
         /* @__PURE__ */ jsx(LoadingOverlay, { visible: isLoading || showLoadingOverlay, zIndex: 2, ...loadingOverlayProps }),
-        /* @__PURE__ */ jsxs(
-          Box,
+        /* @__PURE__ */ jsx(
+          RenderWrapper,
           {
-            ...tableContainerProps,
-            __vars: {
-              "--mrt-top-toolbar-height": `${totalToolbarHeight}`,
-              ...tableContainerProps == null ? void 0 : tableContainerProps.__vars
-            },
-            className: clsx(
-              "mrt-table-container",
-              classes.root,
-              enableStickyHeader && classes["root-sticky"],
-              isFullScreen && classes["root-fullscreen"],
-              tableContainerProps == null ? void 0 : tableContainerProps.className
-            ),
-            ref: (node) => {
-              if (node) {
-                tableContainerRef.current = node;
-                if (tableContainerProps == null ? void 0 : tableContainerProps.ref) {
-                  tableContainerProps.ref.current = node;
-                }
+            componentName: "MRT_TableContainer",
+            render: (optimizations == null ? void 0 : optimizations.loading) ? !(isLoading || showLoadingOverlay || (loadingOverlayProps == null ? void 0 : loadingOverlayProps.visible)) : true,
+            children: /* @__PURE__ */ jsxs(
+              Box,
+              {
+                ...tableContainerProps,
+                __vars: {
+                  "--mrt-top-toolbar-height": `${totalToolbarHeight}`,
+                  ...tableContainerProps == null ? void 0 : tableContainerProps.__vars
+                },
+                className: clsx(
+                  "mrt-table-container",
+                  classes.root,
+                  enableStickyHeader && classes["root-sticky"],
+                  isFullScreen && classes["root-fullscreen"],
+                  tableContainerProps == null ? void 0 : tableContainerProps.className
+                ),
+                ref: (node) => {
+                  if (node) {
+                    tableContainerRef.current = node;
+                    if (tableContainerProps == null ? void 0 : tableContainerProps.ref) {
+                      tableContainerProps.ref.current = node;
+                    }
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx(MRT_Table, { table }),
+                  (createModalOpen || editModalOpen) && /* @__PURE__ */ jsx(MRT_EditRowModal, { open: true, table })
+                ]
               }
-            },
-            children: [
-              /* @__PURE__ */ jsx(MRT_Table, { table }),
-              (createModalOpen || editModalOpen) && /* @__PURE__ */ jsx(MRT_EditRowModal, { open: true, table })
-            ]
+            )
           }
         )
       ]

package/dist/core/esm/Tables/NextGenDataGrid/patch/MRT_TopToolbar.mjs

@@ -3,9 +3,10 @@ import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
 import { Box, Group, Flex, Center } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 import { clsx } from "../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
-import { MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_GlobalFilterTextInput, MRT_ToolbarInternalButtons, MRT_TablePagination, MRT_ProgressBar } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
+import { MRT_ToolbarDropZone, MRT_GlobalFilterTextInput, MRT_ToolbarInternalButtons, MRT_TablePagination, MRT_ProgressBar } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._7jqiyi5sshrifwwn7z7vmkfdl4/mantine-react-table/dist/index.esm.mjs";
 import commonClasses from "./common.styles.module.css.mjs";
 import classes from "./MRT_TopToolbar.module.css.mjs";
+import { MRT_ToolbarAlertBanner } from "./toolbar/MRT_ToolbarAlertBanner.mjs";
 const MRT_TopToolbar = ({ table, ...rest }) => {
   const {
     getState,