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

package/ui/views/Groups/GroupsForm.js

@@ -1,234 +1,214 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback } from "react";
 import { useMutation, useQuery } from "@apollo/react-hooks";
-import styled from "@emotion/styled";
-import pick from "lodash/pick";
 import get from "lodash/get";
 import { useRouter } from "@webiny/react-router";
 import { i18n } from "@webiny/app/i18n";
 import { Form } from "@webiny/form";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { Alert } from "@webiny/ui/Alert";
-import { ButtonDefault, ButtonIcon, ButtonPrimary } from "@webiny/ui/Button";
-import { CircularProgress } from "@webiny/ui/Progress";
 import { validation } from "@webiny/validation";
 import { SimpleForm, SimpleFormFooter, SimpleFormContent, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
-import { Typography } from "@webiny/ui/Typography";
 import { Permissions } from "@webiny/app-admin/components/Permissions";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { CREATE_GROUP, LIST_GROUPS, READ_GROUP, UPDATE_GROUP } from "./graphql";
-import { SnackbarAction } from "@webiny/ui/Snackbar";
 import isEmpty from "lodash/isEmpty";
 import EmptyView from "@webiny/app-admin/components/EmptyView";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-var t = i18n.ns("app-security/admin/groups/form");
-var ButtonWrapper = /*#__PURE__*/styled("div", {
-  target: "euuiyav0",
-  label: "ButtonWrapper"
-})({
-  display: "flex",
-  justifyContent: "space-between"
-});
-
-var GroupForm = function GroupForm() {
-  var _useRouter = useRouter(),
-      location = _useRouter.location,
-      history = _useRouter.history;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var newGroup = new URLSearchParams(location.search).get("new") === "true";
-  var id = new URLSearchParams(location.search).get("id");
-  var getQuery = useQuery(READ_GROUP, {
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as CopyIcon } from "@webiny/icons/content_copy.svg";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { Alert, Button, Grid, IconButton, Input, OverlayLoader, Textarea, Tooltip } from "@webiny/admin-ui";
+const t = i18n.ns("app-security/admin/roles/form");
+export const GroupsForm = () => {
+  const {
+    location,
+    history
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const newGroup = new URLSearchParams(location.search).get("new") === "true";
+  const id = new URLSearchParams(location.search).get("id");
+  const getQuery = useQuery(READ_GROUP, {
     variables: {
-      id: id
+      id
     },
     skip: !id,
-    onCompleted: function onCompleted(data) {
+    onCompleted: data => {
       if (!data) {
         return;
       }
-
-      var error = data.security.group.error;
-
+      const {
+        error
+      } = data.security.group;
       if (error) {
-        history.push("/access-management/groups");
+        history.push("/access-management/roles");
         showSnackbar(error.message);
       }
     }
   });
-
-  var _useMutation = useMutation(CREATE_GROUP, {
+  const [create, createMutation] = useMutation(CREATE_GROUP, {
     refetchQueries: [{
       query: LIST_GROUPS
     }]
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      create = _useMutation2[0],
-      createMutation = _useMutation2[1];
-
-  var _useMutation3 = useMutation(UPDATE_GROUP, {
+  });
+  const [update, updateMutation] = useMutation(UPDATE_GROUP, {
     refetchQueries: [{
       query: LIST_GROUPS
     }]
-  }),
-      _useMutation4 = _slicedToArray(_useMutation3, 2),
-      update = _useMutation4[0],
-      updateMutation = _useMutation4[1];
-
-  var loading = [getQuery, createMutation, updateMutation].find(function (item) {
-    return item.loading;
   });
-  var onSubmit = useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-      var isUpdate, _ref2, _ref3, operation, args, response, _response$data$securi, group, error;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(!data.permissions || !data.permissions.length)) {
-                _context.next = 3;
-                break;
-              }
-
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["You must configure permissions before saving!"]))), {
-                timeout: 60000,
-                dismissesOnAction: true,
-                action: /*#__PURE__*/React.createElement(SnackbarAction, {
-                  label: "OK"
-                })
-              });
-              return _context.abrupt("return");
-
-            case 3:
-              isUpdate = data.createdOn;
-              _ref2 = isUpdate ? [update, {
-                variables: {
-                  id: data.id,
-                  data: pick(data, ["name", "description", "permissions"])
-                }
-              }] : [create, {
-                variables: {
-                  data: pick(data, ["name", "slug", "description", "permissions"])
-                }
-              }], _ref3 = _slicedToArray(_ref2, 2), operation = _ref3[0], args = _ref3[1];
-              _context.next = 7;
-              return operation(args);
-
-            case 7:
-              response = _context.sent;
-              _response$data$securi = response.data.security.group, group = _response$data$securi.data, error = _response$data$securi.error;
-
-              if (!error) {
-                _context.next = 11;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
-
-            case 11:
-              !isUpdate && history.push("/access-management/groups?id=".concat(group.id));
-              showSnackbar(t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Group saved successfully!"]))));
-
-            case 13:
-            case "end":
-              return _context.stop();
-          }
+  const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);
+  const onSubmit = useCallback(async ({
+    id,
+    name,
+    description,
+    slug,
+    permissions,
+    createdOn
+  }) => {
+    if (!permissions || !permissions.length) {
+      showSnackbar(t`You must configure permissions before saving!`, {
+        timeout: 60000,
+        dismissesOnAction: true
+      });
+      return;
+    }
+    const isUpdate = createdOn;
+    const [operation, args] = isUpdate ? [update, {
+      variables: {
+        id,
+        data: {
+          name,
+          permissions,
+          ...(description && {
+            description
+          })
         }
-      }, _callee);
-    }));
-
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [id]);
-  var data = loading ? {} : get(getQuery, "data.security.group.data", {});
-  var systemGroup = data.slug === "full-access";
-  var showEmptyView = !newGroup && !loading && isEmpty(data); // Render "No content" selected view.
-
+      }
+    }] : [create, {
+      variables: {
+        data: {
+          name,
+          slug,
+          description,
+          permissions
+        }
+      }
+    }];
+    const response = await operation(args);
+    const {
+      data: group,
+      error
+    } = response.data.security.group;
+    if (error) {
+      return showSnackbar(error.message);
+    }
+    !isUpdate && history.push(`/access-management/roles?id=${group.id}`);
+    showSnackbar(t`Role saved successfully!`);
+  }, [id]);
+  const data = loading ? {} : get(getQuery, "data.security.group.data", {});
+  const systemGroup = data.slug === "full-access" || data.system;
+  const pluginGroup = data.plugin;
+  const canModifyGroup = !systemGroup && !pluginGroup;
+  const showEmptyView = !newGroup && !loading && isEmpty(data);
+  // Render "No content" selected view.
   if (showEmptyView) {
     return /*#__PURE__*/React.createElement(EmptyView, {
-      title: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Click on the left side list to display group details or create a..."]))),
-      action: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      title: t`Click on the left side list to display role details or create a...`,
+      action: /*#__PURE__*/React.createElement(Button, {
+        icon: /*#__PURE__*/React.createElement(AddIcon, null),
+        text: t`New Role`,
         "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(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["New Group"]))))
+        onClick: () => history.push("/access-management/roles?new=true")
+      })
     });
   }
