fastapi-rtk 1.1.5 → 2.0.1

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.9_react@19.2.6/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.100.10_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/index.cjs

@@ -37,7 +37,7 @@ 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.9_react@19.2.6/@tanstack/react-query/build/modern/index.cjs");
+const index = require("../../.external/cjs/@tanstack_react-query@5.100.10_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;

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 {

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

package/dist/core/esm/Dialogs/AddDialog.mjs

@@ -5,7 +5,7 @@ import { deepMerge } from "fastapi-rtk/utils";
 import { useProps, Stack } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { useDebouncedState } from "@mantine/hooks";
-import { yupResolver } from "../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
+import { yupResolver } from "../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@9.2.0_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
 import { useMemo, useCallback, useEffect } from "react";
 import { useApi } from "../hooks/api/useApi.mjs";
 import { useForms } from "../hooks/api/useForms.mjs";
@@ -26,7 +26,7 @@ function AddDialog({
   ...props
 }) {
   var _a;
-  const { info, refetch, refetchInfo, addEntry } = useApi();
+  const { info, refetch, refetchInfo, addEntry, setError, resetError } = useApi();
   const { t } = useTranslation();
   const { opened, setOpened, state, getState, setState, reset, view, setView } = useForms("add");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
@@ -40,18 +40,20 @@ function AddDialog({
     (e) => {
       e == null ? void 0 : e.preventDefault();
       setLoading(true);
+      resetError();
       addEntry(getState().data).then((res) => {
         onSuccess == null ? void 0 : onSuccess(res);
-        if (res) {
-          refetch();
-          refetchInfo();
-        }
-      }).catch(onError).finally(() => {
+        refetch();
+        refetchInfo();
+      }).catch((error) => {
+        setError({ message: "Could not add item", originalError: error });
+        onError == null ? void 0 : onError(error);
+      }).finally(() => {
         setLoading(false);
         setOpened(false);
       });
     },
-    [addEntry, getState, onError, onSuccess, refetch, refetchInfo, setLoading, setOpened]
+    [addEntry, getState, onError, onSuccess, refetch, refetchInfo, resetError, setError, setLoading, setOpened]
   );
   const { fab } = useInfo();
   const form = useForm({ initialValues: info.add.defaultValues, validate: yupResolver(info.add.schema) });

package/dist/core/esm/Dialogs/DeleteDialog.mjs

@@ -10,7 +10,7 @@ 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.6_react@19.2.6_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
 const DeleteDialog = ({ deleteText, onSuccess, onError, ...props }) => {
-  const { refetch, refetchInfo, deleteEntry } = useApi();
+  const { refetch, refetchInfo, deleteEntry, setError, resetError } = useApi();
   const { t } = useTranslation();
   const { opened, setOpened, getItem, reset, view, setView } = useForms("delete");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
@@ -21,16 +21,21 @@ const DeleteDialog = ({ deleteText, onSuccess, onError, ...props }) => {
     (e) => {
       e == null ? void 0 : e.preventDefault();
       setLoading(true);
-      deleteEntry(getItem()).then((res) => {
+      resetError();
+      const id = getItem();
+      deleteEntry(id).then((res) => {
         onSuccess == null ? void 0 : onSuccess(res);
         refetch();
         refetchInfo();
-      }).catch(onError).finally(() => {
+      }).catch((error) => {
+        setError({ message: "Could not delete item with id {{id}}", data: { id }, originalError: error });
+        onError == null ? void 0 : onError(error);
+      }).finally(() => {
         setLoading(false);
         setOpened(false);
       });
     },
-    [setLoading, deleteEntry, getItem, onError, onSuccess, refetch, refetchInfo, setOpened]
+    [setLoading, resetError, deleteEntry, getItem, onError, onSuccess, refetch, refetchInfo, setError, setOpened]
   );
   return /* @__PURE__ */ jsx(
     CommonModal,

package/dist/core/esm/Dialogs/EditDialog.mjs

@@ -6,7 +6,7 @@ import { useProps, Stack } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { useDebouncedState } from "@mantine/hooks";
 import { l as lodashExports } from "../_virtual/lodash.mjs";
-import { yupResolver } from "../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
+import { yupResolver } from "../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@9.2.0_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
 import { useMemo, useRef, useEffect, useCallback } from "react";
 import { convertToFormInputs as convertToFormInputs$1 } from "../ActionIcons/utils/convertToFormInputs.mjs";
 import { convertToFormInputs } from "../fab-react-toolkit-patch/utils/convertToFormInputs.mjs";
@@ -29,7 +29,7 @@ function EditDialog({
   ...props
 }) {
   var _a;
-  const { info, refetch, refetchInfo, updateEntry } = useApi();
+  const { info, refetch, refetchInfo, updateEntry, setError, resetError } = useApi();
   const { t } = useTranslation();
   const { opened, setOpened, item, getItem, state, getState, setState, reset, view, setView } = useForms("edit");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
@@ -59,6 +59,7 @@ function EditDialog({
     (e) => {
       e == null ? void 0 : e.preventDefault();
       setLoading(true);
+      resetError();
       const new_data = Object.entries(getState().data).reduce((acc, [key, value]) => {
         if (lodashExports.isEqual(value, initialStateRef.current.data[key])) {
           return acc;
@@ -66,18 +67,32 @@ function EditDialog({
         acc[key] = value;
         return acc;
       }, {});
-      updateEntry(getItemId(getItem()), new_data).then((res) => {
+      const id = getItemId(getItem());
+      updateEntry(id, new_data).then((res) => {
         onSuccess == null ? void 0 : onSuccess(res);
-        if (res) {
-          refetch();
-          refetchInfo();
-        }
-      }).catch(onError).finally(() => {
+        refetch();
+        refetchInfo();
+      }).catch((error) => {
+        setError({ message: "Could not update item with id {{id}}", data: { id }, originalError: error });
+        onError == null ? void 0 : onError(error);
+      }).finally(() => {
         setLoading(false);
         setOpened(false);
       });
     },
-    [setLoading, getState, updateEntry, getItem, onError, onSuccess, refetch, refetchInfo, setOpened]
+    [
+      setLoading,
+      resetError,
+      getState,
+      updateEntry,
+      getItem,
+      onError,
+      onSuccess,
+      refetch,
+      refetchInfo,
+      setError,
+      setOpened
+    ]
   );
   const form = useForm({ initialValues: info.edit.defaultValues, validate: yupResolver(info.edit.schema) });
   const onSubmitFunc = fab ? form.onSubmit((values, e) => {

package/dist/core/esm/Tables/DataGrid/Toolbar/Filter/FilterMenu.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useProps, Box, Flex, ActionIcon, Divider, Text, ScrollArea, Button, Group } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { randomId } from "@mantine/hooks";
-import { yupResolver } from "../../../../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
+import { yupResolver } from "../../../../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@9.2.0_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.mjs";
 import { useEffect } from "react";
 import { object as create$3, array as create$2, mixed as create$8, string as create$6 } from "../../../../../../.external/esm/yup@1.7.1/yup/index.esm.mjs";
 import ForwardRef$1 from "../../../../_virtual/plus.mjs";

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

@@ -205,10 +205,10 @@ const NextGenDataGrid = forwardRef((props, ref) => {
   const mrtProps = useMemo(() => deepMerge(_mrtProps, optimizationsProps), [_mrtProps, optimizationsProps]);
   const mrtTable = useMantineReactTable(mrtProps);
   mrtTable.refs.selectionStoreRef = useRef(selectionStoreFactory());
-  mrtTable.refs.options = useRef(tableOptions);
-  mrtTable.refs.options.current = tableOptions;
-  mrtTable.refs.optimizations = useRef(optimizations);
-  mrtTable.refs.optimizations.current = optimizations;
+  mrtTable.refs.optionsRef = useRef(tableOptions);
+  mrtTable.refs.optionsRef.current = tableOptions;
+  mrtTable.refs.optimizationsRef = useRef(optimizations);
+  mrtTable.refs.optimizationsRef.current = optimizations;
   const useOnLoadProps = useMemo(() => fetchOnMount, [fetchOnMount]);
   const useViewProps = useMemo(() => form, [form]);
   const useTableSelectionProps = useMemo(

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

@@ -16,10 +16,10 @@ const Cell = ({ renderedRowIndex, row, table }) => {
     [storeOnChange, rowId]
   );
   row.getCanSelect = () => {
-    if (typeof table.refs.options.enableRowSelection === "function") {
-      return table.refs.options.enableRowSelection(row);
+    if (typeof table.refs.optionsRef.current.enableRowSelection === "function") {
+      return table.refs.optionsRef.current.enableRowSelection(row);
     }
-    return table.refs.options.enableRowSelection ?? true;
+    return table.refs.optionsRef.current.enableRowSelection ?? true;
   };
   const {
     options: { mantineSelectCheckboxProps }

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

@@ -62,7 +62,7 @@ function AdvancedFilters({ col }) {
       index >= 0 && index + 1 < formFilters.length && /* @__PURE__ */ jsx(Grid.Col, { span: 12, py: 0, children: /* @__PURE__ */ jsx(Divider, { my: "sm", label: "AND", align: "center" }) })
     ] }, `${filter.col}-${index}`) : null
   ).filter(Boolean);
-  return /* @__PURE__ */ jsxs(Grid, { w: fields.length ? "25rem" : "100%", gap: "md", gutter: "xs", children: [
+  return /* @__PURE__ */ jsxs(Grid, { w: fields.length ? "25rem" : "100%", gap: "xs", children: [
     fields.length ? fields : /* @__PURE__ */ jsx(Grid.Col, { span: 12, children: /* @__PURE__ */ jsx(Text, { align: "center", c: "gray", style: { fontStyle: "italic" }, children: "No filters" }) }),
     /* @__PURE__ */ jsx(Grid.Col, { span: 12, children: /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
       AdvancedFiltersMenu,

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

@@ -1,21 +1,21 @@
 import { jsx } from "react/jsx-runtime";
-import { MRT_ToggleFullScreenButton, MRT_ToggleDensePaddingButton, MRT_ShowHideColumnsButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton } from "../../../../../../.external/esm/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.mjs";
 import { Add } from "../../../../ActionIcons/Add/Add.mjs";
 import { Download } from "../../../../ActionIcons/Download/Download.mjs";
 import { Refresh } from "../../../../ActionIcons/Refresh/Refresh.mjs";
+import { ToggleFullScreenButton, ToggleDensePaddingButton, ShowHideColumnsButton, ToggleFiltersButton, ToggleGlobalFilterButton } from "./mrtToolbars.mjs";
 function getBasicToolbars(table, rules) {
   const toolbars = {
-    toggleGlobalFilter: (props) => /* @__PURE__ */ jsx(MRT_ToggleGlobalFilterButton, { table, disabled: false, ...props }, "basic-toggleGlobalFilter"),
-    filter: (props) => /* @__PURE__ */ jsx(MRT_ToggleFiltersButton, { table, ...props }, "basic-filter"),
+    toggleGlobalFilter: (props) => /* @__PURE__ */ jsx(ToggleGlobalFilterButton, { table, ...props }, "basic-toggleGlobalFilter"),
+    filter: (props) => /* @__PURE__ */ jsx(ToggleFiltersButton, { table, ...props }, "basic-filter"),
     refresh: (props) => /* @__PURE__ */ jsx(Refresh, { tooltipProps: { label: table.options.localization.refresh }, ...props }, "basic-refresh"),
     add: (props) => /* @__PURE__ */ jsx(Add, { tooltipProps: { label: table.options.localization.add }, ...props }, "basic-add"),
     download: (props) => /* @__PURE__ */ jsx(Download, { tooltipProps: { label: table.options.localization.download }, ...props }, "basic-download"),
     // upload: (props) => (
     //   <Upload key="basic-upload" tooltipProps={{ label: table.options.localization.upload }} {...props} />
     // ), //! Disabled until further notice
-    showHideColumns: (props) => /* @__PURE__ */ jsx(MRT_ShowHideColumnsButton, { table, ...props }, "basic-showHideColumns"),
-    toggleDensePadding: (props) => /* @__PURE__ */ jsx(MRT_ToggleDensePaddingButton, { table, ...props }, "basic-toggleDensePadding"),
-    toggleFullScreen: (props) => /* @__PURE__ */ jsx(MRT_ToggleFullScreenButton, { table, ...props }, "basic-toggleFullScreen")
+    showHideColumns: (props) => /* @__PURE__ */ jsx(ShowHideColumnsButton, { table, ...props }, "basic-showHideColumns"),
+    toggleDensePadding: (props) => /* @__PURE__ */ jsx(ToggleDensePaddingButton, { table, ...props }, "basic-toggleDensePadding"),
+    toggleFullScreen: (props) => /* @__PURE__ */ jsx(ToggleFullScreenButton, { table, ...props }, "basic-toggleFullScreen")
   };
   Object.entries(rules).forEach(([key, value]) => {
     if (!value) {