fastapi-rtk 1.1.5 → 2.0.0

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const hooks = require("fastapi-rtk/hooks");
+const core = require("@mantine/core");
+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 React = require("react");
+const BaseActionIcon = require("../../../../ActionIcons/utils/BaseActionIcon.cjs");
+const DENSITY_NEXT = { md: "xs", xl: "md", xs: "xl" };
+const ToggleGlobalFilterButton = React.memo(({ table, ...props }) => {
+  const { globalFilter, showGlobalFilter } = table.getState();
+  const { IconSearch, IconSearchOff } = table.options.icons;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: showGlobalFilter ? IconSearchOff : IconSearch,
+      label: table.options.localization.showHideSearch,
+      disabled: !!globalFilter,
+      onClick: () => {
+        table.setShowGlobalFilter(!showGlobalFilter);
+        setTimeout(() => {
+          var _a;
+          return (_a = table.refs.searchInputRef.current) == null ? void 0 : _a.focus();
+        }, 100);
+      },
+      ...props
+    }
+  );
+});
+ToggleGlobalFilterButton.displayName = "ToggleGlobalFilterButton";
+const ToggleFiltersButton = React.memo(({ table, ...props }) => {
+  const { showColumnFilters } = table.getState();
+  const { IconFilter, IconFilterOff } = table.options.icons;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: showColumnFilters ? IconFilterOff : IconFilter,
+      label: table.options.localization.showHideFilters,
+      onClick: () => table.setShowColumnFilters((current) => !current),
+      ...props
+    }
+  );
+});
+ToggleFiltersButton.displayName = "ToggleFiltersButton";
+const ToggleDensePaddingButton = React.memo(({ table, ...props }) => {
+  const { density } = table.getState();
+  const { IconBaselineDensityLarge, IconBaselineDensityMedium, IconBaselineDensitySmall } = table.options.icons;
+  const Icon = density === "xs" ? IconBaselineDensitySmall : density === "md" ? IconBaselineDensityMedium : IconBaselineDensityLarge;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon,
+      label: table.options.localization.toggleDensity,
+      onClick: () => table.setDensity((current) => DENSITY_NEXT[current]),
+      ...props
+    }
+  );
+});
+ToggleDensePaddingButton.displayName = "ToggleDensePaddingButton";
+const ToggleFullScreenButton = React.memo(({ table, tooltipProps, ...props }) => {
+  const { isFullScreen } = table.getState();
+  const { IconMaximize, IconMinimize } = table.options.icons;
+  const [tooltipOpened, setTooltipOpened] = React.useState(false);
+  const label = table.options.localization.toggleFullScreen;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: isFullScreen ? IconMinimize : IconMaximize,
+      label,
+      tooltipProps: { opened: tooltipOpened, ...tooltipProps },
+      onClick: () => {
+        setTooltipOpened(false);
+        table.setIsFullScreen((current) => !current);
+      },
+      onMouseEnter: () => setTooltipOpened(true),
+      onMouseLeave: () => setTooltipOpened(false),
+      ...props
+    }
+  );
+});
+ToggleFullScreenButton.displayName = "ToggleFullScreenButton";
+const ShowHideColumnsButton = React.memo(({ table, tooltipProps, iconProps, ...props }) => {
+  const { IconColumns } = table.options.icons;
+  const label = table.options.localization.showHideColumns;
+  const actionIconProps = hooks.useActionIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { closeOnItemClick: false, withinPortal: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { withinPortal: true, ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? label, children: /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { "aria-label": label, ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconColumns, { ...iconProps }) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ShowHideColumnsMenu, { table })
+  ] });
+});
+ShowHideColumnsButton.displayName = "ShowHideColumnsButton";
+exports.ShowHideColumnsButton = ShowHideColumnsButton;
+exports.ToggleDensePaddingButton = ToggleDensePaddingButton;
+exports.ToggleFiltersButton = ToggleFiltersButton;
+exports.ToggleFullScreenButton = ToggleFullScreenButton;
+exports.ToggleGlobalFilterButton = ToggleGlobalFilterButton;

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

