fastapi-rtk 1.1.4 → 2.0.0

package/dist/core/cjs/Wrappers/ApiProvider/hooks/utils/useApiActions.cjs

@@ -2,117 +2,46 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("fastapi-rtk/utils");
 const React = require("react");
-const useApiActions = ({
-  api,
-  path,
-  pathRef,
-  infoRef,
-  queryParamsRef,
-  currentLanguage,
-  resetError,
-  setError,
-  throwOnError
-}) => {
+const useApiActions = ({ api, path, pathRef, infoRef, queryParamsRef, currentLanguage }) => {
   const getEntry = React.useCallback(
-    async (id) => {
-      try {
-        resetError();
-        const response = await api.getItem(pathRef.current, utils.convertId(id), {
-          headers: { "Accept-Language": currentLanguage }
-        });
-        return response;
-      } catch (error) {
-        setError({ message: "Could not fetch item with id {{id}}", data: { id }, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
-    },
-    [api, currentLanguage, pathRef, resetError, setError, throwOnError]
+    async (id) => api.getItem(pathRef.current, utils.convertId(id), {
+      headers: { "Accept-Language": currentLanguage }
+    }),
+    [api, currentLanguage, pathRef]
   );
   const addEntry = React.useCallback(
     async (item) => {
       var _a;
-      try {
-        resetError();
-        const func = ((_a = infoRef.current) == null ? void 0 : _a.add_type) === "form" ? api.formCreateItem : api.createItem;
-        const response = await func(pathRef.current, item, {
-          headers: { "Accept-Language": currentLanguage }
-        });
-        return response;
-      } catch (error) {
-        setError({ message: `Could not add item`, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
+      const func = ((_a = infoRef.current) == null ? void 0 : _a.add_type) === "form" ? api.formCreateItem : api.createItem;
+      return func(pathRef.current, item, {
+        headers: { "Accept-Language": currentLanguage }
+      });
     },
-    [api.createItem, api.formCreateItem, currentLanguage, infoRef, pathRef, resetError, setError, throwOnError]
+    [api.createItem, api.formCreateItem, currentLanguage, infoRef, pathRef]
   );
   const updateEntry = React.useCallback(
     async (id, item) => {
       var _a;
-      try {
-        resetError();
-        const func = ((_a = infoRef.current) == null ? void 0 : _a.edit_type) === "form" ? api.formUpdateItem : api.updateItem;
-        const response = await func(pathRef.current, utils.convertId(id), item, {
-          headers: { "Accept-Language": currentLanguage }
-        });
-        return response;
-      } catch (error) {
-        setError({ message: "Could not update item with id {{id}}", data: { id }, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
+      const func = ((_a = infoRef.current) == null ? void 0 : _a.edit_type) === "form" ? api.formUpdateItem : api.updateItem;
+      return func(pathRef.current, utils.convertId(id), item, {
+        headers: { "Accept-Language": currentLanguage }
+      });
     },
-    [api.formUpdateItem, api.updateItem, currentLanguage, infoRef, pathRef, resetError, setError, throwOnError]
+    [api.formUpdateItem, api.updateItem, currentLanguage, infoRef, pathRef]
   );
   const deleteEntry = React.useCallback(
-    async (id) => {
-      try {
-        resetError();
-        const response = await api.deleteItem(pathRef.current, utils.convertId(id), {
-          headers: { "Accept-Language": currentLanguage }
-        });
-        return response;
-      } catch (error) {
-        setError({ message: "Could not delete item with id {{id}}", data: { id }, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
-    },
-    [api, currentLanguage, pathRef, resetError, setError, throwOnError]
+    async (id) => api.deleteItem(pathRef.current, utils.convertId(id), {
+      headers: { "Accept-Language": currentLanguage }
+    }),
+    [api, currentLanguage, pathRef]
   );
   const download = React.useCallback(
-    async (label, { export_mode, delimiter, quotechar } = {}) => {
-      try {
-        resetError();
-        await api.downloadItems(pathRef.current, queryParamsRef.current, { label, export_mode, delimiter, quotechar });
-      } catch (error) {
-        setError({ message: `Could not download`, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
-    },
-    [api, pathRef, queryParamsRef, resetError, setError, throwOnError]
+    async (label, { export_mode, delimiter, quotechar } = {}) => api.downloadItems(pathRef.current, queryParamsRef.current, { label, export_mode, delimiter, quotechar }),
+    [api, pathRef, queryParamsRef]
   );
   const upload = React.useCallback(
-    async (file, { delimiter, quotechar } = {}) => {
-      try {
-        resetError();
-        const response = await api.uploadItems(pathRef.current, file, { delimiter, quotechar });
-        return response;
-      } catch (error) {
-        setError({ message: `Could not upload`, originalError: error });
-        if (throwOnError) {
-          throw error;
-        }
-      }
-    },
-    [api, pathRef, resetError, setError, throwOnError]
+    async (file, { delimiter, quotechar } = {}) => api.uploadItems(pathRef.current, file, { delimiter, quotechar }),
+    [api, pathRef]
   );
   const getItemURL = React.useCallback(
     (type, item) => typeof item === "string" ? utils.urlJoin(path, `_${type}`, item) : URL.createObjectURL(item),

package/dist/core/cjs/Wrappers/ApiProvider/hooks/utils/useStreamingData.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const QueryClientProvider = require("../../../../../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const QueryClientProvider = require("../../../../../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const useStreamingData = ({ streamingMode, dataQuery, streamingQuery, streamingQueryKey }) => {
   var _a;

package/dist/core/cjs/Wrappers/ApiProvider/utils/createQueryParams.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("fastapi-rtk/constants");
 const getInitialQueryParams = () => ({
-  page: 0,
-  page_size: 25,
+  page: constants.DEFAULT_PAGE,
+  page_size: constants.DEFAULT_PAGE_SIZE,
   columns: [],
   filters: []
 });

package/dist/core/cjs/Wrappers/Provider/Contexts/LangContext.cjs

@@ -9,8 +9,8 @@ const i18next = require("../../../../../.external/cjs/i18next@25.10.10_typescrip
 const React = require("react");
 const de = require("../../../translations/de.cjs");
 const useProvideLang = require("../hooks/useProvideLang.cjs");
-const I18nextProvider = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/I18nextProvider.cjs");
-const initReactI18next = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/initReactI18next.cjs");
+const I18nextProvider = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/I18nextProvider.cjs");
+const initReactI18next = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/initReactI18next.cjs");
 const getI18n = ({ initProps, callback, translations } = {}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const i18n = i18next.createInstance();

package/dist/core/cjs/Wrappers/Provider/Provider.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
 const utils = require("fastapi-rtk/utils");
 const zustand = require("fastapi-rtk/zustand");
-const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.100.1/@tanstack/query-core/build/modern/queryClient.cjs");
-const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.100.9/@tanstack/query-core/build/modern/queryClient.cjs");
+const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const useProvideAuth = require("../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs");
 const useProvideInfo = require("../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const defaultInfo = { getInfo: authFetch.authInfo };

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideLang.cjs

@@ -4,7 +4,7 @@ const constants = require("fastapi-rtk/constants");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
 const React = require("react");
-const useTranslation = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
+const useTranslation = require("../../../../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
 const useProvideLang = (baseMRTLocalization = {}) => {
   const translation = useTranslation.useTranslation();
   const [localStorageLanguage, setLocalStorageLanguage] = hooks.useLocalStorage(constants.LANG_LOCAL_STORAGE_PROPS);

package/dist/core/cjs/index.cjs

@@ -37,9 +37,9 @@ const constants = require("fastapi-rtk/constants");
 const hooks = require("fastapi-rtk/hooks");
 const utils = require("fastapi-rtk/utils");
 const zustand = require("fastapi-rtk/zustand");
-const index = require("../../.external/cjs/@tanstack_react-query@5.100.1_react@19.2.5/@tanstack/react-query/build/modern/index.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._t5ruchzauz2wwsu2z4ey77rd4e/mantine-react-table/dist/index.esm.cjs");
-const useTranslation = require("../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
+const index = require("../../.external/cjs/@tanstack_react-query@5.100.9_react@19.2.6/@tanstack/react-query/build/modern/index.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._2zjbhqlotlhjxtgwdmcgs6toey/mantine-react-table/dist/index.esm.cjs");
+const useTranslation = require("../../.external/cjs/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
 exports.Actions = Actions.Actions;
 exports.Add = Add.Add;
 exports.Delete = Delete.Delete;

package/dist/core/esm/ActionIcons/Add/Add.mjs

@@ -1,16 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Tooltip, ActionIcon } from "@mantine/core";
 import { memo } from "react";
 import ForwardRef from "../../_virtual/plus.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const Add = memo(({ tooltipProps, iconProps, ...props }) => {
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const Add = memo((props) => {
   const { t } = useTranslation();
   const { setOpened } = useForms("add");
-  const actionIconProps = useActionIcon({ onClick: () => setOpened(true), ...props });
-  return /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? t("Add Item"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef, { ...iconProps }) }) });
+  return /* @__PURE__ */ jsx(BaseActionIcon, { Icon: ForwardRef, label: t("Add Item"), onClick: () => setOpened(true), ...props });
 });
 Add.displayName = "Add";
 export {

package/dist/core/esm/ActionIcons/Delete/Delete.mjs

@@ -1,24 +1,27 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Tooltip, ActionIcon } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import ForwardRef from "../../_virtual/trash.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const Delete = memo(({ id, iconProps, ...props }) => {
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const Delete = memo(({ id, ...props }) => {
   const { t } = useTranslation();
   const { setOpened, setItem } = useForms("delete");
-  const actionIconProps = useActionIcon({
-    onClick: (e) => {
-      e == null ? void 0 : e.stopPropagation();
-      setItem(id);
-      setOpened(true);
-    },
-    size: "sm",
-    ...props
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: t("Delete"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef, { ...iconProps }) }) }) });
+  return /* @__PURE__ */ jsx(
+    BaseActionIcon,
+    {
+      Icon: ForwardRef,
+      label: t("Delete"),
+      size: "sm",
+      onClick: (e) => {
+        e == null ? void 0 : e.stopPropagation();
+        setItem(id);
+        setOpened(true);
+      },
+      ...props
+    }
+  );
 });
 Delete.displayName = "Delete";
 export {

package/dist/core/esm/ActionIcons/Download/Download.mjs

@@ -1,27 +1,25 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY, DEFAULT_DELIMITER, DELIMITER_DATA } from "fastapi-rtk/constants";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Modal, Stack, Select, Group, Button, ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
+import { Modal, Stack, Select, Group, Button } from "@mantine/core";
 import { useDisclosure, useDebouncedState } from "@mantine/hooks";
 import { memo, useState } from "react";
 import ForwardRef$1 from "../../_virtual/download.mjs";
 import ForwardRef from "../../_virtual/separator-vertical.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const Download = memo(({ tooltipProps, iconProps, ...props }) => {
-  const { download } = useApi();
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const Download = memo((props) => {
+  const { download, setError, resetError } = useApi();
   const { t } = useTranslation();
   const [opened, { toggle, close }] = useDisclosure();
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const [delimiter, setDelimiter] = useState(DEFAULT_DELIMITER);
-  const actionIconProps = useActionIcon({
-    onClick: toggle,
-    ...props
-  });
   const onDownload = () => {
     setLoading(true);
-    download(void 0, { delimiter }).catch(() => {
+    resetError();
+    download(void 0, { delimiter }).catch((error) => {
+      setError({ message: "Could not download", originalError: error });
     }).finally(() => {
       setLoading(false);
       close();
@@ -44,7 +42,7 @@ const Download = memo(({ tooltipProps, iconProps, ...props }) => {
       ),
       /* @__PURE__ */ jsx(Group, { justify: "end", children: /* @__PURE__ */ jsx(Button, { mt: "md", onClick: onDownload, loading, children: "Download" }) })
     ] }) }),
-    loading ? /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? t("Download"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef$1, { ...iconProps }) }) })
+    /* @__PURE__ */ jsx(BaseActionIcon, { Icon: ForwardRef$1, label: t("Download"), loading, onClick: toggle, ...props })
   ] });
 });
 Download.displayName = "Download";

package/dist/core/esm/ActionIcons/Edit/Edit.mjs

@@ -1,35 +1,38 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY } from "fastapi-rtk/constants";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Tooltip, ActionIcon } from "@mantine/core";
 import { useDebouncedState } from "@mantine/hooks";
 import { memo } from "react";
 import ForwardRef from "../../_virtual/pencil.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const Edit = memo(({ id, iconProps, ...props }) => {
-  const { getEntry } = useApi();
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const Edit = memo(({ id, ...props }) => {
+  const { getEntry, setError, resetError } = useApi();
   const { t } = useTranslation();
   const { setOpened, setItem } = useForms("edit");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
-  const actionIconProps = useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      getEntry(id).then((entry) => {
-        if (entry) {
+  return /* @__PURE__ */ jsx(
+    BaseActionIcon,
+    {
+      Icon: ForwardRef,
+      label: t("Edit"),
+      size: "sm",
+      loading,
+      onClick: () => {
+        setLoading(true);
+        resetError();
+        getEntry(id).then((entry) => {
           setItem(entry);
           setOpened(true);
-        }
-      }).catch(() => {
-      }).finally(() => setLoading(false));
-    },
-    size: "sm",
-    loading,
-    ...props
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: t("Edit"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef, { ...iconProps }) }) }) });
+        }).catch((error) => {
+          setError({ message: "Could not fetch item with id {{id}}", data: { id }, originalError: error });
+        }).finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 Edit.displayName = "Edit";
 export {

package/dist/core/esm/ActionIcons/Refresh/Refresh.mjs

@@ -1,25 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
 import { memo, useState } from "react";
 import ForwardRef from "../../_virtual/refresh.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const Refresh = memo(({ tooltipProps, iconProps, ...props }) => {
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const Refresh = memo((props) => {
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const { refetch } = useApi();
-  const actionIconProps = useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      refetch().finally(() => {
-        setLoading(false);
-      });
-    },
-    ...props
-  });
-  return loading ? /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.refresh) ?? t("Refresh"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef, { ...iconProps }) }) });
+  return /* @__PURE__ */ jsx(
+    BaseActionIcon,
+    {
+      Icon: ForwardRef,
+      label: t("Refresh"),
+      loading,
+      onClick: () => {
+        setLoading(true);
+        refetch().finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 Refresh.displayName = "Refresh";
 export {

package/dist/core/esm/ActionIcons/Upload/Upload.mjs

@@ -1,7 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY, DEFAULT_DELIMITER, DEFAULT_QUOTECHAR, DELIMITER_DATA, QUOTECHAR_DATA } from "fastapi-rtk/constants";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Modal, Stack, Group, Select, FileInput, Button, Tooltip, ActionIcon } from "@mantine/core";
+import { Modal, Stack, Group, Select, FileInput, Button } from "@mantine/core";
 import { useDisclosure, useDebouncedState } from "@mantine/hooks";
 import { memo, useState } from "react";
 import ForwardRef$2 from "../../_virtual/file-type-csv.mjs";
@@ -9,21 +8,21 @@ import ForwardRef$1 from "../../_virtual/quote.mjs";
 import ForwardRef from "../../_virtual/separator-vertical.mjs";
 import ForwardRef$3 from "../../_virtual/upload.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
-const Upload = memo(({ tooltipProps, iconProps, ...props }) => {
-  const { upload, refetch } = useApi();
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+const Upload = memo((props) => {
+  const { upload, refetch, setError, resetError } = useApi();
   const [opened, { toggle, close }] = useDisclosure();
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const [file, setFile] = useState();
   const [delimiter, setDelimiter] = useState(DEFAULT_DELIMITER);
   const [quotechar, setQuotechar] = useState(DEFAULT_QUOTECHAR);
-  const actionIconProps = useActionIcon({ onClick: toggle, ...props });
   const onUpload = () => {
     setLoading(true);
-    upload(file, { delimiter, quotechar }).then((res) => {
-      if (res) {
-        refetch();
-      }
-    }).catch(() => {
+    resetError();
+    upload(file, { delimiter, quotechar }).then(() => {
+      refetch();
+    }).catch((error) => {
+      setError({ message: "Could not upload", originalError: error });
     }).finally(() => {
       setLoading(false);
       close();
@@ -86,7 +85,7 @@ const Upload = memo(({ tooltipProps, iconProps, ...props }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Upload CSV", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef$3, { ...iconProps }) }) })
+    /* @__PURE__ */ jsx(BaseActionIcon, { Icon: ForwardRef$3, label: "Upload CSV", loading, onClick: toggle, ...props })
   ] });
 });
 Upload.displayName = "Upload";

package/dist/core/esm/ActionIcons/View/View.mjs

@@ -1,35 +1,38 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY } from "fastapi-rtk/constants";
-import { useActionIcon } from "fastapi-rtk/hooks";
-import { Tooltip, ActionIcon } from "@mantine/core";
 import { useDebouncedState } from "@mantine/hooks";
 import { memo } from "react";
 import ForwardRef from "../../_virtual/eye.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
 import "../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.5_react@19.2.5_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
-const View = memo(({ id, iconProps, ...props }) => {
-  const { getEntry } = useApi();
+import { BaseActionIcon } from "../utils/BaseActionIcon.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.4_i18next@25.10.10_react-dom@19.2.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+const View = memo(({ id, ...props }) => {
+  const { getEntry, setError, resetError } = useApi();
   const { t } = useTranslation();
   const { setOpened, setItem } = useForms("view");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
-  const actionIconProps = useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      getEntry(id).then((entry) => {
-        if (entry) {
+  return /* @__PURE__ */ jsx(
+    BaseActionIcon,
+    {
+      Icon: ForwardRef,
+      label: t("View"),
+      size: "sm",
+      loading,
+      onClick: () => {
+        setLoading(true);
+        resetError();
+        getEntry(id).then((entry) => {
           setItem(entry);
           setOpened(true);
-        }
-      }).catch(() => {
-      }).finally(() => setLoading(false));
-    },
-    size: "sm",
-    loading,
-    ...props
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: t("View"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(ForwardRef, { ...iconProps }) }) }) });
+        }).catch((error) => {
+          setError({ message: "Could not fetch item with id {{id}}", data: { id }, originalError: error });
+        }).finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 View.displayName = "View";
 export {

package/dist/core/esm/ActionIcons/utils/BaseActionIcon.mjs

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { useActionIcon } from "fastapi-rtk/hooks";
+import { ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
+import { memo } from "react";
+const BaseActionIcon = memo(({ Icon, label, tooltipProps, iconProps, loading, ...props }) => {
+  const actionIconProps = useActionIcon(props);
+  if (loading) {
+    return /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) });
+  }
+  return /* @__PURE__ */ jsx(Tooltip, { withinPortal: true, ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? label, children: /* @__PURE__ */ jsx(ActionIcon, { "aria-label": label, ...actionIconProps, children: /* @__PURE__ */ jsx(Icon, { ...iconProps }) }) });
+});
+BaseActionIcon.displayName = "BaseActionIcon";
+export {
+  BaseActionIcon
+};