@webiny/app-security-access-management 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/ui/views/Groups/GroupsDataList.js

@@ -1,215 +1,149 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useMemo, useState } from "react";
 import orderBy from "lodash/orderBy";
 import { i18n } from "@webiny/app/i18n";
-import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay } from "@webiny/ui/List";
+import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary } from "@webiny/ui/List";
 import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
 import { useRouter } from "@webiny/react-router";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { useQuery, useMutation } from "@apollo/react-hooks";
 import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
 import { LIST_GROUPS, DELETE_GROUP } from "./graphql";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
-import { deserializeSorters, serializeSorters } from "../utils";
-var t = i18n.ns("app-security/admin/groups/data-list");
-var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    createdOn: "desc"
-  }
+import { deserializeSorters } from "../utils";
+import { Button, Grid, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+const t = i18n.ns("app-security/admin/roles/data-list");
+const SORTERS = [{
+  label: t`Newest to oldest`,
+  sorter: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    createdOn: "asc"
-  }
+  label: t`Oldest to newest`,
+  sorter: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t`Name A-Z`,
+  sorter: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t`Name Z-A`,
+  sorter: "name_DESC"
 }];
-
-var GroupsDataList = function GroupsDataList() {
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history,
-      location = _useRouter.location;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useConfirmationDialo = useConfirmationDialog({
+export const GroupsDataList = () => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorter);
+  const {
+    history,
+    location
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
     dataTestId: "default-data-list.delete-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var _useQuery = useQuery(LIST_GROUPS),
-      listResponse = _useQuery.data,
-      listLoading = _useQuery.loading;
-
-  var _useMutation = useMutation(DELETE_GROUP, {
+  });
+  const {
+    data: listResponse,
+    loading: listLoading
+  } = useQuery(LIST_GROUPS);
+  const [deleteIt, {
+    loading: deleteLoading
+  }] = useMutation(DELETE_GROUP, {
     refetchQueries: [{
       query: LIST_GROUPS
     }]
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      deleteIt = _useMutation2[0],
-      deleteLoading = _useMutation2[1].loading;
-
-  var data = listLoading && !listResponse ? [] : listResponse.security.groups.data;
-  var id = new URLSearchParams(location.search).get("id");
-  var filterGroup = useCallback(function (_ref) {
-    var name = _ref.name,
-        slug = _ref.slug,
-        description = _ref.description;
+  });
+  const data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];
+  const id = new URLSearchParams(location.search).get("id");
+  const filterGroup = useCallback(({
+    name,
+    slug,
+    description
+  }) => {
     return name.toLowerCase().includes(filter) || slug.toLowerCase().includes(filter) || description && description.toLowerCase().includes(filter);
   }, [filter]);
-  var sortGroups = useCallback(function (groups) {
+  const sortGroups = useCallback(groups => {
     if (!sort) {
       return groups;
     }
-
-    var _Object$entries = Object.entries(deserializeSorters(sort)),
-        _Object$entries2 = _slicedToArray(_Object$entries, 1),
-        _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-        key = _Object$entries2$[0],
-        value = _Object$entries2$[1];
-
-    return orderBy(groups, [key], [value]);
+    const [key, sortBy] = deserializeSorters(sort);
+    return orderBy(groups, [key], [sortBy]);
   }, [sort]);
-  var deleteItem = useCallback(function (item) {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _yield$deleteIt, data, error;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return deleteIt({
-                variables: item
-              });
-
-            case 2:
-              _yield$deleteIt = _context.sent;
-              data = _yield$deleteIt.data;
-              error = data.security.deleteGroup.error;
-
-              if (!error) {
-                _context.next = 7;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
-
-            case 7:
-              showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Group \"{slug}\" deleted."])))({
-                slug: item.slug
-              }));
-
-              if (id === item.id) {
-                history.push("/access-management/groups");
-              }
-
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
+  const deleteItem = useCallback(item => {
+    showConfirmation(async () => {
+      const {
+        data
+      } = await deleteIt({
+        variables: item
+      });
+      const {
+        error
+      } = data.security.deleteGroup;
+      if (error) {
+        return showSnackbar(error.message);
+      }
+      showSnackbar(t`Role "{slug}" deleted.`({
+        slug: item.slug
+      }));
+      if (id === item.id) {
+        history.push(`/access-management/roles`);
+      }
+    });
   }, [id]);
-  var groupsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Sort by"])))
-    }, SORTERS.map(function (_ref3) {
-      var label = _ref3.label,
-          sorters = _ref3.sorters;
-      return /*#__PURE__*/React.createElement("option", {
-        key: label,
-        value: serializeSorters(sorters)
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterGroup);
-  var groupList = sortGroups(filteredData);
+  const groupsDataListModalOverlay = 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 filteredData = filter === "" ? data : data.filter(filterGroup);
+  const groupList = sortGroups(filteredData);
   return /*#__PURE__*/React.createElement(DataList, {
-    title: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Groups"]))),
-    actions: /*#__PURE__*/React.createElement(ButtonSecondary, {
+    title: t`Roles`,
+    actions: /*#__PURE__*/React.createElement(Button, {
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "wby-ml-xs",
       "data-testid": "new-record-button",
-      onClick: function onClick() {
-        return history.push("/access-management/groups?new=true");
-      }
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["New Group"])))),
+      onClick: () => history.push("/access-management/roles?new=true")
+    }),
     data: groupList,
     loading: listLoading || deleteLoading,
     search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Search Groups"])))
+      inputPlaceholder: t`Search roles...`
     }),
     modalOverlay: groupsDataListModalOverlay,
     modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
       "data-testid": "default-data-list.filter"
     })
-  }, function (_ref4) {
-    var data = _ref4.data;
-    return /*#__PURE__*/React.createElement(ScrollList, {
-      "data-testid": "default-data-list"
-    }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: item.id,
-        selected: item.id === id
-      }, /*#__PURE__*/React.createElement(ListItemText, {
-        onClick: function onClick() {
-          return history.push("/access-management/groups?id=".concat(item.id));
-        }
-      }, item.name, /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, item.slug !== "full-access" ? /*#__PURE__*/React.createElement(DeleteIcon, {
-        onClick: function onClick() {
-          return deleteItem(item);
-        },
-        "data-testid": "default-data-list.delete"
-      }) : /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "bottom",
-        content: /*#__PURE__*/React.createElement("span", null, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["You can't delete this group."]))))
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
-        disabled: true
-      })))));
-    }));
-  });
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(ScrollList, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === id
+  }, /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => history.push(`/access-management/roles?id=${item.id}`)
+  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, item.system || item.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement("span", null, item.system ? t`Cannot delete system roles.` : t`Cannot delete roles registered via extensions.`),
+    trigger: /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true
+    })
+  }) : /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "default-data-list.delete"
+  })))))));
 };
 
