@webiny/cognito 0.0.0-unstable.3c5210ad37

package/admin/ui/views/Users/UsersDataList.js

@@ -0,0 +1,172 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useMutation, useQuery } from "@apollo/react-hooks";
+import orderBy from "lodash/orderBy.js";
+import { Avatar, Button, Grid, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSecurity } from "@webiny/app-admin";
+import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, ListItemGraphic, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary } from "@webiny/ui/List/index.js";
+import { DeleteIcon } from "@webiny/ui/List/DataList/icons/index.js";
+import { useRouter, useSnackbar, useConfirmationDialog, SearchUI } from "@webiny/app-admin";
+import { DELETE_USER, LIST_USERS } from "./graphql.js";
+import { deserializeSorters } from "../utils.js";
+import { Routes } from "../../../routes.js";
+const t = i18n.ns("app-identity/admin/users/data-list");
+const SORTERS = [{
+  label: t`Newest to oldest`,
+  sorter: "createdOn_DESC"
+}, {
+  label: t`Oldest to newest`,
+  sorter: "createdOn_ASC"
+}, {
+  label: t`Email A-Z`,
+  sorter: "email_ASC"
+}, {
+  label: t`Email Z-A`,
+  sorter: "email_DESC"
+}];
+const UsersDataList = () => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorter);
+  const {
+    identity
+  } = useSecurity();
+  const {
+    goToRoute
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    dataTestId: "default-data-list.delete-dialog",
+    title: "Delete user",
+    message: "Are you sure you want to delete this user? This action cannot be undone."
+  });
+  const filterUsers = useCallback(({
+    email,
+    firstName,
+    lastName
+  }) => {
+    return email.toLowerCase().includes(filter) || firstName.toLowerCase().includes(filter) || lastName.toLowerCase().includes(filter);
+  }, [filter]);
+  const sortUsers = useCallback(users => {
+    if (!sort) {
+      return users;
+    }
+    const [key, sortBy] = deserializeSorters(sort);
+    return orderBy(users, [key], [sortBy]);
+  }, [sort]);
+  const {
+    data: listUsers,
+    loading: usersLoading
+  } = useQuery(LIST_USERS);
+  const [deleteIt, {
+    loading: deleteLoading
+  }] = useMutation(DELETE_USER, {
+    refetchQueries: [{
+      query: LIST_USERS
+    }]
+  });
+  const data = usersLoading && !listUsers ? [] : listUsers.adminUsers.users.data || [];
+  const filteredData = filter === "" ? data : data.filter(filterUsers);
+  const userList = sortUsers(filteredData);
+  const id = new URLSearchParams(location.search).get("id");
+  const deleteItem = useCallback(item => {
+    showConfirmation(async () => {
+      const response = await deleteIt({
+        variables: item
+      });
+      const error = response?.data?.adminUsers?.deleteUser?.error;
+      if (error) {
+        return showSnackbar(error.message);
+      }
+      showSnackbar(t`User "{email}" deleted.`({
+        email: item.email
+      }));
+      if (id === item.id) {
+        goToRoute(Routes.Users.List);
+      }
+    });
+  }, [id]);
+  const usersDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: sort,
+    onChange: setSort,
+    label: t`Sort by`,
+    options: SORTERS.map(({
+      label,
+      sorter: value
+    }) => ({
+      label,
+      value
+    }))
+  })))), [sort]);
+  const loading = usersLoading || deleteLoading;
+  return /*#__PURE__*/React.createElement(DataList, {
+    title: t`Admin Users`,
+    actions: /*#__PURE__*/React.createElement(Button, {
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "ml-xs",
+      "data-testid": "new-record-button",
+      onClick: () => {
+        goToRoute(Routes.Users.List, {
+          new: true
+        });
+      }
+    }),
+    data: userList,
+    loading: loading,
+    search: /*#__PURE__*/React.createElement(SearchUI, {
+      value: filter,
+      onChange: setFilter,
+      inputPlaceholder: t`Search users...`
+    }),
+    modalOverlay: usersDataListModalOverlay,
+    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
+      "data-testid": "default-data-list.filter"
+    }),
+    showOptions: {
+      refresh: false
+    }
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(ScrollList, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === id,
+    style: {
+      height: "auto"
+    }
+  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Avatar, {
+    image: /*#__PURE__*/React.createElement(Avatar.Image, {
+      src: item.avatar ? item.avatar.src : undefined,
+      alt: item.firstName
+    }),
+    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, {
+      delayMs: 0
+    }, item.firstName ? item.firstName.charAt(0) : "A")
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => {
+      goToRoute(Routes.Users.List, {
+        id: item.id
+      });
+    }
+  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.firstName, " ", item.lastName), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.email)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, identity && identity.id !== item.id ? /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "default-data-list.delete"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement("span", null, t`You can't delete your own user account.`),
+    trigger: /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true
+    })
+  })))))));
+};
+export default UsersDataList;
+
+//# sourceMappingURL=UsersDataList.js.map

