@webiny/app-security-access-management 5.43.3 → 6.0.0-alpha.1

package/ui/views/Teams/TeamsForm.js

@@ -1,204 +1,172 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TeamsForm = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactHooks = require("@apollo/react-hooks");
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _reactRouter = require("@webiny/react-router");
-var _i18n = require("@webiny/app/i18n");
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Button = require("@webiny/ui/Button");
-var _Progress = require("@webiny/ui/Progress");
-var _validation = require("@webiny/validation");
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _graphql = require("./graphql");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-var _GroupsMultiAutocomplete = require("../../../components/GroupsMultiAutocomplete");
-var _Alert = require("@webiny/ui/Alert");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-security/admin/teams/form");
-var ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e197ut580"
-} : {
-  target: "e197ut580",
-  label: "ButtonWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between"
-} : {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlYW1zRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJzQiIsImZpbGUiOiJUZWFtc0Zvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VNdXRhdGlvbiwgdXNlUXVlcnkgfSBmcm9tIFwiQGFwb2xsby9yZWFjdC1ob29rc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgcGljayBmcm9tIFwibG9kYXNoL3BpY2tcIjtcbmltcG9ydCBnZXQgZnJvbSBcImxvZGFzaC9nZXRcIjtcbmltcG9ydCB7IHVzZVJvdXRlciB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBGb3JtIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgR3JpZCwgQ2VsbCB9IGZyb20gXCJAd2ViaW55L3VpL0dyaWRcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEJ1dHRvbkljb24sIEJ1dHRvblByaW1hcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHsgdmFsaWRhdGlvbiB9IGZyb20gXCJAd2ViaW55L3ZhbGlkYXRpb25cIjtcbmltcG9ydCB7XG4gICAgU2ltcGxlRm9ybSxcbiAgICBTaW1wbGVGb3JtRm9vdGVyLFxuICAgIFNpbXBsZUZvcm1Db250ZW50LFxuICAgIFNpbXBsZUZvcm1IZWFkZXJcbn0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU2ltcGxlRm9ybVwiO1xuaW1wb3J0IHsgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW4vaG9va3MvdXNlU25hY2tiYXJcIjtcbmltcG9ydCB7IENSRUFURV9URUFNLCBMSVNUX1RFQU1TLCBSRUFEX1RFQU0sIFVQREFURV9URUFNIH0gZnJvbSBcIi4vZ3JhcGhxbFwiO1xuaW1wb3J0IGlzRW1wdHkgZnJvbSBcImxvZGFzaC9pc0VtcHR5XCI7XG5pbXBvcnQgRW1wdHlWaWV3IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9jb21wb25lbnRzL0VtcHR5Vmlld1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9hc3NldHMvaWNvbnMvYWRkLTE4cHguc3ZnXCI7XG5pbXBvcnQgeyBHcm91cHNNdWx0aUF1dG9jb21wbGV0ZSB9IGZyb20gXCJ+L2NvbXBvbmVudHMvR3JvdXBzTXVsdGlBdXRvY29tcGxldGVcIjtcbmltcG9ydCB7IFRlYW0gfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQWxlcnQgfSBmcm9tIFwiQHdlYmlueS91aS9BbGVydFwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1zZWN1cml0eS9hZG1pbi90ZWFtcy9mb3JtXCIpO1xuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCJcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRlYW1zRm9ybVByb3BzIHtcbiAgICAvLyBUT0RPIEB0cy1yZWZhY3RvciBkZWxldGUgYW5kIGdvIHVwIHRoZSB0cmVlIGFuZCBzb3J0IGl0IG91dFxuICAgIFtrZXk6IHN0cmluZ106IGFueTtcbn1cblxuZXhwb3J0IGNvbnN0IFRlYW1zRm9ybSA9ICgpID0+IHtcbiAgICBjb25zdCB7IGxvY2F0aW9uLCBoaXN0b3J5IH0gPSB1c2VSb3V0ZXIoKTtcbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICBjb25zdCBuZXdUZWFtID0gbmV3IFVSTFNlYXJjaFBhcmFtcyhsb2NhdGlvbi5zZWFyY2gpLmdldChcIm5ld1wiKSA9PT0gXCJ0cnVlXCI7XG4gICAgY29uc3QgaWQgPSBuZXcgVVJMU2VhcmNoUGFyYW1zKGxvY2F0aW9uLnNlYXJjaCkuZ2V0KFwiaWRcIik7XG5cbiAgICBjb25zdCBnZXRRdWVyeSA9IHVzZVF1ZXJ5KFJFQURfVEVBTSwge1xuICAgICAgICB2YXJpYWJsZXM6IHsgaWQgfSxcbiAgICAgICAgc2tpcDogIWlkLFxuICAgICAgICBvbkNvbXBsZXRlZDogZGF0YSA9PiB7XG4gICAgICAgICAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZXJyb3IgfSA9IGRhdGEuc2VjdXJpdHkudGVhbTtcbiAgICAgICAgICAgIGlmIChlcnJvcikge1xuICAgICAgICAgICAgICAgIGhpc3RvcnkucHVzaChcIi9hY2Nlc3MtbWFuYWdlbWVudC90ZWFtc1wiKTtcbiAgICAgICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9KTtcblxuICAgIGNvbnN0IFtjcmVhdGUsIGNyZWF0ZU11dGF0aW9uXSA9IHVzZU11dGF0aW9uKENSRUFURV9URUFNLCB7XG4gICAgICAgIHJlZmV0Y2hRdWVyaWVzOiBbeyBxdWVyeTogTElTVF9URUFNUyB9XVxuICAgIH0pO1xuXG4gICAgY29uc3QgW3VwZGF0ZSwgdXBkYXRlTXV0YXRpb25dID0gdXNlTXV0YXRpb24oVVBEQVRFX1RFQU0sIHtcbiAgICAgICAgcmVmZXRjaFF1ZXJpZXM6IFt7IHF1ZXJ5OiBMSVNUX1RFQU1TIH1dXG4gICAgfSk7XG5cbiAgICBjb25zdCBsb2FkaW5nID0gW2dldFF1ZXJ5LCBjcmVhdGVNdXRhdGlvbiwgdXBkYXRlTXV0YXRpb25dLmZpbmQoaXRlbSA9PiBpdGVtLmxvYWRpbmcpO1xuXG4gICAgY29uc3Qgb25TdWJtaXQgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgYXN5bmMgKGZvcm1EYXRhOiBUZWFtKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpc1VwZGF0ZSA9IGZvcm1EYXRhLmNyZWF0ZWRPbjtcbiAgICAgICAgICAgIGNvbnN0IFtvcGVyYXRpb24sIGFyZ3NdID0gaXNVcGRhdGVcbiAgICAgICAgICAgICAgICA/IFtcbiAgICAgICAgICAgICAgICAgICAgICB1cGRhdGUsXG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkOiBmb3JtRGF0YS5pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHBpY2soZm9ybURhdGEsIFtcIm5hbWVcIiwgXCJkZXNjcmlwdGlvblwiLCBcImdyb3Vwc1wiXSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICBjcmVhdGUsXG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHBpY2soZm9ybURhdGEsIFtcIm5hbWVcIiwgXCJzbHVnXCIsIFwiZGVzY3JpcHRpb25cIiwgXCJncm91cHNcIl0pXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBdO1xuXG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IG9wZXJhdGlvbihhcmdzKTtcblxuICAgICAgICAgICAgY29uc3QgeyBkYXRhOiB0ZWFtLCBlcnJvciB9ID0gcmVzcG9uc2UuZGF0YS5zZWN1cml0eS50ZWFtO1xuICAgICAgICAgICAgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dTbmFja2JhcihlcnJvci5tZXNzYWdlKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgIWlzVXBkYXRlICYmIGhpc3RvcnkucHVzaChgL2FjY2Vzcy1tYW5hZ2VtZW50L3RlYW1zP2lkPSR7dGVhbS5pZH1gKTtcbiAgICAgICAgICAgIHNob3dTbmFja2Jhcih0YFRlYW0gc2F2ZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICB9LFxuICAgICAgICBbaWRdXG4gICAgKTtcblxuICAgIGNvbnN0IGRhdGEgPSBsb2FkaW5nID8ge30gOiBnZXQoZ2V0UXVlcnksIFwiZGF0YS5zZWN1cml0eS50ZWFtLmRhdGFcIiwge30pO1xuXG4gICAgY29uc3Qgc3lzdGVtVGVhbSA9IGRhdGEuc3lzdGVtO1xuICAgIGNvbnN0IHBsdWdpblRlYW0gPSBkYXRhLnBsdWdpbjtcbiAgICBjb25zdCBjYW5Nb2RpZnlUZWFtID0gIXN5c3RlbVRlYW0gJiYgIXBsdWdpblRlYW07XG5cbiAgICBjb25zdCBzaG93RW1wdHlWaWV3ID0gIW5ld1RlYW0gJiYgIWxvYWRpbmcgJiYgaXNFbXB0eShkYXRhKTtcbiAgICAvLyBSZW5kZXIgXCJObyBjb250ZW50XCIgc2VsZWN0ZWQgdmlldy5cbiAgICBpZiAoc2hvd0VtcHR5Vmlldykge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEVtcHR5Vmlld1xuICAgICAgICAgICAgICAgIHRpdGxlPXt0YENsaWNrIG9uIHRoZSBsZWZ0IHNpZGUgbGlzdCB0byBkaXNwbGF5IHRlYW0gZGV0YWlscyBvciBjcmVhdGUgYS4uLmB9XG4gICAgICAgICAgICAgICAgYWN0aW9uPXtcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibmV3LXJlY29yZC1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGlzdG9yeS5wdXNoKFwiL2FjY2Vzcy1tYW5hZ2VtZW50L3RlYW1zP25ldz10cnVlXCIpfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YE5ldyBUZWFtYH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZvcm0gZGF0YT17ZGF0YX0gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgICAgICAgIHsoeyBkYXRhLCBmb3JtLCBCaW5kIH0pID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8U2ltcGxlRm9ybT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtsb2FkaW5nICYmIDxDaXJjdWxhclByb2dyZXNzIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgPFNpbXBsZUZvcm1IZWFkZXIgdGl0bGU9e2RhdGEubmFtZSA/IGRhdGEubmFtZSA6IFwiVW50aXRsZWRcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTaW1wbGVGb3JtQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7c3lzdGVtVGVhbSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0eXBlPXtcImluZm9cIn0gdGl0bGU9e1wiUGVybWlzc2lvbnMgYXJlIGxvY2tlZFwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVGhpcyBpcyBhIHByb3RlY3RlZCBzeXN0ZW0gdGVhbSBhbmQgeW91IGNhbiZhcG9zO3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbW9kaWZ5IGl0cyBwZXJtaXNzaW9ucy5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0FsZXJ0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cGx1Z2luVGVhbSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0eXBlPXtcImluZm9cIn0gdGl0bGU9e1wiSW1wb3J0YW50XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBUaGlzIHRlYW0gaXMgcmVnaXN0ZXJlZCB2aWEgYW4gZXh0ZW5zaW9uLCBhbmQgY2Fubm90IGJlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGlmaWVkLlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs2fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cIm5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWQsbWluTGVuZ3RoOjNcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXshY2FuTW9kaWZ5VGVhbX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e3RgTmFtZWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYWRtaW4uYW0udGVhbS5uZXcubmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs2fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInNsdWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWQsbWluTGVuZ3RoOjNcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXshY2FuTW9kaWZ5VGVhbSB8fCAhbmV3VGVhbX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e3RgU2x1Z2B9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYWRtaW4uYW0udGVhbS5uZXcuc2x1Z1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwiZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwibWF4TGVuZ3RoOjUwMFwiKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5Nb2RpZnlUZWFtfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17dGBEZXNjcmlwdGlvbmB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvd3M9ezN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYWRtaW4uYW0udGVhbS5uZXcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kIG5hbWU9XCJncm91cHNcIiB2YWxpZGF0b3JzPXt2YWxpZGF0aW9uLmNyZWF0ZShcInJlcXVpcmVkXCIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JvdXBzTXVsdGlBdXRvY29tcGxldGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5Nb2RpZnlUZWFtfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17dGBSb2xlc2B9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYWRtaW4uYW0udGVhbS5uZXcuZ3JvdXBzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9TaW1wbGVGb3JtQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYW5Nb2RpZnlUZWFtICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2ltcGxlRm9ybUZvb3Rlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhpc3RvcnkucHVzaChcIi9hY2Nlc3MtbWFuYWdlbWVudC90ZWFtc1wiKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBDYW5jZWxgfTwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25QcmltYXJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJhZG1pbi5hbS50ZWFtLm5ldy5zYXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtldiA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm0uc3VibWl0KGV2KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPnt0YFNhdmUgdGVhbWB9PC9CdXR0b25QcmltYXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9TaW1wbGVGb3JtRm9vdGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TaW1wbGVGb3JtPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0Zvcm0+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var TeamsForm = exports.TeamsForm = function TeamsForm() {
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    location = _useRouter.location,
-    history = _useRouter.history;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var newTeam = new URLSearchParams(location.search).get("new") === "true";
-  var id = new URLSearchParams(location.search).get("id");
-  var getQuery = (0, _reactHooks.useQuery)(_graphql.READ_TEAM, {
+import React, { useCallback } from "react";
+import { useMutation, useQuery } from "@apollo/react-hooks";
+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 { validation } from "@webiny/validation";
+import { SimpleForm, SimpleFormFooter, SimpleFormContent, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { CREATE_TEAM, LIST_TEAMS, READ_TEAM, UPDATE_TEAM } from "./graphql";
+import isEmpty from "lodash/isEmpty";
+import EmptyView from "@webiny/app-admin/components/EmptyView";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
+import { GroupsMultiAutocomplete } from "../../../components/GroupsMultiAutocomplete";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { Alert, Button, Grid, Input, OverlayLoader, Textarea } from "@webiny/admin-ui";
+const t = i18n.ns("app-security/admin/teams/form");
+export const TeamsForm = () => {
+  const {
+    location,
+    history
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const newTeam = new URLSearchParams(location.search).get("new") === "true";
+  const id = new URLSearchParams(location.search).get("id");
+  const getQuery = useQuery(READ_TEAM, {
     variables: {
-      id: id
+      id
     },
     skip: !id,
-    onCompleted: function onCompleted(data) {
+    onCompleted: data => {
       if (!data) {
         return;
       }
-      var error = data.security.team.error;
+      const {
+        error
+      } = data.security.team;
       if (error) {
         history.push("/access-management/teams");
         showSnackbar(error.message);
       }
     }
   });
-  var _useMutation = (0, _reactHooks.useMutation)(_graphql.CREATE_TEAM, {
-      refetchQueries: [{
-        query: _graphql.LIST_TEAMS
-      }]
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
-    create = _useMutation2[0],
-    createMutation = _useMutation2[1];
-  var _useMutation3 = (0, _reactHooks.useMutation)(_graphql.UPDATE_TEAM, {
-      refetchQueries: [{
-        query: _graphql.LIST_TEAMS
-      }]
-    }),
-    _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
-    update = _useMutation4[0],
-    updateMutation = _useMutation4[1];
-  var loading = [getQuery, createMutation, updateMutation].find(function (item) {
-    return item.loading;
+  const [create, createMutation] = useMutation(CREATE_TEAM, {
+    refetchQueries: [{
+      query: LIST_TEAMS
+    }]
+  });
+  const [update, updateMutation] = useMutation(UPDATE_TEAM, {
+    refetchQueries: [{
+      query: LIST_TEAMS
+    }]
   });
-  var onSubmit = (0, _react.useCallback)(async function (formData) {
-    var isUpdate = formData.createdOn;
-    var _ref = isUpdate ? [update, {
-        variables: {
-          id: formData.id,
-          data: (0, _pick.default)(formData, ["name", "description", "groups"])
-        }
-      }] : [create, {
-        variables: {
-          data: (0, _pick.default)(formData, ["name", "slug", "description", "groups"])
-        }
-      }],
-      _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-      operation = _ref2[0],
-      args = _ref2[1];
-    var response = await operation(args);
-    var _response$data$securi = response.data.security.team,
-      team = _response$data$securi.data,
-      error = _response$data$securi.error;
+  const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);
+  const onSubmit = useCallback(async formData => {
+    const isUpdate = formData.createdOn;
+    const [operation, args] = isUpdate ? [update, {
+      variables: {
+        id: formData.id,
+        data: pick(formData, ["name", "description", "groups"])
+      }
+    }] : [create, {
+      variables: {
+        data: pick(formData, ["name", "slug", "description", "groups"])
+      }
+    }];
+    const response = await operation(args);
+    const {
+      data: team,
+      error
+    } = response.data.security.team;
     if (error) {
       return showSnackbar(error.message);
     }
-    !isUpdate && history.push("/access-management/teams?id=".concat(team.id));
-    showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Team saved successfully!"]))));
+    !isUpdate && history.push(`/access-management/teams?id=${team.id}`);
+    showSnackbar(t`Team saved successfully!`);
   }, [id]);
-  var data = loading ? {} : (0, _get.default)(getQuery, "data.security.team.data", {});
-  var systemTeam = data.system;
-  var pluginTeam = data.plugin;
-  var canModifyTeam = !systemTeam && !pluginTeam;
-  var showEmptyView = !newTeam && !loading && (0, _isEmpty.default)(data);
+  const data = loading ? {} : get(getQuery, "data.security.team.data", {});
+  const systemTeam = data.system;
+  const pluginTeam = data.plugin;
+  const canModifyTeam = !systemTeam && !pluginTeam;
+  const showEmptyView = !newTeam && !loading && isEmpty(data);
   // Render "No content" selected view.
   if (showEmptyView) {
-    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-      title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display team details or create a..."]))),
-      action: /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+    return /*#__PURE__*/React.createElement(EmptyView, {
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      title: t`Click on the left side list to display team details or create a...`,
+      action: /*#__PURE__*/React.createElement(Button, {
+        text: t`New Team`,
+        icon: /*#__PURE__*/React.createElement(AddIcon, null),
         "data-testid": "new-record-button",
-        onClick: function onClick() {
-          return history.push("/access-management/teams?new=true");
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Team"]))))
+        onClick: () => history.push("/access-management/teams?new=true")
+      })
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     data: data,
     onSubmit: onSubmit
-  }, function (_ref3) {
-    var data = _ref3.data,
-      form = _ref3.form,
-      Bind = _ref3.Bind;
-    return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+  }, ({
+    data,
+    form,
+    Bind
+  }) => {
+    return /*#__PURE__*/React.createElement(SimpleForm, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
       title: data.name ? data.name : "Untitled"
-    }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, systemTeam && /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, systemTeam && /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    }, /*#__PURE__*/React.createElement(Alert, {
       type: "info",
       title: "Permissions are locked"
-    }, "This is a protected system team and you can't modify its permissions."))), pluginTeam && /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }, "This is a protected system team and you can't modify its permissions.")), pluginTeam && /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    }, /*#__PURE__*/React.createElement(Alert, {
       type: "info",
       title: "Important"
-    }, "This team is registered via an extension, and cannot be modified."))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }, "This team is registered via an extension, and cannot be modified."))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 6
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "name",
-      validators: _validation.validation.create("required,minLength:3")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      validators: validation.create("required,minLength:3")
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
       disabled: !canModifyTeam,
-      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
+      label: t`Name`,
       "data-testid": "admin.am.team.new.name"
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 6
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "slug",
-      validators: _validation.validation.create("required,minLength:3")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      validators: validation.create("required,minLength:3")
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
       disabled: !canModifyTeam || !newTeam,
-      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Slug"]))),
+      label: t`Slug`,
       "data-testid": "admin.am.team.new.slug"
-    })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "description",
-      validators: _validation.validation.create("maxLength:500")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      validators: validation.create("maxLength:500")
+    }, /*#__PURE__*/React.createElement(Textarea, {
+      size: "lg",
       disabled: !canModifyTeam,
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
+      label: t`Description`,
       rows: 3,
       "data-testid": "admin.am.team.new.description"
-    })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "groups",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_GroupsMultiAutocomplete.GroupsMultiAutocomplete, {
+      validators: validation.create("required")
+    }, /*#__PURE__*/React.createElement(GroupsMultiAutocomplete, {
       disabled: !canModifyTeam,
-      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Roles"]))),
+      label: t`Roles`,
       "data-testid": "admin.am.team.new.groups"
-    }))))), canModifyTeam && /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick() {
-        return history.push("/access-management/teams");
-      }
-    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      text: t`Cancel`,
+      onClick: () => history.push("/access-management/teams")
+    }), canModifyTeam && /*#__PURE__*/React.createElement(Button, {
+      text: t`Save`,
       "data-testid": "admin.am.team.new.save",
-      onClick: function onClick(ev) {
+      onClick: ev => {
         form.submit(ev);
       }
-    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Save team"])))))));
+    })));
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactHooks","_pick","_interopRequireDefault","_get","_reactRouter","_i18n","_form","_Grid","_Input","_Button","_Progress","_validation","_SimpleForm","_useSnackbar2","_graphql","_isEmpty","_EmptyView","_add18px","_GroupsMultiAutocomplete","_Alert","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","TeamsForm","exports","_useRouter","useRouter","location","history","_useSnackbar","useSnackbar","showSnackbar","newTeam","URLSearchParams","search","get","id","getQuery","useQuery","READ_TEAM","variables","skip","onCompleted","data","error","security","team","push","message","_useMutation","useMutation","CREATE_TEAM","refetchQueries","query","LIST_TEAMS","_useMutation2","_slicedToArray2","create","createMutation","_useMutation3","UPDATE_TEAM","_useMutation4","update","updateMutation","loading","find","item","onSubmit","useCallback","formData","isUpdate","createdOn","_ref","pick","_ref2","operation","args","response","_response$data$securi","concat","_taggedTemplateLiteral2","systemTeam","system","pluginTeam","plugin","canModifyTeam","showEmptyView","isEmpty","createElement","title","action","ButtonDefault","onClick","ButtonIcon","icon","ReactComponent","Form","_ref3","form","Bind","SimpleForm","CircularProgress","SimpleFormHeader","SimpleFormContent","Grid","Cell","span","Alert","type","validators","validation","Input","disabled","rows","GroupsMultiAutocomplete","SimpleFormFooter","ButtonPrimary","ev","submit"],"sources":["TeamsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useMutation, useQuery } from \"@apollo/react-hooks\";\nimport styled from \"@emotion/styled\";\nimport pick from \"lodash/pick\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Form } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CREATE_TEAM, LIST_TEAMS, READ_TEAM, UPDATE_TEAM } from \"./graphql\";\nimport isEmpty from \"lodash/isEmpty\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GroupsMultiAutocomplete } from \"~/components/GroupsMultiAutocomplete\";\nimport { Team } from \"~/types\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nconst t = i18n.ns(\"app-security/admin/teams/form\");\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\nexport interface TeamsFormProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const TeamsForm = () => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const newTeam = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery(READ_TEAM, {\n        variables: { id },\n        skip: !id,\n        onCompleted: data => {\n            if (!data) {\n                return;\n            }\n\n            const { error } = data.security.team;\n            if (error) {\n                history.push(\"/access-management/teams\");\n                showSnackbar(error.message);\n            }\n        }\n    });\n\n    const [create, createMutation] = useMutation(CREATE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const [update, updateMutation] = useMutation(UPDATE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const onSubmit = useCallback(\n        async (formData: Team) => {\n            const isUpdate = formData.createdOn;\n            const [operation, args] = isUpdate\n                ? [\n                      update,\n                      {\n                          variables: {\n                              id: formData.id,\n                              data: pick(formData, [\"name\", \"description\", \"groups\"])\n                          }\n                      }\n                  ]\n                : [\n                      create,\n                      {\n                          variables: {\n                              data: pick(formData, [\"name\", \"slug\", \"description\", \"groups\"])\n                          }\n                      }\n                  ];\n\n            const response = await operation(args);\n\n            const { data: team, error } = response.data.security.team;\n            if (error) {\n                return showSnackbar(error.message);\n            }\n\n            !isUpdate && history.push(`/access-management/teams?id=${team.id}`);\n            showSnackbar(t`Team saved successfully!`);\n        },\n        [id]\n    );\n\n    const data = loading ? {} : get(getQuery, \"data.security.team.data\", {});\n\n    const systemTeam = data.system;\n    const pluginTeam = data.plugin;\n    const canModifyTeam = !systemTeam && !pluginTeam;\n\n    const showEmptyView = !newTeam && !loading && isEmpty(data);\n    // Render \"No content\" selected view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display team details or create a...`}\n                action={\n                    <ButtonDefault\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/access-management/teams?new=true\")}\n                    >\n                        <ButtonIcon icon={<AddIcon />} />\n                        {t`New Team`}\n                    </ButtonDefault>\n                }\n            />\n        );\n    }\n\n    return (\n        <Form data={data} onSubmit={onSubmit}>\n            {({ data, form, Bind }) => {\n                return (\n                    <SimpleForm>\n                        {loading && <CircularProgress />}\n                        <SimpleFormHeader title={data.name ? data.name : \"Untitled\"} />\n                        <SimpleFormContent>\n                            {systemTeam && (\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Alert type={\"info\"} title={\"Permissions are locked\"}>\n                                            This is a protected system team and you can&apos;t\n                                            modify its permissions.\n                                        </Alert>\n                                    </Cell>\n                                </Grid>\n                            )}\n                            {pluginTeam && (\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Alert type={\"info\"} title={\"Important\"}>\n                                            This team is registered via an extension, and cannot be\n                                            modified.\n                                        </Alert>\n                                    </Cell>\n                                </Grid>\n                            )}\n                            <Grid>\n                                <Cell span={6}>\n                                    <Bind\n                                        name=\"name\"\n                                        validators={validation.create(\"required,minLength:3\")}\n                                    >\n                                        <Input\n                                            disabled={!canModifyTeam}\n                                            label={t`Name`}\n                                            data-testid=\"admin.am.team.new.name\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={6}>\n                                    <Bind\n                                        name=\"slug\"\n                                        validators={validation.create(\"required,minLength:3\")}\n                                    >\n                                        <Input\n                                            disabled={!canModifyTeam || !newTeam}\n                                            label={t`Slug`}\n                                            data-testid=\"admin.am.team.new.slug\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name=\"description\"\n                                        validators={validation.create(\"maxLength:500\")}\n                                    >\n                                        <Input\n                                            disabled={!canModifyTeam}\n                                            label={t`Description`}\n                                            rows={3}\n                                            data-testid=\"admin.am.team.new.description\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind name=\"groups\" validators={validation.create(\"required\")}>\n                                        <GroupsMultiAutocomplete\n                                            disabled={!canModifyTeam}\n                                            label={t`Roles`}\n                                            data-testid=\"admin.am.team.new.groups\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </SimpleFormContent>\n                        {canModifyTeam && (\n                            <SimpleFormFooter>\n                                <ButtonWrapper>\n                                    <ButtonDefault\n                                        onClick={() => history.push(\"/access-management/teams\")}\n                                    >{t`Cancel`}</ButtonDefault>\n                                    <ButtonPrimary\n                                        data-testid=\"admin.am.team.new.save\"\n                                        onClick={ev => {\n                                            form.submit(ev);\n                                        }}\n                                    >{t`Save team`}</ButtonPrimary>\n                                </ButtonWrapper>\n                            </SimpleFormFooter>\n                        )}\n                    </SimpleForm>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMutation","useQuery","pick","get","useRouter","i18n","Form","validation","SimpleForm","SimpleFormFooter","SimpleFormContent","SimpleFormHeader","useSnackbar","CREATE_TEAM","LIST_TEAMS","READ_TEAM","UPDATE_TEAM","isEmpty","EmptyView","ReactComponent","AddIcon","GroupsMultiAutocomplete","SettingsIcon","Alert","Button","Grid","Input","OverlayLoader","Textarea","t","ns","TeamsForm","location","history","showSnackbar","newTeam","URLSearchParams","search","id","getQuery","variables","skip","onCompleted","data","error","security","team","push","message","create","createMutation","refetchQueries","query","update","updateMutation","loading","find","item","onSubmit","formData","isUpdate","createdOn","operation","args","response","systemTeam","system","pluginTeam","plugin","canModifyTeam","showEmptyView","createElement","icon","title","action","text","onClick","form","Bind","name","Fragment","Column","span","type","validators","size","disabled","label","rows","variant","ev","submit"],"sources":["TeamsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useMutation, useQuery } from \"@apollo/react-hooks\";\nimport pick from \"lodash/pick\";\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 { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CREATE_TEAM, LIST_TEAMS, READ_TEAM, UPDATE_TEAM } from \"./graphql\";\nimport isEmpty from \"lodash/isEmpty\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GroupsMultiAutocomplete } from \"~/components/GroupsMultiAutocomplete\";\nimport type { Team } from \"~/types\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { Alert, Button, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-security/admin/teams/form\");\n\nexport interface TeamsFormProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const TeamsForm = () => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const newTeam = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery(READ_TEAM, {\n        variables: { id },\n        skip: !id,\n        onCompleted: data => {\n            if (!data) {\n                return;\n            }\n\n            const { error } = data.security.team;\n            if (error) {\n                history.push(\"/access-management/teams\");\n                showSnackbar(error.message);\n            }\n        }\n    });\n\n    const [create, createMutation] = useMutation(CREATE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const [update, updateMutation] = useMutation(UPDATE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const onSubmit = useCallback(\n        async (formData: Team) => {\n            const isUpdate = formData.createdOn;\n            const [operation, args] = isUpdate\n                ? [\n                      update,\n                      {\n                          variables: {\n                              id: formData.id,\n                              data: pick(formData, [\"name\", \"description\", \"groups\"])\n                          }\n                      }\n                  ]\n                : [\n                      create,\n                      {\n                          variables: {\n                              data: pick(formData, [\"name\", \"slug\", \"description\", \"groups\"])\n                          }\n                      }\n                  ];\n\n            const response = await operation(args);\n\n            const { data: team, error } = response.data.security.team;\n            if (error) {\n                return showSnackbar(error.message);\n            }\n\n            !isUpdate && history.push(`/access-management/teams?id=${team.id}`);\n            showSnackbar(t`Team saved successfully!`);\n        },\n        [id]\n    );\n\n    const data = loading ? {} : get(getQuery, \"data.security.team.data\", {});\n\n    const systemTeam = data.system;\n    const pluginTeam = data.plugin;\n    const canModifyTeam = !systemTeam && !pluginTeam;\n\n    const showEmptyView = !newTeam && !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 team details or create a...`}\n                action={\n                    <Button\n                        text={t`New Team`}\n                        icon={<AddIcon />}\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/access-management/teams?new=true\")}\n                    />\n                }\n            />\n        );\n    }\n\n    return (\n        <Form data={data} onSubmit={onSubmit}>\n            {({ data, form, Bind }) => {\n                return (\n                    <SimpleForm>\n                        {loading && <OverlayLoader />}\n                        <SimpleFormHeader title={data.name ? data.name : \"Untitled\"} />\n                        <SimpleFormContent>\n                            <Grid>\n                                <>\n                                    {systemTeam && (\n                                        <Grid.Column span={12}>\n                                            <Alert type={\"info\"} title={\"Permissions are locked\"}>\n                                                This is a protected system team and you can&apos;t\n                                                modify its permissions.\n                                            </Alert>\n                                        </Grid.Column>\n                                    )}\n                                    {pluginTeam && (\n                                        <Grid.Column span={12}>\n                                            <Alert type={\"info\"} title={\"Important\"}>\n                                                This team is registered via an extension, and cannot\n                                                be modified.\n                                            </Alert>\n                                        </Grid.Column>\n                                    )}\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                                            disabled={!canModifyTeam}\n                                            label={t`Name`}\n                                            data-testid=\"admin.am.team.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={!canModifyTeam || !newTeam}\n                                            label={t`Slug`}\n                                            data-testid=\"admin.am.team.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                                            disabled={!canModifyTeam}\n                                            label={t`Description`}\n                                            rows={3}\n                                            data-testid=\"admin.am.team.new.description\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"groups\" validators={validation.create(\"required\")}>\n                                        <GroupsMultiAutocomplete\n                                            disabled={!canModifyTeam}\n                                            label={t`Roles`}\n                                            data-testid=\"admin.am.team.new.groups\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                            </Grid>\n                        </SimpleFormContent>\n                        <SimpleFormFooter>\n                            <Button\n                                variant={\"secondary\"}\n                                text={t`Cancel`}\n                                onClick={() => history.push(\"/access-management/teams\")}\n                            />\n                            {canModifyTeam && (\n                                <Button\n                                    text={t`Save`}\n                                    data-testid=\"admin.am.team.new.save\"\n                                    onClick={ev => {\n                                        form.submit(ev);\n                                    }}\n                                />\n                            )}\n                        </SimpleFormFooter>\n                    </SimpleForm>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Team } from "../../../types";
+import type { Team } from "../../../types";
 export interface ListTeamsResponse {
     security: {
         teams: {

package/ui/views/Teams/graphql.js

@@ -1,18 +1,89 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UPDATE_TEAM = exports.READ_TEAM = exports.LIST_TEAMS = exports.DELETE_TEAM = exports.CREATE_TEAM = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var fields = "\n    id\n    name\n    slug\n    description\n    groups {\n        id\n        slug\n        name\n    }\n    system\n    plugin\n    createdOn\n";
-var LIST_TEAMS = exports.LIST_TEAMS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    ", "\n                }\n            }\n        }\n    }\n"])), fields);
-var READ_TEAM = exports.READ_TEAM = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query getTeam($id: ID!) {\n        security {\n            team: getTeam(where: { id: $id }){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
-var CREATE_TEAM = exports.CREATE_TEAM = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation createTeam($data: SecurityTeamCreateInput!){\n        security {\n            team: createTeam(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-var UPDATE_TEAM = exports.UPDATE_TEAM = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation updateTeam($id: ID!, $data: SecurityTeamUpdateInput!){\n        security {\n            team: updateTeam(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-var DELETE_TEAM = exports.DELETE_TEAM = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation deleteTeam($id: ID!) {\n        security {\n            deleteTeam(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+import gql from "graphql-tag";
+const fields = `
+    id
+    name
+    slug
+    description
+    groups {
+        id
+        slug
+        name
+    }
+    system
+    plugin
+    createdOn
+`;
+export const LIST_TEAMS = gql`
+    query listTeams {
+        security {
+            teams: listTeams {
+                data {
+                    ${fields}
+                }
+            }
+        }
+    }
+`;
+export const READ_TEAM = gql`
+    query getTeam($id: ID!) {
+        security {
+            team: getTeam(where: { id: $id }){
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+export const CREATE_TEAM = gql`
+    mutation createTeam($data: SecurityTeamCreateInput!){
+        security {
+            team: createTeam(data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const UPDATE_TEAM = gql`
+    mutation updateTeam($id: ID!, $data: SecurityTeamUpdateInput!){
+        security {
+            team: updateTeam(id: $id, data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const DELETE_TEAM = gql`
+    mutation deleteTeam($id: ID!) {
+        security {
+            deleteTeam(id: $id) {
+                data
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
 
 //# sourceMappingURL=graphql.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","fields","LIST_TEAMS","exports","gql","_taggedTemplateLiteral2","default","READ_TEAM","CREATE_TEAM","UPDATE_TEAM","DELETE_TEAM"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { Team } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    groups {\n        id\n        slug\n        name\n    }\n    system\n    plugin\n    createdOn\n`;\n\nexport interface ListTeamsResponse {\n    security: {\n        teams: {\n            data: Team[];\n        };\n    };\n}\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_TEAM = gql`\n    query getTeam($id: ID!) {\n        security {\n            team: getTeam(where: { id: $id }){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_TEAM = gql`\n    mutation createTeam($data: SecurityTeamCreateInput!){\n        security {\n            team: createTeam(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_TEAM = gql`\n    mutation updateTeam($id: ID!, $data: SecurityTeamUpdateInput!){\n        security {\n            team: updateTeam(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_TEAM = gql`\n    mutation deleteTeam($id: ID!) {\n        security {\n            deleteTeam(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAG9B,IAAMC,MAAM,wJAaX;AAUM,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,OAAGE,mBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA,6LAKPL,MAAM,CAK3B;AAEM,IAAMM,SAAS,GAAAJ,OAAA,CAAAI,SAAA,OAAGH,mBAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA,wTAKNL,MAAM,CAS3B;AAEM,IAAMO,WAAW,GAAAL,OAAA,CAAAK,WAAA,OAAGJ,mBAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,2WAKRL,MAAM,CAU3B;AAEM,IAAMQ,WAAW,GAAAN,OAAA,CAAAM,WAAA,OAAGL,mBAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,8XAKRL,MAAM,CAU3B;AAEM,IAAMS,WAAW,GAAAP,OAAA,CAAAO,WAAA,OAAGN,mBAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,2RAa7B","ignoreList":[]}
+{"version":3,"names":["gql","fields","LIST_TEAMS","READ_TEAM","CREATE_TEAM","UPDATE_TEAM","DELETE_TEAM"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { Team } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    groups {\n        id\n        slug\n        name\n    }\n    system\n    plugin\n    createdOn\n`;\n\nexport interface ListTeamsResponse {\n    security: {\n        teams: {\n            data: Team[];\n        };\n    };\n}\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_TEAM = gql`\n    query getTeam($id: ID!) {\n        security {\n            team: getTeam(where: { id: $id }){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_TEAM = gql`\n    mutation createTeam($data: SecurityTeamCreateInput!){\n        security {\n            team: createTeam(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_TEAM = gql`\n    mutation updateTeam($id: ID!, $data: SecurityTeamUpdateInput!){\n        security {\n            team: updateTeam(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_TEAM = gql`\n    mutation deleteTeam($id: ID!) {\n        security {\n            deleteTeam(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;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,UAAU,GAAGF,GAAG;AAC7B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,SAAS,GAAGH,GAAG;AAC5B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,WAAW,GAAGJ,GAAG;AAC9B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,WAAW,GAAGL,GAAG;AAC9B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,WAAW,GAAGN,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/ui/views/Teams/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Teams = require("./Teams");
-Object.keys(_Teams).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Teams[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Teams[key];
-    }
-  });
-});
+export * from "./Teams";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Teams","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Teams\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Teams\";\n"],"mappings":"AAAA","ignoreList":[]}