@carlonicora/nextjs-jsonapi 3.20.1 → 3.22.0

package/dist/billing/index.mjs

@@ -62,7 +62,7 @@ import {
   useCurrentUserContext,
   useDataListRetriever,
   usePageUrlGenerator
-} from "../chunk-HP3SPOPP.mjs";
+} from "../chunk-5G7I3OUB.mjs";
 import {
   getRoleId,
   getStripePublishableKey,

package/dist/{chunk-HP3SPOPP.mjs → chunk-5G7I3OUB.mjs}

@@ -531,6 +531,8 @@ var badgeVariants = cva3(
         softGray: "bg-gray-500/10 text-gray-700 dark:bg-gray-500/15 dark:text-gray-400",
         softOrange: "bg-orange-500/10 text-orange-700 dark:bg-orange-500/15 dark:text-orange-400",
         softAmber: "bg-amber-500/10 text-amber-700 dark:bg-amber-500/15 dark:text-amber-400",
+        softEmerald: "bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400",
+        softPurple: "bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400",
         blue: "bg-sky-500 text-primary-foreground [a]:hover:bg-sky-500/80",
         green: "bg-emerald-500 text-primary-foreground [a]:hover:bg-emerald-500/80",
         red: "bg-red-500 text-primary-foreground [a]:hover:bg-red-500/80",
@@ -3698,6 +3700,10 @@ function useSidebar() {
   return context;
 }
 __name(useSidebar, "useSidebar");
+function useOptionalSidebar() {
+  return React8.useContext(SidebarContext);
+}
+__name(useOptionalSidebar, "useOptionalSidebar");
 function SidebarProvider({
   defaultOpen = true,
   open: openProp,
@@ -10393,7 +10399,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx90 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-FKYWM4NJ.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-5QBGVWE7.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -15046,6 +15052,7 @@ function Header({ children, mobileChildren, leftContent, logo, className }) {
   const rootLabel = useHeaderRootLabel();
   const isRootHidden = useIsBreadcrumbRootHidden();
   const isMobile = useIsMobile();
+  const sidebar = useOptionalSidebar();
   return (
     // Outer element owns the safe-area inset; the inner row keeps h-12 so the
     // content height is unchanged and only the notch padding is added above.
@@ -15065,7 +15072,7 @@ function Header({ children, mobileChildren, leftContent, logo, className }) {
         className: `bg-sidebar sticky top-0 z-10 flex h-[var(--app-header-h,calc(3rem_+_env(safe-area-inset-top)))] flex-col items-center justify-start gap-x-4 pt-[env(safe-area-inset-top)] ${className ?? ""}`,
         children: /* @__PURE__ */ jsxs87("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between ps-2 pe-4", children: [
           isMobile && logo && /* @__PURE__ */ jsx161("div", { className: "flex shrink-0 flex-row items-center pe-1", children: logo }),
-          /* @__PURE__ */ jsx161(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
+          sidebar && /* @__PURE__ */ jsx161(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
           leftContent,
           /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx161(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0, showRoot: !isRootHidden }) }),
           isMobile ? mobileChildren && /* @__PURE__ */ jsx161("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && // No fixed width: the widget slot sizes to its content and the
@@ -15626,6 +15633,7 @@ function RoundPageContainer({
   const headerMobileChildren = useHeaderMobileChildren();
   const [showDetails, setShowDetailsState] = useState52(defaultDetailsOpen);
   const isMobile = useIsMobile();
+  const hasSidebar = useOptionalSidebar() !== null;
   const [mounted, setMounted] = useState52(false);
   useEffect42(() => {
     const match = document.cookie.split("; ").find((row) => row.startsWith(`${detailsCookieName}=`));
@@ -15713,7 +15721,7 @@ function RoundPageContainer({
             // render 78px tall; below the bar it became a visible gap. The
             // swipe-up gesture region is unaffected either way — it is a gesture
             // area, not painted chrome.
-            isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 ps-0"
+            isMobile ? "gap-1 p-1 pt-0" : cn("p-2 pt-0", hasSidebar && "ps-0")
           ),
           children: [
             /* @__PURE__ */ jsx170("div", { className: cn("bg-background flex min-h-0 w-full flex-1", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx170("div", { className: "flex w-full flex-col" }) }),
@@ -15749,7 +15757,7 @@ function RoundPageContainer({
           // render 78px tall; below the bar it became a visible gap. The
           // swipe-up gesture region is unaffected either way — it is a gesture
           // area, not painted chrome.
-          isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 ps-0"
+          isMobile ? "gap-1 p-1 pt-0" : cn("p-2 pt-0", hasSidebar && "ps-0")
         ),
         children: [
           /* @__PURE__ */ jsxs94("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
@@ -17705,6 +17713,14 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
     data: tableData,
     columns: tableColumns,
     getCoreRowModel: getCoreRowModel(),
+    ...props.renderExpandedRow && {
+      getExpandedRowModel: getExpandedRowModel(),
+      // Key rows by record id so an expansion stays with its record when a search or filter reorders the rows.
+      getRowId: /* @__PURE__ */ __name((row, index) => row.jsonApiData?.id ?? String(index), "getRowId"),
+      getRowCanExpand: /* @__PURE__ */ __name(() => true, "getRowCanExpand"),
+      onExpandedChange: setExpanded,
+      state: { expanded }
+    },
     ...props.expandable && {
       getExpandedRowModel: getExpandedRowModel(),
       getSubRows: props.getSubRows,
@@ -17791,7 +17807,22 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
     ] }),
     /* @__PURE__ */ jsx191(TableBody, { children: rowModel && rowModel.rows?.length ? groupedRows ? groupedRows.map((group) => /* @__PURE__ */ jsxs103(React31.Fragment, { children: [
       /* @__PURE__ */ jsx191(TableRow, { children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "bg-muted px-4 py-2", children: /* @__PURE__ */ jsx191(MicroLabel, { children: props.groupLabel?.(group.groupKey) ?? group.groupKey }) }) }),
-      group.rows.map((row) => /* @__PURE__ */ jsx191(
+      group.rows.map((row) => /* @__PURE__ */ jsxs103(React31.Fragment, { children: [
+        /* @__PURE__ */ jsx191(
+          TableRow,
+          {
+            onClick: () => onRowClick?.(row.original.jsonApiData),
+            className: `group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`,
+            children: row.getVisibleCells().map((cell) => {
+              const meta = cell.column.columnDef.meta;
+              return /* @__PURE__ */ jsx191(TableCell, { className: meta?.className, children: renderCell(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
+            })
+          }
+        ),
+        props.renderExpandedRow && row.getIsExpanded() && /* @__PURE__ */ jsx191(TableRow, { "data-testid": "content-list-table-expanded-row", children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "bg-muted/30 px-4 py-3", children: props.renderExpandedRow(row.original.jsonApiData) }) })
+      ] }, row.id))
+    ] }, group.groupKey)) : rowModel.rows.map((row) => /* @__PURE__ */ jsxs103(React31.Fragment, { children: [
+      /* @__PURE__ */ jsx191(
         TableRow,
         {
           onClick: () => onRowClick?.(row.original.jsonApiData),
@@ -17800,21 +17831,10 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
             const meta = cell.column.columnDef.meta;
             return /* @__PURE__ */ jsx191(TableCell, { className: meta?.className, children: renderCell(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
           })
-        },
-        row.id
-      ))
-    ] }, group.groupKey)) : rowModel.rows.map((row) => /* @__PURE__ */ jsx191(
-      TableRow,
-      {
-        onClick: () => onRowClick?.(row.original.jsonApiData),
-        className: `group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`,
-        children: row.getVisibleCells().map((cell) => {
-          const meta = cell.column.columnDef.meta;
-          return /* @__PURE__ */ jsx191(TableCell, { className: meta?.className, children: renderCell(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
-        })
-      },
-      row.id
-    )) : /* @__PURE__ */ jsx191(TableRow, { children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: props.emptyState ?? (t.has("ui.empty_states.no_results") ? t("ui.empty_states.no_results") : "No results.") }) }) }),
+        }
+      ),
+      props.renderExpandedRow && row.getIsExpanded() && /* @__PURE__ */ jsx191(TableRow, { "data-testid": "content-list-table-expanded-row", children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "bg-muted/30 px-4 py-3", children: props.renderExpandedRow(row.original.jsonApiData) }) })
+    ] }, row.id)) : /* @__PURE__ */ jsx191(TableRow, { children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: props.emptyState ?? (t.has("ui.empty_states.no_results") ? t("ui.empty_states.no_results") : "No results.") }) }) }),
     showFooter && /* @__PURE__ */ jsx191(TableFooter, { children: /* @__PURE__ */ jsx191(TableRow, { children: /* @__PURE__ */ jsx191(TableCell, { colSpan: tableColumns.length, className: "bg-card py-4 text-end", children: /* @__PURE__ */ jsxs103("div", { className: "flex items-center justify-end space-x-2", children: [
       /* @__PURE__ */ jsx191(
         Button,
@@ -26908,6 +26928,7 @@ export {
   TooltipTrigger,
   TooltipContent,
   useSidebar,
+  useOptionalSidebar,
   SidebarProvider,
   Sidebar,
   SidebarTrigger,
@@ -27259,4 +27280,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-HP3SPOPP.mjs.map
+//# sourceMappingURL=chunk-5G7I3OUB.mjs.map