package/admin/ui/views/Users/UsersDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","useMutation","useQuery","orderBy","Avatar","Button","Grid","Select","Tooltip","ReactComponent","AddIcon","i18n","useSecurity","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","ListItemGraphic","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","DeleteIcon","useRouter","useSnackbar","useConfirmationDialog","SearchUI","DELETE_USER","LIST_USERS","deserializeSorters","Routes","t","ns","SORTERS","label","sorter","UsersDataList","filter","setFilter","sort","setSort","identity","goToRoute","showSnackbar","showConfirmation","dataTestId","title","message","filterUsers","email","firstName","lastName","toLowerCase","includes","sortUsers","users","key","sortBy","data","listUsers","loading","usersLoading","deleteIt","deleteLoading","refetchQueries","query","adminUsers","filteredData","userList","id","URLSearchParams","location","search","get","deleteItem","item","response","variables","error","deleteUser","Users","List","usersDataListModalOverlay","createElement","Column","span","value","onChange","options","map","actions","text","icon","size","className","onClick","new","inputPlaceholder","modalOverlay","modalOverlayAction","showOptions","refresh","selected","style","height","image","Image","src","avatar","undefined","alt","fallback","Fallback","delayMs","charAt","content","trigger","disabled"],"sources":["UsersDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { useMutation, useQuery } from \"@apollo/react-hooks\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { Avatar, Button, Grid, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport {\n    DataList,\n    ScrollList,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    ListItemGraphic,\n    DataListModalOverlayAction,\n    DataListModalOverlay,\n    ListItemTextPrimary\n} from \"@webiny/ui/List/index.js\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons/index.js\";\nimport { useRouter, useSnackbar, useConfirmationDialog, SearchUI } from \"@webiny/app-admin\";\nimport { DELETE_USER, LIST_USERS } from \"./graphql.js\";\nimport { deserializeSorters } from \"../utils.js\";\nimport { Routes } from \"~/admin/routes.js\";\nimport type { UserItem } from \"~/admin/ui/UserItem.js\";\n\nconst t = i18n.ns(\"app-identity/admin/users/data-list\");\n\nconst SORTERS = [\n    {\n        label: t`Newest to oldest`,\n        sorter: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorter: \"createdOn_ASC\"\n    },\n    {\n        label: t`Email A-Z`,\n        sorter: \"email_ASC\"\n    },\n    {\n        label: t`Email Z-A`,\n        sorter: \"email_DESC\"\n    }\n];\n\ninterface FilterUsersCallable {\n    (user: Pick<UserItem, \"email\" | \"firstName\" | \"lastName\">): boolean;\n}\n\nconst UsersDataList = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorter);\n    const { identity } = useSecurity();\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\",\n        title: \"Delete user\",\n        message: \"Are you sure you want to delete this user? This action cannot be undone.\"\n    });\n\n    const filterUsers = useCallback<FilterUsersCallable>(\n        ({ email, firstName, lastName }) => {\n            return (\n                email.toLowerCase().includes(filter) ||\n                firstName.toLowerCase().includes(filter) ||\n                lastName.toLowerCase().includes(filter)\n            );\n        },\n        [filter]\n    );\n\n    const sortUsers = useCallback(\n        (users: UserItem[]) => {\n            if (!sort) {\n                return users;\n            }\n            const [key, sortBy] = deserializeSorters(sort);\n            return orderBy(users, [key], [sortBy]);\n        },\n        [sort]\n    );\n\n    const { data: listUsers, loading: usersLoading } = useQuery(LIST_USERS);\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_USER, {\n        refetchQueries: [{ query: LIST_USERS }]\n    });\n\n    const data = usersLoading && !listUsers ? [] : listUsers.adminUsers.users.data || [];\n    const filteredData = filter === \"\" ? data : data.filter(filterUsers);\n    const userList = sortUsers(filteredData);\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        (item: Pick<UserItem, \"id\" | \"email\">) => {\n            showConfirmation(async () => {\n                const response = await deleteIt({\n                    variables: item\n                });\n\n                const error = response?.data?.adminUsers?.deleteUser?.error;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`User \"{email}\" deleted.`({ email: item.email }));\n\n                if (id === item.id) {\n                    goToRoute(Routes.Users.List);\n                }\n            });\n        },\n        [id]\n    );\n\n    const usersDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            options={SORTERS.map(({ label, sorter: value }) => ({\n                                label,\n                                value\n                            }))}\n                        />\n                    </Grid.Column>\n                </Grid>\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const loading = usersLoading || deleteLoading;\n\n    return (\n        <DataList\n            title={t`Admin Users`}\n            actions={\n                <Button\n                    text={t`New`}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => {\n                        goToRoute(Routes.Users.List, { new: true });\n                    }}\n                />\n            }\n            data={userList}\n            loading={loading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search users...`}\n                />\n            }\n            modalOverlay={usersDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n            showOptions={{\n                refresh: false\n            }}\n        >\n            {({ data }: { data: UserItem[] }) => (\n                <ScrollList data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem\n                            key={item.id}\n                            selected={item.id === id}\n                            style={{ height: \"auto\" }}\n                        >\n                            <ListItemGraphic>\n                                <Avatar\n                                    image={\n                                        <Avatar.Image\n                                            src={item.avatar ? item.avatar.src : undefined}\n                                            alt={item.firstName}\n                                        />\n                                    }\n                                    fallback={\n                                        <Avatar.Fallback delayMs={0}>\n                                            {item.firstName ? item.firstName.charAt(0) : \"A\"}\n                                        </Avatar.Fallback>\n                                    }\n                                />\n                            </ListItemGraphic>\n                            <ListItemText\n                                onClick={() => {\n                                    goToRoute(Routes.Users.List, { id: item.id });\n                                }}\n                            >\n                                <ListItemTextPrimary>\n                                    {item.firstName} {item.lastName}\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>{item.email}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                <ListActions>\n                                    {identity && identity.id !== item.id ? (\n                                        <DeleteIcon\n                                            onClick={() => deleteItem(item)}\n                                            data-testid={\"default-data-list.delete\"}\n                                        />\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                <span>{t`You can't delete your own user account.`}</span>\n                                            }\n                                            trigger={<DeleteIcon disabled />}\n                                        />\n                                    )}\n                                </ListActions>\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n\nexport default UsersDataList;\n"],"mappings":"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","ignoreList":[]}

