fastapi-rtk 0.2.32 → 0.2.36

package/dist/core/cjs/hooks/api/useForms.cjs

@@ -1,8 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const FormContext = require("../../Wrappers/ApiProvider/Contexts/FormContext.cjs");
-const useForms = (type, options) => (
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  type === "add" ? FormContext.useFormAddProvider(options) : FormContext.useFormEditProvider(options)
-);
+const useForms = (type, options) => {
+  switch (type) {
+    case "add":
+      return FormContext.useFormAddProvider(options);
+    case "edit":
+      return FormContext.useFormEditProvider(options);
+    case "delete":
+      return FormContext.useFormDeleteProvider(options);
+    default:
+      throw new Error(`useForms: Unknown form type '${type}'. Expected 'add', 'edit', or 'delete'.`);
+  }
+};
 exports.useForms = useForms;

package/dist/core/cjs/hooks/lang/useLang.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const LangContext = require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const useLang = (options) => LangContext.useLangProvider(options);
+exports.useLang = useLang;

package/dist/core/cjs/index.cjs

@@ -14,6 +14,7 @@ const useForms = require("./hooks/api/useForms.cjs");
 const useAuth = require("./hooks/auth/useAuth.cjs");
 const useInfo = require("./hooks/auth/useInfo.cjs");
 const UserMenu = require("./Menu/UserMenu/UserMenu.cjs");
+const LanguageSelector = require("./Selectors/LanguageSelector.cjs");
 const AddDialog = require("./ActionIcons/Add/AddDialog.cjs");
 const EditDialog = require("./ActionIcons/Edit/EditDialog.cjs");
 const CommonModal = require("./ActionIcons/Modals/CommonModal.cjs");
@@ -29,7 +30,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");
+require("./Wrappers/Provider/Contexts/LangContext.cjs");
 const Filter = require("./Tables/DataGrid/Toolbar/Filter/Filter.cjs");
+const useTranslation = require("../../.external/cjs/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.cjs");
 exports.Actions = Actions.Actions;
 exports.Add = Add.Add;
 exports.Delete = Delete.Delete;
@@ -44,6 +47,7 @@ exports.useForms = useForms.useForms;
 exports.useAuth = useAuth.useAuth;
 exports.useInfo = useInfo.useInfo;
 exports.UserMenu = UserMenu.UserMenu;
+exports.LanguageSelector = LanguageSelector.LanguageSelector;
 exports.AddDialog = AddDialog.AddDialog;
 exports.EditDialog = EditDialog.EditDialog;
 exports.CommonModal = CommonModal.CommonModal;
@@ -59,6 +63,7 @@ exports.InfiniteScroll = InfiniteScroll.InfiniteScroll;
 exports.LazyLoadWrapper = LazyLoadWrapper.LazyLoadWrapper;
 exports.Provider = Provider.Provider;
 exports.Filter = Filter.Filter;
+exports.useTranslation = useTranslation.useTranslation;
 Object.keys(_bundledJsonforms).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/core/cjs/translations/de.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const de = {
+  // Actions
+  View: "Ansehen",
+  Add: "Hinzufügen",
+  "Add Item": "Element hinzufügen",
+  Edit: "Bearbeiten",
+  Delete: "Löschen",
+  Refresh: "Aktualisieren",
+  Download: "Herunterladen",
+  Cancel: "Abbrechen",
+  Overlay: "Overlay",
+  "Exit overlay": "Overlay verlassen",
+  "Full screen": "Vollbild",
+  "Exit full screen": "Vollbild verlassen",
+  // Dialogs,
+  "Are you sure you want to delete this item?": "Sind Sie Sicher, dass Sie das Item löschen wollen?",
+  "No filters": "Keine Filter",
+  "Advanced Filters": "Erweiterte Filter"
+};
+module.exports = de;

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

@@ -3,11 +3,14 @@ import { useActionIcon } from "fastapi-rtk/hooks";
 import { Tooltip, ActionIcon } from "@mantine/core";
 import { memo } from "react";
 import { useForms } from "../../hooks/api/useForms.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconPlus from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
 const Add = memo(({ tooltipProps, ...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) ?? "Add Item", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPlus, {}) }) });
