@firecms/user_management 3.0.0-rc.3 → 3.0.0-tw4.1

package/dist/index.es.js

@@ -1082,7 +1082,7 @@ function RolesDetailsForm(t0) {
   }
   let t78;
   if ($[135] !== t14 || $[136] !== t21 || $[137] !== t45 || $[138] !== t55 || $[139] !== t66 || $[140] !== t77) {
-    t78 = /* @__PURE__ */ jsx(DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-8", children: [
+    t78 = /* @__PURE__ */ jsx(DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
       t14,
       t21,
       t45,
@@ -1190,7 +1190,7 @@ function _temp4$1(value) {
 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 = {};
@@ -1199,7 +1199,7 @@ function _temp2$1(e_1) {
   });
   return errors;
 }
-function _temp$2() {
+function _temp$3() {
   return {};
 }
 const DEFAULT_ROLES = [{
@@ -1528,7 +1528,7 @@ function UserDetailsForm(t0) {
     t2 = userProp ?? {
       displayName: "",
       email: "",
-      roles: roles.filter(_temp$1)
+      roles: roles.filter(_temp$2)
     };
     $[6] = roles;
     $[7] = userProp;
@@ -1707,7 +1707,7 @@ function UserDetailsForm(t0) {
   }
   let t24;
   if ($[49] !== t13 || $[50] !== t19 || $[51] !== t23) {
-    t24 = /* @__PURE__ */ jsx(DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-8", children: [
+    t24 = /* @__PURE__ */ jsx(DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
       t13,
       t19,
       t23
@@ -1809,7 +1809,7 @@ function _temp3(acc, error) {
 function _temp2() {
   return {};
 }
-function _temp$1(r) {
+function _temp$2(r) {
   return r.id === "editor";
 }
 function UsersTable(t0) {
@@ -1858,7 +1858,7 @@ function UsersTable(t0) {
         }, children: /* @__PURE__ */ jsx(DeleteIcon, {}) }) }) }),
         /* @__PURE__ */ jsx(TableCell, { children: user.email }),
         /* @__PURE__ */ jsx(TableCell, { className: "font-medium align-left", children: user.displayName }),
-        /* @__PURE__ */ jsx(TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp) }) : null }),
+        /* @__PURE__ */ jsx(TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp$1) }) : null }),
         /* @__PURE__ */ jsx(TableCell, { children: formattedDate })
       ] }, "row_" + user.uid);
     });
@@ -1992,16 +1992,17 @@ function UsersTable(t0) {
   }
   return t11;
 }
-function _temp(userRole) {
+function _temp$1(userRole) {
   return /* @__PURE__ */ jsx(RoleChip, { role: userRole }, userRole?.id);
 }
 const UsersView = function UsersView2(t0) {
-  const $ = c(12);
+  const $ = c(13);
   const {
     children
   } = t0;
-  const [dialogOpen, setDialogOpen] = useState();
+  const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedUser, setSelectedUser] = useState();
+  const [newFormKey, setNewFormKey] = useState(0);
   useUserManagement();
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -2027,53 +2028,67 @@ const UsersView = function UsersView2(t0) {
   const handleClose = t2;
   let t3;
   if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "flex items-center mt-12", children: [
-      t3,
-      /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: () => setDialogOpen(true), children: "Add user" })
-    ] });
-    t5 = /* @__PURE__ */ jsx(UsersTable, { onUserClicked });
+    t4 = /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "flex items-center mt-12", children: [
+      t4,
+      /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleAddUser, children: "Add user" })
+    ] });
+    t6 = /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(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 $ = c(15);
   const {