package/admin/ui/views/Users/UsersForm.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface UserFormProps {
+    teams: boolean;
+}
+export declare const UserForm: ({ teams }: UserFormProps) => React.JSX.Element;

package/admin/ui/views/Users/UsersForm.js

@@ -0,0 +1,174 @@
+import React, { useMemo } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent, EmptyView, RolesMultiAutocomplete, TeamsMultiAutocomplete, useAuthentication, useRouter } from "@webiny/app-admin";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as SecurityIcon } from "@webiny/icons/gpp_maybe.svg";
+import { ReactComponent as SecurityTeamsIcon } from "@webiny/icons/admin_panel_settings.svg";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from "@webiny/admin-ui";
+import { config as appConfig } from "@webiny/app/config.js";
+import { AvatarImage } from "../../components/AvatarImage/index.js";
+import { useUserForm } from "./hooks/useUserForm.js";
+import { usePasswordValidator } from "../../../presentation/shared/usePasswordValidator.js";
+import { Routes } from "../../../routes.js";
+const t = i18n.ns("app-security-admin-users/account-form");
+export const UserForm = ({
+  teams
+}) => {
+  const {
+    identity
+  } = useAuthentication();
+  const userForm = useUserForm();
+  const passwordValidator = usePasswordValidator();
+  const {
+    getLink
+  } = useRouter();
+  const isExternal = userForm.user?.external === true;
+  const formTitle = userForm.isNewUser ? "New User" : userForm.fullName;
+  const isNewUser = userForm.isNewUser;
+  const emailIsDisabled = appConfig.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === "false");
+  const groupValidators = useMemo(() => {
+    return teams ? [] : [validation.create("required")];
+  }, [teams]);
+  const accountLink = getLink(Routes.Users.Account);
+
+  // Render "No content" selected view.
+  if (userForm.showEmptyView) {
+    return /*#__PURE__*/React.createElement(EmptyView, {
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      title: t`Click on the left side list to display user details or create a...`,
+      action: /*#__PURE__*/React.createElement(Button, {
+        icon: /*#__PURE__*/React.createElement(AddIcon, null),
+        text: t`New User`,
+        "data-testid": "new-record-button",
+        onClick: userForm.createUser
+      })
+    });
+  }
+  const isSelf = userForm.user.id === identity.id;
+  const isDisabled = isExternal || isSelf;
+  return /*#__PURE__*/React.createElement(Form, {
+    data: userForm.user,
+    onSubmit: userForm.onSubmit
+  }, ({
+    data,
+    form,
+    Bind
+  }) => /*#__PURE__*/React.createElement(SimpleForm, {
+    size: "lg"
+  }, userForm.loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: "mb-xl"
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "avatar"
+  }, /*#__PURE__*/React.createElement(AvatarImage, {
+    round: true,
+    disabled: isDisabled
+  }))), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: formTitle
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, isExternal && /*#__PURE__*/React.createElement(Grid, {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Alert, {
+    type: "info",
+    title: "External User"
+  }, "This user is an external user and cannot be edited."))), isSelf && /*#__PURE__*/React.createElement(Grid, {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Alert, {
+    type: "info",
+    title: "Own Profile"
+  }, "You cannot edit your own profile using this form. Please use the ", /*#__PURE__*/React.createElement(Link, {
+    to: accountLink
+  }, "account settings"), " instead."))), /*#__PURE__*/React.createElement(Accordion, {
+    variant: "underline"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: "Bio",
+    description: "Account information",
+    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+    defaultOpen: true
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "firstName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: t`First Name`,
+    disabled: isDisabled,
+    "data-testid": "account.firstname"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "lastName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: t`Last Name`,
+    disabled: isDisabled,
+    "data-testid": "account.lastname"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "email",
+    validators: validation.create("required,email")
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: data.email,
+    label: t`Email`,
+    disabled: emailIsDisabled || isDisabled,
+    "data-testid": "account.email",
+    autoComplete: "new-password",
+    description: "Email is your unique identifier used to login!"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "password",
+    validators: passwordValidator
+  }, /*#__PURE__*/React.createElement(Input, {
+    autoComplete: "new-password",
+    disabled: isDisabled,
+    description: data.id && "Type a new password to reset it.",
+    type: "password",
+    label: "Password",
+    "data-testid": "account.password"
+  }))))), /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: "Roles",
+    description: "Assign to security roles",
+    icon: /*#__PURE__*/React.createElement(SecurityIcon, null)
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "roles",
+    validators: groupValidators
+  }, /*#__PURE__*/React.createElement(RolesMultiAutocomplete, {
+    label: "Roles",
+    "data-testid": "roles-autocomplete",
+    disabled: isDisabled
+  }))))), teams ? /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: "Teams",
+    description: "Assign to teams",
+    icon: /*#__PURE__*/React.createElement(SecurityTeamsIcon, null)
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "teams"
+  }, /*#__PURE__*/React.createElement(TeamsMultiAutocomplete, {
+    label: "Teams",
+    "data-testid": "teams-autocomplete",
+    disabled: isDisabled
+  }))))) : null)), /*#__PURE__*/React.createElement(SimpleFormFooter, {
+    "data-testid": "form-footer"
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: t`Cancel`,
+    onClick: userForm.cancelEditing
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: isNewUser ? t`Create user` : t`Update user`,
+    disabled: isDisabled,
+    onClick: form.submit
+  }))));
+};
+
+//# sourceMappingURL=UsersForm.js.map

