fastapi-rtk 1.1.5 → 2.0.0

package/dist/core/cjs/ActionIcons/Add/Add.cjs

@@ -1,18 +1,16 @@
 "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 React = require("react");
 const plus = require("../../_virtual/plus.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 Add = React.memo(({ tooltipProps, iconProps, ...props }) => {
+const Add = React.memo((props) => {
   const { t } = useTranslation.useTranslation();
   const { setOpened } = useForms.useForms("add");
-  const actionIconProps = hooks.useActionIcon({ onClick: () => setOpened(true), ...props });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? t("Add Item"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(plus, { ...iconProps }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseActionIcon.BaseActionIcon, { Icon: plus, label: t("Add Item"), onClick: () => setOpened(true), ...props });
 });
 Add.displayName = "Add";
 exports.Add = Add;

package/dist/core/cjs/ActionIcons/Delete/Delete.cjs

@@ -1,26 +1,29 @@
 "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 React = require("react");
 const trash = require("../../_virtual/trash.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 Delete = React.memo(({ id, iconProps, ...props }) => {
+const Delete = React.memo(({ id, ...props }) => {
   const { t } = useTranslation.useTranslation();
   const { setOpened, setItem } = useForms.useForms("delete");
-  const actionIconProps = hooks.useActionIcon({
-    onClick: (e) => {
-      e == null ? void 0 : e.stopPropagation();
-      setItem(id);
-      setOpened(true);
-    },
-    size: "sm",
-    ...props
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: t("Delete"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(trash, { ...iconProps }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: trash,
+      label: t("Delete"),
+      size: "sm",
+      onClick: (e) => {
+        e == null ? void 0 : e.stopPropagation();
+        setItem(id);
+        setOpened(true);
+      },
+      ...props
+    }
+  );
 });
 Delete.displayName = "Delete";
 exports.Delete = Delete;

package/dist/core/cjs/ActionIcons/Download/Download.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
-const hooks$1 = require("fastapi-rtk/hooks");
 const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
@@ -10,20 +9,19 @@ const download = require("../../_virtual/download.cjs");
 const separatorVertical = require("../../_virtual/separator-vertical.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 Download = React.memo(({ tooltipProps, iconProps, ...props }) => {
-  const { download: download$1 } = useApi.useApi();
+const Download = React.memo((props) => {
+  const { download: download$1, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const [opened, { toggle, close }] = hooks.useDisclosure();
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
   const [delimiter, setDelimiter] = React.useState(constants.DEFAULT_DELIMITER);
-  const actionIconProps = hooks$1.useActionIcon({
-    onClick: toggle,
-    ...props
-  });
   const onDownload = () => {
     setLoading(true);
-    download$1(void 0, { delimiter }).catch(() => {
+    resetError();
+    download$1(void 0, { delimiter }).catch((error) => {
+      setError({ message: "Could not download", originalError: error });
     }).finally(() => {
       setLoading(false);
       close();
@@ -46,7 +44,7 @@ const Download = React.memo(({ tooltipProps, iconProps, ...props }) => {
       ),
       /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { mt: "md", onClick: onDownload, loading, children: "Download" }) })
     ] }) }),
-    loading ? /* @__PURE__ */ jsxRuntime.jsx(core.ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? t("Download"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(download, { ...iconProps }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(BaseActionIcon.BaseActionIcon, { Icon: download, label: t("Download"), loading, onClick: toggle, ...props })
   ] });
 });
 Download.displayName = "Download";

package/dist/core/cjs/ActionIcons/Edit/Edit.cjs

@@ -2,36 +2,39 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
-const hooks$1 = require("fastapi-rtk/hooks");
-const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const pencil = require("../../_virtual/pencil.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 Edit = React.memo(({ id, iconProps, ...props }) => {
-  const { getEntry } = useApi.useApi();
+const Edit = React.memo(({ id, ...props }) => {
+  const { getEntry, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const { setOpened, setItem } = useForms.useForms("edit");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
-  const actionIconProps = hooks$1.useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      getEntry(id).then((entry) => {
-        if (entry) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: pencil,
+      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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: t("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(pencil, { ...iconProps }) }) }) });
+        }).catch((error) => {
+          setError({ message: "Could not fetch item with id {{id}}", data: { id }, originalError: error });
+        }).finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 Edit.displayName = "Edit";
 exports.Edit = Edit;

package/dist/core/cjs/ActionIcons/Refresh/Refresh.cjs

@@ -1,27 +1,29 @@
 "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 React = require("react");
 const refresh = require("../../_virtual/refresh.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 Refresh = React.memo(({ tooltipProps, iconProps, ...props }) => {
+const Refresh = React.memo((props) => {
   const { t } = useTranslation.useTranslation();
   const [loading, setLoading] = React.useState(false);
   const { refetch } = useApi.useApi();
-  const actionIconProps = hooks.useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      refetch().finally(() => {
-        setLoading(false);
-      });
-    },
-    ...props
-  });
-  return loading ? /* @__PURE__ */ jsxRuntime.jsx(core.ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.refresh) ?? t("Refresh"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(refresh, { ...iconProps }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: refresh,
+      label: t("Refresh"),
+      loading,
+      onClick: () => {
+        setLoading(true);
+        refetch().finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 Refresh.displayName = "Refresh";
 exports.Refresh = Refresh;

package/dist/core/cjs/ActionIcons/Upload/Upload.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
-const hooks$1 = require("fastapi-rtk/hooks");
 const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
@@ -11,21 +10,21 @@ const quote = require("../../_virtual/quote.cjs");
 const separatorVertical = require("../../_virtual/separator-vertical.cjs");
 const upload = require("../../_virtual/upload.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
-const Upload = React.memo(({ tooltipProps, iconProps, ...props }) => {
-  const { upload: upload$1, refetch } = useApi.useApi();
+const BaseActionIcon = require("../utils/BaseActionIcon.cjs");
+const Upload = React.memo((props) => {
+  const { upload: upload$1, refetch, setError, resetError } = useApi.useApi();
   const [opened, { toggle, close }] = hooks.useDisclosure();
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
   const [file, setFile] = React.useState();
   const [delimiter, setDelimiter] = React.useState(constants.DEFAULT_DELIMITER);
   const [quotechar, setQuotechar] = React.useState(constants.DEFAULT_QUOTECHAR);
-  const actionIconProps = hooks$1.useActionIcon({ onClick: toggle, ...props });
   const onUpload = () => {
     setLoading(true);
-    upload$1(file, { delimiter, quotechar }).then((res) => {
-      if (res) {
-        refetch();
-      }
-    }).catch(() => {
+    resetError();
+    upload$1(file, { delimiter, quotechar }).then(() => {
+      refetch();
+    }).catch((error) => {
+      setError({ message: "Could not upload", originalError: error });
     }).finally(() => {
       setLoading(false);
       close();
@@ -88,7 +87,7 @@ const Upload = React.memo(({ tooltipProps, iconProps, ...props }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Upload CSV", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(upload, { ...iconProps }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(BaseActionIcon.BaseActionIcon, { Icon: upload, label: "Upload CSV", loading, onClick: toggle, ...props })
   ] });
 });
 Upload.displayName = "Upload";

package/dist/core/cjs/ActionIcons/View/View.cjs

@@ -2,36 +2,39 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
-const hooks$1 = require("fastapi-rtk/hooks");
-const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const eye = require("../../_virtual/eye.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
 require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const BaseActionIcon = require("../utils/BaseActionIcon.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 View = React.memo(({ id, iconProps, ...props }) => {
-  const { getEntry } = useApi.useApi();
+const View = React.memo(({ id, ...props }) => {
+  const { getEntry, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const { setOpened, setItem } = useForms.useForms("view");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
-  const actionIconProps = hooks$1.useActionIcon({
-    onClick: () => {
-      setLoading(true);
-      getEntry(id).then((entry) => {
-        if (entry) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseActionIcon.BaseActionIcon,
+    {
+      Icon: eye,
+      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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: t("View"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(eye, { ...iconProps }) }) }) });
+        }).catch((error) => {
+          setError({ message: "Could not fetch item with id {{id}}", data: { id }, originalError: error });
+        }).finally(() => setLoading(false));
+      },
+      ...props
+    }
+  );
 });
 View.displayName = "View";
 exports.View = View;

package/dist/core/cjs/ActionIcons/utils/BaseActionIcon.cjs

@@ -0,0 +1,15 @@
+"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 React = require("react");
+const BaseActionIcon = React.memo(({ Icon, label, tooltipProps, iconProps, loading, ...props }) => {
+  const actionIconProps = hooks.useActionIcon(props);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(core.ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "100%", color: actionIconProps.c }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { withinPortal: true, ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? label, children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { "aria-label": label, ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...iconProps }) }) });
+});
+BaseActionIcon.displayName = "BaseActionIcon";
+exports.BaseActionIcon = BaseActionIcon;

package/dist/core/cjs/Dialogs/AddDialog.cjs

@@ -7,7 +7,7 @@ const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
 const form = require("@mantine/form");
 const hooks = require("@mantine/hooks");
-const index = require("../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
+const index = require("../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@9.1.1_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
 const React = require("react");
 const useApi = require("../hooks/api/useApi.cjs");
 const useForms = require("../hooks/api/useForms.cjs");
@@ -28,7 +28,7 @@ function AddDialog({
   ...props
 }) {
   var _a;
-  const { info, refetch, refetchInfo, addEntry } = useApi.useApi();
+  const { info, refetch, refetchInfo, addEntry, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const { opened, setOpened, state, getState, setState, reset, view, setView } = useForms.useForms("add");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
@@ -42,18 +42,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.useInfo();
   const form$1 = form.useForm({ initialValues: info.add.defaultValues, validate: index.yupResolver(info.add.schema) });

package/dist/core/cjs/Dialogs/DeleteDialog.cjs

@@ -12,7 +12,7 @@ const useForms = require("../hooks/api/useForms.cjs");
 require("../Wrappers/Provider/Contexts/LangContext.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 DeleteDialog = ({ deleteText, onSuccess, onError, ...props }) => {
-  const { refetch, refetchInfo, deleteEntry } = useApi.useApi();
+  const { refetch, refetchInfo, deleteEntry, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const { opened, setOpened, getItem, reset, view, setView } = useForms.useForms("delete");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
@@ -23,16 +23,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__ */ jsxRuntime.jsx(
     CommonModal.CommonModal,

package/dist/core/cjs/Dialogs/EditDialog.cjs

@@ -8,7 +8,7 @@ const core = require("@mantine/core");
 const form = require("@mantine/form");
 const hooks = require("@mantine/hooks");
 const lodash = require("../_virtual/lodash.cjs");
-const index = require("../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
+const index = require("../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@9.1.1_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
 const React = require("react");
 const convertToFormInputs$1 = require("../ActionIcons/utils/convertToFormInputs.cjs");
 const convertToFormInputs = require("../fab-react-toolkit-patch/utils/convertToFormInputs.cjs");
@@ -31,7 +31,7 @@ function EditDialog({
   ...props
 }) {
   var _a;
-  const { info, refetch, refetchInfo, updateEntry } = useApi.useApi();
+  const { info, refetch, refetchInfo, updateEntry, setError, resetError } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
   const { opened, setOpened, item, getItem, state, getState, setState, reset, view, setView } = useForms.useForms("edit");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
@@ -61,6 +61,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 (lodash.lodashExports.isEqual(value, initialStateRef.current.data[key])) {
           return acc;
@@ -68,18 +69,32 @@ function EditDialog({
         acc[key] = value;
         return acc;
       }, {});
-      updateEntry(utils.getItemId(getItem()), new_data).then((res) => {
+      const id = utils.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$1 = form.useForm({ initialValues: info.edit.defaultValues, validate: index.yupResolver(info.edit.schema) });
   const onSubmitFunc = fab ? form$1.onSubmit((values, e) => {

package/dist/core/cjs/Tables/DataGrid/Toolbar/Filter/FilterMenu.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const form = require("@mantine/form");
 const hooks = require("@mantine/hooks");
-const index = require("../../../../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@8.3.18_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
+const index = require("../../../../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@9.1.1_yup@1.7.1/mantine-form-yup-resolver/dist/esm/index.cjs");
 const React = require("react");
 const index_esm = require("../../../../../../.external/cjs/yup@1.7.1/yup/index.esm.cjs");
 const plus = require("../../../../_virtual/plus.cjs");

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

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

package/dist/core/cjs/Tables/NextGenDataGrid/components/OptimizedMRT_RowSelectColumn/getOptimizedMRT_RowSelectColumnDef.cjs

@@ -18,10 +18,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/cjs/Tables/NextGenDataGrid/hooks/useColumns/AdvancedFilters.cjs

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

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

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-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 Add = require("../../../../ActionIcons/Add/Add.cjs");
 const Download = require("../../../../ActionIcons/Download/Download.cjs");
 const Refresh = require("../../../../ActionIcons/Refresh/Refresh.cjs");
+const mrtToolbars = require("./mrtToolbars.cjs");
 function getBasicToolbars(table, rules) {
   const toolbars = {
-    toggleGlobalFilter: (props) => /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleGlobalFilterButton, { table, disabled: false, ...props }, "basic-toggleGlobalFilter"),
-    filter: (props) => /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleFiltersButton, { table, ...props }, "basic-filter"),
+    toggleGlobalFilter: (props) => /* @__PURE__ */ jsxRuntime.jsx(mrtToolbars.ToggleGlobalFilterButton, { table, ...props }, "basic-toggleGlobalFilter"),
+    filter: (props) => /* @__PURE__ */ jsxRuntime.jsx(mrtToolbars.ToggleFiltersButton, { table, ...props }, "basic-filter"),
     refresh: (props) => /* @__PURE__ */ jsxRuntime.jsx(Refresh.Refresh, { tooltipProps: { label: table.options.localization.refresh }, ...props }, "basic-refresh"),
     add: (props) => /* @__PURE__ */ jsxRuntime.jsx(Add.Add, { tooltipProps: { label: table.options.localization.add }, ...props }, "basic-add"),
     download: (props) => /* @__PURE__ */ jsxRuntime.jsx(Download.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__ */ jsxRuntime.jsx(index_esm.MRT_ShowHideColumnsButton, { table, ...props }, "basic-showHideColumns"),
-    toggleDensePadding: (props) => /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleDensePaddingButton, { table, ...props }, "basic-toggleDensePadding"),
-    toggleFullScreen: (props) => /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleFullScreenButton, { table, ...props }, "basic-toggleFullScreen")
+    showHideColumns: (props) => /* @__PURE__ */ jsxRuntime.jsx(mrtToolbars.ShowHideColumnsButton, { table, ...props }, "basic-showHideColumns"),
+    toggleDensePadding: (props) => /* @__PURE__ */ jsxRuntime.jsx(mrtToolbars.ToggleDensePaddingButton, { table, ...props }, "basic-toggleDensePadding"),
+    toggleFullScreen: (props) => /* @__PURE__ */ jsxRuntime.jsx(mrtToolbars.ToggleFullScreenButton, { table, ...props }, "basic-toggleFullScreen")
   };
   Object.entries(rules).forEach(([key, value]) => {
     if (!value) {