fastapi-rtk 0.2.62 → 1.0.0

package/dist/.external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.cjs

@@ -2745,7 +2745,6 @@ const MRT_BottomToolbar = (_a) => {
     }
   }, children: [jsxRuntime.jsx(MRT_ProgressBar, { isTopToolbar: false, table }), positionToolbarAlertBanner === "bottom" && jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner, table }), ["both", "bottom"].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : "") && jsxRuntime.jsx(MRT_ToolbarDropZone, { table }), jsxRuntime.jsxs(core.Box, { className: classes$5["custom-toolbar-container"], children: [renderBottomToolbarCustomActions ? renderBottomToolbarCustomActions({ table }) : jsxRuntime.jsx("span", {}), jsxRuntime.jsx(core.Box, { className: clsx.clsx(classes$5["paginator-container"], stackAlertBanner && classes$5["paginator-container-alert-banner"]), children: enablePagination && ["both", "bottom"].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : "") && jsxRuntime.jsx(MRT_TablePagination, { position: "bottom", table }) })] })] }));
 };
-var classes$1 = { "root": "MRT_TopToolbar-module_root__r4-V9", "root-fullscreen": "MRT_TopToolbar-module_root-fullscreen__3itT8", "actions-container": "MRT_TopToolbar-module_actions-container__-uL0u", "actions-container-stack-alert": "MRT_TopToolbar-module_actions-container-stack-alert__OYDL6" };
 var classes = { "root": "MRT_ToolbarInternalButtons-module_root__NKoUG" };
 const MRT_ToolbarInternalButtons = (_a) => {
   var _b;
@@ -2753,30 +2752,6 @@ const MRT_ToolbarInternalButtons = (_a) => {
   const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions } } = table;
   return jsxRuntime.jsx(core.Flex, Object.assign({}, rest, { className: clsx.clsx("mrt-toolbar-internal-buttons", classes.root, rest === null || rest === void 0 ? void 0 : rest.className), children: (_b = renderToolbarInternalActions === null || renderToolbarInternalActions === void 0 ? void 0 : renderToolbarInternalActions({ table })) !== null && _b !== void 0 ? _b : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters && enableGlobalFilter && !(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && jsxRuntime.jsx(MRT_ToggleGlobalFilterButton, { table }), enableFilters && enableColumnFilters && columnFilterDisplayMode !== "popover" && jsxRuntime.jsx(MRT_ToggleFiltersButton, { table }), (enableHiding || enableColumnOrdering || enableColumnPinning) && jsxRuntime.jsx(MRT_ShowHideColumnsButton, { table }), enableDensityToggle && jsxRuntime.jsx(MRT_ToggleDensePaddingButton, { table }), enableFullScreenToggle && jsxRuntime.jsx(MRT_ToggleFullScreenButton, { table })] }) }));
 };
-const MRT_TopToolbar = (_a) => {
-  var _b;
-  var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, mantineTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions }, refs: { topToolbarRef } } = table;
-  const { isFullScreen, showGlobalFilter } = getState();
-  const isMobile = hooks.useMediaQuery("(max-width:720px)");
-  const isTablet = hooks.useMediaQuery("(max-width:1024px)");
-  const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(mantineTopToolbarProps, { table })), rest);
-  const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter && isTablet;
-  const globalFilterProps = {
-    style: !isTablet ? {
-      zIndex: 3
-    } : void 0,
-    table
-  };
-  return jsxRuntime.jsxs(core.Box, Object.assign({}, toolbarProps, { className: clsx.clsx(commonClasses["common-toolbar-styles"], classes$1["root"], isFullScreen && classes$1["root-fullscreen"], toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.className), ref: (node) => {
-    if (node) {
-      topToolbarRef.current = node;
-      if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
-        toolbarProps.ref.current = node;
-      }
-    }
-  }, children: [positionToolbarAlertBanner === "top" && jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner, table }), ["both", "top"].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : "") && jsxRuntime.jsx(MRT_ToolbarDropZone, { table }), jsxRuntime.jsxs(core.Flex, { className: clsx.clsx(classes$1["actions-container"], stackAlertBanner && classes$1["actions-container-stack-alert"]), children: [enableGlobalFilter && positionGlobalFilter === "left" && jsxRuntime.jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps)), (_b = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _b !== void 0 ? _b : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? jsxRuntime.jsxs(core.Flex, { justify: "end", wrap: "wrap-reverse", children: [enableGlobalFilter && positionGlobalFilter === "right" && jsxRuntime.jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps)), jsxRuntime.jsx(MRT_ToolbarInternalButtons, { table })] }) : enableGlobalFilter && positionGlobalFilter === "right" && jsxRuntime.jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps))] }), enablePagination && ["both", "top"].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : "") && jsxRuntime.jsx(core.Flex, { justify: "end", children: jsxRuntime.jsx(MRT_TablePagination, { position: "top", table }) }), jsxRuntime.jsx(MRT_ProgressBar, { isTopToolbar: true, table })] }));
-};
 exports.MRT_AggregationFns = MRT_AggregationFns;
 exports.MRT_BottomToolbar = MRT_BottomToolbar;
 exports.MRT_ColumnActionMenu = MRT_ColumnActionMenu;