package/admin/ui/views/Users/UsersForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","i18n","Form","validation","SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent","EmptyView","RolesMultiAutocomplete","TeamsMultiAutocomplete","useAuthentication","useRouter","ReactComponent","AddIcon","SecurityIcon","SecurityTeamsIcon","SettingsIcon","Accordion","Alert","OverlayLoader","Button","Input","Grid","Link","config","appConfig","AvatarImage","useUserForm","usePasswordValidator","Routes","t","ns","UserForm","teams","identity","userForm","passwordValidator","getLink","isExternal","user","external","formTitle","isNewUser","fullName","emailIsDisabled","getKey","process","env","REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL","groupValidators","create","accountLink","Users","Account","showEmptyView","createElement","icon","title","action","text","onClick","createUser","isSelf","id","isDisabled","data","onSubmit","form","Bind","size","loading","className","name","round","disabled","Column","span","type","to","variant","Item","description","defaultOpen","validators","label","value","email","autoComplete","cancelEditing","submit"],"sources":["UsersForm.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent,\n    EmptyView,\n    RolesMultiAutocomplete,\n    TeamsMultiAutocomplete,\n    useAuthentication,\n    useRouter\n} from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as SecurityIcon } from \"@webiny/icons/gpp_maybe.svg\";\nimport { ReactComponent as SecurityTeamsIcon } from \"@webiny/icons/admin_panel_settings.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from \"@webiny/admin-ui\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { useUserForm } from \"~/admin/ui/views/Users/hooks/useUserForm.js\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\nimport { Routes } from \"~/admin/routes.js\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\nexport interface UserFormProps {\n    teams: boolean;\n}\n\nexport const UserForm = ({ teams }: UserFormProps) => {\n    const { identity } = useAuthentication();\n    const userForm = useUserForm();\n    const passwordValidator = usePasswordValidator();\n    const { getLink } = useRouter();\n\n    const isExternal = userForm.user?.external === true;\n    const formTitle = userForm.isNewUser ? \"New User\" : userForm.fullName;\n    const isNewUser = userForm.isNewUser;\n\n    const emailIsDisabled = appConfig.getKey(\n        \"ADMIN_USER_CAN_CHANGE_EMAIL\",\n        process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === \"false\"\n    );\n\n    const groupValidators = useMemo(() => {\n        return teams ? [] : [validation.create(\"required\")];\n    }, [teams]);\n\n    const accountLink = getLink(Routes.Users.Account);\n\n    // Render \"No content\" selected view.\n    if (userForm.showEmptyView) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={t`Click on the left side list to display user details or create a...`}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={t`New User`}\n                        data-testid=\"new-record-button\"\n                        onClick={userForm.createUser}\n                    />\n                }\n            />\n        );\n    }\n\n    const isSelf = userForm.user.id === identity.id;\n    const isDisabled = isExternal || isSelf;\n\n    return (\n        <Form data={userForm.user} onSubmit={userForm.onSubmit}>\n            {({ data, form, Bind }) => (\n                <SimpleForm size={\"lg\"}>\n                    {userForm.loading && <OverlayLoader />}\n                    <div className={\"mb-xl\"}>\n                        <Bind name=\"avatar\">\n                            <AvatarImage round disabled={isDisabled} />\n                        </Bind>\n                    </div>\n                    <SimpleFormHeader title={formTitle} />\n                    <SimpleFormContent>\n                        {isExternal && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"External User\"}>\n                                        This user is an external user and cannot be edited.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        {isSelf && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"Own Profile\"}>\n                                        You cannot edit your own profile using this form. Please use\n                                        the <Link to={accountLink}>account settings</Link> instead.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        <Accordion variant={\"underline\"}>\n                            <Accordion.Item\n                                title={\"Bio\"}\n                                description={\"Account information\"}\n                                icon={<SettingsIcon />}\n                                defaultOpen={true}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"firstName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`First Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.firstname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"lastName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`Last Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.lastname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"email\"\n                                            validators={validation.create(\"required,email\")}\n                                        >\n                                            <Input\n                                                value={data.email}\n                                                label={t`Email`}\n                                                disabled={emailIsDisabled || isDisabled}\n                                                data-testid=\"account.email\"\n                                                autoComplete=\"new-password\"\n                                                description={\n                                                    \"Email is your unique identifier used to login!\"\n                                                }\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind name=\"password\" validators={passwordValidator}>\n                                            <Input\n                                                autoComplete=\"new-password\"\n                                                disabled={isDisabled}\n                                                description={\n                                                    data.id && \"Type a new password to reset it.\"\n                                                }\n                                                type=\"password\"\n                                                label={\"Password\"}\n                                                data-testid=\"account.password\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            <Accordion.Item\n                                title={\"Roles\"}\n                                description={\"Assign to security roles\"}\n                                icon={<SecurityIcon />}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"roles\"} validators={groupValidators}>\n                                            <RolesMultiAutocomplete\n                                                label={\"Roles\"}\n                                                data-testid=\"roles-autocomplete\"\n                                                disabled={isDisabled}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            {teams ? (\n                                <Accordion.Item\n                                    title={\"Teams\"}\n                                    description={\"Assign to teams\"}\n                                    icon={<SecurityTeamsIcon />}\n                                >\n                                    <Grid>\n                                        <Grid.Column span={12}>\n                                            <Bind name={\"teams\"}>\n                                                <TeamsMultiAutocomplete\n                                                    label={\"Teams\"}\n                                                    data-testid=\"teams-autocomplete\"\n                                                    disabled={isDisabled}\n                                                />\n                                            </Bind>\n                                        </Grid.Column>\n                                    </Grid>\n                                </Accordion.Item>\n                            ) : null}\n                        </Accordion>\n                    </SimpleFormContent>\n                    <SimpleFormFooter data-testid={\"form-footer\"}>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={userForm.cancelEditing}\n                        />\n                        <Button\n                            variant={\"primary\"}\n                            text={isNewUser ? t`Create user` : t`Update user`}\n                            disabled={isDisabled}\n                            onClick={form.submit}\n                        />\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/ui/views/Users/UsersView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UsersView: () => React.JSX.Element;