-
   return /*#__PURE__*/React.createElement(Form, {
     data: data,
     onSubmit: onSubmit
-  }, function (_ref4) {
-    var data = _ref4.data,
-        form = _ref4.form,
-        Bind = _ref4.Bind;
-    return /*#__PURE__*/React.createElement(SimpleForm, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+  }, ({
+    data,
+    form,
+    Bind
+  }) => {
+    return /*#__PURE__*/React.createElement(SimpleForm, {
+      size: "lg"
+    }, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
       title: data.name ? data.name : "Untitled"
-    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, systemGroup && /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Alert, {
+      type: "warning",
+      title: "Permissions are locked"
+    }, "This is a protected system role and you can't modify its permissions.")), pluginGroup && /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Alert, {
+      type: "warning",
+      title: "Permissions are locked"
+    }, "This role is registered via an extension, and cannot be modified.")), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 6
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "name",
       validators: validation.create("required,minLength:3")
     }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Name"]))),
-      disabled: systemGroup
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      size: "lg",
+      label: t`Name`,
+      disabled: !canModifyGroup,
+      "data-testid": "admin.am.group.new.name"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 6
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "slug",
       validators: validation.create("required,minLength:3")
     }, /*#__PURE__*/React.createElement(Input, {
-      disabled: Boolean(data.id),
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Slug"])))
-    })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      size: "lg",
+      disabled: !canModifyGroup || !newGroup,
+      label: t`Slug`,
+      "data-testid": "admin.am.group.new.slug"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "description",
       validators: validation.create("maxLength:500")
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Description"]))),
+    }, /*#__PURE__*/React.createElement(Textarea, {
+      size: "lg",
+      label: t`Description`,
       rows: 3,
-      disabled: systemGroup
-    })))), systemGroup && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Alert, {
-      type: "info",
-      title: "Permissions are locked"
-    }, "This is a protected system group and you can't modify its permissions."))), !systemGroup && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "subtitle1"
-    }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Permissions"]))))), /*#__PURE__*/React.createElement(Cell, {
+      disabled: !canModifyGroup,
+      "data-testid": "admin.am.group.new.description"
+    })))))), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      title: "Permissions",
+      rounded: false
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-justify-end"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "Copy permissions as JSON",
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/React.createElement(CopyIcon, null),
+        onClick: () => {
+          navigator.clipboard.writeText(JSON.stringify(data.permissions, null, 2));
+          showSnackbar("JSON data copied to clipboard.");
+        }
+      })
+    }))), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, canModifyGroup && /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "permissions",
       defaultValue: []
