@carlonicora/nextjs-jsonapi 1.80.0 → 1.81.0

package/dist/billing/index.mjs

@@ -47,7 +47,7 @@ import {
   TabsList,
   TabsTrigger,
   useCurrentUserContext
-} from "../chunk-NQV5RDCK.mjs";
+} from "../chunk-FZFJLDJY.mjs";
 import {
   getRoleId,
   getStripePublishableKey

package/dist/{chunk-NQV5RDCK.mjs → chunk-FZFJLDJY.mjs}

@@ -9199,7 +9199,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-3M5PD3BZ.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-DCQA2PNW.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React14.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -20874,6 +20874,183 @@ function RbacContainer() {
 }
 __name(RbacContainer, "RbacContainer");
 
+// src/features/rbac/components/RbacByRoleContainer.tsx
+import { Loader2Icon as Loader2Icon4 } from "lucide-react";
+import { useTranslations as useTranslations111 } from "next-intl";
+import { Fragment as Fragment54, memo as memo3, useCallback as useCallback46, useEffect as useEffect69, useMemo as useMemo34, useRef as useRef34, useState as useState96 } from "react";
+import { jsx as jsx251, jsxs as jsxs164 } from "react/jsx-runtime";
+function findToken2(tokens, action) {
+  if (!tokens) return void 0;
+  return tokens.find((t) => t.action === action);
+}
+__name(findToken2, "findToken");
+function cellValue2(tokens, action) {
+  const tok = findToken2(tokens, action);
+  if (!tok) return void 0;
+  return tok.scope;
+}
+__name(cellValue2, "cellValue");
+var CellButton3 = memo3(/* @__PURE__ */ __name(function CellButton4({
+  moduleId,
+  rowKey,
+  action,
+  tokens,
+  isRoleColumn,
+  onOpen
+}) {
+  const ref = useRef34(null);
+  const value = cellValue2(tokens, action);
+  const handleClick = useCallback46(() => {
+    if (!ref.current) return;
+    onOpen({ moduleId, rowKey, action, isRoleColumn, anchor: ref.current });
+  }, [onOpen, moduleId, rowKey, action, isRoleColumn]);
+  return /* @__PURE__ */ jsx251("div", { ref, children: /* @__PURE__ */ jsx251(RbacPermissionCell, { value, isRoleColumn, onClick: handleClick }) });
+}, "CellButton"));
+var ACTION_LABELS2 = {
+  read: "Read",
+  create: "Create",
+  update: "Update",
+  delete: "Delete"
+};
+function RbacByRoleContainer() {
+  const t = useTranslations111();
+  const { matrix, modulePaths, loading, error, roleNames, moduleNames, updateCell, clearCell } = useRbacContext();
+  const [selectedRoleId, setSelectedRoleId] = useState96(null);
+  const [activePicker, setActivePicker] = useState96(null);
+  const openPicker = useCallback46((picker) => {
+    setActivePicker(picker);
+  }, []);
+  const closePicker = useCallback46(() => {
+    setActivePicker(null);
+  }, []);
+  const handleSelectRole = useCallback46((id) => {
+    setSelectedRoleId(id);
+    setActivePicker(null);
+  }, []);
+  const sortedRoleIds = useMemo34(() => {
+    if (!roleNames) return [];
+    return Object.keys(roleNames).sort((a, b) => (roleNames[a] ?? a).localeCompare(roleNames[b] ?? b));
+  }, [roleNames]);
+  const sortedModuleIds = useMemo34(() => {
+    if (!matrix) return [];
+    return Object.keys(matrix).sort((a, b) => (moduleNames?.[a] ?? a).localeCompare(moduleNames?.[b] ?? b));
+  }, [matrix, moduleNames]);
+  useEffect69(() => {
+    if (!selectedRoleId && sortedRoleIds.length > 0) {
+      setSelectedRoleId(sortedRoleIds[0]);
+    }
+  }, [selectedRoleId, sortedRoleIds]);
+  const activeValue = useMemo34(() => {
+    if (!activePicker || !matrix) return void 0;
+    const block = matrix[activePicker.moduleId];
+    if (!block) return void 0;
+    const tokens = activePicker.rowKey === "default" ? block.default : block[activePicker.rowKey];
+    return cellValue2(tokens, activePicker.action);
+  }, [activePicker, matrix]);
+  const activeSegments = useMemo34(() => {
+    if (!activePicker) return [];
+    return modulePaths[activePicker.moduleId] ?? [];
+  }, [activePicker, modulePaths]);
+  const handleSetValue = useCallback46(
+    (value) => {
+      if (!activePicker) return;
+      updateCell(activePicker.moduleId, activePicker.rowKey, activePicker.action, value);
+    },
+    [activePicker, updateCell]
+  );
+  const handleClear = useCallback46(() => {
+    if (!activePicker || !activePicker.isRoleColumn) return;
+    clearCell(activePicker.moduleId, activePicker.rowKey, activePicker.action);
+  }, [activePicker, clearCell]);
+  if (loading) {
+    return /* @__PURE__ */ jsx251(RoundPageContainer, { fullWidth: true, children: /* @__PURE__ */ jsx251("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx251(Loader2Icon4, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx251(RoundPageContainer, { fullWidth: true, children: /* @__PURE__ */ jsx251("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx251("p", { className: "text-destructive", children: error }) }) });
+  }
+  if (!matrix || !selectedRoleId) return null;
+  return /* @__PURE__ */ jsxs164(RoundPageContainer, { fullWidth: true, forceHeader: true, children: [
+    /* @__PURE__ */ jsxs164("div", { className: "flex h-full w-full", children: [
+      /* @__PURE__ */ jsx251("aside", { className: "w-60 shrink-0 overflow-y-auto border-r bg-muted/20", children: /* @__PURE__ */ jsx251("ul", { className: "py-1", children: sortedRoleIds.map((id) => /* @__PURE__ */ jsx251("li", { children: /* @__PURE__ */ jsx251(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelectRole(id),
+          "aria-current": id === selectedRoleId ? "true" : void 0,
+          className: cn(
+            "block w-full px-4 py-1.5 text-left text-sm hover:bg-muted",
+            id === selectedRoleId && "bg-muted font-medium text-foreground",
+            id !== selectedRoleId && "text-muted-foreground"
+          ),
+          children: roleNames?.[id] ?? id
+        }
+      ) }, id)) }) }),
+      /* @__PURE__ */ jsx251("section", { className: "flex-1 overflow-y-auto p-4", children: sortedModuleIds.length > 0 ? /* @__PURE__ */ jsx251("div", { className: "rounded-lg border border-accent bg-card", children: /* @__PURE__ */ jsx251("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs164("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx251("thead", { className: "sticky top-0 z-10", children: /* @__PURE__ */ jsxs164("tr", { className: "border-b bg-muted/80 backdrop-blur-sm", children: [
+          /* @__PURE__ */ jsx251("th", { className: "w-40 px-4 py-2 text-left text-xs font-medium text-muted-foreground", children: t("rbac.module") }),
+          ACTION_TYPES.map((action) => /* @__PURE__ */ jsx251(
+            "th",
+            {
+              className: "min-w-28 px-2 py-2 text-center text-xs font-medium text-muted-foreground",
+              children: ACTION_LABELS2[action]
+            },
+            action
+          ))
+        ] }) }),
+        /* @__PURE__ */ jsx251("tbody", { children: sortedModuleIds.map((moduleId) => {
+          const block = matrix[moduleId];
+          if (!block) return null;
+          const defaultTokens = block.default ?? [];
+          const roleTokens = block[selectedRoleId];
+          const moduleLabel = moduleNames?.[moduleId] ?? moduleId;
+          return /* @__PURE__ */ jsxs164(Fragment54, { children: [
+            /* @__PURE__ */ jsx251("tr", { className: "border-b bg-muted/40", children: /* @__PURE__ */ jsx251(
+              "td",
+              {
+                colSpan: ACTION_TYPES.length + 1,
+                className: "px-4 py-1.5 text-xs font-bold text-muted-foreground",
+                children: moduleLabel
+              }
+            ) }),
+            /* @__PURE__ */ jsxs164("tr", { className: "border-b bg-muted/20", children: [
+              /* @__PURE__ */ jsx251("td", { className: "px-4 py-1 text-xs text-muted-foreground", children: t("rbac.defaults") }),
+              ACTION_TYPES.map((action) => /* @__PURE__ */ jsx251("td", { className: "px-2 py-1", children: /* @__PURE__ */ jsx251(RbacPermissionCell, { value: cellValue2(defaultTokens, action) }) }, action))
+            ] }),
+            /* @__PURE__ */ jsxs164("tr", { className: "border-b last:border-b-0", children: [
+              /* @__PURE__ */ jsx251("td", { className: "px-4 py-1 text-xs font-medium text-muted-foreground", children: roleNames?.[selectedRoleId] ?? selectedRoleId }),
+              ACTION_TYPES.map((action) => /* @__PURE__ */ jsx251("td", { className: "px-2 py-1", children: /* @__PURE__ */ jsx251(
+                CellButton3,
+                {
+                  moduleId,
+                  rowKey: selectedRoleId,
+                  action,
+                  tokens: roleTokens,
+                  isRoleColumn: true,
+                  onOpen: openPicker
+                }
+              ) }, action))
+            ] })
+          ] }, moduleId);
+        }) })
+      ] }) }) }) : /* @__PURE__ */ jsx251("p", { className: "text-muted-foreground text-sm", children: t("rbac.select_role_prompt") }) })
+    ] }),
+    /* @__PURE__ */ jsx251(
+      RbacPermissionPicker,
+      {
+        open: !!activePicker,
+        anchor: activePicker?.anchor ?? null,
+        value: activeValue,
+        isRoleColumn: activePicker?.isRoleColumn ?? false,
+        knownSegments: activeSegments,
+        onSetValue: handleSetValue,
+        onClear: activePicker?.isRoleColumn ? handleClear : void 0,
+        onClose: closePicker
+      }
+    )
+  ] });
+}
+__name(RbacByRoleContainer, "RbacByRoleContainer");
+
 export {
   JsonApiProvider,
   useJsonApiGet,
@@ -21354,6 +21531,7 @@ export {
   RbacPermissionCell,
   RbacPermissionPicker,
   RbacContainer,
+  RbacByRoleContainer,
   AddUserToRole,
   UserAvatarEditor,
   UserDeleter,
@@ -21379,4 +21557,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-NQV5RDCK.mjs.map
+//# sourceMappingURL=chunk-FZFJLDJY.mjs.map