@@ -2834,7 +2809,6 @@ exports.MRT_ToggleRowActionMenuButton = MRT_ToggleRowActionMenuButton;
 exports.MRT_ToolbarAlertBanner = MRT_ToolbarAlertBanner;
 exports.MRT_ToolbarDropZone = MRT_ToolbarDropZone;
 exports.MRT_ToolbarInternalButtons = MRT_ToolbarInternalButtons;
-exports.MRT_TopToolbar = MRT_TopToolbar;
 exports.Memo_MRT_TableBody = Memo_MRT_TableBody;
 exports.Memo_MRT_TableBodyCell = Memo_MRT_TableBodyCell;
 exports.Memo_MRT_TableBodyRow = Memo_MRT_TableBodyRow;

package/dist/.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.mjs

@@ -2743,7 +2743,6 @@ const MRT_BottomToolbar = (_a) => {
     }
   }, children: [jsx(MRT_ProgressBar, { isTopToolbar: false, table }), positionToolbarAlertBanner === "bottom" && jsx(MRT_ToolbarAlertBanner, { stackAlertBanner, table }), ["both", "bottom"].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : "") && jsx(MRT_ToolbarDropZone, { table }), jsxs(Box, { className: classes$5["custom-toolbar-container"], children: [renderBottomToolbarCustomActions ? renderBottomToolbarCustomActions({ table }) : jsx("span", {}), jsx(Box, { className: clsx(classes$5["paginator-container"], stackAlertBanner && classes$5["paginator-container-alert-banner"]), children: enablePagination && ["both", "bottom"].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : "") && jsx(MRT_TablePagination, { position: "bottom", table }) })] })] }));
 };
-var classes$1 = { "root": "MRT_TopToolbar-module_root__r4-V9", "root-fullscreen": "MRT_TopToolbar-module_root-fullscreen__3itT8", "actions-container": "MRT_TopToolbar-module_actions-container__-uL0u", "actions-container-stack-alert": "MRT_TopToolbar-module_actions-container-stack-alert__OYDL6" };
 var classes = { "root": "MRT_ToolbarInternalButtons-module_root__NKoUG" };
 const MRT_ToolbarInternalButtons = (_a) => {
   var _b;
@@ -2751,30 +2750,6 @@ const MRT_ToolbarInternalButtons = (_a) => {
   const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions } } = table;
   return jsx(Flex, Object.assign({}, rest, { className: clsx("mrt-toolbar-internal-buttons", classes.root, rest === null || rest === void 0 ? void 0 : rest.className), children: (_b = renderToolbarInternalActions === null || renderToolbarInternalActions === void 0 ? void 0 : renderToolbarInternalActions({ table })) !== null && _b !== void 0 ? _b : jsxs(Fragment, { children: [enableFilters && enableGlobalFilter && !(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && jsx(MRT_ToggleGlobalFilterButton, { table }), enableFilters && enableColumnFilters && columnFilterDisplayMode !== "popover" && jsx(MRT_ToggleFiltersButton, { table }), (enableHiding || enableColumnOrdering || enableColumnPinning) && jsx(MRT_ShowHideColumnsButton, { table }), enableDensityToggle && jsx(MRT_ToggleDensePaddingButton, { table }), enableFullScreenToggle && jsx(MRT_ToggleFullScreenButton, { table })] }) }));
 };
