fastapi-rtk 0.2.33 → 0.2.37

package/dist/core/esm/Wrappers/ApiProvider/utils/api/createItem.mjs

@@ -1,7 +1,12 @@
 import { createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const createItem = async (path, data) => {
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, "/"), method: "POST", body: data });
-  const response = await fetch(fetchPath, options);
+const createItem = async (path, data, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({
+    path: urlJoin(path, "/"),
+    method: "POST",
+    body: data,
+    options
+  });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/deleteItem.mjs

@@ -1,7 +1,11 @@
 import { createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const deleteItem = async (path, id) => {
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, id.toString()), method: "DELETE" });
-  const response = await fetch(fetchPath, options);
+const deleteItem = async (path, id, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({
+    path: urlJoin(path, id.toString()),
+    method: "DELETE",
+    options
+  });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/formCreateItem.mjs

@@ -1,8 +1,10 @@
 import { convertToFormData, createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const formCreateItem = async (path, data) => {
+const formCreateItem = async (path, data, options) => {
   const formData = convertToFormData(data);
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, "/"), method: "POST" });
-  const response = await fetch(fetchPath, { ...options, headers: void 0, body: formData });
+  const { fetchPath, options: fetchOptions } = createFetchParams({ path: urlJoin(path, "/"), method: "POST", options });
+  fetchOptions["headers"]["Content-Type"] = void 0;
+  fetchOptions["body"] = formData;
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/formUpdateItem.mjs

@@ -1,8 +1,14 @@
 import { convertToFormData, createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const formUpdateItem = async (path, id, data) => {
+const formUpdateItem = async (path, id, data, options) => {
   const formData = convertToFormData(data);
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, id.toString()), method: "PUT" });
-  const response = await fetch(fetchPath, { ...options, headers: void 0, body: formData });
+  const { fetchPath, options: fetchOptions } = createFetchParams({
+    path: urlJoin(path, id.toString()),
+    method: "PUT",
+    options
+  });
+  fetchOptions["headers"]["Content-Type"] = void 0;
+  fetchOptions["body"] = formData;
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/getInfo.mjs

@@ -1,7 +1,7 @@
 import { createFetchParams, parseResponse } from "fastapi-rtk/utils";
-const getInfo = async (path, signal) => {
-  const { fetchPath, options } = createFetchParams({ path, method: "GET" });
-  const response = await fetch(fetchPath, { signal, ...options });
+const getInfo = async (path, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({ path, method: "GET", options });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/getItem.mjs

@@ -1,7 +1,11 @@
 import { createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const getItem = async (path, id) => {
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, id.toString()), method: "GET" });
-  const response = await fetch(fetchPath, options);
+const getItem = async (path, id, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({
+    path: urlJoin(path, id.toString()),
+    method: "GET",
+    options
+  });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/getItems.mjs

@@ -1,7 +1,7 @@
 import { createFetchParams, parseResponse } from "fastapi-rtk/utils";
-const getItems = async (path, queryParams, signal) => {
-  const { fetchPath, options } = createFetchParams({ path, method: "GET", queryParams });
-  const response = await fetch(fetchPath, { signal, ...options });
+const getItems = async (path, queryParams, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({ path, method: "GET", queryParams, options });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/api/updateItem.mjs

@@ -1,7 +1,12 @@
 import { createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const updateItem = async (path, id, data) => {
-  const { fetchPath, options } = createFetchParams({ path: urlJoin(path, id.toString()), method: "PUT", body: data });
-  const response = await fetch(fetchPath, options);
+const updateItem = async (path, id, data, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({
+    path: urlJoin(path, id.toString()),
+    method: "PUT",
+    body: data,
+    options
+  });
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/ApiProvider/utils/bulkActions/postBulkAction.mjs

@@ -1,11 +1,12 @@
 import { createFetchParams, urlJoin, parseResponse } from "fastapi-rtk/utils";
-const postBulk = async (path, handler, data) => {
-  const { fetchPath, options } = createFetchParams({
+const postBulk = async (path, handler, data, options) => {
+  const { fetchPath, options: fetchOptions } = createFetchParams({
     path: urlJoin(path, "/bulk", handler),
     method: "POST",
-    body: data
+    body: data,
+    options
   });
-  const response = await fetch(fetchPath, options);
+  const response = await fetch(fetchPath, fetchOptions);
   return await parseResponse(response);
 };
 export {

package/dist/core/esm/Wrappers/Provider/Contexts/LangContext.mjs

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { LANG_LOCAL_STORAGE_PROPS } from "fastapi-rtk/constants";
+import { createSafeContext, parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { useProxy } from "fastapi-rtk/zustand";
+import { useLocalStorage } from "@mantine/hooks";
+import { createInstance } from "../../../../../.external/esm/i18next@25.5.2_typescript@5.9.2/i18next/dist/esm/i18next.mjs";
+import { useRef, useMemo, useEffect } from "react";
+import de from "../../../translations/de.mjs";
+import { useProvideLang } from "../hooks/useProvideLang.mjs";
+import { I18nextProvider } 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/I18nextProvider.mjs";
+import { initReactI18next } 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/initReactI18next.mjs";
+const getI18n = ({ initProps, callback } = {}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const i18n = createInstance();
+  i18n.use(initReactI18next).init({
+    ...initProps,
+    // the translations
+    // (tip move them in a JSON file and import them,
+    // or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)
+    resources: {
+      ...initProps == null ? void 0 : initProps.resources,
+      en: {
+        ...(_a = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _a.en,
+        translation: {
+          "Welcome to React": "Welcome to React and react-i18next",
+          ...(_c = (_b = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _b.en) == null ? void 0 : _c.translation
+        }
+      },
+      de: {
+        ...(_d = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _d.de,
+        translation: {
+          "Welcome to React": "Willkommen bei React und react-i18next",
+          ...de,
+          ...(_f = (_e = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _e.de) == null ? void 0 : _f.translation
+        }
+      }
+    },
+    interpolation: {
+      escapeValue: false,
+      // react already safes from xss => https://www.i18next.com/translation-function/interpolation#unescape
+      ...initProps == null ? void 0 : initProps.interpolation
+    }
+  });
+  return parseFromValuesOrFunc(callback ?? i18n, i18n);
+};
+const [InnerInnerLangContextProvider, useLangProvider] = createSafeContext(
+  "useLang must be used within a Provider"
+);
+const InnerLangContextProvider = ({ children, MRTLocalization, ...props }) => {
+  const lang = useProvideLang(MRTLocalization);
+  const langProxy = useProxy(lang);
+  return /* @__PURE__ */ jsx(InnerInnerLangContextProvider, { value: langProxy, ...props, children });
+};
+const LangContextProvider = ({ children, langProps, props }) => {
+  const i18nRef = useRef((langProps == null ? void 0 : langProps.i18n) ?? getI18n(langProps == null ? void 0 : langProps.getI18nProps));
+  const [localStorageLanguage] = useLocalStorage(LANG_LOCAL_STORAGE_PROPS);
+  const language = useMemo(
+    () => parseFromValuesOrFunc(langProps == null ? void 0 : langProps.lang, i18nRef.current) ?? localStorageLanguage,
+    [langProps == null ? void 0 : langProps.lang, localStorageLanguage]
+  );
+  useEffect(() => {
+    i18nRef.current.changeLanguage(language);
+  }, [language]);
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18nRef.current, children: /* @__PURE__ */ jsx(InnerLangContextProvider, { MRTLocalization: langProps == null ? void 0 : langProps.MRTLocalization, ...props, children }) });
+};
+export {
+  InnerInnerLangContextProvider,
+  InnerLangContextProvider,
+  LangContextProvider,
+  useLangProvider
+};

package/dist/core/esm/Wrappers/Provider/Provider.mjs

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useProxy } from "fastapi-rtk/zustand";
-import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.85.7/@tanstack/query-core/build/modern/queryClient.mjs";
-import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.85.8_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.87.1/@tanstack/query-core/build/modern/queryClient.mjs";
+import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useMemo } from "react";
 import { defaultAuth } from "../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.mjs";
 import { defaultInfo } from "../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.mjs";
 import { AuthContextProvider } from "./Contexts/AuthContext.mjs";
 import { InfoContextProvider } from "./Contexts/InfoContext.mjs";
+import { LangContextProvider } from "./Contexts/LangContext.mjs";
 import { useProvideAuth } from "./hooks/useProvideAuth.mjs";
 import { useProvideInfo } from "./hooks/useProvideInfo.mjs";
 function InnerProvider(props) {
@@ -21,7 +22,7 @@ function InnerProvider(props) {
   const authProxy = useProxy(auth);
   const info = useProvideInfo(baseUrl, auth, infoParams);
   const infoProxy = useProxy(info);
-  return /* @__PURE__ */ jsx(AuthContextProvider, { value: authProxy, children: /* @__PURE__ */ jsx(InfoContextProvider, { value: infoProxy, children }) });
+  return /* @__PURE__ */ jsx(AuthContextProvider, { value: authProxy, children: /* @__PURE__ */ jsx(InfoContextProvider, { value: infoProxy, children: /* @__PURE__ */ jsx(LangContextProvider, { langProps: props.langProps, children }) }) });
 }
 const Provider = (props) => {
   const [queryClient] = useState(() => new QueryClient(props.queryClientProps));

package/dist/core/esm/Wrappers/Provider/hooks/useProvideAuth.mjs

@@ -1,5 +1,5 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.85.8_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
-import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.85.8_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useCallback, useMemo } from "react";
 import { authOAuthSignin, authResetPassword, authSignout, authSignin } from "../utils/authFetch.mjs";
 import { updateUser, getUser } from "../utils/userCRUD.mjs";

package/dist/core/esm/Wrappers/Provider/hooks/useProvideInfo.mjs

@@ -1,4 +1,4 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.85.8_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { useEffect } from "react";
 import { authInfo } from "../utils/authFetch.mjs";
 const defaultInfo = { getInfo: authInfo };

package/dist/core/esm/Wrappers/Provider/hooks/useProvideLang.mjs

@@ -0,0 +1,44 @@
+import { LANG_LOCAL_STORAGE_PROPS, MRT_LOCALIZATION_IMPORT_MAP } from "fastapi-rtk/constants";
+import { FastAPIRTKLogger } from "fastapi-rtk/utils";
+import { useLocalStorage, useSetState } from "@mantine/hooks";
+import { useCallback, useEffect } from "react";
+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 useProvideLang = (baseMRTLocalization = {}) => {
+  const translation = useTranslation();
+  const [localStorageLanguage, setLocalStorageLanguage] = useLocalStorage(LANG_LOCAL_STORAGE_PROPS);
+  const setLanguage = useCallback(
+    (lng) => {
+      translation.i18n.changeLanguage(lng).then(() => setLocalStorageLanguage(lng));
+    },
+    [setLocalStorageLanguage, translation.i18n]
+  );
+  const [MRTLocalization, setMRTLocalization] = useSetState(baseMRTLocalization);
+  useEffect(() => {
+    if (!translation.i18n.language) {
+      return;
+    }
+    if (!(MRTLocalization == null ? void 0 : MRTLocalization[translation.i18n.language])) {
+      if (!MRT_LOCALIZATION_IMPORT_MAP[translation.i18n.language]) {
+        FastAPIRTKLogger.error(
+          `No localization found for '${translation.i18n.language}', consider adding it yourself using 'MRTLocalization' prop within the 'langProps' in 'Provider' component. See here for the keys: https://github.com/KevinVandy/mantine-react-table/blob/v2/packages/mantine-react-table/src/locales/en.ts`
+        );
+        return;
+      }
+      MRT_LOCALIZATION_IMPORT_MAP[translation.i18n.language]().then((languagePack) => setMRTLocalization({ [translation.i18n.language]: languagePack })).catch(() => FastAPIRTKLogger.error(`Failed to load localization for ${translation.i18n.language}`));
+    }
+  }, [translation.i18n.language]);
+  return {
+    currentLanguage: translation.i18n.language,
+    setLanguage,
+    translation,
+    useTranslation,
+    currentMRTLocalization: MRTLocalization[translation.i18n.language],
+    MRTLocalization,
+    setMRTLocalization,
+    localStorageLanguage,
+    setLocalStorageLanguage
+  };
+};
+export {
+  useProvideLang
+};

package/dist/core/esm/hooks/api/useForms.mjs

@@ -1,8 +1,18 @@
-import { useFormEditProvider, useFormAddProvider } from "../../Wrappers/ApiProvider/Contexts/FormContext.mjs";
-const useForms = (type, options) => (
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  type === "add" ? useFormAddProvider(options) : useFormEditProvider(options)
-);
+import { useFormDeleteProvider, useFormEditProvider, useFormAddProvider, useFormViewProvider } from "../../Wrappers/ApiProvider/Contexts/FormContext.mjs";
+const useForms = (type, options) => {
+  switch (type) {
+    case "view":
+      return useFormViewProvider(options);
+    case "add":
+      return useFormAddProvider(options);
+    case "edit":
+      return useFormEditProvider(options);
+    case "delete":
+      return useFormDeleteProvider(options);
+    default:
+      throw new Error(`useForms: Unknown form type '${type}'. Expected 'view', 'add', 'edit', or 'delete'.`);
+  }
+};
 export {
   useForms
 };

package/dist/core/esm/hooks/lang/useLang.mjs

@@ -0,0 +1,5 @@
+import { useLangProvider } from "../../Wrappers/Provider/Contexts/LangContext.mjs";
+const useLang = (options) => useLangProvider(options);
+export {
+  useLang
+};

package/dist/core/esm/index.mjs

@@ -6,16 +6,21 @@ import { Edit } from "./ActionIcons/Edit/Edit.mjs";
 import { Refresh } from "./ActionIcons/Refresh/Refresh.mjs";
 import { Upload } from "./ActionIcons/Upload/Upload.mjs";
 import { View } from "./ActionIcons/View/View.mjs";
+import { AddDialog } from "./Dialogs/AddDialog.mjs";
+import { DeleteDialog } from "./Dialogs/DeleteDialog.mjs";
+import { EditDialog } from "./Dialogs/EditDialog.mjs";
+import { TabsDisplay, ViewDialog } from "./Dialogs/ViewDialog.mjs";
 import { useApi } from "./hooks/api/useApi.mjs";
 import { useBulkActions } from "./hooks/api/useBulkActions.mjs";
 import { useForms } from "./hooks/api/useForms.mjs";
 import { useAuth } from "./hooks/auth/useAuth.mjs";
 import { useInfo } from "./hooks/auth/useInfo.mjs";
+import { useLang } from "./hooks/lang/useLang.mjs";
 import { UserMenu } from "./Menu/UserMenu/UserMenu.mjs";
-import { AddDialog } from "./ActionIcons/Add/AddDialog.mjs";
-import { EditDialog } from "./ActionIcons/Edit/EditDialog.mjs";
-import { CommonModal } from "./ActionIcons/Modals/CommonModal.mjs";
-import { ViewDialog } from "./ActionIcons/View/ViewDialog.mjs";
+import { LanguageSelector } from "./Selectors/LanguageSelector.mjs";
+import { CommonModal } from "./Modals/CommonModal.mjs";
+import { normalProps } from "./Modals/normalProps.mjs";
+import { overlayProps } from "./Modals/overlayProps.mjs";
 import { DataGrid, DataGrid as DataGrid2 } from "./Tables/DataGrid/DataGrid.mjs";
 import { NextGenDataGrid, NextGenDataGrid as NextGenDataGrid2, NextGenDataGrid as NextGenDataGrid3, NextGenDataGrid as NextGenDataGrid4 } from "./Tables/NextGenDataGrid/NextGenDataGrid.mjs";
 import { ApiProvider } from "./Wrappers/ApiProvider/ApiProvider.mjs";
@@ -28,6 +33,7 @@ export * from "fastapi-rtk/hooks";
 export * from "fastapi-rtk/utils";
 export * from "fastapi-rtk/zustand";
 import { Filter } from "./Tables/DataGrid/Toolbar/Filter/Filter.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";
 export {
   Actions,
   Add,
@@ -37,11 +43,13 @@ export {
   DataGrid,
   DataGrid2 as Datagrid,
   Delete,
+  DeleteDialog,
   Download,
   Edit,
   EditDialog,
   Filter,
   InfiniteScroll,
+  LanguageSelector,
   LazyLoadWrapper,
   NextGenDataGrid,
   NextGenDataGrid2 as NextGenDatagrid,
@@ -49,13 +57,18 @@ export {
   NextGenDataGrid4 as Nextgendatagrid,
   Provider,
   Refresh,
+  TabsDisplay,
   Upload,
   UserMenu,
   View,
   ViewDialog,
+  normalProps,
+  overlayProps,
   useApi,
   useAuth,
   useBulkActions,
   useForms,
-  useInfo
+  useInfo,
+  useLang,
+  useTranslation
 };

package/dist/core/esm/translations/de.mjs

@@ -0,0 +1,22 @@
+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"
+};
+export {
+  de as default
+};

package/dist/core/lib/ActionIcons/View/{ViewDialog.d.ts → Unused.d.ts}

@@ -1,4 +1,4 @@
-export function ViewDialog({ item, info, opened, onClose, ...props }: {
+export function Unused({ item, info, opened, onClose, ...props }: {
     [x: string]: any;
     item: any;
     info: any;

package/dist/core/lib/{ActionIcons/Edit/EditDialog.d.ts → Dialogs/AddDialog.d.ts}

@@ -7,37 +7,48 @@
  * @property {Record<string, any> | ((props: { view: string; setView: (view: string) => void }) => Record<string, any>)} [overlayButtonProps] - Additional props to be passed to the overlay toggle button.
  * @property {Record<string, any> | ((props: { view: string; setView: (view: string) => void }) => Record<string, any>)} [fullScreenButtonProps] - Additional props to be passed to the full screen toggle button.
  */
+/**
+ * @typedef {Object} CommonModalActionButtonsProps
+ * @property {Record<string, any>} [groupProps] - Additional properties to be passed to the Group component wrapping the buttons.
+ * @property {boolean} [withResetButton=true] - Flag to determine if the reset button should be displayed.
+ * @property {boolean} [withSubmitButton=true] - Flag to determine if the submit button should be displayed.
+ * @property {Record<string, any>} [resetButtonProps] - Additional properties to be passed to the reset Button component.
+ * @property {Record<string, any>} [submitButtonProps] - Additional properties to be passed to the submit Button component.
+ */
 /**
  * @typedef {Object} CommonModalProps
- * @property {Record<string, any>} fabSchema - Schema for backward compatibility with fab-react-toolkit that includes defaultValues and validation schema.
- * @property {Record<string, any>} schema - JSON Schema used by JsonFormsWithCustomizer.
- * @property {Record<string, any>} uischema - UI schema for customizing the form layout.
- * @property {Record<string, any>} state - State object containing the form data.
- * @property {Function} setState - Function to update the state containing form data.
+ * @property {React.ReactNode} children - The content to be rendered inside the modal.
  * @property {string} view - Current view mode (e.g., VIEW_MODE.NORMAL, VIEW_MODE.FULL_SCREEN, VIEW_MODE.OVERLAY).
  * @property {Function} setView - Function to update the view mode.
- * @property {Record<string, any>} jsonForms - Customizer configuration or additional properties for JsonFormsWithCustomizer.
+ * @property {Function} onReset - Callback function triggered on form reset.
  * @property {Function} onSubmit - Callback function triggered on form submission.
  * @property {Record<string, any>} boxProps - Additional properties to be passed to the Box component wrapping the form.
+ * @property {string} resetButtonText - Text displayed on the reset button.
  * @property {string} buttonText - Text displayed on the submit button.
  * @property {boolean} buttonLoading - Indicates whether the submit button should display a loading state.
  * @property {boolean} [withTitleOptions=true] - Flag to determine if title options (e.g., full screen, overlay toggles) should be displayed.
+ * @property {boolean} [withButtons=true] - Flag to determine if action buttons (e.g., submit button) should be displayed.
  * @property {CommonModalTitleOptionsProps} [titleOptions] - Options for customizing the title area, such as toggles for full screen and overlay modes.
+ * @property {CommonModalActionButtonsProps} [actionButtons] - Options for customizing the action buttons area.
  * @property {Record<string, any>} rest - Additional props to be passed to the Modal component.
  */
 /**
- * EditDialog component renders a modal dialog for editing an entry.
+ * @typedef {Object} AddDialogProps
+ * @property {Record<string, any>} [jsonForms] - Additional JSON Forms customization options.
+ * @property {(result: Record<string, any> | null) => void} [onSuccess] - Callback function triggered on successful form submission.
+ * @property {(error: any) => void} [onError] - Callback function triggered on form submission error.
+ */
+/**
+ * AddDialog is a component that renders a modal dialog for adding a new entry.
  *
- * This component leverages various hooks to manage form state, API interactions, and UI transitions.
- * It initializes the form state based on the provided item's result and handles form submission by
- * sending only changed data to update the corresponding entry. Upon a successful update, it triggers
- * a refetch of data and related information.
+ * It integrates with the application's API to add entries and manages form state,
+ * view modes, and loading state via custom hooks. The component also manages the merge
+ * of default JSON Forms settings with any additional props provided.
  *
- * @component
- * @param {CommonModalProps} props - The component props.
- * @returns {JSX.Element} The rendered EditDialog component.
+ * @param {AddDialogProps & CommonModalProps} props - The properties for the AddDialog component.
+ * @returns {JSX.Element} The rendered modal dialog component for adding an entry.
  */
-export function EditDialog({ jsonForms: __jsonForms, ...props }: CommonModalProps): JSX.Element;
+export function AddDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }: AddDialogProps & CommonModalProps): JSX.Element;
 export type CommonModalTitleOptionsProps = {
     /**
      * - Content or function to render on the left side of the title.
@@ -76,27 +87,33 @@ export type CommonModalTitleOptionsProps = {
         setView: (view: string) => void;
     }) => Record<string, any>);
 };
-export type CommonModalProps = {
+export type CommonModalActionButtonsProps = {
     /**
-     * - Schema for backward compatibility with fab-react-toolkit that includes defaultValues and validation schema.
+     * - Additional properties to be passed to the Group component wrapping the buttons.
      */
-    fabSchema: Record<string, any>;
+    groupProps?: Record<string, any>;
     /**
-     * - JSON Schema used by JsonFormsWithCustomizer.
+     * - Flag to determine if the reset button should be displayed.
      */
-    schema: Record<string, any>;
+    withResetButton?: boolean;
     /**
-     * - UI schema for customizing the form layout.
+     * - Flag to determine if the submit button should be displayed.
      */
-    uischema: Record<string, any>;
+    withSubmitButton?: boolean;
     /**
-     * - State object containing the form data.
+     * - Additional properties to be passed to the reset Button component.
      */
-    state: Record<string, any>;
+    resetButtonProps?: Record<string, any>;
     /**
-     * - Function to update the state containing form data.
+     * - Additional properties to be passed to the submit Button component.
      */
-    setState: Function;
+    submitButtonProps?: Record<string, any>;
+};
+export type CommonModalProps = {
+    /**
+     * - The content to be rendered inside the modal.
+     */
+    children: React.ReactNode;
     /**
      * - Current view mode (e.g., VIEW_MODE.NORMAL, VIEW_MODE.FULL_SCREEN, VIEW_MODE.OVERLAY).
      */
@@ -106,9 +123,9 @@ export type CommonModalProps = {
      */
     setView: Function;
     /**
-     * - Customizer configuration or additional properties for JsonFormsWithCustomizer.
+     * - Callback function triggered on form reset.
      */
-    jsonForms: Record<string, any>;
+    onReset: Function;
     /**
      * - Callback function triggered on form submission.
      */
@@ -117,6 +134,10 @@ export type CommonModalProps = {
      * - Additional properties to be passed to the Box component wrapping the form.
      */
     boxProps: Record<string, any>;
+    /**
+     * - Text displayed on the reset button.
+     */
+    resetButtonText: string;
     /**
      * - Text displayed on the submit button.
      */
@@ -129,12 +150,34 @@ export type CommonModalProps = {
      * - Flag to determine if title options (e.g., full screen, overlay toggles) should be displayed.
      */
     withTitleOptions?: boolean;
+    /**
+     * - Flag to determine if action buttons (e.g., submit button) should be displayed.
+     */
+    withButtons?: boolean;
     /**
      * - Options for customizing the title area, such as toggles for full screen and overlay modes.
      */
     titleOptions?: CommonModalTitleOptionsProps;
+    /**
+     * - Options for customizing the action buttons area.
+     */
+    actionButtons?: CommonModalActionButtonsProps;
     /**
      * - Additional props to be passed to the Modal component.
      */
     rest: Record<string, any>;
 };
+export type AddDialogProps = {
+    /**
+     * - Additional JSON Forms customization options.
+     */
+    jsonForms?: Record<string, any>;
+    /**
+     * - Callback function triggered on successful form submission.
+     */
+    onSuccess?: (result: Record<string, any> | null) => void;
+    /**
+     * - Callback function triggered on form submission error.
+     */
+    onError?: (error: any) => void;
+};