+  return /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? t("Add Item"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPlus, {}) }) });
 });
 Add.displayName = "Add";
 export {

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

@@ -1,16 +1,25 @@
 import { jsx } from "react/jsx-runtime";
+import { JsonFormsWithCustomizer } from "fastapi-rtk/.bundled-jsonforms";
 import { DEBOUNCE_LOADING_DELAY, VIEW_MODE } from "fastapi-rtk/constants";
 import { deepMerge } from "fastapi-rtk/utils";
-import { useProps } from "@mantine/core";
+import { useProps, Stack } from "@mantine/core";
+import { useForm } from "@mantine/form";
 import { useDebouncedState } from "@mantine/hooks";
-import { useMemo, useCallback } from "react";
+import { yupResolver } from "../../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@8.2.8_yup@1.7.0/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";
+import { useInfo } from "../../hooks/auth/useInfo.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { FormField } from "../../Tables/DataGrid/FormField/FormField.mjs";
 import { CommonModal } from "../Modals/CommonModal.mjs";
 import { normalProps } from "../Modals/normalProps.mjs";
 import { overlayProps } from "../Modals/overlayProps.mjs";
-function AddDialog({ jsonForms: __jsonForms, ...props }) {
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
+function AddDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
+  var _a;
   const { info, refetch, refetchInfo, addEntry } = useApi();
+  const { t } = useTranslation();
   const { opened, setOpened, state, getState, setState, reset, view, setView } = useForms("add");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const { jsonForms: _jsonForms } = useProps("AddDialog", {}, {});
@@ -20,31 +29,37 @@ function AddDialog({ jsonForms: __jsonForms, ...props }) {
       e == null ? void 0 : e.preventDefault();
       setLoading(true);
       addEntry(getState().data).then((res) => {
+        onSuccess == null ? void 0 : onSuccess(res);
         if (res) {
           refetch();
           refetchInfo();
         }
-      }).catch(() => {
-      }).finally(() => {
+      }).catch(onError).finally(() => {
         setLoading(false);
         setOpened(false);
       });
     },
-    [addEntry, getState, refetch, refetchInfo, setLoading, setOpened]
+    [addEntry, getState, onError, onSuccess, refetch, refetchInfo, setLoading, setOpened]
   );
+  const { fab } = useInfo();
+  const form = useForm({ initialValues: info.add.defaultValues, validate: yupResolver(info.add.schema) });
+  const onSubmitFunc = fab ? form.onSubmit((values, e) => {
+    setState({ data: values });
+    onSubmit(e);
+  }) : onSubmit;
+  useEffect(() => {
+    if (JSON.stringify(state.data) !== JSON.stringify(form.getValues())) {
+      form.setValues(state.data);
+    }
+  }, [state.data]);
   return /* @__PURE__ */ jsx(
     CommonModal,
     {
-      fabSchema: info.add,
-      schema: info.add_schema,
-      uischema: info.add_uischema,
-      state,
-      setState,
       view,
       setView,
-      jsonForms,
-      onSubmit,
-      buttonText: "Add",
+      onSubmit: onSubmitFunc,
+      actionButtons: { withResetButton: false },
+      buttonText: t("Add"),
       buttonLoading: loading,
       opened,
       onClose: () => setOpened(false),
@@ -52,7 +67,31 @@ function AddDialog({ jsonForms: __jsonForms, ...props }) {
       ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
       ...view === VIEW_MODE.NORMAL ? normalProps : {},
       ...props,
-      title: props.title ?? (info == null ? void 0 : info.add_title)
+      title: props.title ?? (info == null ? void 0 : info.add_title),
+      children: fab ? (
+        //* Backward compatibility to fab-react-toolkit
+        /* @__PURE__ */ jsx(Stack, { gap: "xs", children: (_a = info.add.columns) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ jsx(
+          FormField,
+          {
+            form,
+            name: item.name,
+            label: item.label,
+            description: item.description,
+            schema: item,
+            withAsterisk: item.required
+          },
+          index
+        )) })
+      ) : /* @__PURE__ */ jsx(
+        JsonFormsWithCustomizer,
+        {
+          schema: info.add_schema,
+          uischema: info.add_uischema,
+          data: state.data,
+          onChange: setState,
+          customizer: jsonForms
+        }
+      )
     }
   );
 }

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