-const MRT_TopToolbar = (_a) => {
-  var _b;
-  var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, mantineTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions }, refs: { topToolbarRef } } = table;
-  const { isFullScreen, showGlobalFilter } = getState();
-  const isMobile = useMediaQuery("(max-width:720px)");
-  const isTablet = useMediaQuery("(max-width:1024px)");
-  const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(mantineTopToolbarProps, { table })), rest);
-  const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter && isTablet;
-  const globalFilterProps = {
-    style: !isTablet ? {
-      zIndex: 3
-    } : void 0,
-    table
-  };
-  return jsxs(Box, Object.assign({}, toolbarProps, { className: clsx(commonClasses["common-toolbar-styles"], classes$1["root"], isFullScreen && classes$1["root-fullscreen"], toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.className), ref: (node) => {
-    if (node) {
-      topToolbarRef.current = node;
-      if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
-        toolbarProps.ref.current = node;
-      }
-    }
-  }, children: [positionToolbarAlertBanner === "top" && jsx(MRT_ToolbarAlertBanner, { stackAlertBanner, table }), ["both", "top"].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : "") && jsx(MRT_ToolbarDropZone, { table }), jsxs(Flex, { className: clsx(classes$1["actions-container"], stackAlertBanner && classes$1["actions-container-stack-alert"]), children: [enableGlobalFilter && positionGlobalFilter === "left" && jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps)), (_b = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _b !== void 0 ? _b : jsx("span", {}), enableToolbarInternalActions ? jsxs(Flex, { justify: "end", wrap: "wrap-reverse", children: [enableGlobalFilter && positionGlobalFilter === "right" && jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps)), jsx(MRT_ToolbarInternalButtons, { table })] }) : enableGlobalFilter && positionGlobalFilter === "right" && jsx(MRT_GlobalFilterTextInput, Object.assign({}, globalFilterProps))] }), enablePagination && ["both", "top"].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : "") && jsx(Flex, { justify: "end", children: jsx(MRT_TablePagination, { position: "top", table }) }), jsx(MRT_ProgressBar, { isTopToolbar: true, table })] }));
-};
 export {
   MRT_AggregationFns,
   MRT_BottomToolbar,
@@ -2833,7 +2808,6 @@ export {
   MRT_ToolbarAlertBanner,
   MRT_ToolbarDropZone,
   MRT_ToolbarInternalButtons,
-  MRT_TopToolbar,
   Memo_MRT_TableBody,
   Memo_MRT_TableBodyCell,
   Memo_MRT_TableBodyRow,

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useToolbar/useToolbar.cjs

@@ -29,7 +29,7 @@ function useToolbar(toolbar = {}, quickFilters, hideToolbar, enableAdvancedFilte
   const { info, queryParams, setQueryParams } = useApi.useApi();
   const api = useApi.useApi();
   const auth = useAuth.useAuth();
-  const { customizer, custom, leftToolbar } = toolbar;
+  const { customizer, custom, leftToolbar, centerToolbar } = toolbar;
   const data = React.useMemo(() => {
     if (!quickFilters) {
       return [];
@@ -72,6 +72,7 @@ function useToolbar(toolbar = {}, quickFilters, hideToolbar, enableAdvancedFilte
   );
   return {
     renderToolbarInternalActions,
+    renderTopToolbarCenterActions: centerToolbar,
     enableTopToolbar: !hideToolbar,
     enableFilters: (customizer == null ? void 0 : customizer.filter) !== null,
     ...React.useMemo(() => {

package/dist/core/cjs/Tables/NextGenDataGrid/patch/MRT_TablePaper.cjs

@@ -7,6 +7,7 @@ const clsx = require("../../../../../.external/cjs/clsx@2.1.1/clsx/dist/clsx.cjs
 const index_esm = require("../../../../../.external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.cjs");
 const MRT_TableContainer = require("./MRT_TableContainer.cjs");
 const MRT_TablePaper_module = require("./MRT_TablePaper.module.css.cjs");
+const MRT_TopToolbar = require("./MRT_TopToolbar.cjs");
 const MRT_TablePaper = ({ table, ...rest }) => {
   const {
     getState,
@@ -56,7 +57,7 @@ const MRT_TablePaper = ({ table, ...rest }) => {
         } : null
       }),
       children: [
-        enableTopToolbar && (utils.parseFromValuesOrFunc(renderTopToolbar, { table }) ?? /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_TopToolbar, { table })),
+        enableTopToolbar && (utils.parseFromValuesOrFunc(renderTopToolbar, { table }) ?? /* @__PURE__ */ jsxRuntime.jsx(MRT_TopToolbar.MRT_TopToolbar, { table })),
         /* @__PURE__ */ jsxRuntime.jsx(MRT_TableContainer.MRT_TableContainer, { table }),
         enableBottomToolbar && (utils.parseFromValuesOrFunc(renderBottomToolbar, { table }) ?? /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_BottomToolbar, { table }))
       ]

package/dist/core/cjs/Tables/NextGenDataGrid/patch/MRT_TopToolbar.cjs

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const clsx = require("../../../../../.external/cjs/clsx@2.1.1/clsx/dist/clsx.cjs");
+const index_esm = require("../../../../../.external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.cjs");
+const common_styles_module = require("./common.styles.module.css.cjs");
+const MRT_TopToolbar_module = require("./MRT_TopToolbar.module.css.cjs");
+const MRT_TopToolbar = ({ table, ...rest }) => {
+  const {
+    getState,
+    options: {
+      enableGlobalFilter,
+      enablePagination,
+      enableToolbarInternalActions,
+      mantineTopToolbarProps,
+      positionGlobalFilter,
+      positionPagination,
+      positionToolbarAlertBanner,
+      positionToolbarDropZone,
+      renderTopToolbarCustomActions,
+      renderTopToolbarCenterActions
+    },
+    refs: { topToolbarRef }
+  } = table;
+  const { isFullScreen, showGlobalFilter } = getState();
+  const isMobile = hooks.useMediaQuery("(max-width:720px)");
+  const isTablet = hooks.useMediaQuery("(max-width:1024px)");
+  const toolbarProps = {
+    ...utils.parseFromValuesOrFunc(mantineTopToolbarProps, { table }),
+    ...rest
+  };
+  const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter && isTablet;
+  const globalFilterProps = {
+    style: !isTablet ? {
+      zIndex: 3
+    } : void 0,
+    table
+  };
+  const ActionsContainerComponent = renderTopToolbarCenterActions ? core.Group : core.Flex;
+  const ActionsContainerProps = renderTopToolbarCenterActions ? { grow: true } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Box,
+    {
+      ...toolbarProps,
+      className: clsx.clsx(
+        common_styles_module["common-toolbar-styles"],
+        MRT_TopToolbar_module.default["root"],
+        isFullScreen && MRT_TopToolbar_module.default["root-fullscreen"],
+        toolbarProps == null ? void 0 : toolbarProps.className
+      ),
+      ref: (node) => {
+        if (node) {
+          topToolbarRef.current = node;
+          if (toolbarProps == null ? void 0 : toolbarProps.ref) {
+            toolbarProps.ref.current = node;
+          }
+        }
+      },
+      children: [
+        positionToolbarAlertBanner === "top" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToolbarAlertBanner, { stackAlertBanner, table }),
+        ["both", "top"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToolbarDropZone, { table }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ActionsContainerComponent,
+          {
+            className: clsx.clsx(MRT_TopToolbar_module.default["actions-container"], stackAlertBanner && MRT_TopToolbar_module.default["actions-container-stack-alert"]),
+            ...ActionsContainerProps,
+            children: [
+              enableGlobalFilter && positionGlobalFilter === "left" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_GlobalFilterTextInput, { ...globalFilterProps }),
+              (renderTopToolbarCustomActions == null ? void 0 : renderTopToolbarCustomActions({ table })) ?? /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+              utils.parseFromValuesOrFunc(renderTopToolbarCenterActions, { table }),
+              enableToolbarInternalActions ? /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { justify: "end", wrap: "wrap-reverse", children: [
+                enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_GlobalFilterTextInput, { ...globalFilterProps }),
+                /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToolbarInternalButtons, { table })
+              ] }) : enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_GlobalFilterTextInput, { ...globalFilterProps })
+            ]
+          }
+        ),
+        enablePagination && ["both", "top"].includes(positionPagination ?? "") && /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_TablePagination, { position: "top", table }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ProgressBar, { isTopToolbar: true, table })
+      ]
+    }
+  );
+};
+exports.MRT_TopToolbar = MRT_TopToolbar;

