fastapi-rtk 1.0.43 → 1.0.44

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

@@ -154,10 +154,6 @@ function ColumnHeaderFilterInput({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [actionIconProps]
   );
-  const configuration = useMemo(
-    () => parseFromValuesOrFunc(enableFilterModes ? mergeProps(filterProps, opr) : filterProps, functionProps),
-    [enableFilterModes, filterProps, functionProps, opr]
-  );
   const headerInputProps = useMemo(
     () => {
       var _a2, _b2;
@@ -207,13 +203,20 @@ function ColumnHeaderFilterInput({
           if (node) {
             mrtProps.table.refs.filterInputRefs.current[`${mrtProps.column.id}-0`] = node;
           }
-        },
-        ...field.isDirty() ? { clearIcon: /* @__PURE__ */ jsx(CloseButton, { ...clearIconProps }) } : {},
-        ...configuration,
-        cleariconprops: clearIconProps
+        }
       };
     },
-    [clearIconProps, configuration, field.isDirty(), filters.length, t]
+    // 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,
@@ -222,7 +225,19 @@ function ColumnHeaderFilterInput({
       component,
       value: field.getInputProps().value,
       headerInputProps,
-      children: /* @__PURE__ */ jsx(HeaderInput, { component, field, ...field.getInputProps(), ...headerInputProps })
+      headerIconProps,
+      configuration,
+      children: /* @__PURE__ */ jsx(
+        HeaderInput,
+        {
+          component,
+          field,
+          ...field.getInputProps(),
+          ...headerInputProps,
+          ...headerIconProps,
+          ...configuration
+        }
+      )
     }
   );
 }

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,13 +1,22 @@
 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 useMemo(
     () => ({
-      renderToolbarAlertBannerContent: ({ table }) => /* @__PURE__ */ jsx(FASTAPI_RTK_ToolbarAlertBanner, { alertBanner, table })
+      renderToolbarAlertBannerContent: ({ groupedAlert, selectedAlert, table }) => /* @__PURE__ */ jsx(
+        FASTAPI_RTK_ToolbarAlertBanner,
+        {
+          groupedAlert,
+          selectedAlert,
+          table,
+          alertBanner,
+          optimizations
+        }
+      )
     }),
-    [alertBanner]
+    [alertBanner, optimizations]
   );
 }
 export {

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,

package/dist/core/esm/Tables/NextGenDataGrid/patch/body/MRT_TableBody.mjs

@@ -0,0 +1,146 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { clsx } from "../../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
+import classes from "./MRT_TableBody.module.css.mjs";
+import { memo, useMemo } from "react";
+import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { TableTbody } from "@mantine/core";
+import { useMRT_Rows, useMRT_RowVirtualizer, MRT_TableBodyEmptyRow } 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 { Memo_MRT_TableBodyRow, MRT_TableBodyRow } from "./MRT_TableBodyRow.mjs";
+const MRT_TableBody = ({ columnVirtualizer, table, tableProps, ...rest }) => {
+  var _a, _b;
+  const {
+    getBottomRows,
+    getIsSomeRowsPinned,
+    getRowModel,
+    getState,
+    getTopRows,
+    options: {
+      enableStickyFooter,
+      enableStickyHeader,
+      layoutMode,
+      mantineTableBodyProps,
+      memoMode,
+      renderDetailPanel,
+      rowPinningDisplayMode
+    },
+    refs: { tableFooterRef, tableHeadRef }
+  } = table;
+  const { isFullScreen, rowPinning } = getState();
+  const tableBodyProps = {
+    ...parseFromValuesOrFunc(mantineTableBodyProps, { table }),
+    ...rest
+  };
+  const tableHeadHeight = (enableStickyHeader || isFullScreen) && ((_a = tableHeadRef.current) == null ? void 0 : _a.clientHeight) || 0;
+  const tableFooterHeight = enableStickyFooter && ((_b = tableFooterRef.current) == null ? void 0 : _b.clientHeight) || 0;
+  const pinnedRowIds = useMemo(() => {
+    var _a2, _b2;
+    if (!((_a2 = rowPinning.bottom) == null ? void 0 : _a2.length) && !((_b2 = rowPinning.top) == null ? void 0 : _b2.length)) return [];
+    return getRowModel().rows.filter((row) => row.getIsPinned()).map((r) => r.id);
+  }, [rowPinning, getRowModel().rows]);
+  const rows = useMRT_Rows(table);
+  const rowVirtualizer = useMRT_RowVirtualizer(table, rows);
+  const { virtualRows } = rowVirtualizer ?? {};
+  const commonRowProps = {
+    columnVirtualizer,
+    numRows: rows.length,
+    table,
+    tableProps
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !(rowPinningDisplayMode == null ? void 0 : rowPinningDisplayMode.includes("sticky")) && getIsSomeRowsPinned("top") && /* @__PURE__ */ jsx(
+      TableTbody,
+      {
+        ...tableBodyProps,
+        __vars: {
+          "--mrt-table-head-height": `${tableHeadHeight}`,
+          ...tableBodyProps == null ? void 0 : tableBodyProps.__vars
+        },
+        className: clsx(
+          classes.pinned,
+          (layoutMode == null ? void 0 : layoutMode.startsWith("grid")) && classes["root-grid"],
+          tableBodyProps == null ? void 0 : tableBodyProps.className
+        ),
+        children: getTopRows().map((row, renderedRowIndex) => {
+          const rowProps = {
+            ...commonRowProps,
+            renderedRowIndex,
+            row
+          };
+          return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...rowProps }, row.id) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...rowProps }, row.id);
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TableTbody,
+      {
+        ...tableBodyProps,
+        __vars: {
+          "--mrt-table-body-height": rowVirtualizer ? `${rowVirtualizer.getTotalSize()}px` : void 0,
+          ...tableBodyProps == null ? void 0 : tableBodyProps.__vars
+        },
+        className: clsx(
+          classes.root,
+          (layoutMode == null ? void 0 : layoutMode.startsWith("grid")) && classes["root-grid"],
+          !rows.length && classes["root-no-rows"],
+          rowVirtualizer && classes["root-virtualized"],
+          tableBodyProps == null ? void 0 : tableBodyProps.className
+        ),
+        children: (tableBodyProps == null ? void 0 : tableBodyProps.children) ?? (!rows.length ? /* @__PURE__ */ jsx(MRT_TableBodyEmptyRow, { ...commonRowProps }) : /* @__PURE__ */ jsx(Fragment, { children: (virtualRows ?? rows).map((rowOrVirtualRow, renderedRowIndex) => {
+          if (rowVirtualizer) {
+            if (renderDetailPanel) {
+              if (rowOrVirtualRow.index % 2 === 1) {
+                return null;
+              } else {
+                renderedRowIndex = rowOrVirtualRow.index / 2;
+              }
+            } else {
+              renderedRowIndex = rowOrVirtualRow.index;
+            }
+          }
+          const row = rowVirtualizer ? rows[renderedRowIndex] : rowOrVirtualRow;
+          const props = {
+            ...commonRowProps,
+            pinnedRowIds,
+            renderedRowIndex,
+            row,
+            rowVirtualizer,
+            virtualRow: rowVirtualizer ? rowOrVirtualRow : void 0
+          };
+          const key = `${row.id}-${row.index}`;
+          return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...props }, key) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...props }, key);
+        }) }))
+      }
+    ),
+    !(rowPinningDisplayMode == null ? void 0 : rowPinningDisplayMode.includes("sticky")) && getIsSomeRowsPinned("bottom") && /* @__PURE__ */ jsx(
+      TableTbody,
+      {
+        ...tableBodyProps,
+        __vars: {
+          "--mrt-table-footer-height": `${tableFooterHeight}`,
+          ...tableBodyProps == null ? void 0 : tableBodyProps.__vars
+        },
+        className: clsx(
+          classes.pinned,
+          (layoutMode == null ? void 0 : layoutMode.startsWith("grid")) && classes["root-grid"],
+          tableBodyProps == null ? void 0 : tableBodyProps.className
+        ),
+        children: getBottomRows().map((row, renderedRowIndex) => {
+          const props = {
+            ...commonRowProps,
+            renderedRowIndex,
+            row
+          };
+          return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...props }, row.id) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...props }, row.id);
+        })
+      }
+    )
+  ] });
+};
+const Memo_MRT_TableBody = memo(
+  MRT_TableBody,
+  (prev, next) => prev.table.options.data === next.table.options.data
+);
+export {
+  MRT_TableBody,
+  Memo_MRT_TableBody
+};

package/dist/core/esm/Tables/NextGenDataGrid/patch/body/MRT_TableBody.module.css.mjs

@@ -0,0 +1,14 @@
+const root = "_root_1cl4e_1";
+const pinned = "_pinned_1cl4e_37";
+const classes = {
+  root,
+  "root-grid": "_root-grid_1cl4e_6",
+  "root-no-rows": "_root-no-rows_1cl4e_10",
+  "root-virtualized": "_root-virtualized_1cl4e_14",
+  pinned
+};
+export {
+  classes as default,
+  pinned,
+  root
+};