@@ -1,26 +1,24 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { useActionIcon } from "fastapi-rtk/hooks";
 import { Tooltip, ActionIcon } from "@mantine/core";
-import { memo, useState } from "react";
-import { AlertDialog } from "../../Dialogs/AlertDialog/AlertDialog.mjs";
-import { useApi } from "../../hooks/api/useApi.mjs";
+import { memo } from "react";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconTrash from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
 const Delete = memo(({ id, ...props }) => {
-  const { refetch, refetchInfo, deleteEntry } = useApi();
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const actionIconProps = useActionIcon({ onClick: () => setDialogOpen(true), size: "sm", ...props });
-  const handleReject = () => setDialogOpen(false);
-  const handleAccept = () => deleteEntry(id).then((res) => {
-    if (res) {
-      refetch();
-      refetchInfo();
-    }
-  }).catch(() => {
-  }).finally(() => setDialogOpen(false));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { label: "Delete", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconTrash, {}) }) }),
-    /* @__PURE__ */ jsx(AlertDialog, { opened: dialogOpen, onClose: handleReject, handleAccept, handleReject })
-  ] });
+  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(IconTrash, {}) }) }) });
 });
 Delete.displayName = "Delete";
 export {

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

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import { DEBOUNCE_LOADING_DELAY, VIEW_MODE } from "fastapi-rtk/constants";
+import { Text } from "@mantine/core";
+import { useDebouncedState } from "@mantine/hooks";
+import { useCallback } from "react";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { CommonModal } from "../Modals/CommonModal.mjs";
+import { overlayProps } from "../Modals/overlayProps.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
+const DeleteDialog = ({ onSuccess, onError, ...props }) => {
+  const { refetch, refetchInfo, deleteEntry } = useApi();
+  const { t } = useTranslation();
+  const { opened, setOpened, getItem, reset, view, setView } = useForms("delete");
+  const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
+  const onReset = useCallback(() => {
+    setOpened(false);
+  }, [setOpened]);
+  const onSubmit = useCallback(
+    (e) => {
+      e == null ? void 0 : e.preventDefault();
+      setLoading(true);
+      deleteEntry(getItem()).then((res) => {
+        onSuccess == null ? void 0 : onSuccess(res);
+        refetch();
+        refetchInfo();
+      }).catch(onError).finally(() => {
+        setLoading(false);
+        setOpened(false);
+      });
+    },
+    [setLoading, deleteEntry, getItem, onError, onSuccess, refetch, refetchInfo, setOpened]
+  );
+  return /* @__PURE__ */ jsx(
+    CommonModal,
+    {
+      view,
+      setView,
+      onReset,
+      onSubmit,
+      withTitleOptions: false,
+      actionButtons: { groupProps: { mt: "xs" } },
+      resetButtonText: t("Cancel"),
+      buttonText: t("Delete"),
+      buttonLoading: loading,
+      size: "md",
+      opened,
+      onClose: () => setOpened(false),
+      onExitTransitionEnd: reset,
+      ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
+      ...props,
+      title: props.title ?? "Delete #" + String(getItem()),
+      children: /* @__PURE__ */ jsx(Text, { ta: "center", children: t("Are you sure you want to delete this item?") })
+    }
+  );
+};
+export {
+  DeleteDialog
+};

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

@@ -5,10 +5,13 @@ import { Modal, Stack, Select, Group, Button, ThemeIcon, Loader, Tooltip, Action
 import { useDisclosure, useDebouncedState } from "@mantine/hooks";
 import { memo, useState } from "react";
 import { useApi } from "../../hooks/api/useApi.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconSeparatorVertical from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconSeparatorVertical.mjs";
 import IconDownload from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconDownload.mjs";
 const Download = memo(({ tooltipProps, ...props }) => {
   const { download } = useApi();
+  const { t } = useTranslation();
   const [opened, { toggle, close }] = useDisclosure();
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const [delimiter, setDelimiter] = useState(DEFAULT_DELIMITER);
@@ -41,7 +44,7 @@ const Download = memo(({ tooltipProps, ...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) ?? "Download", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconDownload, {}) }) })
+    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(IconDownload, {}) }) })
   ] });
 });
 Download.displayName = "Download";

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

