@carlonicora/nextjs-jsonapi 1.91.0 → 1.92.0

package/dist/{chunk-WHZMP3ZF.mjs → chunk-QO267HMI.mjs}

@@ -9211,7 +9211,7 @@ __name(FormCheckbox, "FormCheckbox");
 import dynamic from "next/dynamic";
 import React14 from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-S3MWGDLG.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-O2MMPJGR.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React14.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -13069,11 +13069,14 @@ __name(TableCellAvatar, "TableCellAvatar");
 // src/components/navigations/Breadcrumb.tsx
 import { useTranslations as useTranslations48 } from "next-intl";
 import { Fragment as Fragment20, useState as useState42 } from "react";
+import { ChevronDownIcon as ChevronDownIcon8 } from "lucide-react";
 import { Fragment as Fragment21, jsx as jsx138, jsxs as jsxs79 } from "react/jsx-runtime";
 var ITEMS_TO_DISPLAY = 4;
-function BreadcrumbNavigation({ items }) {
-  const generateUrl = usePageUrlGenerator();
-  const t = useTranslations48();
+function BreadcrumbDesktop({
+  items,
+  generateUrl,
+  t
+}) {
   const [open, setOpen] = useState42(false);
   return /* @__PURE__ */ jsx138(Breadcrumb, { children: /* @__PURE__ */ jsxs79(BreadcrumbList, { children: [
     /* @__PURE__ */ jsx138(BreadcrumbItem, { children: /* @__PURE__ */ jsx138(Link, { href: generateUrl({ page: `/` }), children: t(`common.home`) }) }),
@@ -13096,6 +13099,36 @@ function BreadcrumbNavigation({ items }) {
     ] }, index)) })
   ] }) });
 }
+__name(BreadcrumbDesktop, "BreadcrumbDesktop");
+function BreadcrumbMobile({
+  items,
+  generateUrl,
+  t
+}) {
+  const [open, setOpen] = useState42(false);
+  const lastItem = items[items.length - 1];
+  const allItems = [{ name: t(`common.home`), href: generateUrl({ page: `/` }) }, ...items];
+  if (!lastItem && items.length === 0) {
+    return /* @__PURE__ */ jsx138(Breadcrumb, { children: /* @__PURE__ */ jsx138(BreadcrumbList, { children: /* @__PURE__ */ jsx138(BreadcrumbItem, { children: /* @__PURE__ */ jsx138(Link, { href: generateUrl({ page: `/` }), children: t(`common.home`) }) }) }) });
+  }
+  return /* @__PURE__ */ jsxs79(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs79(DropdownMenuTrigger, { className: "text-foreground text-xs/relaxed font-normal hover:bg-accent flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors outline-none", children: [
+      lastItem?.name,
+      /* @__PURE__ */ jsx138(ChevronDownIcon8, { className: "text-muted-foreground size-3.5" })
+    ] }),
+    /* @__PURE__ */ jsx138(DropdownMenuContent, { align: "start", children: allItems.map((item, index) => /* @__PURE__ */ jsx138(DropdownMenuItem, { children: item.href ? /* @__PURE__ */ jsx138(Link, { href: item.href, children: item.name }) : /* @__PURE__ */ jsx138(Fragment21, { children: item.name }) }, index)) })
+  ] });
+}
+__name(BreadcrumbMobile, "BreadcrumbMobile");
+function BreadcrumbNavigation({ items }) {
+  const generateUrl = usePageUrlGenerator();
+  const t = useTranslations48();
+  const isMobile = useIsMobile();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx138(BreadcrumbMobile, { items, generateUrl, t });
+  }
+  return /* @__PURE__ */ jsx138(BreadcrumbDesktop, { items, generateUrl, t });
+}
 __name(BreadcrumbNavigation, "BreadcrumbNavigation");
 
 // src/components/navigations/ContentTitle.tsx
@@ -13135,11 +13168,12 @@ __name(ContentTitle, "ContentTitle");
 import { jsx as jsx140, jsxs as jsxs81 } from "react/jsx-runtime";
 function Header({ children, leftContent, className }) {
   const { breadcrumbs } = useSharedContext();
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ jsx140("header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs81("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
     /* @__PURE__ */ jsx140(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
     leftContent,
     /* @__PURE__ */ jsx140("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx140(BreadcrumbNavigation, { items: breadcrumbs }) }),
-    /* @__PURE__ */ jsx140("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx140("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: children ? children : null }) })
+    !isMobile && children && /* @__PURE__ */ jsx140("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx140("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
   ] }) });
 }
 __name(Header, "Header");
