@carlonicora/nextjs-jsonapi 1.9.1 → 1.11.0

package/dist/{chunk-AEZWDB5X.mjs → chunk-VSB546UN.mjs}

@@ -9,7 +9,7 @@ import {
   useI18nLocale,
   useI18nRouter,
   useI18nTranslations
-} from "./chunk-33UYFFIK.mjs";
+} from "./chunk-SJIVGCNM.mjs";
 import {
   AuthService,
   ClientAbstractService,
@@ -30,7 +30,7 @@ import {
   rehydrate,
   useComposedRefs,
   useIsMobile
-} from "./chunk-MOVONDSX.mjs";
+} from "./chunk-UJY3EIUK.mjs";
 import {
   __name
 } from "./chunk-PAWJFY3S.mjs";
@@ -7594,7 +7594,7 @@ __name(AllowedUsersDetails, "AllowedUsersDetails");
 import dynamic from "next/dynamic";
 import React37 from "react";
 import { jsx as jsx96 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-TF7MR7IP.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-2GCDAIKS.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React37.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -9462,23 +9462,39 @@ import { useEffect as useEffect29, useState as useState37 } from "react";
 import { jsx as jsx121, jsxs as jsxs73 } from "react/jsx-runtime";
 function PageContentContainer({ details, footer, content }) {
   const [mounted, setMounted] = useState37(false);
+  const isMobile = useIsMobile();
   useEffect29(() => {
     setMounted(true);
   }, []);
-  return /* @__PURE__ */ jsx121(
-    "div",
+  const isReady = mounted && isMobile !== void 0;
+  if (!isReady) {
+    return /* @__PURE__ */ jsx121("div", { className: "flex h-[calc(100vh-(--spacing(16)))] w-full" });
+  }
+  return /* @__PURE__ */ jsx121("div", { className: "flex h-[calc(100vh-(--spacing(16)))] w-full transition-opacity duration-150 animate-in fade-in", children: /* @__PURE__ */ jsxs73(
+    ResizablePanelGroup,
     {
-      className: `flex h-[calc(100vh-(--spacing(16)))] w-full transition-opacity duration-150 ${mounted ? "opacity-100" : "opacity-0"}`,
-      children: /* @__PURE__ */ jsxs73(ResizablePanelGroup, { direction: "horizontal", className: "items-stretch", autoSaveId: "page-content-layout", children: [
-        /* @__PURE__ */ jsx121(ResizablePanel, { id: "left-panel", defaultSize: 32, minSize: 20, maxSize: 40, children: /* @__PURE__ */ jsxs73("div", { className: "@container flex h-full flex-col pr-4", children: [
-          /* @__PURE__ */ jsx121("div", { className: "flex-1 overflow-y-auto", children: details }),
-          footer && /* @__PURE__ */ jsx121("div", { className: "flex flex-col gap-y-2 pt-2 pb-2", children: footer })
-        ] }) }),
+      direction: isMobile ? "vertical" : "horizontal",
+      className: "items-stretch",
+      autoSaveId: isMobile ? void 0 : "page-content-layout",
+      children: [
+        /* @__PURE__ */ jsx121(
+          ResizablePanel,
+          {
+            id: "left-panel",
+            defaultSize: isMobile ? 10 : 32,
+            minSize: isMobile ? 10 : 20,
+            maxSize: isMobile ? 90 : 40,
+            children: /* @__PURE__ */ jsxs73("div", { className: `@container flex h-full flex-col ${isMobile ? "pb-4" : "pr-4"}`, children: [
+              /* @__PURE__ */ jsx121("div", { className: "flex-1 overflow-y-auto", children: details }),
+              footer && /* @__PURE__ */ jsx121("div", { className: "flex flex-col gap-y-2 pt-2 pb-2", children: footer })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx121(ResizableHandle, { withHandle: true }),
-        /* @__PURE__ */ jsx121(ResizablePanel, { id: "right-panel", className: "pl-4", children: /* @__PURE__ */ jsx121("div", { className: "h-full overflow-y-auto", children: content }) })
-      ] })
+        /* @__PURE__ */ jsx121(ResizablePanel, { id: "right-panel", className: isMobile ? "pt-4" : "pl-4", children: /* @__PURE__ */ jsx121("div", { className: "h-full overflow-y-auto", children: content }) })
+      ]
     }
-  );
+  ) });
 }
 __name(PageContentContainer, "PageContentContainer");
 
@@ -9599,7 +9615,7 @@ function useJsonApiGet(params) {
     setLoading(true);
     setError(null);
     try {
-      const { JsonApiGet } = await import("./JsonApiRequest-ARXYJ2AG.mjs");
+      const { JsonApiGet } = await import("./JsonApiRequest-HFWXMKMA.mjs");
       const language = navigator.language.split("-")[0] || "en";
       const apiResponse = await JsonApiGet({
         classKey: params.classKey,
@@ -9704,7 +9720,7 @@ function useJsonApiMutation(config) {
       setLoading(true);
       setError(null);
       try {
-        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-ARXYJ2AG.mjs");
+        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-HFWXMKMA.mjs");
         const language = navigator.language.split("-")[0] || "en";
         let apiResponse;
         switch (config.method) {
@@ -12099,4 +12115,4 @@ export {
   useUserTableStructure,
   useContentTableStructure
 };
-//# sourceMappingURL=chunk-AEZWDB5X.mjs.map
+//# sourceMappingURL=chunk-VSB546UN.mjs.map