package/admin/ui/views/Users/UsersView.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+import UsersDataList from "./UsersDataList.js";
+import { useWcp } from "@webiny/app-admin";
+import { UserForm } from "./UsersForm.js";
+export const UsersView = () => {
+  const wcp = useWcp();
+  const teams = wcp.canUseTeams();
+  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(UsersDataList, null)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(UserForm, {
+    teams: teams
+  })));
+};
+
+//# sourceMappingURL=UsersView.js.map

package/admin/ui/views/Users/UsersView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","UsersDataList","useWcp","UserForm","UsersView","wcp","teams","canUseTeams","createElement"],"sources":["UsersView.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\nimport UsersDataList from \"~/admin/ui/views/Users/UsersDataList.js\";\nimport { useWcp } from \"@webiny/app-admin\";\nimport { UserForm } from \"./UsersForm.js\";\n\nexport const UsersView = () => {\n    const wcp = useWcp();\n\n    const teams = wcp.canUseTeams();\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <UsersDataList />\n            </LeftPanel>\n            <RightPanel>\n                <UserForm teams={teams} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,mBAAmB;AACpE,OAAOC,aAAa;AACpB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ;AAEjB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EAEpB,MAAMI,KAAK,GAAGD,GAAG,CAACE,WAAW,CAAC,CAAC;EAE/B,oBACIV,KAAA,CAAAW,aAAA,CAACR,SAAS,qBACNH,KAAA,CAAAW,aAAA,CAACV,SAAS,qBACND,KAAA,CAAAW,aAAA,CAACP,aAAa,MAAE,CACT,CAAC,eACZJ,KAAA,CAAAW,aAAA,CAACT,UAAU,qBACPF,KAAA,CAAAW,aAAA,CAACL,QAAQ;IAACG,KAAK,EAAEA;EAAM,CAAE,CACjB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}