@@ -6,9 +6,12 @@ import { useDebouncedState } from "@mantine/hooks";
 import { memo } from "react";
 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.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconPencil from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconPencil.mjs";
 const Edit = memo(({ id, ...props }) => {
   const { getEntry } = useApi();
+  const { t } = useTranslation();
   const { setOpened, setItem } = useForms("edit");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const actionIconProps = useActionIcon({
@@ -26,7 +29,7 @@ const Edit = memo(({ id, ...props }) => {
     loading,
     ...props
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: "Edit", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPencil, {}) }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: t("Edit"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPencil, {}) }) }) });
 });
 Edit.displayName = "Edit";
 export {

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

@@ -1,20 +1,28 @@
 import { jsx } from "react/jsx-runtime";
+import { JsonFormsWithCustomizer } from "fastapi-rtk/.bundled-jsonforms";
 import { DEBOUNCE_LOADING_DELAY, initialState, VIEW_MODE } from "fastapi-rtk/constants";
 import { deepMerge, getItemId } from "fastapi-rtk/utils";
-import { useProps } from "@mantine/core";
+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.2.8_yup@1.7.0/mantine-form-yup-resolver/dist/esm/index.mjs";
 import { useMemo, useRef, useEffect, useCallback } from "react";
 import { convertToFormInputs } from "../../fab-react-toolkit-patch/utils/convertToFormInputs.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
 import { useInfo } from "../../hooks/auth/useInfo.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { FormField } from "../../Tables/DataGrid/FormField/FormField.mjs";
 import { CommonModal } from "../Modals/CommonModal.mjs";
 import { normalProps } from "../Modals/normalProps.mjs";
 import { overlayProps } from "../Modals/overlayProps.mjs";
 import { convertToFormInputs as convertToFormInputs$1 } from "../utils/convertToFormInputs.mjs";
-function EditDialog({ jsonForms: __jsonForms, ...props }) {
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
+function EditDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
+  var _a;
   const { info, refetch, refetchInfo, updateEntry } = 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);
   const { jsonForms: _jsonForms } = useProps("EditDialog", {}, {});
@@ -47,31 +55,36 @@ function EditDialog({ jsonForms: __jsonForms, ...props }) {
         return acc;
       }, {});
       updateEntry(getItemId(getItem()), new_data).then((res) => {
+        onSuccess == null ? void 0 : onSuccess(res);
         if (res) {
           refetch();
           refetchInfo();
         }
-      }).catch(() => {
-      }).finally(() => {
+      }).catch(onError).finally(() => {
         setLoading(false);
         setOpened(false);
       });
     },
-    [setLoading, updateEntry, getItem, getState, refetch, refetchInfo, setOpened]
+    [setLoading, getState, updateEntry, getItem, onError, onSuccess, refetch, refetchInfo, setOpened]
   );