package/dist/core/cjs/Tables/NextGenDataGrid/patch/MRT_TopToolbar.module.css.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_4odg9_1";
+const classes = {
+  root,
+  "root-fullscreen": "_root-fullscreen_4odg9_6",
+  "actions-container": "_actions-container_4odg9_11",
+  "actions-container-stack-alert": "_actions-container-stack-alert_4odg9_22"
+};
+exports.default = classes;
+exports.root = root;

package/dist/core/cjs/Tables/NextGenDataGrid/patch/common.styles.module.css.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const commonClasses = {
+  "common-toolbar-styles": "_common-toolbar-styles_1c9lk_1"
+};
+module.exports = commonClasses;

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

@@ -27,7 +27,7 @@ function useToolbar(toolbar = {}, quickFilters, hideToolbar, enableAdvancedFilte
   const { info, queryParams, setQueryParams } = useApi();
   const api = useApi();
   const auth = useAuth();
-  const { customizer, custom, leftToolbar } = toolbar;
+  const { customizer, custom, leftToolbar, centerToolbar } = toolbar;
   const data = useMemo(() => {
     if (!quickFilters) {
       return [];
@@ -70,6 +70,7 @@ function useToolbar(toolbar = {}, quickFilters, hideToolbar, enableAdvancedFilte
   );
   return {
     renderToolbarInternalActions,
+    renderTopToolbarCenterActions: centerToolbar,
     enableTopToolbar: !hideToolbar,
     enableFilters: (customizer == null ? void 0 : customizer.filter) !== null,
     ...useMemo(() => {

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

@@ -2,9 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
 import { Paper } from "@mantine/core";
 import { clsx } from "../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
-import { MRT_TopToolbar, MRT_BottomToolbar } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.mjs";
+import { MRT_BottomToolbar } from "../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.mjs";
 import { MRT_TableContainer } from "./MRT_TableContainer.mjs";
 import classes from "./MRT_TablePaper.module.css.mjs";
+import { MRT_TopToolbar } from "./MRT_TopToolbar.mjs";
 const MRT_TablePaper = ({ table, ...rest }) => {
   const {
     getState,

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

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { Box, Group, Flex } 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._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.mjs";
+import commonClasses from "./common.styles.module.css.mjs";
+import classes from "./MRT_TopToolbar.module.css.mjs";
+const MRT_TopToolbar = ({ table, ...rest }) => {
+  const {
+    getState,
+    options: {
+      enableGlobalFilter,
+      enablePagination,
+      enableToolbarInternalActions,
+      mantineTopToolbarProps,
+      positionGlobalFilter,
+      positionPagination,
+      positionToolbarAlertBanner,
+      positionToolbarDropZone,
+      renderTopToolbarCustomActions,
+      renderTopToolbarCenterActions
+    },
+    refs: { topToolbarRef }
+  } = table;
+  const { isFullScreen, showGlobalFilter } = getState();
+  const isMobile = useMediaQuery("(max-width:720px)");
+  const isTablet = useMediaQuery("(max-width:1024px)");
+  const toolbarProps = {
+    ...parseFromValuesOrFunc(mantineTopToolbarProps, { table }),
+    ...rest
+  };
+  const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter && isTablet;
+  const globalFilterProps = {
+    style: !isTablet ? {
+      zIndex: 3
+    } : void 0,
+    table
+  };
+  const ActionsContainerComponent = renderTopToolbarCenterActions ? Group : Flex;
+  const ActionsContainerProps = renderTopToolbarCenterActions ? { grow: true } : {};
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...toolbarProps,
+      className: clsx(
+        commonClasses["common-toolbar-styles"],
+        classes["root"],
+        isFullScreen && classes["root-fullscreen"],
+        toolbarProps == null ? void 0 : toolbarProps.className
+      ),
+      ref: (node) => {
+        if (node) {
+          topToolbarRef.current = node;
+          if (toolbarProps == null ? void 0 : toolbarProps.ref) {
+            toolbarProps.ref.current = node;
+          }
+        }
+      },
+      children: [
+        positionToolbarAlertBanner === "top" && /* @__PURE__ */ jsx(MRT_ToolbarAlertBanner, { stackAlertBanner, table }),
+        ["both", "top"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ jsx(MRT_ToolbarDropZone, { table }),
+        /* @__PURE__ */ jsxs(
+          ActionsContainerComponent,
+          {
+            className: clsx(classes["actions-container"], stackAlertBanner && classes["actions-container-stack-alert"]),
+            ...ActionsContainerProps,
+            children: [
+              enableGlobalFilter && positionGlobalFilter === "left" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextInput, { ...globalFilterProps }),
+              (renderTopToolbarCustomActions == null ? void 0 : renderTopToolbarCustomActions({ table })) ?? /* @__PURE__ */ jsx("span", {}),
+              parseFromValuesOrFunc(renderTopToolbarCenterActions, { table }),
+              enableToolbarInternalActions ? /* @__PURE__ */ jsxs(Flex, { justify: "end", wrap: "wrap-reverse", children: [
+                enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextInput, { ...globalFilterProps }),
+                /* @__PURE__ */ jsx(MRT_ToolbarInternalButtons, { table })
+              ] }) : enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextInput, { ...globalFilterProps })
+            ]
+          }
+        ),
+        enablePagination && ["both", "top"].includes(positionPagination ?? "") && /* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(MRT_TablePagination, { position: "top", table }) }),
+        /* @__PURE__ */ jsx(MRT_ProgressBar, { isTopToolbar: true, table })
+      ]
+    }
+  );
+};
+export {
+  MRT_TopToolbar
+};

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

@@ -0,0 +1,11 @@
+const root = "_root_4odg9_1";
+const classes = {
+  root,
+  "root-fullscreen": "_root-fullscreen_4odg9_6",
+  "actions-container": "_actions-container_4odg9_11",
+  "actions-container-stack-alert": "_actions-container-stack-alert_4odg9_22"
+};
+export {
+  classes as default,
+  root
+};

package/dist/core/esm/Tables/NextGenDataGrid/patch/common.styles.module.css.mjs

@@ -0,0 +1,6 @@
+const commonClasses = {
+  "common-toolbar-styles": "_common-toolbar-styles_1c9lk_1"
+};
+export {
+  commonClasses as default
+};

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

@@ -4,6 +4,7 @@ export function useToolbar(toolbar: {}, quickFilters: any, hideToolbar: any, ena
     renderToolbarInternalActions: ({ table }: {
         table: any;
     }) => import("react").JSX.Element;
+    renderTopToolbarCenterActions: any;
     enableTopToolbar: boolean;
     enableFilters: boolean;
 };

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

@@ -0,0 +1,4 @@
+export function MRT_TopToolbar({ table, ...rest }: {
+    [x: string]: any;
+    table: any;
+}): import("react").JSX.Element;

package/dist/core/styles.css

@@ -1600,3 +1600,37 @@
   overflow: hidden;
   transition: all 150ms ease-in-out;
 }
+._common-toolbar-styles_1c9lk_1 {
+  align-items: flex-start;
+  display: grid;
+  flex-wrap: wrap-reverse;
+  min-height: calc(3.5rem * var(--mantine-scale));
+  overflow: visible;
+  padding: 0;
+  transition: all 150ms ease-in-out;
+  z-index: 3;
+}
+._root_4odg9_1 {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+._root-fullscreen_4odg9_6 {
+  position: sticky !important;
+  top: 0;
+}
+
+._actions-container_4odg9_11 {
+  align-items: flex-start;
+  box-sizing: border-box;
+  justify-content: space-between;
+  padding: calc(0.5rem * var(--mantine-scale));
+  right: 0;
+  top: 0;
+  width: 100%;
+  position: absolute;
+}
+
+._actions-container-stack-alert_4odg9_22 {
+  position: relative !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "0.2.62",
+  "version": "1.0.0",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",