@carlonicora/nextjs-jsonapi 3.4.2 → 3.5.0

package/dist/billing/index.mjs

@@ -62,7 +62,7 @@ import {
   useCurrentUserContext,
   useDataListRetriever,
   usePageUrlGenerator
-} from "../chunk-G5LSXG5K.mjs";
+} from "../chunk-3LF5PPRY.mjs";
 import {
   getRoleId,
   getStripePublishableKey,

package/dist/{chunk-G5LSXG5K.mjs → chunk-3LF5PPRY.mjs}

@@ -10314,7 +10314,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx89 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-3D5D7YL7.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-MSFNIMZP.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -14867,7 +14867,7 @@ function SlotContent({ item }) {
   return Icon ? /* @__PURE__ */ jsx159(Icon, { className: "size-6" }) : null;
 }
 __name(SlotContent, "SlotContent");
-function MobileNavigationBar() {
+function MobileNavigationBar({ className } = {}) {
   const items = useMobileNavigationItems();
   const isMobile = useIsMobile();
   const pathname = usePathname3();
@@ -14877,7 +14877,7 @@ function MobileNavigationBar() {
     {
       "aria-label": "Primary",
       "data-testid": "mobile-navigation-bar",
-      className: "bg-sidebar flex w-full shrink-0 flex-row items-stretch rounded-lg border",
+      className: cn("bg-sidebar flex w-full shrink-0 flex-row items-stretch rounded-lg border", className),
       children: items.map((item) => {
         const active = item.href ? isActiveHref(pathname, item.href) : false;
         const tone = active ? "text-primary" : "text-muted-foreground";
@@ -15236,7 +15236,8 @@ function RoundPageContainer({
   testId,
   defaultDetailsOpen = false,
   detailsTitle,
-  detailsIcon
+  detailsIcon,
+  scroll = "document"
 }) {
   const headerChildren = useHeaderChildren();
   const headerLeftContent = useHeaderLeftContent();
@@ -15254,6 +15255,14 @@ function RoundPageContainer({
   useEffect41(() => {
     setMounted(true);
   }, []);
+  useEffect41(() => {
+    document.documentElement.dataset.scrollMode = scroll;
+  }, [scroll]);
+  const isFixed = scroll === "fixed";
+  const shellHeight = isFixed ? `h-[calc(100svh-var(--app-header-h,3rem))]` : `min-h-[calc(100svh-var(--app-header-h,3rem))]`;
+  const clip = isFixed ? `overflow-hidden` : ``;
+  const scrollY = isFixed ? `overflow-y-auto` : ``;
+  const mobileBarClass = isFixed ? `` : `sticky bottom-0 z-30`;
   const detailsCookieName = module?.name ? `${DETAILS_COOKIE_NAME}_${module.name}` : DETAILS_COOKIE_NAME;
   const setShowDetails = useCallback27(
     (value) => {
@@ -15311,7 +15320,8 @@ function RoundPageContainer({
         {
           "data-testid": testId,
           className: cn(
-            "flex h-[calc(100svh-var(--app-header-h,3rem))] w-full flex-col",
+            "flex w-full flex-col",
+            shellHeight,
             // Deliberately NO bottom safe-area inset, here or in
             // MobileNavigationBar. iOS still reports 34px of bottom inset
             // (measured in an installed PWA), but nothing is drawn in that strip
@@ -15324,7 +15334,7 @@ function RoundPageContainer({
           ),
           children: [
             /* @__PURE__ */ jsx166("div", { className: cn("bg-background flex min-h-0 w-full flex-1", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx166("div", { className: "flex w-full flex-col" }) }),
-            /* @__PURE__ */ jsx166(MobileNavigationBar, {})
+            /* @__PURE__ */ jsx166(MobileNavigationBar, { className: mobileBarClass })
           ]
         }
       )
@@ -15346,7 +15356,8 @@ function RoundPageContainer({
       {
         "data-testid": testId,
         className: cn(
-          `flex h-[calc(100svh-var(--app-header-h,3rem))] w-full flex-col`,
+          `flex w-full flex-col`,
+          shellHeight,
           // Deliberately NO bottom safe-area inset, here or in
           // MobileNavigationBar. iOS still reports 34px of bottom inset
           // (measured in an installed PWA), but nothing is drawn in that strip
@@ -15372,7 +15383,7 @@ function RoundPageContainer({
                   fullWidth
                 }
               ),
-              /* @__PURE__ */ jsx166("div", { className: "flex h-full w-full overflow-hidden", children: layout2 === "rail" && tabs ? (
+              /* @__PURE__ */ jsx166("div", { className: cn(`flex w-full`, isFixed && `h-full`, clip), children: layout2 === "rail" && tabs ? (
                 // Rail layout: the vertical-tab navigation is a flush-left
                 // sidebar of the card and the content fills the full remaining
                 // width (like `fullWidth`) — NOT the centred max-w-6xl column.
@@ -15382,13 +15393,16 @@ function RoundPageContainer({
                     value: activeTab,
                     onValueChange: handleTabChange,
                     orientation: "horizontal",
-                    className: "flex h-full min-w-0 grow overflow-hidden data-[orientation=horizontal]:flex-row",
+                    className: cn(`flex min-w-0 grow data-[orientation=horizontal]:flex-row`, isFixed && `h-full`, clip),
                     children: [
                       /* @__PURE__ */ jsx166(
                         "aside",
                         {
                           "data-testid": "round-page-rail",
-                          className: "hidden shrink-0 border-e p-4 md:flex md:w-56 md:flex-col md:overflow-y-auto",
+                          className: cn(
+                            `hidden shrink-0 border-e p-4 md:flex md:w-56 md:flex-col`,
+                            isFixed && `md:overflow-y-auto`
+                          ),
                           children: /* @__PURE__ */ jsxs94(TabsList, { className: "flex h-auto w-full flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
                             ungrouped.map((tab) => /* @__PURE__ */ jsx166(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label)),
                             groups.map((group) => /* @__PURE__ */ jsxs94(Fragment23, { children: [
@@ -15405,7 +15419,7 @@ function RoundPageContainer({
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ jsxs94("div", { className: "flex min-w-0 grow flex-col overflow-hidden", children: [
+                      /* @__PURE__ */ jsxs94("div", { className: cn(`flex min-w-0 grow flex-col`, clip), children: [
                         /* @__PURE__ */ jsx166("div", { "data-testid": "round-page-rail-select", className: "p-2 md:hidden", children: /* @__PURE__ */ jsxs94(
                           Select,
                           {
@@ -15429,10 +15443,7 @@ function RoundPageContainer({
                         /* @__PURE__ */ jsx166(
                           "div",
                           {
-                            className: cn(
-                              `min-w-0 grow`,
-                              activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto p-4`
-                            ),
+                            className: cn(`min-w-0 grow`, activeFillHeight ? cn(`flex flex-col`, clip) : cn(scrollY, `p-4`)),
                             children: /* @__PURE__ */ jsxs94(
                               "div",
                               {
@@ -15466,7 +15477,7 @@ function RoundPageContainer({
                   className: cn(
                     `grow`,
                     isMobile ? `p-2` : `p-4`,
-                    activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto`,
+                    activeFillHeight ? cn(`flex flex-col`, clip) : scrollY,
                     fullWidth && `p-0`
                   ),
                   children: /* @__PURE__ */ jsxs94(
@@ -15507,7 +15518,7 @@ function RoundPageContainer({
                                     className: cn(
                                       `flex w-full `,
                                       isMobile ? `` : `px-4`,
-                                      activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`
+                                      activeFillHeight ? `flex-1 min-h-0` : scrollY
                                     ),
                                     children: tabs.map((tab) => /* @__PURE__ */ jsx166(
                                       TabsContent,
@@ -15568,7 +15579,7 @@ function RoundPageContainer({
               }
             ))
           ] }),
-          /* @__PURE__ */ jsx166(MobileNavigationBar, {})
+          /* @__PURE__ */ jsx166(MobileNavigationBar, { className: mobileBarClass })
         ]
       }
     )
@@ -25532,4 +25543,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-G5LSXG5K.mjs.map
+//# sourceMappingURL=chunk-3LF5PPRY.mjs.map