-    }, function (bind) {
-      return /*#__PURE__*/React.createElement(Permissions, Object.assign({
-        id: data.id || "new"
-      }, bind));
-    })))), systemGroup ? null : /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonDefault, {
-      onClick: function onClick() {
-        return history.push("/access-management/groups");
+    }, bind => /*#__PURE__*/React.createElement(Permissions, Object.assign({
+      id: data.id || "new"
+    }, bind))))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, canModifyGroup && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      text: t`Cancel`,
+      onClick: () => history.push("/access-management/roles"),
+      "data-testid": "pb.category.new.form.button.cancel"
+    }), /*#__PURE__*/React.createElement(Button, {
+      text: t`Save`,
+      "data-testid": "admin.am.group.new.save",
+      onClick: ev => {
+        form.submit(ev);
       }
-    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Cancel"])))), /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: form.submit
-    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Save group"])))))));
+    }))));
   });
 };
 
-export default GroupForm;
+//# sourceMappingURL=GroupsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMutation","useQuery","get","useRouter","i18n","Form","validation","SimpleForm","SimpleFormFooter","SimpleFormContent","SimpleFormHeader","Permissions","useSnackbar","CREATE_GROUP","LIST_GROUPS","READ_GROUP","UPDATE_GROUP","isEmpty","EmptyView","ReactComponent","AddIcon","CopyIcon","SettingsIcon","Alert","Button","Grid","IconButton","Input","OverlayLoader","Textarea","Tooltip","t","ns","GroupsForm","location","history","showSnackbar","newGroup","URLSearchParams","search","id","getQuery","variables","skip","onCompleted","data","error","security","group","push","message","create","createMutation","refetchQueries","query","update","updateMutation","loading","find","item","onSubmit","name","description","slug","permissions","createdOn","length","timeout","dismissesOnAction","isUpdate","operation","args","response","systemGroup","system","pluginGroup","plugin","canModifyGroup","showEmptyView","createElement","icon","title","action","text","onClick","form","Bind","size","Fragment","Column","span","type","validators","label","disabled","rows","rounded","className","content","trigger","variant","navigator","clipboard","writeText","JSON","stringify","defaultValue","bind","Object","assign","ev","submit"],"sources":["GroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useMutation, useQuery } from \"@apollo/react-hooks\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { Permissions } from \"@webiny/app-admin/components/Permissions\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CREATE_GROUP, LIST_GROUPS, READ_GROUP, UPDATE_GROUP } from \"./graphql\";\nimport isEmpty from \"lodash/isEmpty\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Group } from \"~/types\";\nimport {\n    Alert,\n    Button,\n    Grid,\n    IconButton,\n    Input,\n    OverlayLoader,\n    Textarea,\n    Tooltip\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-security/admin/roles/form\");\n\nexport interface GroupsFormProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const GroupsForm = () => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const newGroup = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery(READ_GROUP, {\n        variables: { id },\n        skip: !id,\n        onCompleted: data => {\n            if (!data) {\n                return;\n            }\n\n            const { error } = data.security.group;\n            if (error) {\n                history.push(\"/access-management/roles\");\n                showSnackbar(error.message);\n            }\n        }\n    });\n\n    const [create, createMutation] = useMutation(CREATE_GROUP, {\n        refetchQueries: [{ query: LIST_GROUPS }]\n    });\n\n    const [update, updateMutation] = useMutation(UPDATE_GROUP, {\n        refetchQueries: [{ query: LIST_GROUPS }]\n    });\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const onSubmit = useCallback(\n        async ({ id, name, description, slug, permissions, createdOn }: Group) => {\n            if (!permissions || !permissions.length) {\n                showSnackbar(t`You must configure permissions before saving!`, {\n                    timeout: 60000,\n                    dismissesOnAction: true\n                });\n                return;\n            }\n\n            const isUpdate = createdOn;\n            const [operation, args] = isUpdate\n                ? [\n                      update,\n                      {\n                          variables: {\n                              id,\n                              data: {\n                                  name,\n                                  permissions,\n                                  ...(description && { description })\n                              }\n                          }\n                      }\n                  ]\n                : [\n                      create,\n                      {\n                          variables: {\n                              data: {\n                                  name,\n                                  slug,\n                                  description,\n                                  permissions\n                              }\n                          }\n                      }\n                  ];\n\n            const response = await operation(args);\n\n            const { data: group, error } = response.data.security.group;\n            if (error) {\n                return showSnackbar(error.message);\n            }\n\n            !isUpdate && history.push(`/access-management/roles?id=${group.id}`);\n            showSnackbar(t`Role saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: Group = loading ? {} : get(getQuery, \"data.security.group.data\", {});\n\n    const systemGroup = data.slug === \"full-access\" || data.system;\n    const pluginGroup = data.plugin;\n    const canModifyGroup = !systemGroup && !pluginGroup;\n\n    const showEmptyView = !newGroup && !loading && isEmpty(data);\n    // Render \"No content\" selected view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={t`Click on the left side list to display role details or create a...`}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={t`New Role`}\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/access-management/roles?new=true\")}\n                    />\n                }\n            />\n        );\n    }\n\n    return (\n        <Form data={data} onSubmit={onSubmit}>\n            {({ data, form, Bind }) => {\n                return (\n                    <SimpleForm size={\"lg\"}>\n                        {loading && <OverlayLoader />}\n                        <SimpleFormHeader title={data.name ? data.name : \"Untitled\"} />\n                        <SimpleFormContent>\n                            <Grid>\n                                <>\n                                    {systemGroup && (\n                                        <Grid.Column span={12}>\n                                            <Alert\n                                                type={\"warning\"}\n                                                title={\"Permissions are locked\"}\n                                            >\n                                                This is a protected system role and you can&apos;t\n                                                modify its permissions.\n                                            </Alert>\n                                        </Grid.Column>\n                                    )}\n                                    {pluginGroup && (\n                                        <Grid.Column span={12}>\n                                            <Alert\n                                                type={\"warning\"}\n                                                title={\"Permissions are locked\"}\n                                            >\n                                                This role is registered via an extension, and cannot\n                                                be modified.\n                                            </Alert>\n                                        </Grid.Column>\n                                    )}\n                                    <Grid.Column span={6}>\n                                        <Bind\n                                            name=\"name\"\n                                            validators={validation.create(\"required,minLength:3\")}\n                                        >\n                                            <Input\n                                                size={\"lg\"}\n                                                label={t`Name`}\n                                                disabled={!canModifyGroup}\n                                                data-testid=\"admin.am.group.new.name\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={6}>\n                                        <Bind\n                                            name=\"slug\"\n                                            validators={validation.create(\"required,minLength:3\")}\n                                        >\n                                            <Input\n                                                size={\"lg\"}\n                                                disabled={!canModifyGroup || !newGroup}\n                                                label={t`Slug`}\n                                                data-testid=\"admin.am.group.new.slug\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"description\"\n                                            validators={validation.create(\"maxLength:500\")}\n                                        >\n                                            <Textarea\n                                                size={\"lg\"}\n                                                label={t`Description`}\n                                                rows={3}\n                                                disabled={!canModifyGroup}\n                                                data-testid=\"admin.am.group.new.description\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </>\n                            </Grid>\n                        </SimpleFormContent>\n                        <SimpleFormHeader title={\"Permissions\"} rounded={false}>\n                            <div className={\"wby-flex wby-justify-end\"}>\n                                <Tooltip\n                                    content=\"Copy permissions as JSON\"\n                                    trigger={\n                                        <IconButton\n                                            variant={\"ghost\"}\n                                            icon={<CopyIcon />}\n                                            onClick={() => {\n                                                navigator.clipboard.writeText(\n                                                    JSON.stringify(data.permissions, null, 2)\n                                                );\n                                                showSnackbar(\"JSON data copied to clipboard.\");\n                                            }}\n                                        />\n                                    }\n                                />\n                            </div>\n                        </SimpleFormHeader>\n                        <SimpleFormContent>\n                            <Grid>\n                                <>\n                                    {canModifyGroup && (\n                                        <Grid.Column span={12}>\n                                            <Bind name={\"permissions\"} defaultValue={[]}>\n                                                {bind => (\n                                                    <Permissions id={data.id || \"new\"} {...bind} />\n                                                )}\n                                            </Bind>\n                                        </Grid.Column>\n                                    )}\n                                </>\n                            </Grid>\n                        </SimpleFormContent>\n                        <SimpleFormFooter>\n                            {canModifyGroup && (\n                                <>\n                                    <Button\n                                        variant={\"secondary\"}\n                                        text={t`Cancel`}\n                                        onClick={() => history.push(\"/access-management/roles\")}\n                                        data-testid=\"pb.category.new.form.button.cancel\"\n                                    />\n                                    <Button\n                                        text={t`Save`}\n                                        data-testid=\"admin.am.group.new.save\"\n                                        onClick={ev => {\n                                            form.submit(ev);\n                                        }}\n                                    />\n                                </>\n                            )}\n                        </SimpleFormFooter>\n                    </SimpleForm>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,13 @@
-export declare const LIST_GROUPS: any;
-export declare const READ_GROUP: any;
-export declare const CREATE_GROUP: any;
-export declare const UPDATE_GROUP: any;
-export declare const DELETE_GROUP: any;
+import type { Group } from "../../../types";
+export interface ListGroupsResponse {
+    security: {
+        groups: {
+            data: Group[];
+        };
+    };
+}
+export declare const LIST_GROUPS: import("graphql").DocumentNode;
+export declare const READ_GROUP: import("graphql").DocumentNode;
+export declare const CREATE_GROUP: import("graphql").DocumentNode;
+export declare const UPDATE_GROUP: import("graphql").DocumentNode;
+export declare const DELETE_GROUP: import("graphql").DocumentNode;