+  const form = useForm({ initialValues: info.edit.defaultValues, validate: yupResolver(info.edit.schema) });
+  const onSubmitFunc = fab ? form.onSubmit((values, e) => {
+    setState({ data: values });
+    onSubmit(e);
+  }) : onSubmit;
+  useEffect(() => {
+    if (JSON.stringify(state.data) !== JSON.stringify(form.getValues())) {
+      form.setValues(state.data);
+    }
+  }, [state.data]);
   return /* @__PURE__ */ jsx(
     CommonModal,
     {
-      fabSchema: info.edit,
-      schema: info.edit_schema,
-      uischema: info.edit_uischema,
-      state,
-      setState,
       view,
       setView,
-      jsonForms,
-      onSubmit,
-      buttonText: "Edit",
+      onSubmit: onSubmitFunc,
+      actionButtons: { withResetButton: false },
+      buttonText: t("Edit"),
       buttonLoading: loading,
       opened,
       onClose: () => setOpened(false),
@@ -79,7 +92,31 @@ function EditDialog({ jsonForms: __jsonForms, ...props }) {
       ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
       ...view === VIEW_MODE.NORMAL ? normalProps : {},
       ...props,
-      title: props.title ?? (info == null ? void 0 : info.edit_title)
+      title: props.title ?? (info == null ? void 0 : info.edit_title),
+      children: fab ? (
+        //* Backward compatibility to fab-react-toolkit
+        /* @__PURE__ */ jsx(Stack, { gap: "xs", children: (_a = info.edit.columns) == null ? void 0 : _a.map((item2, index) => /* @__PURE__ */ jsx(
+          FormField,
+          {
+            form,
+            name: item2.name,
+            label: item2.label,
+            description: item2.description,
+            schema: item2,
+            withAsterisk: item2.required
+          },
+          index
+        )) })
+      ) : /* @__PURE__ */ jsx(
+        JsonFormsWithCustomizer,
+        {
+          schema: info.edit_schema,
+          uischema: info.edit_uischema,
+          data: state.data,
+          onChange: setState,
+          customizer: jsonForms
+        }
+      )
     }
   );
 }

package/dist/core/esm/ActionIcons/Modals/CommonModal.mjs

@@ -1,51 +1,29 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { JsonFormsWithCustomizer } from "fastapi-rtk/.bundled-jsonforms";
 import { VIEW_MODE } from "fastapi-rtk/constants";
 import { deepMerge, parseFromValuesOrFunc } from "fastapi-rtk/utils";
 import { Icon } from "../../../../.external/esm/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.mjs";
-import { Modal, Box, Stack, Group, Button, CloseButton } from "@mantine/core";
-import { useForm, yupResolver } from "@mantine/form";
-import { useRef, useEffect } from "react";
+import { Modal, Box, Group, Button, CloseButton } from "@mantine/core";
 import { useInfo } from "../../hooks/auth/useInfo.mjs";
-import { FormField } from "../../Tables/DataGrid/FormField/FormField.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 function CommonModal({
-  fabSchema,
-  //* Backward compatibility to fab-react-toolkit
-  schema,
-  uischema,
-  state,
-  setState,
+  children,
   view,
   setView,
-  jsonForms,
+  onReset,
   onSubmit,
   boxProps,
+  resetButtonText,
   buttonText,
   buttonLoading,
   withTitleOptions = true,
+  withButtons = true,
   titleOptions,
