fastapi-rtk 0.2.32 → 0.2.36

package/dist/constants/esm/index.mjs

@@ -22,7 +22,21 @@ const VIEW_MODE = {
   FULL_SCREEN: "fullScreen",
   OVERLAY: "overlay"
 };
+const BASE_LANGUAGES = [
+  { value: "en", label: "🇬🇧 English" },
+  { value: "de", label: "🇩🇪 Deutsch" }
+];
+const LANG_LOCAL_STORAGE_PROPS = {
+  key: "i18nextLng",
+  defaultValue: "en",
+  getInitialValueInEffect: false
+};
+const MRT_LOCALIZATION_IMPORT_MAP = {
+  de: () => import("./_virtual/index.mjs").then((n) => n.i).then((mod) => mod.MRT_Localization_DE),
+  en: () => import("./_virtual/index2.mjs").then((n) => n.i).then((mod) => mod.MRT_Localization_EN)
+};
 export {
+  BASE_LANGUAGES,
   DEBOUNCE_DELAY,
   DEBOUNCE_LOADING_DELAY,
   DEFAULT_DELIMITER,
@@ -31,6 +45,8 @@ export {
   DEFAULT_PAGE_SIZE_OPTIONS,
   DEFAULT_QUOTECHAR,
   DELIMITER_DATA,
+  LANG_LOCAL_STORAGE_PROPS,
+  MRT_LOCALIZATION_IMPORT_MAP,
   QUOTECHAR_DATA,
   VIEW_MODE,
   initialState

package/dist/constants/lib/index.d.ts

@@ -22,3 +22,16 @@ export namespace VIEW_MODE {
     let FULL_SCREEN: string;
     let OVERLAY: string;
 }
+export const BASE_LANGUAGES: {
+    value: string;
+    label: string;
+}[];
+export namespace LANG_LOCAL_STORAGE_PROPS {
+    let key: string;
+    let defaultValue: string;
+    let getInitialValueInEffect: boolean;
+}
+export namespace MRT_LOCALIZATION_IMPORT_MAP {
+    function de(): Promise<import("mantine-react-table").MRT_Localization>;
+    function en(): Promise<import("mantine-react-table").MRT_Localization>;
+}

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

@@ -5,11 +5,14 @@ const hooks = require("fastapi-rtk/hooks");
 const core = require("@mantine/core");
 const React = require("react");
 const useForms = require("../../hooks/api/useForms.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 const IconPlus = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
 const Add = React.memo(({ tooltipProps, ...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) ?? "Add Item", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) });
+  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(IconPlus, {}) }) });
 });
 Add.displayName = "Add";
 exports.Add = Add;

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

@@ -1,18 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const _bundledJsonforms = require("fastapi-rtk/.bundled-jsonforms");
 const constants = require("fastapi-rtk/constants");
 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.2.8_yup@1.7.0/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");
+const useInfo = require("../../hooks/auth/useInfo.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const FormField = require("../../Tables/DataGrid/FormField/FormField.cjs");
 const CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.cjs");
 const overlayProps = require("../Modals/overlayProps.cjs");
-function AddDialog({ jsonForms: __jsonForms, ...props }) {
+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");
+function AddDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
+  var _a;
   const { info, refetch, refetchInfo, addEntry } = 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);
   const { jsonForms: _jsonForms } = core.useProps("AddDialog", {}, {});
@@ -22,31 +31,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.useInfo();
+  const form$1 = form.useForm({ initialValues: info.add.defaultValues, validate: index.yupResolver(info.add.schema) });
+  const onSubmitFunc = fab ? form$1.onSubmit((values, e) => {
+    setState({ data: values });
+    onSubmit(e);
+  }) : onSubmit;
+  React.useEffect(() => {
+    if (JSON.stringify(state.data) !== JSON.stringify(form$1.getValues())) {
+      form$1.setValues(state.data);
+    }
+  }, [state.data]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CommonModal.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),
@@ -54,7 +69,31 @@ function AddDialog({ jsonForms: __jsonForms, ...props }) {
       ...view === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
       ...view === constants.VIEW_MODE.NORMAL ? normalProps.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__ */ jsxRuntime.jsx(core.Stack, { gap: "xs", children: (_a = info.add.columns) == null ? void 0 : _a.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+          FormField.FormField,
+          {
+            form: form$1,
+            name: item.name,
+            label: item.label,
+            description: item.description,
+            schema: item,
+            withAsterisk: item.required
+          },
+          index2
+        )) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        _bundledJsonforms.JsonFormsWithCustomizer,
+        {
+          schema: info.add_schema,
+          uischema: info.add_uischema,
+          data: state.data,
+          onChange: setState,
+          customizer: jsonForms
+        }
+      )
     }
   );
 }

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

