@firecms/user_management 3.0.0-canary.289 → 3.0.0-canary.290

package/dist/index.umd.js

@@ -1094,7 +1094,7 @@
     }
     let t78;
     if ($[135] !== t14 || $[136] !== t21 || $[137] !== t45 || $[138] !== t55 || $[139] !== t66 || $[140] !== t77) {
-      t78 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-8", children: [
+      t78 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
         t14,
         t21,
         t45,
@@ -1202,7 +1202,7 @@
   function _temp3$1(values) {
     return RoleYupSchema.validate(values, {
       abortEarly: false
-    }).then(_temp$2).catch(_temp2$1);
+    }).then(_temp$3).catch(_temp2$1);
   }
   function _temp2$1(e_1) {
     const errors = {};
@@ -1211,7 +1211,7 @@
     });
     return errors;
   }
-  function _temp$2() {
+  function _temp$3() {
     return {};
   }
   const DEFAULT_ROLES = [{
@@ -1540,7 +1540,7 @@
       t2 = userProp ?? {
         displayName: "",
         email: "",
-        roles: roles.filter(_temp$1)
+        roles: roles.filter(_temp$2)
       };
       $[6] = roles;
       $[7] = userProp;
@@ -1719,7 +1719,7 @@
     }
     let t24;
     if ($[49] !== t13 || $[50] !== t19 || $[51] !== t23) {
-      t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-8", children: [
+      t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
         t13,
         t19,
         t23
@@ -1821,7 +1821,7 @@
   function _temp2() {
     return {};
   }
-  function _temp$1(r) {
+  function _temp$2(r) {
     return r.id === "editor";
   }
   function UsersTable(t0) {
@@ -1870,7 +1870,7 @@
           }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, {}) }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: user.email }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "font-medium align-left", children: user.displayName }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp) }) : null }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp$1) }) : null }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: formattedDate })
         ] }, "row_" + user.uid);
       });
@@ -2004,16 +2004,17 @@
     }
     return t11;
   }
-  function _temp(userRole) {
+  function _temp$1(userRole) {
     return /* @__PURE__ */ jsxRuntime.jsx(RoleChip, { role: userRole }, userRole?.id);
   }
   const UsersView = function UsersView2(t0) {
-    const $ = reactCompilerRuntime.c(12);
+    const $ = reactCompilerRuntime.c(13);
     const {
       children
     } = t0;
-    const [dialogOpen, setDialogOpen] = React.useState();
+    const [dialogOpen, setDialogOpen] = React.useState(false);
     const [selectedUser, setSelectedUser] = React.useState();
+    const [newFormKey, setNewFormKey] = React.useState(0);
     useUserManagement();
     let t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -2039,53 +2040,67 @@
     const handleClose = t2;
     let t3;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Users" });
+      t3 = () => {
+        setSelectedUser(void 0);
+        setNewFormKey(_temp);
+        setDialogOpen(true);
+      };
       $[2] = t3;
     } else {
       t3 = $[2];
     }
+    const handleAddUser = t3;
     let t4;
-    let t5;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center mt-12", children: [
-        t3,
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "large", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: () => setDialogOpen(true), children: "Add user" })
-      ] });
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(UsersTable, { onUserClicked });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Users" });
       $[3] = t4;
-      $[4] = t5;
     } else {
       t4 = $[3];
+    }
+    let t5;
+    let t6;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center mt-12", children: [
+        t4,
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "large", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: handleAddUser, children: "Add user" })
+      ] });
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(UsersTable, { onUserClicked });
+      $[4] = t5;
+      $[5] = t6;
+    } else {
       t5 = $[4];
+      t6 = $[5];
     }
-    const t6 = selectedUser?.uid ?? "new";
-    const t7 = dialogOpen ?? false;
+    const t7 = selectedUser?.uid ?? `new-${newFormKey}`;
     let t8;
-    if ($[5] !== selectedUser || $[6] !== t6 || $[7] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(UserDetailsForm, { open: t7, user: selectedUser, handleClose }, t6);
-      $[5] = selectedUser;
-      $[6] = t6;
-      $[7] = t7;
-      $[8] = t8;
+    if ($[6] !== dialogOpen || $[7] !== selectedUser || $[8] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, handleClose }, t7);
+      $[6] = dialogOpen;
+      $[7] = selectedUser;
+      $[8] = t7;
+      $[9] = t8;
     } else {
-      t8 = $[8];
+      t8 = $[9];
     }
     let t9;
-    if ($[9] !== children || $[10] !== t8) {
+    if ($[10] !== children || $[11] !== t8) {
       t9 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
         children,
-        t4,
         t5,
+        t6,
         t8
       ] });
-      $[9] = children;
-      $[10] = t8;
-      $[11] = t9;
+      $[10] = children;
+      $[11] = t8;
+      $[12] = t9;
     } else {
-      t9 = $[11];
+      t9 = $[12];
     }
     return t9;
   };
+  function _temp(k) {
+    return k + 1;
+  }
   function useUserManagementPlugin(t0) {
     const $ = reactCompilerRuntime.c(15);
     const {