@carlonicora/nextjs-jsonapi 3.20.0 → 3.21.0

package/dist/billing/index.mjs

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

package/dist/{chunk-CJHBL5AN.mjs → chunk-HSVAW3DQ.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",
@@ -10393,7 +10395,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-CTRQ6JWE.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-CSLA3M32.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -17661,6 +17663,18 @@ function getGroupKeys(item, field) {
   return [String(value ?? "")];
 }
 __name(getGroupKeys, "getGroupKeys");
+var isClassComponent = /* @__PURE__ */ __name((component) => typeof component === "function" && !!component.prototype?.isReactComponent, "isClassComponent");
+function StableCell({ render, context }) {
+  return /* @__PURE__ */ jsx191(Fragment28, { children: render(context) });
+}
+__name(StableCell, "StableCell");
+function renderCell(cellDef, context) {
+  if (typeof cellDef === "function" && !isClassComponent(cellDef)) {
+    return /* @__PURE__ */ jsx191(StableCell, { render: cellDef, context });
+  }
+  return flexRender(cellDef, context);
+}
+__name(renderCell, "renderCell");
 var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(props) {
   const { data, fields, checkedIds, toggleId, allowSearch, filters: _filters, fullWidth, onRowClick } = props;
   const t = useTranslations61();
@@ -17693,6 +17707,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,
@@ -17779,30 +17801,34 @@ 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),
           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: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
+            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: flexRender(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,
@@ -27247,4 +27273,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-CJHBL5AN.mjs.map
+//# sourceMappingURL=chunk-HSVAW3DQ.mjs.map