@@ -4,25 +4,23 @@ const jsxRuntime = require("react/jsx-runtime");
 const hooks = require("fastapi-rtk/hooks");
 const core = require("@mantine/core");
 const React = require("react");
-const AlertDialog = require("../../Dialogs/AlertDialog/AlertDialog.cjs");
-const useApi = require("../../hooks/api/useApi.cjs");
+const useForms = require("../../hooks/api/useForms.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 const IconTrash = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconTrash.cjs");
 const Delete = React.memo(({ id, ...props }) => {
-  const { refetch, refetchInfo, deleteEntry } = useApi.useApi();
-  const [dialogOpen, setDialogOpen] = React.useState(false);
-  const actionIconProps = hooks.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: "Delete", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconTrash, {}) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialog.AlertDialog, { opened: dialogOpen, onClose: handleReject, handleAccept, handleReject })
-  ] });
+  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(IconTrash, {}) }) }) });
 });
 Delete.displayName = "Delete";
 exports.Delete = Delete;

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../hooks/api/useApi.cjs");
+const useForms = require("../../hooks/api/useForms.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const CommonModal = require("../Modals/CommonModal.cjs");
+const overlayProps = require("../Modals/overlayProps.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");
+const DeleteDialog = ({ onSuccess, onError, ...props }) => {
+  const { refetch, refetchInfo, deleteEntry } = 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);
+  const onReset = React.useCallback(() => {
+    setOpened(false);
+  }, [setOpened]);
+  const onSubmit = React.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__ */ jsxRuntime.jsx(
+    CommonModal.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 === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
+      ...props,
+      title: props.title ?? "Delete #" + String(getItem()),
+      children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ta: "center", children: t("Are you sure you want to delete this item?") })
+    }
+  );
+};
+exports.DeleteDialog = DeleteDialog;

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

@@ -7,10 +7,13 @@ const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const useApi = require("../../hooks/api/useApi.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 const IconSeparatorVertical = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconSeparatorVertical.cjs");
 const IconDownload = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconDownload.cjs");
 const Download = React.memo(({ tooltipProps, ...props }) => {
   const { download } = 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);
@@ -43,7 +46,7 @@ const Download = React.memo(({ tooltipProps, ...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) ?? "Download", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconDownload, {}) }) })
+    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(IconDownload, {}) }) })
   ] });
 });
 Download.displayName = "Download";

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

@@ -8,9 +8,12 @@ const hooks = require("@mantine/hooks");
 const React = require("react");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 const IconPencil = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconPencil.cjs");
 const Edit = React.memo(({ id, ...props }) => {
   const { getEntry } = 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({
@@ -28,7 +31,7 @@ const Edit = React.memo(({ id, ...props }) => {
     loading,
     ...props
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: "Edit", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconPencil, {}) }) }) });
+  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(IconPencil, {}) }) }) });
 });
 Edit.displayName = "Edit";
 exports.Edit = Edit;

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