@@ -38,7 +38,7 @@ const MRT_TableContainer = ({ table, ...rest }) => {
   const createModalOpen = createDisplayMode === "modal" && creatingRow;
   const editModalOpen = editDisplayMode === "modal" && editingRow;
   const tableContainerWrapperProps = utils.parseFromValuesOrFunc(mantineTableContainerWrapperProps, { table });
-  const optimizations = table.refs.optimizations.current;
+  const optimizations = table.refs.optimizationsRef.current;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.Box,
     {

package/dist/core/cjs/Tables/NextGenDataGrid/patch/body/MRT_TableBodyRow.cjs

@@ -42,7 +42,7 @@ const MRT_TableBodyRow = ({
   const visibleCells = row.getVisibleCells();
   const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer ?? {};
   const store = table.refs.selectionStoreRef.current;
-  const optimizations = table.refs.optimizations.current;
+  const optimizations = table.refs.optimizationsRef.current;
   const isOptimizedRowSelected = zustand.useSelectionStore(store, (state) => state.rowSelection[row.id] ?? false);
   const isRowSelected = index_esm.getIsRowSelected({ row, table }) || isOptimizedRowSelected;
   const isRowPinned = enableRowPinning && row.getIsPinned();

package/dist/core/cjs/Tables/NextGenDataGrid/patch/head/MRT_TableHead.cjs

@@ -31,7 +31,7 @@ const MRT_TableHead = ({ columnVirtualizer, table, ...rest }) => {
   } = table;
   const { rowSelection } = getState();
   const totalRowCount = rowCount ?? getPrePaginationRowModel().flatRows.length;
-  const optimizations = table.refs.optimizations.current;
+  const optimizations = table.refs.optimizationsRef.current;
   const store = table.refs.selectionStoreRef.current;
   const optimizedRowSelection = zustand.useSelectionStore(store, (state) => state.rowSelection);
   const selectedRowCount = React.useMemo(

package/dist/core/cjs/Tables/NextGenDataGrid/patch/toolbar/MRT_ToolbarAlertBanner.cjs

@@ -28,7 +28,7 @@ const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, ...rest }) => {
     }
   } = table;
   const { density, grouping, rowSelection, showAlertBanner } = getState();
-  const optimizations = table.refs.optimizations.current;
+  const optimizations = table.refs.optimizationsRef.current;
   const store = table.refs.selectionStoreRef.current;
   const optimizedRowSelection = zustand.useSelectionStore(store, (state) => state.rowSelection);
   const optimizedSelectAllHandler = zustand.useSelectionStore(store, (state) => state.toggleAllRowsSelected);
@@ -92,41 +92,48 @@ const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, ...rest }) => {
       )
     ] }, `${index}-${columnId}`))
   ] }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Collapse, { in: showAlertBanner || !!selectedAlert || !!groupedAlert, transitionDuration: stackAlertBanner ? 200 : 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-    core.Alert,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Collapse,
     {
-      color: "blue",
-      icon: false,
-      ...alertProps,
-      className: clsx.clsx(
-        MRT_ToolbarAlertBanner_module.default.alert,
-        stackAlertBanner && !positionToolbarAlertBanner && MRT_ToolbarAlertBanner_module.default["alert-stacked"],
-        !stackAlertBanner && positionToolbarAlertBanner === "bottom" && MRT_ToolbarAlertBanner_module.default["alert-bottom"],
-        alertProps == null ? void 0 : alertProps.className
-      ),
-      children: (renderToolbarAlertBannerContent == null ? void 0 : renderToolbarAlertBannerContent({
-        groupedAlert,
-        selectedAlert,
-        table
-      })) ?? /* @__PURE__ */ jsxRuntime.jsxs(
-        core.Flex,
+      expanded: showAlertBanner || !!selectedAlert || !!groupedAlert,
+      transitionDuration: stackAlertBanner ? 200 : 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        core.Alert,
         {
+          color: "blue",
+          icon: false,
+          ...alertProps,
           className: clsx.clsx(
-            MRT_ToolbarAlertBanner_module.default["toolbar-alert"],
-            positionToolbarAlertBanner === "head-overlay" && MRT_ToolbarAlertBanner_module.default["head-overlay"],
-            density
+            MRT_ToolbarAlertBanner_module.default.alert,
+            stackAlertBanner && !positionToolbarAlertBanner && MRT_ToolbarAlertBanner_module.default["alert-stacked"],
+            !stackAlertBanner && positionToolbarAlertBanner === "bottom" && MRT_ToolbarAlertBanner_module.default["alert-bottom"],
+            alertProps == null ? void 0 : alertProps.className
           ),
-          children: [
-            enableRowSelection && enableSelectAll && positionToolbarAlertBanner === "head-overlay" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_SelectCheckbox, { table }),
-            /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { children: [
-              alertProps == null ? void 0 : alertProps.children,
-              selectedAlert,
-              groupedAlert
-            ] })
-          ]
+          children: (renderToolbarAlertBannerContent == null ? void 0 : renderToolbarAlertBannerContent({
+            groupedAlert,
+            selectedAlert,
+            table
+          })) ?? /* @__PURE__ */ jsxRuntime.jsxs(
+            core.Flex,
+            {
+              className: clsx.clsx(
+                MRT_ToolbarAlertBanner_module.default["toolbar-alert"],
+                positionToolbarAlertBanner === "head-overlay" && MRT_ToolbarAlertBanner_module.default["head-overlay"],
+                density
+              ),
+              children: [
+                enableRowSelection && enableSelectAll && positionToolbarAlertBanner === "head-overlay" && /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_SelectCheckbox, { table }),
+                /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { children: [
+                  alertProps == null ? void 0 : alertProps.children,
+                  selectedAlert,
+                  groupedAlert
+                ] })
+              ]
+            }
+          )
         }
       )
     }