+  actionButtons,
   ...props
 }) {
-  var _a;
   const { fab } = useInfo();
-  const form = useForm({
-    initialValues: fabSchema.defaultValues,
-    validate: yupResolver(fabSchema.schema)
-  });
-  const onFormSubmitRef = useRef(onSubmit);
-  useEffect(() => {
-    if (fab) {
-      onFormSubmitRef.current = form.onSubmit((values, e) => {
-        setState({ data: values });
-        onSubmit(e);
-      });
-    }
-  }, [fab, onSubmit, setState]);
-  useEffect(() => {
-    if (JSON.stringify(state.data) !== JSON.stringify(form.getValues())) {
-      form.setValues(state.data);
-    }
-  }, [state.data]);
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(
     Modal,
     {
@@ -67,7 +45,7 @@ function CommonModal({
                 e == null ? void 0 : e.stopPropagation();
                 setView(view !== VIEW_MODE.OVERLAY ? VIEW_MODE.OVERLAY : VIEW_MODE.NORMAL);
               },
-              title: view !== VIEW_MODE.OVERLAY ? "Overlay" : "Exit overlay",
+              title: view !== VIEW_MODE.OVERLAY ? t("Overlay") : t("Exit overlay"),
               icon: /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -85,7 +63,7 @@ function CommonModal({
                 e == null ? void 0 : e.stopPropagation();
                 setView(view !== VIEW_MODE.FULL_SCREEN ? VIEW_MODE.FULL_SCREEN : VIEW_MODE.NORMAL);
               },
-              title: view !== VIEW_MODE.FULL_SCREEN ? "Full screen" : "Exit full screen",
+              title: view !== VIEW_MODE.FULL_SCREEN ? t("Full screen") : t("Exit full screen"),
               icon: /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -110,34 +88,15 @@ function CommonModal({
           pos: "relative",
           display: "flex",
           style: { flexDirection: "column", justifyContent: "space-between" },
-          onSubmit: onFormSubmitRef.current,
+          onReset,
+          onSubmit,
           ...boxProps,
           children: [
-            fab ? (
-              //* Backward compatibility to fab-react-toolkit
-              /* @__PURE__ */ jsx(Stack, { gap: "xs", children: (_a = fabSchema.columns) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ jsx(
-                FormField,
-                {
-                  form,
-                  name: item.name,
-                  label: item.label,
-                  description: item.description,
-                  schema: item,
-                  withAsterisk: item.required
-                },
-                index
-              )) })
-            ) : /* @__PURE__ */ jsx(
-              JsonFormsWithCustomizer,
-              {
-                schema,
-                uischema,
-                data: state.data,
-                onChange: setState,
-                customizer: jsonForms
-              }
-            ),
-            /* @__PURE__ */ jsx(Group, { justify: "end", mt: "xl", children: /* @__PURE__ */ jsx(Button, { type: "submit", loading: buttonLoading, children: buttonText }) })
+            children,
+            withButtons && /* @__PURE__ */ jsxs(Group, { justify: "end", mt: "xl", ...actionButtons == null ? void 0 : actionButtons.groupProps, children: [
+              (actionButtons == null ? void 0 : actionButtons.withResetButton) !== false && /* @__PURE__ */ jsx(Button, { type: "reset", ...actionButtons == null ? void 0 : actionButtons.resetButtonProps, children: resetButtonText }),
+              (actionButtons == null ? void 0 : actionButtons.withSubmitButton) !== false && /* @__PURE__ */ jsx(Button, { type: "submit", loading: buttonLoading, ...actionButtons == null ? void 0 : actionButtons.submitButtonProps, children: buttonText })
+            ] })
           ]
         }
       )

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

@@ -3,8 +3,11 @@ import { useActionIcon } from "fastapi-rtk/hooks";
 import { ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
 import { memo, useState } from "react";
 import { useApi } from "../../hooks/api/useApi.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconRefresh from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconRefresh.mjs";
 const Refresh = memo(({ tooltipProps, ...props }) => {
+  const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const { refetch } = useApi();
   const actionIconProps = useActionIcon({
@@ -16,7 +19,7 @@ const Refresh = memo(({ tooltipProps, ...props }) => {
     },
     ...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) ?? "Refresh", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconRefresh, {}) }) });
+  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(IconRefresh, {}) }) });
 });
 Refresh.displayName = "Refresh";
 export {

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

@@ -5,10 +5,13 @@ import { Tooltip, ActionIcon } from "@mantine/core";
 import { useDebouncedState } from "@mantine/hooks";
 import { memo, useState } from "react";
 import { useApi } from "../../hooks/api/useApi.mjs";
+import "../../Wrappers/Provider/Contexts/LangContext.mjs";
 import { ViewDialog } from "./ViewDialog.mjs";
+import { useTranslation } from "../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/useTranslation.mjs";
 import IconEye from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconEye.mjs";
 const View = memo(({ id, ...props }) => {
   const { info, getEntry } = useApi();
+  const { t } = useTranslation();
   const [item, setItem] = useState(null);
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
   const [dialogOpen, setDialogOpen] = useState(false);
@@ -28,7 +31,7 @@ const View = memo(({ id, ...props }) => {
     ...props
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { label: "Details", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconEye, {}) }) }),
+    /* @__PURE__ */ jsx(Tooltip, { label: t("View"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconEye, {}) }) }),
     /* @__PURE__ */ jsx(ViewDialog, { item, info, opened: dialogOpen, onClose: () => setDialogOpen(false) })
   ] });
 });