@@ -1,22 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const _bundledJsonforms = require("fastapi-rtk/.bundled-jsonforms");
 const constants = require("fastapi-rtk/constants");
 const utils = require("fastapi-rtk/utils");
 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.2.8_yup@1.7.0/mantine-form-yup-resolver/dist/esm/index.cjs");
 const React = require("react");
 const convertToFormInputs = require("../../fab-react-toolkit-patch/utils/convertToFormInputs.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
 const useInfo = require("../../hooks/auth/useInfo.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.cjs");
+const FormField = require("../../Tables/DataGrid/FormField/FormField.cjs");
 const CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.cjs");
 const overlayProps = require("../Modals/overlayProps.cjs");
 const convertToFormInputs$1 = require("../utils/convertToFormInputs.cjs");
-function EditDialog({ jsonForms: __jsonForms, ...props }) {
+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");
+function EditDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
+  var _a;
   const { info, refetch, refetchInfo, updateEntry } = 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);
   const { jsonForms: _jsonForms } = core.useProps("EditDialog", {}, {});
@@ -49,31 +57,36 @@ function EditDialog({ jsonForms: __jsonForms, ...props }) {
         return acc;
       }, {});
       updateEntry(utils.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$1 = form.useForm({ initialValues: info.edit.defaultValues, validate: index.yupResolver(info.edit.schema) });
+  const onSubmitFunc = fab ? form$1.onSubmit((values, e) => {
+    setState({ data: values });
+    onSubmit(e);
+  }) : onSubmit;
+  React.useEffect(() => {
+    if (JSON.stringify(state.data) !== JSON.stringify(form$1.getValues())) {
+      form$1.setValues(state.data);
+    }
+  }, [state.data]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CommonModal.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),
@@ -81,7 +94,31 @@ function EditDialog({ jsonForms: __jsonForms, ...props }) {
       ...view === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
       ...view === constants.VIEW_MODE.NORMAL ? normalProps.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__ */ jsxRuntime.jsx(core.Stack, { gap: "xs", children: (_a = info.edit.columns) == null ? void 0 : _a.map((item2, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+          FormField.FormField,
+          {
+            form: form$1,
+            name: item2.name,
+            label: item2.label,
+            description: item2.description,
+            schema: item2,
+            withAsterisk: item2.required
+          },
+          index2
+        )) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        _bundledJsonforms.JsonFormsWithCustomizer,
+        {
+          schema: info.edit_schema,
+          uischema: info.edit_uischema,
+          data: state.data,
+          onChange: setState,
+          customizer: jsonForms
+        }
+      )
     }
   );
 }

package/dist/core/cjs/ActionIcons/Modals/CommonModal.cjs