-export default GroupsDataList;
+//# sourceMappingURL=GroupsDataList.js.map

package/ui/views/Groups/GroupsDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","orderBy","i18n","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","DeleteIcon","useRouter","useSnackbar","useQuery","useMutation","useConfirmationDialog","LIST_GROUPS","DELETE_GROUP","SearchUI","deserializeSorters","Button","Grid","Select","Tooltip","ReactComponent","AddIcon","t","ns","SORTERS","label","sorter","GroupsDataList","filter","setFilter","sort","setSort","history","location","showSnackbar","showConfirmation","dataTestId","data","listResponse","loading","listLoading","deleteIt","deleteLoading","refetchQueries","query","security","groups","id","URLSearchParams","search","get","filterGroup","name","slug","description","toLowerCase","includes","sortGroups","key","sortBy","deleteItem","item","variables","error","deleteGroup","message","push","groupsDataListModalOverlay","createElement","Column","span","value","onChange","options","map","filteredData","groupList","title","actions","text","icon","size","className","onClick","inputPlaceholder","modalOverlay","modalOverlayAction","selected","system","plugin","content","trigger","disabled"],"sources":["GroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    DataList,\n    ScrollList,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlayAction,\n    DataListModalOverlay,\n    ListItemTextPrimary\n} from \"@webiny/ui/List\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport type { ListGroupsResponse } from \"./graphql\";\nimport { LIST_GROUPS, DELETE_GROUP } from \"./graphql\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport type { Group } from \"~/types\";\nimport { Button, Grid, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\nconst t = i18n.ns(\"app-security/admin/roles/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`Name A-Z`,\n        sorter: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorter: \"name_DESC\"\n    }\n];\n\nexport interface GroupsDataListProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const GroupsDataList = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(SORTERS[0].sorter);\n    const { history, location } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const { data: listResponse, loading: listLoading } = useQuery<ListGroupsResponse>(LIST_GROUPS);\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_GROUP, {\n        refetchQueries: [{ query: LIST_GROUPS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const filterGroup = useCallback(\n        ({ name, slug, description }: Group) => {\n            return (\n                name.toLowerCase().includes(filter) ||\n                slug.toLowerCase().includes(filter) ||\n                (description && description.toLowerCase().includes(filter))\n            );\n        },\n        [filter]\n    );\n\n    const sortGroups = useCallback(\n        (groups: Group[]) => {\n            if (!sort) {\n                return groups;\n            }\n            const [key, sortBy] = deserializeSorters(sort);\n            return orderBy(groups, [key], [sortBy]);\n        },\n        [sort]\n    );\n\n    const deleteItem = useCallback(\n        (item: Group) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteGroup;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Role \"{slug}\" deleted.`({ slug: item.slug }));\n\n                if (id === item.id) {\n                    history.push(`/access-management/roles`);\n                }\n            });\n        },\n        [id]\n    );\n\n    const groupsDataListModalOverlay = 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 filteredData = filter === \"\" ? data : data.filter(filterGroup);\n    const groupList = sortGroups(filteredData);\n\n    return (\n        <DataList\n            title={t`Roles`}\n            actions={\n                <Button\n                    text={t`New`}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"wby-ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => history.push(\"/access-management/roles?new=true\")}\n                />\n            }\n            data={groupList}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search roles...`}\n                />\n            }\n            modalOverlay={groupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n        >\n            {({ data }: { data: Group[] }) => (\n                <ScrollList data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === id}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/access-management/roles?id=${item.id}`)\n                                }\n                            >\n                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n                                <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                <ListActions>\n                                    {item.system || item.plugin ? (\n                                        <Tooltip\n                                            content={\n                                                <span>\n                                                    {item.system\n                                                        ? t`Cannot delete system roles.`\n                                                        : t`Cannot delete roles registered via extensions.`}\n                                                </span>\n                                            }\n                                            trigger={<DeleteIcon disabled />}\n                                        />\n                                    ) : (\n                                        <DeleteIcon\n                                            onClick={() => deleteItem(item)}\n                                            data-testid={\"default-data-list.delete\"}\n                                        />\n                                    )}\n                                </ListActions>\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/ui/views/Groups/GroupsForm.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const GroupForm: () => JSX.Element;
-export default GroupForm;
+import React from "react";
+export interface GroupsFormProps {
+    [key: string]: any;
+}
+export declare const GroupsForm: () => React.JSX.Element;