fastapi-rtk 0.2.36 → 0.2.38

package/dist/.external/esm/@tanstack_query-core@5.87.1/@tanstack/query-core/build/modern/query.mjs

@@ -9,7 +9,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, dispatch_fn, _a;
 import { replaceData, noop, resolveEnabled, skipToken, resolveStaleTime, timeUntilStale, ensureQueryFn } from "./utils.mjs";
 import { notifyManager } from "./notifyManager.mjs";
-import { canFetch, createRetryer, CancelledError } from "./retryer.mjs";
+import { createRetryer, CancelledError, canFetch } from "./retryer.mjs";
 import { Removable } from "./removable.mjs";
 var Query = (_a = class extends Removable {
   constructor(config) {

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

@@ -7,23 +7,22 @@ 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 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 { getEntry } = useApi.useApi();
   const { t } = useTranslation.useTranslation();
-  const [item, setItem] = React.useState(null);
+  const { setOpened, setItem } = useForms.useForms("view");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
-  const [dialogOpen, setDialogOpen] = React.useState(false);
   const actionIconProps = hooks$1.useActionIcon({
     onClick: () => {
       setLoading(true);
       getEntry(id).then((entry) => {
         if (entry) {
           setItem(entry);
-          setDialogOpen(true);
+          setOpened(true);
         }
       }).catch(() => {
       }).finally(() => setLoading(false));
@@ -32,10 +31,7 @@ const View = React.memo(({ id, ...props }) => {
     loading,
     ...props
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__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) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: t("View"), children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconEye, {}) }) }) });
 });
 View.displayName = "View";
 exports.View = View;

package/dist/core/cjs/{ActionIcons/Add → Dialogs}/AddDialog.cjs