package/ui/views/Groups/graphql.js

@@ -1,11 +1,85 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import gql from "graphql-tag";
-var fields = "\n    id\n    name\n    slug\n    description\n    permissions\n    createdOn\n";
-export var LIST_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n"])));
-export var READ_GROUP = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query getGroup($id: ID!) {\n        security {\n            group: getGroup(where: { id: $id }){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
-export var CREATE_GROUP = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation createGroup($data: SecurityGroupCreateInput!){\n        security {\n            group: createGroup(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var UPDATE_GROUP = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){\n        security {\n            group: updateGroup(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var DELETE_GROUP = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation deleteGroup($id: ID!) {\n        security {\n            deleteGroup(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+const fields = `
+    id
+    name
+    slug
+    description
+    permissions
+    system
+    plugin
+    createdOn
+`;
+export const LIST_GROUPS = gql`
+    query listGroups {
+        security {
+            groups: listGroups {
+                data {
+                    ${fields}
+                }
+            }
+        }
+    }
+`;
+export const READ_GROUP = gql`
+    query getGroup($id: ID!) {
+        security {
+            group: getGroup(where: { id: $id }){
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+export const CREATE_GROUP = gql`
+    mutation createGroup($data: SecurityGroupCreateInput!){
+        security {
+            group: createGroup(data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const UPDATE_GROUP = gql`
+    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){
+        security {
+            group: updateGroup(id: $id, data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const DELETE_GROUP = gql`
+    mutation deleteGroup($id: ID!) {
+        security {
+            deleteGroup(id: $id) {
+                data
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["gql","fields","LIST_GROUPS","READ_GROUP","CREATE_GROUP","UPDATE_GROUP","DELETE_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { Group } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    permissions\n    system\n    plugin\n    createdOn\n`;\n\nexport interface ListGroupsResponse {\n    security: {\n        groups: {\n            data: Group[];\n        };\n    };\n}\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_GROUP = gql`\n    query getGroup($id: ID!) {\n        security {\n            group: getGroup(where: { id: $id }){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_GROUP = gql`\n    mutation createGroup($data: SecurityGroupCreateInput!){\n        security {\n            group: createGroup(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_GROUP = gql`\n    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){\n        security {\n            group: updateGroup(id: $id, data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const DELETE_GROUP = gql`\n    mutation deleteGroup($id: ID!) {\n        security {\n            deleteGroup(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,WAAW,GAAGF,GAAG;AAC9B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,UAAU,GAAGH,GAAG;AAC7B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGJ,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,YAAY,GAAGL,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,YAAY,GAAGN,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export { default as Groups } from "./Groups";
+export * from "./Groups";

package/ui/views/Groups/index.js

@@ -1 +1,3 @@
-export { default as Groups } from "./Groups";
+export * from "./Groups";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Groups\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ui/views/Teams/Teams.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { TeamsDataListProps } from "./TeamsDataList";
+import type { TeamsFormProps } from "./TeamsForm";
+export interface TeamsProps {
+    listProps?: TeamsDataListProps;
+    formProps?: TeamsFormProps;
+}
+export declare const Teams: ({ formProps, listProps }: TeamsProps) => React.JSX.Element;

package/ui/views/Teams/Teams.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
+import { TeamsDataList } from "./TeamsDataList";
+import { TeamsForm } from "./TeamsForm";
+export const Teams = ({
+  formProps = {},
+  listProps = {}
+}) => {
+  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(TeamsDataList, listProps)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(TeamsForm, formProps)));
+};
+
+//# sourceMappingURL=Teams.js.map

package/ui/views/Teams/Teams.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SplitView","LeftPanel","RightPanel","TeamsDataList","TeamsForm","Teams","formProps","listProps","createElement"],"sources":["Teams.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport type { TeamsDataListProps } from \"./TeamsDataList\";\nimport { TeamsDataList } from \"./TeamsDataList\";\nimport type { TeamsFormProps } from \"./TeamsForm\";\nimport { TeamsForm } from \"./TeamsForm\";\n\nexport interface TeamsProps {\n    listProps?: TeamsDataListProps;\n    formProps?: TeamsFormProps;\n}\nexport const Teams = ({ formProps = {}, listProps = {} }: TeamsProps) => {\n    return (\n        <SplitView>\n            <LeftPanel>\n                <TeamsDataList {...listProps} />\n            </LeftPanel>\n            <RightPanel>\n                <TeamsForm {...formProps} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,wCAAwC;AAEzF,SAASC,aAAa;AAEtB,SAASC,SAAS;AAMlB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,SAAS,GAAG,CAAC,CAAC;EAAEC,SAAS,GAAG,CAAC;AAAc,CAAC,KAAK;EACrE,oBACIR,KAAA,CAAAS,aAAA,CAACR,SAAS,qBACND,KAAA,CAAAS,aAAA,CAACP,SAAS,qBACNF,KAAA,CAAAS,aAAA,CAACL,aAAa,EAAKI,SAAY,CACxB,CAAC,eACZR,KAAA,CAAAS,aAAA,CAACN,UAAU,qBACPH,KAAA,CAAAS,aAAA,CAACJ,SAAS,EAAKE,SAAY,CACnB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}

package/ui/views/Teams/TeamsDataList.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface TeamsDataListProps {
+    [key: string]: any;
+}
+export declare const TeamsDataList: () => React.JSX.Element;