@@ -1,53 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const _bundledJsonforms = require("fastapi-rtk/.bundled-jsonforms");
 const constants = require("fastapi-rtk/constants");
 const utils = require("fastapi-rtk/utils");
 const iconify = require("../../../../.external/cjs/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
-const form = require("@mantine/form");
-const React = require("react");
 const useInfo = require("../../hooks/auth/useInfo.cjs");
-const FormField = require("../../Tables/DataGrid/FormField/FormField.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 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.useInfo();
-  const form$1 = form.useForm({
-    initialValues: fabSchema.defaultValues,
-    validate: form.yupResolver(fabSchema.schema)
-  });
-  const onFormSubmitRef = React.useRef(onSubmit);
-  React.useEffect(() => {
-    if (fab) {
-      onFormSubmitRef.current = form$1.onSubmit((values, e) => {
-        setState({ data: values });
-        onSubmit(e);
-      });
-    }
-  }, [fab, onSubmit, setState]);
-  React.useEffect(() => {
-    if (JSON.stringify(state.data) !== JSON.stringify(form$1.getValues())) {
-      form$1.setValues(state.data);
-    }
-  }, [state.data]);
+  const { t } = useTranslation.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Modal,
     {
@@ -69,7 +47,7 @@ function CommonModal({
                 e == null ? void 0 : e.stopPropagation();
                 setView(view !== constants.VIEW_MODE.OVERLAY ? constants.VIEW_MODE.OVERLAY : constants.VIEW_MODE.NORMAL);
               },
-              title: view !== constants.VIEW_MODE.OVERLAY ? "Overlay" : "Exit overlay",
+              title: view !== constants.VIEW_MODE.OVERLAY ? t("Overlay") : t("Exit overlay"),
               icon: /* @__PURE__ */ jsxRuntime.jsx(
                 iconify.Icon,
                 {
@@ -87,7 +65,7 @@ function CommonModal({
                 e == null ? void 0 : e.stopPropagation();
                 setView(view !== constants.VIEW_MODE.FULL_SCREEN ? constants.VIEW_MODE.FULL_SCREEN : constants.VIEW_MODE.NORMAL);
               },
-              title: view !== constants.VIEW_MODE.FULL_SCREEN ? "Full screen" : "Exit full screen",
+              title: view !== constants.VIEW_MODE.FULL_SCREEN ? t("Full screen") : t("Exit full screen"),
               icon: /* @__PURE__ */ jsxRuntime.jsx(
                 iconify.Icon,
                 {
@@ -112,34 +90,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__ */ jsxRuntime.jsx(core.Stack, { gap: "xs", children: (_a = fabSchema.columns) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                FormField.FormField,
-                {
-                  form: form$1,
-                  name: item.name,
-                  label: item.label,
-                  description: item.description,
-                  schema: item,
-                  withAsterisk: item.required
-                },
-                index
-              )) })
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              _bundledJsonforms.JsonFormsWithCustomizer,
-              {
-                schema,
-                uischema,
-                data: state.data,
-                onChange: setState,
-                customizer: jsonForms
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "end", mt: "xl", children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "submit", loading: buttonLoading, children: buttonText }) })
+            children,
+            withButtons && /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { justify: "end", mt: "xl", ...actionButtons == null ? void 0 : actionButtons.groupProps, children: [
+              (actionButtons == null ? void 0 : actionButtons.withResetButton) !== false && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "reset", ...actionButtons == null ? void 0 : actionButtons.resetButtonProps, children: resetButtonText }),
+              (actionButtons == null ? void 0 : actionButtons.withSubmitButton) !== false && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "submit", loading: buttonLoading, ...actionButtons == null ? void 0 : actionButtons.submitButtonProps, children: buttonText })
+            ] })
           ]
         }
       )

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

@@ -5,8 +5,11 @@ const hooks = require("fastapi-rtk/hooks");
 const core = require("@mantine/core");
 const React = require("react");
 const useApi = require("../../hooks/api/useApi.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.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");
 const IconRefresh = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconRefresh.cjs");
 const Refresh = React.memo(({ tooltipProps, ...props }) => {
+  const { t } = useTranslation.useTranslation();
   const [loading, setLoading] = React.useState(false);
   const { refetch } = useApi.useApi();
   const actionIconProps = hooks.useActionIcon({
@@ -18,7 +21,7 @@ const Refresh = React.memo(({ tooltipProps, ...props }) => {
     },
     ...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) ?? "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconRefresh, {}) }) });
+  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(IconRefresh, {}) }) });
 });
 Refresh.displayName = "Refresh";
 exports.Refresh = Refresh;

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

@@ -7,10 +7,13 @@ const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const useApi = require("../../hooks/api/useApi.cjs");
+require("../../Wrappers/Provider/Contexts/LangContext.cjs");
 const ViewDialog = require("./ViewDialog.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");
 const IconEye = require("../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconEye.cjs");
 const View = React.memo(({ id, ...props }) => {
   const { info, getEntry } = useApi.useApi();
+  const { t } = useTranslation.useTranslation();
   const [item, setItem] = React.useState(null);
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
   const [dialogOpen, setDialogOpen] = React.useState(false);
@@ -30,7 +33,7 @@ const View = React.memo(({ id, ...props }) => {
     ...props
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: "Details", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconEye, {}) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: t("View"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconEye, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ViewDialog.ViewDialog, { item, info, opened: dialogOpen, onClose: () => setDialogOpen(false) })
   ] });
 });

package/dist/core/cjs/Selectors/LanguageSelector.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const core = require("@mantine/core");
+const useLang = require("../hooks/lang/useLang.cjs");
+const LanguageSelector = (props) => {
+  const { currentLanguage, setLanguage } = useLang.useLang();
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Select, { data: constants.BASE_LANGUAGES, value: currentLanguage, allowDeselect: false, onChange: setLanguage, ...props });
+};
+exports.LanguageSelector = LanguageSelector;