@@ -7,17 +7,17 @@ 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 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 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 CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.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 FormField = require("../Tables/DataGrid/FormField/FormField.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 AddDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
   var _a;
   const { info, refetch, refetchInfo, addEntry } = useApi.useApi();

package/dist/core/cjs/{ActionIcons/Delete → Dialogs}/DeleteDialog.cjs

@@ -5,12 +5,12 @@ 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 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 DeleteDialog = ({ onSuccess, onError, ...props }) => {
   const { refetch, refetchInfo, deleteEntry } = useApi.useApi();
   const { t } = useTranslation.useTranslation();

package/dist/core/cjs/{ActionIcons/Edit → Dialogs}/EditDialog.cjs

@@ -7,20 +7,20 @@ 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 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 convertToFormInputs$1 = require("../ActionIcons/utils/convertToFormInputs.cjs");
+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 CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.cjs");
 const overlayProps = require("../Modals/overlayProps.cjs");
-const convertToFormInputs$1 = require("../utils/convertToFormInputs.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 FormField = require("../Tables/DataGrid/FormField/FormField.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 EditDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
   var _a;
   const { info, refetch, refetchInfo, updateEntry } = useApi.useApi();

package/dist/core/cjs/Dialogs/ViewDialog.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const React = require("react");
+const useForms = require("../hooks/api/useForms.cjs");
+const CommonModal = require("../Modals/CommonModal.cjs");
+const normalProps = require("../Modals/normalProps.cjs");
+const overlayProps = require("../Modals/overlayProps.cjs");
+function ViewDialog({ ...props }) {
+  const { opened, setOpened, item, reset, view, setView } = useForms.useForms("view");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CommonModal.CommonModal,
+    {
+      view,
+      setView,
+      withButtons: false,
+      opened,
+      onClose: () => setOpened(false),
+      onExitTransitionEnd: reset,
+      ...view === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
+      ...view === constants.VIEW_MODE.NORMAL ? normalProps.normalProps : {},
+      ...props,
+      title: props.title ?? `${item == null ? void 0 : item.show_title} (#${utils.convertId(utils.getItemId(item))})`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(core.Tabs, { defaultValue: "details", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.List, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Tab, { value: "details", children: "Details" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Panel, { value: "details", children: item && /* @__PURE__ */ jsxRuntime.jsx(
+          TabsDisplay,
+          {
+            columns: item.show_columns,
+            data: item.result,
+            label_columns: item.label_columns,
+            gridProps: { pt: "md" }
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const TabsDisplay = ({ columns, data, label_columns, gridProps }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { ...gridProps, children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 3, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "md", children: label_columns[column] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 1, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", children: ":" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 8, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "md", children: utils.getValue(data, column) }) })
+  ] }, column)) });
+};
+exports.TabsDisplay = TabsDisplay;
+exports.ViewDialog = ViewDialog;

package/dist/core/cjs/{ActionIcons/Modals → Modals}/CommonModal.cjs

@@ -3,11 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 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 iconify = require("../../../.external/cjs/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
-const useInfo = require("../../hooks/auth/useInfo.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 useInfo = require("../hooks/auth/useInfo.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({
   children,
   view,

package/dist/core/cjs/Tables/DataGrid/DataGrid.cjs

@@ -3,8 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const core = require("@mantine/core");
-const AddDialog = require("../../ActionIcons/Add/AddDialog.cjs");
-const EditDialog = require("../../ActionIcons/Edit/EditDialog.cjs");
+const AddDialog = require("../../Dialogs/AddDialog.cjs");
+const DeleteDialog = require("../../Dialogs/DeleteDialog.cjs");
+const EditDialog = require("../../Dialogs/EditDialog.cjs");
+const ViewDialog = require("../../Dialogs/ViewDialog.cjs");
 const LazyLoadWrapper = require("../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
@@ -58,8 +60,10 @@ const DataGrid = React.forwardRef((props, ref) => {
   const hideCheckbox = bulkActions === null;
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Paper, { ref, h: "100%", display: "flex", pos: "relative", style: { flexDirection: "column", ...styles }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(LazyLoadWrapper.LazyLoadWrapper, { cond: !!info, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ViewDialog.ViewDialog, {}),
       /* @__PURE__ */ jsxRuntime.jsx(AddDialog.AddDialog, { jsonForms: form == null ? void 0 : form.add }),
-      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit })
+      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit }),
+      /* @__PURE__ */ jsxRuntime.jsx(DeleteDialog.DeleteDialog, {})
     ] }),
     !hideToolbar ? /* @__PURE__ */ jsxRuntime.jsx(
       Toolbar.Toolbar,

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

@@ -7,9 +7,10 @@ const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
 const index_esm = require("../../../../.external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._v6brefjjgmgbqbolvm3v6bkbsa/mantine-react-table/dist/index.esm.cjs");
 const React = require("react");
-const AddDialog = require("../../ActionIcons/Add/AddDialog.cjs");
-const DeleteDialog = require("../../ActionIcons/Delete/DeleteDialog.cjs");
-const EditDialog = require("../../ActionIcons/Edit/EditDialog.cjs");
+const AddDialog = require("../../Dialogs/AddDialog.cjs");
+const DeleteDialog = require("../../Dialogs/DeleteDialog.cjs");
+const EditDialog = require("../../Dialogs/EditDialog.cjs");
+const ViewDialog = require("../../Dialogs/ViewDialog.cjs");
 const LazyLoadWrapper = require("../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.cjs");
 const useApi = require("../../hooks/api/useApi.cjs");
 const useForms = require("../../hooks/api/useForms.cjs");
@@ -29,7 +30,7 @@ const useToolbar = require("./hooks/useToolbar/useToolbar.cjs");
 const useToolbarAlertBanner = require("./hooks/useToolbarAlertBanner/useToolbarAlertBanner.cjs");
 const baseProps = { enableStickyHeader: true, enableColumnPinning: true };
 const NextGenDataGrid = React.forwardRef((props, ref) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const { info, data, queryParams, setQueryParams, refetch, specialKey } = useApi.useApi();
   const propsFromMantineTheme = core.useProps("NextGenDataGrid", {}, {});
   const {
@@ -223,9 +224,10 @@ const NextGenDataGrid = React.forwardRef((props, ref) => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { pos: "relative", h: "100%", w: "100%", mih: 0, flex: 1, ...wrapperProps, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(LazyLoadWrapper.LazyLoadWrapper, { cond: !!info, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AddDialog.AddDialog, { jsonForms: form == null ? void 0 : form.add, ...(_b = form == null ? void 0 : form.add) == null ? void 0 : _b.dialogProps }),
-      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit, ...(_c = form == null ? void 0 : form.edit) == null ? void 0 : _c.dialogProps }),
-      /* @__PURE__ */ jsxRuntime.jsx(DeleteDialog.DeleteDialog, { ...(_d = form == null ? void 0 : form.delete) == null ? void 0 : _d.dialogProps })
+      /* @__PURE__ */ jsxRuntime.jsx(ViewDialog.ViewDialog, { ...(_b = form == null ? void 0 : form.view) == null ? void 0 : _b.dialogProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(AddDialog.AddDialog, { jsonForms: form == null ? void 0 : form.add, ...(_c = form == null ? void 0 : form.add) == null ? void 0 : _c.dialogProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit, ...(_d = form == null ? void 0 : form.edit) == null ? void 0 : _d.dialogProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(DeleteDialog.DeleteDialog, { ...(_e = form == null ? void 0 : form.delete) == null ? void 0 : _e.dialogProps })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(index_esm.MantineReactTable, { table: mrtTable, ...rest }),
     children == null ? void 0 : children({ table: mrtTable }),

package/dist/core/cjs/Wrappers/ApiProvider/ApiProvider.cjs

@@ -48,12 +48,14 @@ function ApiProvider({
   const apiProxy = zustand.useProxy(api);
   const bulkActions = useProvideBulk$1.useProvideBulk(apiProxy, bulkParams);
   const bulkActionsProxy = zustand.useProxy(bulkActions);
+  const formView = useProvideForm.useProvideForm();
+  const [formViewProxy] = React.useState(() => zustand.createProxy(formView));
   const formAdd = useProvideForm.useProvideForm();
   const [formAddProxy] = React.useState(() => zustand.createProxy(formAdd));
   const formEdit = useProvideForm.useProvideForm();
   const [formEditProxy] = React.useState(() => zustand.createProxy(formEdit));
   const formDelete = useProvideForm.useProvideForm();
   const [formDeleteProxy] = React.useState(() => zustand.createProxy(formDelete));
-  return /* @__PURE__ */ jsxRuntime.jsx(ApiContext.ApiContextProvider, { value: apiProxy, children: /* @__PURE__ */ jsxRuntime.jsx(BulkActionsContext.BulkActionsContextProvider, { value: bulkActionsProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextAddProvider, { value: formAddProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextEditProvider, { value: formEditProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextDeleteProvider, { value: formDeleteProxy, children }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ApiContext.ApiContextProvider, { value: apiProxy, children: /* @__PURE__ */ jsxRuntime.jsx(BulkActionsContext.BulkActionsContextProvider, { value: bulkActionsProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextViewProvider, { value: formViewProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextAddProvider, { value: formAddProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextEditProvider, { value: formEditProxy, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.FormContextDeleteProvider, { value: formDeleteProxy, children }) }) }) }) }) });
 }
 exports.ApiProvider = ApiProvider;

package/dist/core/cjs/Wrappers/ApiProvider/Contexts/FormContext.cjs

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("fastapi-rtk/utils");
+const [FormContextViewProvider, useFormViewProvider] = utils.createSafeContext(
+  "useForms('view') must be used within an ApiProvider"
+);
 const [FormContextAddProvider, useFormAddProvider] = utils.createSafeContext(
   "useForms('add') must be used within an ApiProvider"
 );
@@ -13,6 +16,8 @@ const [FormContextDeleteProvider, useFormDeleteProvider] = utils.createSafeConte
 exports.FormContextAddProvider = FormContextAddProvider;
 exports.FormContextDeleteProvider = FormContextDeleteProvider;
 exports.FormContextEditProvider = FormContextEditProvider;
+exports.FormContextViewProvider = FormContextViewProvider;
 exports.useFormAddProvider = useFormAddProvider;
 exports.useFormDeleteProvider = useFormDeleteProvider;
 exports.useFormEditProvider = useFormEditProvider;
+exports.useFormViewProvider = useFormViewProvider;

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

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const FormContext = require("../../Wrappers/ApiProvider/Contexts/FormContext.cjs");
 const useForms = (type, options) => {
   switch (type) {
+    case "view":
+      return FormContext.useFormViewProvider(options);
     case "add":
       return FormContext.useFormAddProvider(options);
     case "edit":
@@ -10,7 +12,7 @@ const useForms = (type, options) => {
     case "delete":
       return FormContext.useFormDeleteProvider(options);
     default:
-      throw new Error(`useForms: Unknown form type '${type}'. Expected 'add', 'edit', or 'delete'.`);
+      throw new Error(`useForms: Unknown form type '${type}'. Expected 'view', 'add', 'edit', or 'delete'.`);
   }
 };
 exports.useForms = useForms;

package/dist/core/cjs/index.cjs

@@ -8,17 +8,21 @@ const Edit = require("./ActionIcons/Edit/Edit.cjs");
 const Refresh = require("./ActionIcons/Refresh/Refresh.cjs");
 const Upload = require("./ActionIcons/Upload/Upload.cjs");
 const View = require("./ActionIcons/View/View.cjs");
+const AddDialog = require("./Dialogs/AddDialog.cjs");
+const DeleteDialog = require("./Dialogs/DeleteDialog.cjs");
+const EditDialog = require("./Dialogs/EditDialog.cjs");
+const ViewDialog = require("./Dialogs/ViewDialog.cjs");
 const useApi = require("./hooks/api/useApi.cjs");
 const useBulkActions = require("./hooks/api/useBulkActions.cjs");
 const useForms = require("./hooks/api/useForms.cjs");
 const useAuth = require("./hooks/auth/useAuth.cjs");
 const useInfo = require("./hooks/auth/useInfo.cjs");
+const useLang = require("./hooks/lang/useLang.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");
-const ViewDialog = require("./ActionIcons/View/ViewDialog.cjs");
+const CommonModal = require("./Modals/CommonModal.cjs");
+const normalProps = require("./Modals/normalProps.cjs");
+const overlayProps = require("./Modals/overlayProps.cjs");
 const DataGrid = require("./Tables/DataGrid/DataGrid.cjs");
 const NextGenDataGrid = require("./Tables/NextGenDataGrid/NextGenDataGrid.cjs");
 const ApiProvider = require("./Wrappers/ApiProvider/ApiProvider.cjs");
@@ -30,7 +34,6 @@ 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;
@@ -41,17 +44,22 @@ exports.Edit = Edit.Edit;
 exports.Refresh = Refresh.Refresh;
 exports.Upload = Upload.Upload;
 exports.View = View.View;
+exports.AddDialog = AddDialog.AddDialog;
+exports.DeleteDialog = DeleteDialog.DeleteDialog;
+exports.EditDialog = EditDialog.EditDialog;
+exports.TabsDisplay = ViewDialog.TabsDisplay;
+exports.ViewDialog = ViewDialog.ViewDialog;
 exports.useApi = useApi.useApi;
 exports.useBulkActions = useBulkActions.useBulkActions;
 exports.useForms = useForms.useForms;
 exports.useAuth = useAuth.useAuth;
 exports.useInfo = useInfo.useInfo;
+exports.useLang = useLang.useLang;
 exports.UserMenu = UserMenu.UserMenu;
 exports.LanguageSelector = LanguageSelector.LanguageSelector;
-exports.AddDialog = AddDialog.AddDialog;
-exports.EditDialog = EditDialog.EditDialog;
 exports.CommonModal = CommonModal.CommonModal;
-exports.ViewDialog = ViewDialog.ViewDialog;
+exports.normalProps = normalProps.normalProps;
+exports.overlayProps = overlayProps.overlayProps;
 exports.DataGrid = DataGrid.DataGrid;
 exports.Datagrid = DataGrid.DataGrid;
 exports.NextGenDataGrid = NextGenDataGrid.NextGenDataGrid;

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

@@ -1,27 +1,26 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY } from "fastapi-rtk/constants";
 import { useActionIcon } from "fastapi-rtk/hooks";
 import { Tooltip, ActionIcon } from "@mantine/core";
 import { useDebouncedState } from "@mantine/hooks";
-import { memo, useState } from "react";
+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 { 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 { getEntry } = useApi();
   const { t } = useTranslation();
-  const [item, setItem] = useState(null);
+  const { setOpened, setItem } = useForms("view");
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
-  const [dialogOpen, setDialogOpen] = useState(false);
   const actionIconProps = useActionIcon({
     onClick: () => {
       setLoading(true);
       getEntry(id).then((entry) => {
         if (entry) {
           setItem(entry);
-          setDialogOpen(true);
+          setOpened(true);
         }
       }).catch(() => {
       }).finally(() => setLoading(false));
@@ -30,10 +29,7 @@ const View = memo(({ id, ...props }) => {
     loading,
     ...props
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__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) })
-  ] });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: t("View"), children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconEye, {}) }) }) });
 });
 View.displayName = "View";
 export {

package/dist/core/esm/{ActionIcons/Add → Dialogs}/AddDialog.mjs

@@ -5,17 +5,17 @@ import { deepMerge } from "fastapi-rtk/utils";
 import { useProps, Stack } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { useDebouncedState } from "@mantine/hooks";
-import { yupResolver } from "../../../../.external/esm/mantine-form-yup-resolver@2.0.0_@mantine_form@8.2.8_yup@1.7.0/mantine-form-yup-resolver/dist/esm/index.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, 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 { 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 { CommonModal } from "../Modals/CommonModal.mjs";
 import { normalProps } from "../Modals/normalProps.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";
+import { FormField } from "../Tables/DataGrid/FormField/FormField.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 AddDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
   var _a;
   const { info, refetch, refetchInfo, addEntry } = useApi();

package/dist/core/esm/{ActionIcons/Delete → Dialogs}/DeleteDialog.mjs

@@ -3,12 +3,12 @@ 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";
+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";
 const DeleteDialog = ({ onSuccess, onError, ...props }) => {
   const { refetch, refetchInfo, deleteEntry } = useApi();
   const { t } = useTranslation();

package/dist/core/esm/{ActionIcons/Edit → Dialogs}/EditDialog.mjs

@@ -5,20 +5,20 @@ import { deepMerge, getItemId } from "fastapi-rtk/utils";
 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 { 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 { convertToFormInputs as convertToFormInputs$1 } from "../ActionIcons/utils/convertToFormInputs.mjs";
+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 { 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";
-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 { FormField } from "../Tables/DataGrid/FormField/FormField.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 EditDialog({ jsonForms: __jsonForms, onSuccess, onError, ...props }) {
   var _a;
   const { info, refetch, refetchInfo, updateEntry } = useApi();

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

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VIEW_MODE } from "fastapi-rtk/constants";
+import { convertId, getItemId, getValue } from "fastapi-rtk/utils";
+import { Tabs, Grid, Text } from "@mantine/core";
+import { Fragment } from "react";
+import { useForms } from "../hooks/api/useForms.mjs";
+import { CommonModal } from "../Modals/CommonModal.mjs";
+import { normalProps } from "../Modals/normalProps.mjs";
+import { overlayProps } from "../Modals/overlayProps.mjs";
+function ViewDialog({ ...props }) {
+  const { opened, setOpened, item, reset, view, setView } = useForms("view");
+  return /* @__PURE__ */ jsx(
+    CommonModal,
+    {
+      view,
+      setView,
+      withButtons: false,
+      opened,
+      onClose: () => setOpened(false),
+      onExitTransitionEnd: reset,
+      ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
+      ...view === VIEW_MODE.NORMAL ? normalProps : {},
+      ...props,
+      title: props.title ?? `${item == null ? void 0 : item.show_title} (#${convertId(getItemId(item))})`,
+      children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "details", children: [
+        /* @__PURE__ */ jsx(Tabs.List, { children: /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", children: item && /* @__PURE__ */ jsx(
+          TabsDisplay,
+          {
+            columns: item.show_columns,
+            data: item.result,
+            label_columns: item.label_columns,
+            gridProps: { pt: "md" }
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const TabsDisplay = ({ columns, data, label_columns, gridProps }) => {
+  return /* @__PURE__ */ jsx(Grid, { ...gridProps, children: columns.map((column) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid.Col, { span: 3, children: /* @__PURE__ */ jsx(Text, { size: "md", children: label_columns[column] }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { span: 1, children: /* @__PURE__ */ jsx(Text, { size: "xs", children: ":" }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { span: 8, children: /* @__PURE__ */ jsx(Text, { size: "md", children: getValue(data, column) }) })
+  ] }, column)) });
+};
+export {
+  TabsDisplay,
+  ViewDialog
+};

package/dist/core/esm/{ActionIcons/Modals → Modals}/CommonModal.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 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 { Icon } from "../../../.external/esm/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.mjs";
 import { Modal, Box, Group, Button, CloseButton } from "@mantine/core";
-import { useInfo } from "../../hooks/auth/useInfo.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 { useInfo } from "../hooks/auth/useInfo.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({
   children,
   view,

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

@@ -1,8 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect } from "react";
 import { Paper } from "@mantine/core";
-import { AddDialog } from "../../ActionIcons/Add/AddDialog.mjs";
-import { EditDialog } from "../../ActionIcons/Edit/EditDialog.mjs";
+import { AddDialog } from "../../Dialogs/AddDialog.mjs";
+import { DeleteDialog } from "../../Dialogs/DeleteDialog.mjs";
+import { EditDialog } from "../../Dialogs/EditDialog.mjs";
+import { ViewDialog } from "../../Dialogs/ViewDialog.mjs";
 import { LazyLoadWrapper } from "../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.mjs";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import { useForms } from "../../hooks/api/useForms.mjs";
@@ -56,8 +58,10 @@ const DataGrid = forwardRef((props, ref) => {
   const hideCheckbox = bulkActions === null;
   return /* @__PURE__ */ jsxs(Paper, { ref, h: "100%", display: "flex", pos: "relative", style: { flexDirection: "column", ...styles }, children: [
     /* @__PURE__ */ jsxs(LazyLoadWrapper, { cond: !!info, children: [
+      /* @__PURE__ */ jsx(ViewDialog, {}),
       /* @__PURE__ */ jsx(AddDialog, { jsonForms: form == null ? void 0 : form.add }),
-      /* @__PURE__ */ jsx(EditDialog, { jsonForms: form == null ? void 0 : form.edit })
+      /* @__PURE__ */ jsx(EditDialog, { jsonForms: form == null ? void 0 : form.edit }),
+      /* @__PURE__ */ jsx(DeleteDialog, {})
     ] }),
     !hideToolbar ? /* @__PURE__ */ jsx(
       Toolbar,