-  ) });
+  );
 };
 exports.MRT_ToolbarAlertBanner = MRT_ToolbarAlertBanner;

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

@@ -26,7 +26,6 @@ function ApiProvider({
   infoQueryProps,
   dataQueryProps,
   streamingQueryProps,
-  throwOnError,
   streaming,
   children
 }) {
@@ -46,7 +45,6 @@ function ApiProvider({
       infoQueryProps,
       dataQueryProps,
       streamingQueryProps,
-      throwOnError,
       streaming
     },
     apiParams

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideApi.cjs

@@ -56,7 +56,6 @@ function useProvideApi({
   infoQueryProps,
   dataQueryProps,
   streamingQueryProps,
-  throwOnError = false,
   streaming: streamingMode = false
 }, api = defaultApi) {
   var _a;
@@ -223,10 +222,7 @@ function useProvideApi({
     pathRef,
     infoRef,
     queryParamsRef,
-    currentLanguage,
-    resetError,
-    setError,
-    throwOnError
+    currentLanguage
   });
   const specialKey = React.useMemo(() => {
     var _a2, _b;
@@ -273,6 +269,7 @@ function useProvideApi({
     upload,
     getFileURL: (item) => getItemURL("file", item),
     getImageURL: (item) => getItemURL("image", item),
+    setError,
     resetError
   };
 }

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/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 { 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(({ tooltipProps, iconProps, ...props }) => {
+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 { 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, iconProps, ...props }) => {
+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 { 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(({ tooltipProps, iconProps, ...props }) => {
-  const { download } = useApi();
+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 { 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, iconProps, ...props }) => {
-  const { getEntry } = useApi();
+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 { 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(({ tooltipProps, iconProps, ...props }) => {
+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 {