package/admin/ui/views/Users/components/DeleteAction.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { UserItem } from "../../../../../admin/ui/UserItem.js";
+export interface DeleteActionProps {
+    item: UserItem;
+    onClick: () => void;
+}
+export declare const DeleteAction: ({ item, onClick }: DeleteActionProps) => React.JSX.Element;

package/admin/ui/views/Users/components/DeleteAction.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSecurity } from "@webiny/app-admin";
+import { Tooltip } from "@webiny/ui/Tooltip/index.js";
+import { DeleteIcon } from "@webiny/ui/List/DataList/icons/index.js";
+const t = i18n.ns("app-identity/admin/users/data-list");
+export const DeleteAction = ({
+  item,
+  onClick
+}) => {
+  const {
+    identity
+  } = useSecurity();
+  if (identity.id === item.id) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      content: /*#__PURE__*/React.createElement("span", null, t`You can't delete your own user account.`)
+    }, /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true
+    }));
+  }
+  if (item.external) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      content: /*#__PURE__*/React.createElement("span", null, t`You can't delete external users.`)
+    }, /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true
+    }));
+  }
+  return /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: onClick,
+    "data-testid": "default-data-list.delete"
+  });
+};
+
+//# sourceMappingURL=DeleteAction.js.map

package/admin/ui/views/Users/components/DeleteAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","useSecurity","Tooltip","DeleteIcon","t","ns","DeleteAction","item","onClick","identity","id","createElement","placement","content","disabled","external"],"sources":["DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons/index.js\";\nimport type { UserItem } from \"~/admin/ui/UserItem.js\";\n\nconst t = i18n.ns(\"app-identity/admin/users/data-list\");\n\nexport interface DeleteActionProps {\n    item: UserItem;\n    onClick: () => void;\n}\n\nexport const DeleteAction = ({ item, onClick }: DeleteActionProps) => {\n    const { identity } = useSecurity();\n\n    if (identity.id === item.id) {\n        return (\n            <Tooltip\n                placement={\"bottom\"}\n                content={<span>{t`You can't delete your own user account.`}</span>}\n            >\n                <DeleteIcon disabled />\n            </Tooltip>\n        );\n    }\n\n    if (item.external) {\n        return (\n            <Tooltip\n                placement={\"bottom\"}\n                content={<span>{t`You can't delete external users.`}</span>}\n            >\n                <DeleteIcon disabled />\n            </Tooltip>\n        );\n    }\n\n    return <DeleteIcon onClick={onClick} data-testid={\"default-data-list.delete\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,UAAU,QAAQ,yCAAyC;AAGpE,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAOvD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA2B,CAAC,KAAK;EAClE,MAAM;IAAEC;EAAS,CAAC,GAAGR,WAAW,CAAC,CAAC;EAElC,IAAIQ,QAAQ,CAACC,EAAE,KAAKH,IAAI,CAACG,EAAE,EAAE;IACzB,oBACIX,KAAA,CAAAY,aAAA,CAACT,OAAO;MACJU,SAAS,EAAE,QAAS;MACpBC,OAAO,eAAEd,KAAA,CAAAY,aAAA,eAAOP,CAAC,yCAAgD;IAAE,gBAEnEL,KAAA,CAAAY,aAAA,CAACR,UAAU;MAACW,QAAQ;IAAA,CAAE,CACjB,CAAC;EAElB;EAEA,IAAIP,IAAI,CAACQ,QAAQ,EAAE;IACf,oBACIhB,KAAA,CAAAY,aAAA,CAACT,OAAO;MACJU,SAAS,EAAE,QAAS;MACpBC,OAAO,eAAEd,KAAA,CAAAY,aAAA,eAAOP,CAAC,kCAAyC;IAAE,gBAE5DL,KAAA,CAAAY,aAAA,CAACR,UAAU;MAACW,QAAQ;IAAA,CAAE,CACjB,CAAC;EAElB;EAEA,oBAAOf,KAAA,CAAAY,aAAA,CAACR,UAAU;IAACK,OAAO,EAAEA,OAAQ;IAAC,eAAa;EAA2B,CAAE,CAAC;AACpF,CAAC","ignoreList":[]}