@@ -13158,7 +13192,7 @@ function ModeToggleSwitch() {
 __name(ModeToggleSwitch, "ModeToggleSwitch");
 
 // src/components/navigations/PageSection.tsx
-import { ChevronDownIcon as ChevronDownIcon8, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
+import { ChevronDownIcon as ChevronDownIcon9, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
 import { useEffect as useEffect36, useState as useState44 } from "react";
 import { v4 as v44 } from "uuid";
 import { jsx as jsx142, jsxs as jsxs82 } from "react/jsx-runtime";
@@ -13191,7 +13225,7 @@ function PageSection({ children, title, options, open, small, onToggle }) {
             className: `${isOpen ? "mb-4" : "mb-0"} flex w-full justify-between border-b ${small ? `border-muted` : `border-primary`} pb-1`,
             children: [
               /* @__PURE__ */ jsxs82("div", { className: "flex w-full cursor-pointer items-center justify-start gap-x-2", onClick: toggleOpen, children: [
-                isOpen ? /* @__PURE__ */ jsx142(ChevronDownIcon8, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ jsx142(ChevronRightIcon6, { className: "text-primary h-4 w-4" }),
+                isOpen ? /* @__PURE__ */ jsx142(ChevronDownIcon9, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ jsx142(ChevronRightIcon6, { className: "text-primary h-4 w-4" }),
                 /* @__PURE__ */ jsx142("h2", { className: `flex w-full ${small === true ? `text-sm` : `text-lg`} text-primary font-semibold`, children: title })
               ] }),
               options && /* @__PURE__ */ jsx142("div", { className: "flex gap-2", children: options })
@@ -13332,8 +13366,9 @@ function RoundPageContainerTitle({
   setShowDetails
 }) {
   const { title } = useSharedContext();
-  return /* @__PURE__ */ jsxs86("div", { className: "flex w-full flex-row items-center justify-between border-b p-4", children: [
-    /* @__PURE__ */ jsxs86("div", { className: "flex w-full gap-x-4", children: [
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsxs86("div", { className: cn(`flex w-full flex-row items-center border-b p-4`, isMobile ? `justify-end` : `justify-between`), children: [
+    !isMobile && /* @__PURE__ */ jsxs86("div", { className: "flex w-full gap-x-4", children: [
       /* @__PURE__ */ jsxs86("div", { className: "text-muted-foreground flex items-center gap-x-2 text-lg font-light whitespace-nowrap", children: [
         module && module.icon ? /* @__PURE__ */ jsx146(module.icon, { className: "text-primary h-6 w-6" }) : title.icon,
         title.type
@@ -13378,10 +13413,15 @@ function RoundPageContainer({
   const headerChildren = useHeaderChildren();
   const headerLeftContent = useHeaderLeftContent();
   const [showDetails, setShowDetailsState] = useState46(false);
+  const isMobile = useIsMobile();
+  const [mounted, setMounted] = useState46(false);
   useEffect38(() => {
     const match = document.cookie.split("; ").find((row) => row.startsWith(`${DETAILS_COOKIE_NAME}=`));
     if (match?.split("=")[1] === "true") setShowDetailsState(true);
   }, []);
+  useEffect38(() => {
+    setMounted(true);
+  }, []);
   const setShowDetails = useCallback26((value) => {
     setShowDetailsState(value);
     document.cookie = `${DETAILS_COOKIE_NAME}=${value}; path=/; max-age=${DETAILS_COOKIE_MAX_AGE}`;
@@ -13399,10 +13439,24 @@ function RoundPageContainer({
       }
     }
   }, [section, tabs]);
+  const handleTabChange = useCallback26(
+    (key) => {
+      setActiveTab(key);
+      if (module && id) rewriteUrl({ page: module, id, additionalParameters: { section: key } });
+    },
+    [module, id, rewriteUrl]
+  );
   const activeFillHeight = tabs?.find((t) => (t.key?.name ?? t.label) === activeTab)?.fillHeight === true;
+  const isReady = mounted && isMobile !== void 0;
+  if (!isReady) {
+    return /* @__PURE__ */ jsxs87(Fragment22, { children: [
+      /* @__PURE__ */ jsx147(Header, { leftContent: headerLeftContent, className: "bg-sidebar border-0", children: headerChildren }),
+      /* @__PURE__ */ jsx147("div", { className: cn("flex h-[calc(100vh-3rem)] w-full flex-col", isMobile ? "" : "p-2 pt-0 pl-0"), children: /* @__PURE__ */ jsx147("div", { className: cn("bg-background flex h-full w-full", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx147("div", { className: "flex w-full flex-col" }) }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs87(Fragment22, { children: [
     /* @__PURE__ */ jsx147(Header, { leftContent: headerLeftContent, className: "bg-sidebar border-0", children: headerChildren }),
-    /* @__PURE__ */ jsx147("div", { className: "flex h-[calc(100vh-3rem)] w-full flex-col p-2 pt-0 pl-0", children: /* @__PURE__ */ jsx147("div", { className: "bg-background flex h-full w-full rounded-lg border p-0", children: /* @__PURE__ */ jsxs87("div", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ jsx147("div", { className: cn(`flex h-[calc(100vh-3rem)] w-full flex-col`, isMobile ? "p-1 pt-0" : "p-2 pt-0 pl-0"), children: /* @__PURE__ */ jsx147("div", { className: "bg-background flex h-full w-full rounded-lg border p-0", children: /* @__PURE__ */ jsxs87("div", { className: "flex w-full flex-col", children: [
       (!fullWidth || forceHeader) && /* @__PURE__ */ jsx147(
         RoundPageContainerTitle,
         {
@@ -13418,7 +13472,8 @@ function RoundPageContainer({
           "div",
           {
             className: cn(
-              `grow p-4`,
+              `grow`,
+              isMobile ? `p-2` : `p-4`,
               activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto`,
               fullWidth && `p-0`
             ),
@@ -13436,17 +13491,29 @@ function RoundPageContainer({
                     {
                       value: activeTab,
                       className: cn(`w-full`, activeFillHeight && `flex flex-1 min-h-0 flex-col`),
-                      onValueChange: (key) => {
-                        setActiveTab(key);
-                        if (module && id)
-                          rewriteUrl({ page: module, id, additionalParameters: { section: key } });
-                      },
+                      onValueChange: handleTabChange,
                       children: [
-                        /* @__PURE__ */ jsx147("div", { className: "p-4", children: /* @__PURE__ */ jsx147(TabsList, { className: ``, children: tabs.map((tab) => /* @__PURE__ */ jsx147(TabsTrigger, { value: tab.key?.name ?? tab.label, className: `px-4`, children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
+                        isMobile ? /* @__PURE__ */ jsx147("div", { className: "p-0", children: /* @__PURE__ */ jsxs87(
+                          Select,
+                          {
+                            value: activeTab,
+                            onValueChange: (value) => {
+                              if (value) handleTabChange(value);
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx147(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx147(SelectValue, {}) }),
+                              /* @__PURE__ */ jsx147(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx147(SelectItem, { value: tab.key?.name ?? tab.label, children: tab.contentLabel ?? tab.label }, tab.label)) })
+                            ]
+                          }
+                        ) }) : /* @__PURE__ */ jsx147("div", { className: "p-4", children: /* @__PURE__ */ jsx147(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsx147(TabsTrigger, { value: tab.key?.name ?? tab.label, className: "px-4", children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
                         /* @__PURE__ */ jsx147(
                           "div",
                           {
-                            className: cn(`flex w-full px-4`, activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`),
+                            className: cn(
+                              `flex w-full `,
+                              isMobile ? `` : `px-4`,
+                              activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`
+                            ),
                             children: tabs.map((tab) => /* @__PURE__ */ jsx147(
                               TabsContent,
                               {
@@ -13461,13 +13528,16 @@ function RoundPageContainer({
                       ]
                     }
                   ),
-                  children && /* @__PURE__ */ jsx147("div", { className: "flex px-4", children })
+                  children && /* @__PURE__ */ jsx147("div", { className: cn(`flex`, isMobile ? `px-2` : `px-4`), children })
                 ] }) : children
               }
             )
           }
         ),
-        details && /* @__PURE__ */ jsx147(
+        details && (isMobile ? /* @__PURE__ */ jsx147(Sheet, { open: showDetails, onOpenChange: setShowDetails, children: /* @__PURE__ */ jsxs87(SheetContent, { side: "right", children: [
+          /* @__PURE__ */ jsx147(SheetHeader, { children: /* @__PURE__ */ jsx147(SheetTitle, { children: "Details" }) }),
+          /* @__PURE__ */ jsx147("div", { className: "overflow-y-auto p-6 pt-0", children: details })
+        ] }) }) : /* @__PURE__ */ jsx147(
           "div",
           {
             className: cn(
@@ -13476,7 +13546,7 @@ function RoundPageContainer({
             ),
             children: details
           }
-        )
+        ))
       ] })
     ] }) }) })
   ] });
@@ -21902,4 +21972,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-WHZMP3ZF.mjs.map
+//# sourceMappingURL=chunk-QO267HMI.mjs.map