@sudobility/entity_pages 0.0.119 → 0.0.120

package/dist/index.js

@@ -1,11 +1,10 @@
-import { jsx as e, jsxs as t, Fragment as S } from "react/jsx-runtime";
+import { jsx as e, jsxs as t, Fragment as R } from "react/jsx-runtime";
 import * as M from "react";
 import { useState as k } from "react";
-import { createPortal as K } from "react-dom";
-import { Section as I } from "@sudobility/components";
-import { EntityList as z, InvitationForm as Y, InvitationList as A, MemberList as q } from "@sudobility/entity-components";
-import { useEntities as U, useCreateEntity as B, useEntityMembers as G, useUpdateMemberRole as H, useRemoveMember as J, useEntityInvitations as Q, useCreateInvitation as V, useCancelInvitation as X, useMyInvitations as Z, useAcceptInvitation as _, useDeclineInvitation as ee } from "@sudobility/entity_client";
-function te({
+import { createPortal as W } from "react-dom";
+import { EntityList as L, InvitationForm as K, InvitationList as A, MemberList as Y } from "@sudobility/entity-components";
+import { useEntities as q, useCreateEntity as U, useEntityMembers as B, useUpdateMemberRole as G, useRemoveMember as H, useEntityInvitations as J, useCreateInvitation as Q, useCancelInvitation as V, useMyInvitations as X, useAcceptInvitation as Z, useDeclineInvitation as _ } from "@sudobility/entity_client";
+function ee({
   title: n,
   titleId: a,
   ...l
@@ -28,13 +27,13 @@ function te({
     d: "M12 4.5v15m7.5-7.5h-15"
   }));
 }
-const ne = /* @__PURE__ */ M.forwardRef(te), L = {
+const te = /* @__PURE__ */ M.forwardRef(ee), E = {
   // Background utilities
   background: {
     overlay: "bg-black/50 dark:bg-black/70"
   }
 };
-function re() {
+function ne() {
   return /* @__PURE__ */ t("div", { className: "space-y-3", role: "status", "aria-label": "Loading workspaces", children: [
     [1, 2, 3].map((n) => /* @__PURE__ */ e(
       "div",
@@ -46,7 +45,7 @@ function re() {
     /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading workspaces..." })
   ] });
 }
-function ge({
+function me({
   client: n,
   onSelectEntity: a
 }) {
@@ -59,7 +58,7 @@ function ge({
     isError: y,
     error: N,
     refetch: w
-  } = U(n), p = B(n), b = v.filter((s) => s.entityType === "personal"), c = v.filter(
+  } = q(n), f = U(n), b = v.filter((s) => s.entityType === "personal"), c = v.filter(
     (s) => s.entityType === "organization"
   ), x = async (s) => {
     if (s.preventDefault(), m(null), !i.displayName.trim()) {
@@ -67,15 +66,15 @@ function ge({
       return;
     }
     try {
-      await p.mutateAsync({
+      await f.mutateAsync({
         displayName: i.displayName.trim(),
         description: i.description.trim() || void 0
       }), r(!1), o({ displayName: "", description: "" });
-    } catch (f) {
-      m(f.message || "Failed to create organization");
+    } catch (p) {
+      m(p.message || "Failed to create organization");
     }
   };
-  return /* @__PURE__ */ e(I, { spacing: "lg", maxWidth: "4xl", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Workspaces", children: [
+  return /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Workspaces", children: [
     /* @__PURE__ */ t("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-6 sm:mb-8", children: [
       /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ e("h1", { className: "text-xl sm:text-2xl font-bold text-foreground", children: "Workspaces" }),
@@ -89,17 +88,17 @@ function ge({
           "aria-label": "Create new organization",
           className: "flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 w-full sm:w-auto",
           children: [
-            /* @__PURE__ */ e(ne, { className: "h-4 w-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(te, { className: "h-4 w-4", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { children: "New Organization" })
           ]
         }
       )
     ] }),
-    l && K(
+    l && W(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `fixed inset-0 z-50 flex items-center justify-center ${L.background.overlay} p-4`,
+          className: `fixed inset-0 z-50 flex items-center justify-center ${E.background.overlay} p-4`,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Create organization",
@@ -133,8 +132,8 @@ function ge({
                         id: "create-org-name",
                         type: "text",
                         value: i.displayName,
-                        onChange: (s) => o((f) => ({
-                          ...f,
+                        onChange: (s) => o((p) => ({
+                          ...p,
                           displayName: s.target.value
                         })),
                         placeholder: "My Organization",
@@ -158,8 +157,8 @@ function ge({
                       {
                         id: "create-org-description",
                         value: i.description,
-                        onChange: (s) => o((f) => ({
-                          ...f,
+                        onChange: (s) => o((p) => ({
+                          ...p,
                           description: s.target.value
                         })),
                         placeholder: "What is this organization for?",
@@ -196,10 +195,10 @@ function ge({
                       "button",
                       {
                         type: "submit",
-                        disabled: p.isPending,
-                        "aria-busy": p.isPending,
+                        disabled: f.isPending,
+                        "aria-busy": f.isPending,
                         className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 w-full sm:w-auto",
-                        children: p.isPending ? "Creating..." : "Create"
+                        children: f.isPending ? "Creating..." : "Create"
                       }
                     )
                   ] })
@@ -233,12 +232,12 @@ function ge({
         ]
       }
     ),
-    u && /* @__PURE__ */ e(re, {}),
-    !u && !y && /* @__PURE__ */ t(S, { children: [
+    u && /* @__PURE__ */ e(ne, {}),
+    !u && !y && /* @__PURE__ */ t(R, { children: [
       b.length > 0 && /* @__PURE__ */ t("section", { className: "mb-6 sm:mb-8", "aria-label": "Personal workspace", children: [
         /* @__PURE__ */ e("h2", { className: "text-base sm:text-lg font-semibold mb-3", children: "Personal Workspace" }),
         /* @__PURE__ */ e(
-          z,
+          L,
           {
             entities: b,
             onSelect: a,
@@ -268,7 +267,7 @@ function ge({
             ]
           }
         ) : /* @__PURE__ */ e(
-          z,
+          L,
           {
             entities: c,
             onSelect: a,
@@ -290,7 +289,7 @@ function ge({
     ] })
   ] }) });
 }
-function R() {
+function z() {
   return /* @__PURE__ */ t("div", { className: "space-y-3", role: "status", "aria-label": "Loading members", children: [
     [1, 2, 3].map((n) => /* @__PURE__ */ e(
       "div",
@@ -302,7 +301,7 @@ function R() {
     /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading members..." })
   ] });
 }
-function ie({
+function re({
   title: n,
   message: a,
   confirmLabel: l,
@@ -312,7 +311,7 @@ function ie({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `fixed inset-0 z-50 flex items-center justify-center ${L.background.overlay} p-4`,
+      className: `fixed inset-0 z-50 flex items-center justify-center ${E.background.overlay} p-4`,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": n,
@@ -349,7 +348,7 @@ function ie({
     }
   );
 }
-function pe({
+function ue({
   client: n,
   entity: a,
   currentUserId: l
@@ -360,13 +359,13 @@ function pe({
     isError: v,
     error: u,
     refetch: y
-  } = G(n, a.entitySlug), N = H(n), w = J(n), {
-    data: p = [],
+  } = B(n, a.entitySlug), N = G(n), w = H(n), {
+    data: f = [],
     isLoading: b,
     isError: c,
     error: x,
     refetch: s
-  } = Q(n, r ? a.entitySlug : null), f = V(n), D = X(n), F = async (d, h) => {
+  } = J(n, r ? a.entitySlug : null), p = Q(n), D = V(n), S = async (d, h) => {
     try {
       await N.mutateAsync({
         entitySlug: a.entitySlug,
@@ -376,14 +375,14 @@ function pe({
     } catch (C) {
       console.error("Failed to update role:", C);
     }
-  }, j = (d) => {
-    const h = g.find((E) => E.id === d), C = h?.user?.displayName || h?.user?.email || "this member";
+  }, F = (d) => {
+    const h = g.find((I) => I.id === d), C = h?.user?.displayName || h?.user?.email || "this member";
     o({
       type: "removeMember",
       id: d,
       displayLabel: C
     });
-  }, P = async (d) => {
+  }, j = async (d) => {
     try {
       await w.mutateAsync({
         entitySlug: a.entitySlug,
@@ -392,13 +391,13 @@ function pe({
     } catch (h) {
       console.error("Failed to remove member:", h);
     }
-  }, T = async (d) => {
-    await f.mutateAsync({
+  }, P = async (d) => {
+    await p.mutateAsync({
       entitySlug: a.entitySlug,
       request: d
     });
-  }, W = (d) => {
-    const C = p.find((E) => E.id === d)?.email || "this invitation";
+  }, T = (d) => {
+    const C = f.find((I) => I.id === d)?.email || "this invitation";
     o({
       type: "cancelInvitation",
       id: d,
@@ -414,9 +413,9 @@ function pe({
       console.error("Failed to cancel invitation:", h);
     }
   }, $ = async () => {
-    i && (i.type === "removeMember" ? await P(i.id) : i.type === "cancelInvitation" && await O(i.id), o(null));
+    i && (i.type === "removeMember" ? await j(i.id) : i.type === "cancelInvitation" && await O(i.id), o(null));
   };
-  return a.entityType === "personal" ? /* @__PURE__ */ e(I, { spacing: "lg", maxWidth: "4xl", children: /* @__PURE__ */ t(
+  return a.entityType === "personal" ? /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ t(
     "div",
     {
       className: "text-center py-8 sm:py-12 text-muted-foreground",
@@ -427,9 +426,9 @@ function pe({
         /* @__PURE__ */ e("p", { className: "mt-2", children: "Create an organization to collaborate with others." })
       ]
     }
-  ) }) : /* @__PURE__ */ e(I, { spacing: "lg", maxWidth: "4xl", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Members management", children: [
+  ) }) : /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Members management", children: [
     i && /* @__PURE__ */ e(
-      ie,
+      re,
       {
         title: i.type === "removeMember" ? "Remove Member" : "Cancel Invitation",
         message: i.type === "removeMember" ? `Are you sure you want to remove ${i.displayLabel}? They will lose access to this organization.` : `Are you sure you want to cancel the invitation to ${i.displayLabel}?`,
@@ -453,10 +452,10 @@ function pe({
         children: [
           /* @__PURE__ */ e("h2", { className: "text-base sm:text-lg font-semibold mb-3 sm:mb-4", children: "Invite Members" }),
           /* @__PURE__ */ e(
-            Y,
+            K,
             {
-              onSubmit: T,
-              isSubmitting: f.isPending
+              onSubmit: P,
+              isSubmitting: p.isPending
             }
           )
         ]
@@ -485,7 +484,7 @@ function pe({
             )
           ]
         }
-      ) : b ? /* @__PURE__ */ e(R, {}) : p.length === 0 ? /* @__PURE__ */ e(
+      ) : b ? /* @__PURE__ */ e(z, {}) : f.length === 0 ? /* @__PURE__ */ e(
         "div",
         {
           className: "text-center py-4 sm:py-6 text-muted-foreground border border-dashed rounded-lg",
@@ -495,9 +494,9 @@ function pe({
       ) : /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e(
         A,
         {
-          invitations: p,
+          invitations: f,
           mode: "admin",
-          onCancel: W,
+          onCancel: T,
           isLoading: b,
           emptyMessage: "No pending invitations"
         }
@@ -530,7 +529,7 @@ function pe({
             )
           ]
         }
-      ) : m ? /* @__PURE__ */ e(R, {}) : g.length === 0 ? /* @__PURE__ */ t(
+      ) : m ? /* @__PURE__ */ e(z, {}) : g.length === 0 ? /* @__PURE__ */ t(
         "div",
         {
           className: "text-center py-4 sm:py-6 text-muted-foreground border border-dashed rounded-lg",
@@ -541,20 +540,20 @@ function pe({
           ]
         }
       ) : /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e(
-        q,
+        Y,
         {
           members: g,
           currentUserId: l,
           canManage: r,
-          onRoleChange: F,
-          onRemove: j,
+          onRoleChange: S,
+          onRemove: F,
           isLoading: m
         }
       ) })
     ] })
   ] }) });
 }
-function ae() {
+function ie() {
   return /* @__PURE__ */ t("div", { className: "space-y-3", role: "status", "aria-label": "Loading invitations", children: [
     [1, 2].map((n) => /* @__PURE__ */ e(
       "div",
@@ -566,7 +565,7 @@ function ae() {
     /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading invitations..." })
   ] });
 }
-function oe({
+function ae({
   entityName: n,
   onConfirm: a,
   onCancel: l
@@ -574,7 +573,7 @@ function oe({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `fixed inset-0 z-50 flex items-center justify-center ${L.background.overlay} p-4`,
+      className: `fixed inset-0 z-50 flex items-center justify-center ${E.background.overlay} p-4`,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Decline invitation",
@@ -616,7 +615,7 @@ function oe({
     }
   );
 }
-function fe({
+function ge({
   client: n,
   onInvitationAccepted: a
 }) {
@@ -626,16 +625,16 @@ function fe({
     isError: i,
     error: o,
     refetch: g
-  } = Z(n), m = _(n), v = ee(n), [u, y] = k(null), N = async (c) => {
+  } = X(n), m = Z(n), v = _(n), [u, y] = k(null), N = async (c) => {
     try {
       await m.mutateAsync(c), a?.();
     } catch (x) {
       console.error("Failed to accept invitation:", x);
     }
   }, w = (c) => {
-    const s = l.find((f) => f.token === c)?.entity?.displayName || "this organization";
+    const s = l.find((p) => p.token === c)?.entity?.displayName || "this organization";
     y({ token: c, entityName: s });
-  }, p = async () => {
+  }, f = async () => {
     if (u) {
       try {
         await v.mutateAsync(u.token);
@@ -647,12 +646,12 @@ function fe({
   }, b = l.filter(
     (c) => c.status === "pending"
   ).length;
-  return /* @__PURE__ */ e(I, { spacing: "lg", maxWidth: "4xl", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Invitations", children: [
+  return /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ t("div", { role: "main", "aria-label": "Invitations", children: [
     u && /* @__PURE__ */ e(
-      oe,
+      ae,
       {
         entityName: u.entityName,
-        onConfirm: p,
+        onConfirm: f,
         onCancel: () => y(null)
       }
     ),
@@ -682,8 +681,8 @@ function fe({
         ]
       }
     ),
-    r && /* @__PURE__ */ e(ae, {}),
-    !r && !i && /* @__PURE__ */ e(S, { children: l.length === 0 ? /* @__PURE__ */ t(
+    r && /* @__PURE__ */ e(ie, {}),
+    !r && !i && /* @__PURE__ */ e(R, { children: l.length === 0 ? /* @__PURE__ */ t(
       "div",
       {
         className: "text-center py-6 sm:py-8 text-muted-foreground border border-dashed rounded-lg",
@@ -707,7 +706,7 @@ function fe({
   ] }) });
 }
 export {
-  ge as EntityListPage,
-  fe as InvitationsPage,
-  pe as MembersManagementPage
+  me as EntityListPage,
+  ge as InvitationsPage,
+  ue as MembersManagementPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/entity_pages",
-  "version": "0.0.119",
+  "version": "0.0.120",
   "description": "Page containers for entity/organization management",
   "type": "module",
   "main": "dist/index.js",
@@ -40,7 +40,7 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "@tanstack/react-query": "^5.0.0",
-    "@sudobility/components": "^5.0.80",
+    "@sudobility/components": "^5.0.81",
     "@sudobility/entity_client": "^0.0.36",
     "@sudobility/entity-components": "^1.0.13",
     "@heroicons/react": "^2.2.0",
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@eslint/js": "^9.38.0",
     "@heroicons/react": "^2.2.0",
-    "@sudobility/components": "^5.0.80",
+    "@sudobility/components": "^5.0.81",
     "@sudobility/design": "^1.1.32",
     "@sudobility/entity-components": "^1.0.13",
     "@sudobility/entity_client": "^0.0.36",