package/admin/ui/views/Users/graphql.d.ts

@@ -0,0 +1,5 @@
+export declare const LIST_USERS: any;
+export declare const READ_USER: any;
+export declare const CREATE_USER: any;
+export declare const UPDATE_USER: any;
+export declare const DELETE_USER: any;

package/admin/ui/views/Users/graphql.js

@@ -0,0 +1,99 @@
+import gql from "graphql-tag";
+const listUserFields = /* GraphQL */`
+    {
+        id
+        email
+        firstName
+        lastName
+        avatar
+        createdOn
+        external
+    }
+`;
+const userFormFields = () => {
+  return /* GraphQL */`
+        {
+            id
+            email
+            firstName
+            lastName
+            avatar
+            external
+            roles {
+                id
+                slug
+                name
+            }
+            teams {
+                id
+                slug
+                name
+            }
+        }
+    `;
+};
+export const LIST_USERS = gql`
+    query ListUsers {
+        adminUsers {
+            users: listUsers {
+                data ${listUserFields}
+            }
+        }
+    }
+`;
+export const READ_USER = () => gql`
+    query GetUser($id: ID!) {
+        adminUsers {
+            user: getUser(where: { id: $id }){
+                data ${userFormFields()}
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+export const CREATE_USER = gql`
+    mutation CreateUser($data: AdminUsersCreateInput!){
+        adminUsers {
+            user: createUser(data: $data) {
+                data ${listUserFields}
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const UPDATE_USER = () => gql`
+    mutation UpdateUser($id: ID!, $data: AdminUsersUpdateInput!){
+        adminUsers {
+            user: updateUser(id: $id, data: $data) {
+                data ${userFormFields()}
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const DELETE_USER = gql`
+    mutation DeleteUser($id: ID!) {
+        adminUsers {
+            deleteUser(id: $id) {
+                data
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/admin/ui/views/Users/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","listUserFields","userFormFields","LIST_USERS","READ_USER","CREATE_USER","UPDATE_USER","DELETE_USER"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst listUserFields = /* GraphQL */ `\n    {\n        id\n        email\n        firstName\n        lastName\n        avatar\n        createdOn\n        external\n    }\n`;\n\nconst userFormFields = () => {\n    return /* GraphQL */ `\n        {\n            id\n            email\n            firstName\n            lastName\n            avatar\n            external\n            roles {\n                id\n                slug\n                name\n            }\n            teams {\n                id\n                slug\n                name\n            }\n        }\n    `;\n};\n\nexport const LIST_USERS: any = gql`\n    query ListUsers {\n        adminUsers {\n            users: listUsers {\n                data ${listUserFields}\n            }\n        }\n    }\n`;\n\nexport const READ_USER: any = () => gql`\n    query GetUser($id: ID!) {\n        adminUsers {\n            user: getUser(where: { id: $id }){\n                data ${userFormFields()}\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_USER: any = gql`\n    mutation CreateUser($data: AdminUsersCreateInput!){\n        adminUsers {\n            user: createUser(data: $data) {\n                data ${listUserFields}\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_USER: any = () => gql`\n    mutation UpdateUser($id: ID!, $data: AdminUsersUpdateInput!){\n        adminUsers {\n            user: updateUser(id: $id, data: $data) {\n                data ${userFormFields()}\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const DELETE_USER: any = gql`\n    mutation DeleteUser($id: ID!) {\n        adminUsers {\n            deleteUser(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,MAAMC,cAAc,GAAG,aAAc;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAA,KAAM;EACzB,OAAO,aAAc;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC;AAED,OAAO,MAAMC,UAAe,GAAGH,GAAG;AAClC;AACA;AACA;AACA,uBAAuBC,cAAc;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,SAAc,GAAGA,CAAA,KAAMJ,GAAG;AACvC;AACA;AACA;AACA,uBAAuBE,cAAc,CAAC,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,WAAgB,GAAGL,GAAG;AACnC;AACA;AACA;AACA,uBAAuBC,cAAc;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,WAAgB,GAAGA,CAAA,KAAMN,GAAG;AACzC;AACA;AACA;AACA,uBAAuBE,cAAc,CAAC,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,WAAgB,GAAGP,GAAG;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}