@webiny/cognito 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,172 +1,159 @@
-import React, { useCallback, useMemo, useState } from "react";
+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 { Avatar, Button, DataList, DataListModal, DeleteIcon, Grid, List, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } 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 { SearchUI, useConfirmationDialog, useRouter, useSecurity, useSnackbar } 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 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 [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);
-      }
+];
+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."
     });
-  }, [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
+    const filterUsers = useCallback(({ email, firstName, lastName })=>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);
         });
-      }
-    }),
-    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
-    })
-  })))))));
+    }, [
+        id
+    ]);
+    const usersDataListModalOverlay = useMemo(()=>/*#__PURE__*/ react.createElement(DataListModal.Content, 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(ReactComponent, 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(DataListModal.Trigger, {
+            "data-testid": "default-data-list.filter"
+        }),
+        showOptions: {
+            refresh: false
+        }
+    }, ({ data })=>/*#__PURE__*/ react.createElement(List, {
+            "data-testid": "default-data-list"
+        }, data.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+                key: item.id,
+                selected: item.id === id,
+                title: `${item.firstName} ${item.lastName}`,
+                description: item.email,
+                icon: /*#__PURE__*/ react.createElement(Avatar, {
+                    image: /*#__PURE__*/ react.createElement(Avatar.Image, {
+                        src: item.avatar ? item.avatar.src : void 0,
+                        alt: item.firstName
+                    }),
+                    fallback: /*#__PURE__*/ react.createElement(Avatar.Fallback, {
+                        delayMs: 0
+                    }, item.firstName ? item.firstName.charAt(0) : "A")
+                }),
+                onClick: ()=>{
+                    goToRoute(Routes.Users.List, {
+                        id: item.id
+                    });
+                },
+                actions: 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;
+const Users_UsersDataList = UsersDataList;
+export default Users_UsersDataList;
 
 //# sourceMappingURL=UsersDataList.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/ui/views/Users/UsersDataList.js","sources":["../../../../../src/admin/ui/views/Users/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 { List, DataList, DataListModal, DeleteIcon } from \"@webiny/admin-ui\";\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            <DataListModal.Content>\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            </DataListModal.Content>\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={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n            showOptions={{\n                refresh: false\n            }}\n        >\n            {({ data }: { data: UserItem[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === id}\n                            title={`${item.firstName} ${item.lastName}`}\n                            description={item.email}\n                            icon={\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                            }\n                            onClick={() => {\n                                goToRoute(Routes.Users.List, { id: item.id });\n                            }}\n                            actions={\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                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default UsersDataList;\n"],"names":["t","i18n","SORTERS","UsersDataList","filter","setFilter","useState","sort","setSort","identity","useSecurity","goToRoute","useRouter","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","filterUsers","useCallback","email","firstName","lastName","sortUsers","users","key","sortBy","deserializeSorters","orderBy","listUsers","usersLoading","useQuery","LIST_USERS","deleteIt","deleteLoading","useMutation","DELETE_USER","data","filteredData","userList","id","URLSearchParams","location","deleteItem","item","response","error","Routes","usersDataListModalOverlay","useMemo","DataListModal","Grid","Select","label","value","loading","DataList","Button","AddIcon","SearchUI","List","Avatar","undefined","DeleteIcon","Tooltip"],"mappings":"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"}