@webiny/app-security-access-management 0.0.0-unstable.e3f4727c56 → 0.0.0-unstable.eb196ccd2f

package/README.md

@@ -66,9 +66,11 @@ Auth.configure({
         responseType: "token"
     }
 });
-
+interface AuthenticatorProps {
+    children: React.ReactNode;
+}
 // The `Authenticator` component.
-const Authenticator: React.FC = props => {
+const Authenticator = (props: AuthenticatorProps) => {
     const { setIdentity } = useSecurity();
 
     useEffect(() => {
@@ -101,7 +103,7 @@ Finally, use the `useSecurity` React hook in any of your components:
 import React from "react";
 import { useSecurity } from "@webiny/app-security";
 
-const MyComponent: React.FC = () => {
+const MyComponent = () => {
   const { identity } = useSecurity();
 
   if (identity) {

package/components/GroupAutocomplete/graphql.js

@@ -1,12 +1,18 @@
-"use strict";
+import gql from "graphql-tag";
+export const LIST_GROUPS = gql`
+    query listGroups {
+        security {
+            groups: listGroups {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+            }
+        }
+    }
+`;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIST_GROUPS = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject;
-var LIST_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
-exports.LIST_GROUPS = LIST_GROUPS;
+//# sourceMappingURL=graphql.js.map

package/components/GroupAutocomplete/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["LIST_GROUPS","gql"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_GROUPS = gql`\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`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAEvB,IAAMA,WAAW,OAAGC,mBAAG,4XAc7B;AAAC"}
+{"version":3,"names":["gql","LIST_GROUPS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_GROUPS = gql`\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`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,WAAW,GAAGD,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/GroupAutocomplete/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AutoCompleteProps } from "@webiny/ui/AutoComplete";
-declare type GroupAutocompleteProps = Partial<AutoCompleteProps>;
-export declare const GroupAutocomplete: React.FC<GroupAutocompleteProps>;
+import type { AutoCompleteProps } from "@webiny/ui/AutoComplete";
+type GroupAutocompleteProps = Partial<AutoCompleteProps>;
+export declare const GroupAutocomplete: (props: GroupAutocompleteProps) => React.JSX.Element;
 export {};

package/components/GroupAutocomplete/index.js

@@ -1,23 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GroupAutocomplete = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-var _graphql = require("./graphql");
-var _reactHooks = require("@apollo/react-hooks");
-var GroupAutocomplete = function GroupAutocomplete(props) {
-  var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_GROUPS),
-    data = _useQuery.data,
-    loading = _useQuery.loading;
-  var options = loading || !data ? [] : data.security.groups.data;
-  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, props, {
+import React from "react";
+import { AutoComplete } from "@webiny/ui/AutoComplete";
+import { LIST_GROUPS } from "./graphql";
+import { useQuery } from "@apollo/react-hooks";
+export const GroupAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_GROUPS);
+  const options = loading || !data ? [] : data.security.groups.data;
+  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
     options: options,
     valueProp: "id",
     value: loading ? undefined : props.value
   }));
 };
-exports.GroupAutocomplete = GroupAutocomplete;
+
+//# sourceMappingURL=index.js.map

package/components/GroupAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupAutocomplete","props","useQuery","LIST_GROUPS","data","loading","options","security","groups","undefined","value"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AutoComplete, AutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { LIST_GROUPS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype GroupAutocompleteProps = Partial<AutoCompleteProps>;\nexport const GroupAutocomplete: React.FC<GroupAutocompleteProps> = props => {\n    const { data, loading } = useQuery(LIST_GROUPS);\n\n    const options = loading || !data ? [] : data.security.groups.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAGO,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAmD,CAAGC,KAAK,EAAI;EACxE,gBAA0B,IAAAC,oBAAQ,EAACC,oBAAW,CAAC;IAAvCC,IAAI,aAAJA,IAAI;IAAEC,OAAO,aAAPA,OAAO;EAErB,IAAMC,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,MAAM,CAACJ,IAAI;EAEjE,oBACI,6BAAC,0BAAY,oBACLH,KAAK;IACT,OAAO,EAAEK,OAAQ;IACjB,SAAS,EAAE,IAAK;IAChB,KAAK,EAAED,OAAO,GAAGI,SAAS,GAAGR,KAAK,CAACS;EAAM,GAC3C;AAEV,CAAC;AAAC"}
+{"version":3,"names":["React","AutoComplete","LIST_GROUPS","useQuery","GroupAutocomplete","props","data","loading","options","security","groups","createElement","Object","assign","valueProp","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { LIST_GROUPS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype GroupAutocompleteProps = Partial<AutoCompleteProps>;\nexport const GroupAutocomplete = (props: GroupAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_GROUPS);\n\n    const options = loading || !data ? [] : data.security.groups.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW;AACpB,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,OAAO,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAChE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,WAAW,CAAC;EAE/C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,MAAM,CAACJ,IAAI;EAEjE,oBACIN,KAAA,CAAAW,aAAA,CAACV,YAAY,EAAAW,MAAA,CAAAC,MAAA,KACLR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,KAAK,EAAER,OAAO,GAAGS,SAAS,GAAGX,KAAK,CAACU;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/GroupsMultiAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_GROUPS: import("graphql").DocumentNode;

package/components/GroupsMultiAutocomplete/graphql.js

@@ -0,0 +1,23 @@
+import gql from "graphql-tag";
+export const LIST_GROUPS = gql`
+    query listGroups {
+        security {
+            groups: listGroups {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+                error {
+                    data
+                    message
+                    code
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/GroupsMultiAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_GROUPS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,WAAW,GAAGD,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/GroupsMultiAutocomplete/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { MultiAutoCompleteProps } from "@webiny/ui/AutoComplete";
+type GroupsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;
+export declare const GroupsMultiAutocomplete: (props: GroupsMultiAutocompleteProps) => React.JSX.Element;
+export {};

package/components/GroupsMultiAutocomplete/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
+import { LIST_GROUPS } from "./graphql";
+import { useQuery } from "@apollo/react-hooks";
+export const GroupsMultiAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_GROUPS);
+  const options = loading || !data ? [] : data.security.groups.data;
+  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, props, {
+    options: options,
+    valueProp: "id",
+    unique: true,
+    value: loading ? undefined : props.value
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/GroupsMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiAutoComplete","LIST_GROUPS","useQuery","GroupsMultiAutocomplete","props","data","loading","options","security","groups","createElement","Object","assign","valueProp","unique","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MultiAutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { LIST_GROUPS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype GroupsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;\n\nexport const GroupsMultiAutocomplete = (props: GroupsMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_GROUPS);\n\n    const options = loading || !data ? [] : data.security.groups.data;\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            unique={true}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,WAAW;AACpB,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,OAAO,MAAMC,uBAAuB,GAAIC,KAAmC,IAAK;EAC5E,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,WAAW,CAAC;EAE/C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,MAAM,CAACJ,IAAI;EAEjE,oBACIN,KAAA,CAAAW,aAAA,CAACV,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,MAAM,EAAE,IAAK;IACbC,KAAK,EAAET,OAAO,GAAGU,SAAS,GAAGZ,KAAK,CAACW;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/NotAuthorizedError/NotAuthorizedError.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare const NotAuthorizedError: React.FC;
+export declare const NotAuthorizedError: () => React.JSX.Element;

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,59 +1,23 @@
-"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.NotAuthorizedError = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactRouter = require("@webiny/react-router");
-var _emotion = require("emotion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-var _SecureRouteError = _interopRequireDefault(require("./SecureRouteError.svg"));
-var _Typography = require("@webiny/ui/Typography");
-var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e18nns4o0",
-  label: "ContentWrapper"
-})({
-  display: "block",
-  paddingTop: "15%",
-  textAlign: "center",
-  margin: "auto"
-});
-var styles = {
-  authErrorImgStyle: /*#__PURE__*/(0, _emotion.css)({
-    width: "192px",
-    paddingBottom: "24px"
-  }, "label:authErrorImgStyle;"),
-  bodyStyle: /*#__PURE__*/(0, _emotion.css)({
-    color: "var(--mdc-theme-text-primary-on-background)",
-    display: "block"
-  }, "label:bodyStyle;"),
-  linkStyle: /*#__PURE__*/(0, _emotion.css)({
-    textDecoration: "none",
-    "&:hover": {
-      textDecoration: "none"
-    }
-  }, "label:linkStyle;")
-};
-var NotAuthorizedError = function NotAuthorizedError() {
-  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(_reactHelmet.default, {
+import * as React from "react";
+import Helmet from "react-helmet";
+import authErrorImg from "./SecureRouteError.svg";
+import { Link, Text } from "@webiny/admin-ui";
+export const NotAuthorizedError = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-gap-xs"
+  }, /*#__PURE__*/React.createElement(Helmet, {
     title: "Not authorized"
   }), /*#__PURE__*/React.createElement("img", {
-    className: styles.authErrorImgStyle,
-    src: _SecureRouteError.default,
-    alt: "Not Authorized"
-  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "body1",
-    className: styles.bodyStyle
-  }, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "body1",
-    className: styles.bodyStyle
-  }, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(_reactRouter.Link, {
-    to: "/",
-    className: styles.linkStyle
-  }, "Take me back."));
+    width: 200,
+    height: 200,
+    src: authErrorImg,
+    alt: "Not Authorized",
+    className: "wby-mb-xl"
+  }), /*#__PURE__*/React.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
+    to: "/"
+  }, "Take me back.")));
 };
-exports.NotAuthorizedError = NotAuthorizedError;
+
+//# sourceMappingURL=NotAuthorizedError.js.map

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentWrapper","styled","display","paddingTop","textAlign","margin","styles","authErrorImgStyle","css","width","paddingBottom","bodyStyle","color","linkStyle","textDecoration","NotAuthorizedError","authErrorImg"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link } from \"@webiny/react-router\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport Helmet from \"react-helmet\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\"\n    }),\n    linkStyle: css({\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"none\"\n        }\n    })\n};\n\nexport const NotAuthorizedError: React.FC = () => {\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Not authorized\"} />\n\n            <img className={styles.authErrorImgStyle} src={authErrorImg} alt=\"Not Authorized\" />\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                You are not authorized to view this route.\n            </Typography>\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                Please contact your administrator to request access.\n            </Typography>\n\n            <Link to=\"/\" className={styles.linkStyle}>\n                Take me back.\n            </Link>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,OAAO,EAAE,OAAO;EAChBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,MAAM,GAAG;EACXC,iBAAiB,eAAE,IAAAC,YAAG,EAAC;IACnBC,KAAK,EAAE,OAAO;IACdC,aAAa,EAAE;EACnB,CAAC,6BAAC;EACFC,SAAS,eAAE,IAAAH,YAAG,EAAC;IACXI,KAAK,EAAE,6CAA6C;IACpDV,OAAO,EAAE;EACb,CAAC,qBAAC;EACFW,SAAS,eAAE,IAAAL,YAAG,EAAC;IACXM,cAAc,EAAE,MAAM;IACtB,SAAS,EAAE;MACPA,cAAc,EAAE;IACpB;EACJ,CAAC;AACL,CAAC;AAEM,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EAC9C,oBACI,oBAAC,cAAc,qBACX,oBAAC,oBAAM;IAAC,KAAK,EAAE;EAAiB,EAAG,eAEnC;IAAK,SAAS,EAAET,MAAM,CAACC,iBAAkB;IAAC,GAAG,EAAES,yBAAa;IAAC,GAAG,EAAC;EAAgB,EAAG,eAEpF,oBAAC,sBAAU;IAAC,GAAG,EAAE,OAAQ;IAAC,SAAS,EAAEV,MAAM,CAACK;EAAU,GAAC,4CAEvD,CAAa,eAEb,oBAAC,sBAAU;IAAC,GAAG,EAAE,OAAQ;IAAC,SAAS,EAAEL,MAAM,CAACK;EAAU,GAAC,sDAEvD,CAAa,eAEb,oBAAC,iBAAI;IAAC,EAAE,EAAC,GAAG;IAAC,SAAS,EAAEL,MAAM,CAACO;EAAU,GAAC,eAE1C,CAAO,CACM;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["React","Helmet","authErrorImg","Link","Text","NotAuthorizedError","createElement","className","title","width","height","src","alt","to"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Helmet from \"react-helmet\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport { Link, Text } from \"@webiny/admin-ui\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"wby-flex-1\"}>\n            <div\n                className={\n                    \"wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-gap-xs\"\n                }\n            >\n                <Helmet title={\"Not authorized\"} />\n\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"wby-mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,YAAY;AACnB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAE7C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBP,KAAA,CAAAM,aAAA;IACIC,SAAS,EACL;EACH,gBAEDP,KAAA,CAAAM,aAAA,CAACL,MAAM;IAACO,KAAK,EAAE;EAAiB,CAAE,CAAC,eAEnCR,KAAA,CAAAM,aAAA;IACIG,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,GAAG,EAAET,YAAa;IAClBU,GAAG,EAAC,gBAAgB;IACpBL,SAAS,EAAE;EAAY,CAC1B,CAAC,eACFP,KAAA,CAAAM,aAAA,CAACF,IAAI,QAAC,4CAAgD,CAAC,eACvDJ,KAAA,CAAAM,aAAA,CAACF,IAAI,QAAC,sDAA0D,CAAC,eACjEJ,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACU,EAAE,EAAC;EAAG,GAAC,eAAmB,CAC/B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/NotAuthorizedError/index.js

@@ -1,12 +1,3 @@
-"use strict";
+export { NotAuthorizedError } from "./NotAuthorizedError";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NotAuthorizedError", {
-  enumerable: true,
-  get: function get() {
-    return _NotAuthorizedError.NotAuthorizedError;
-  }
-});
-var _NotAuthorizedError = require("./NotAuthorizedError");
+//# sourceMappingURL=index.js.map

package/components/NotAuthorizedError/index.js.map

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

package/components/TeamAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_TEAMS: import("graphql").DocumentNode;

package/components/TeamAutocomplete/graphql.js

@@ -0,0 +1,18 @@
+import gql from "graphql-tag";
+export const LIST_TEAMS = gql`
+    query listTeams {
+        security {
+            teams: listTeams {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/TeamAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_TEAMS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/TeamAutocomplete/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { AutoCompleteProps } from "@webiny/ui/AutoComplete";
+type TeamAutocompleteProps = Partial<AutoCompleteProps>;
+export declare const TeamAutocomplete: (props: TeamAutocompleteProps) => React.JSX.Element;
+export {};

package/components/TeamAutocomplete/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { AutoComplete } from "@webiny/ui/AutoComplete";
+import { LIST_TEAMS } from "./graphql";
+import { useQuery } from "@apollo/react-hooks";
+export const TeamAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_TEAMS);
+  const options = loading || !data ? [] : data.security.teams.data;
+  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
+    options: options,
+    valueProp: "id",
+    value: loading ? undefined : props.value
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/TeamAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AutoComplete","LIST_TEAMS","useQuery","TeamAutocomplete","props","data","loading","options","security","teams","createElement","Object","assign","valueProp","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { LIST_TEAMS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamAutocompleteProps = Partial<AutoCompleteProps>;\nexport const TeamAutocomplete = (props: TeamAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n\n    const options = loading || !data ? [] : data.security.teams.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,YAAY,EAAAW,MAAA,CAAAC,MAAA,KACLR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,KAAK,EAAER,OAAO,GAAGS,SAAS,GAAGX,KAAK,CAACU;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/TeamsMultiAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_TEAMS: import("graphql").DocumentNode;

package/components/TeamsMultiAutocomplete/graphql.js

@@ -0,0 +1,23 @@
+import gql from "graphql-tag";
+export const LIST_TEAMS = gql`
+    query listTeams {
+        security {
+            teams: listTeams {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+                error {
+                    data
+                    message
+                    code
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/TeamsMultiAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_TEAMS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/TeamsMultiAutocomplete/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { MultiAutoCompleteProps } from "@webiny/ui/AutoComplete";
+type TeamsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;
+export declare const TeamsMultiAutocomplete: (props: TeamsMultiAutocompleteProps) => React.JSX.Element;
+export {};

package/components/TeamsMultiAutocomplete/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
+import { LIST_TEAMS } from "./graphql";
+import { useQuery } from "@apollo/react-hooks";
+export const TeamsMultiAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_TEAMS);
+  const options = loading || !data ? [] : data.security.teams.data;
+  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, props, {
+    options: options,
+    valueProp: "id",
+    unique: true,
+    value: loading ? undefined : props.value
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/TeamsMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiAutoComplete","LIST_TEAMS","useQuery","TeamsMultiAutocomplete","props","data","loading","options","security","teams","createElement","Object","assign","valueProp","unique","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MultiAutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { LIST_TEAMS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;\n\nexport const TeamsMultiAutocomplete = (props: TeamsMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n\n    const options = loading || !data ? [] : data.security.teams.data;\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            unique={true}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,MAAM,EAAE,IAAK;IACbC,KAAK,EAAET,OAAO,GAAGU,SAAS,GAAGZ,KAAK,CAACW;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,9 +1,2 @@
 import React from "react";
-/**
- * TODO @ts-refactor
- * Find out why is there empty default export
- */
-declare const _default: () => never[];
-export default _default;
-export declare const AccessManagementExtension: () => JSX.Element;
-export declare const AccessManagement: React.MemoExoticComponent<() => JSX.Element>;
+export declare const AccessManagement: React.MemoExoticComponent<() => React.JSX.Element>;

package/index.js

@@ -1,65 +1,83 @@
-"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.default = exports.AccessManagementExtension = exports.AccessManagement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _plugins = require("@webiny/plugins");
-var _appAdmin = require("@webiny/app-admin");
-var _appSecurity = require("@webiny/app-security");
-var _constants = require("./plugins/constants");
-var _Groups = require("./ui/views/Groups");
-var _ApiKeys = require("./ui/views/ApiKeys");
-var _plugins2 = _interopRequireDefault(require("./plugins"));
-/**
- * TODO @ts-refactor
- * Find out why is there empty default export
- */
-// @ts-ignore
-var _default = function _default() {
-  return [];
-};
-exports.default = _default;
-var AccessManagementExtension = function AccessManagementExtension() {
-  _plugins.plugins.register((0, _plugins2.default)());
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.Groups
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
+import React, { memo } from "react";
+import { plugins } from "@webiny/plugins";
+import { Layout, Wcp } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-security";
+import { Permission } from "./plugins/constants";
+import { Groups } from "./ui/views/Groups";
+import { Teams } from "./ui/views/Teams";
+import { ApiKeys } from "./ui/views/ApiKeys";
+import accessManagementPlugins from "./plugins";
+import { AdminConfig } from "@webiny/app-admin";
+const {
+  Menu,
+  Route
+} = AdminConfig;
+const AccessManagementExtension = () => {
+  plugins.register(accessManagementPlugins());
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Groups
+  }, /*#__PURE__*/React.createElement(Route, {
+    name: "security.groups",
     exact: true,
-    path: "/access-management/groups"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "Access Management - Groups"
-  }, /*#__PURE__*/_react.default.createElement(_Groups.Groups, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.ApiKeys
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
+    path: "/access-management/roles",
+    element: /*#__PURE__*/React.createElement(Layout, {
+      title: "Access Management - Roles"
+    }, /*#__PURE__*/React.createElement(Groups, null))
+  })), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Teams
+  }, /*#__PURE__*/React.createElement(Route, {
+    name: "security.teams",
     exact: true,
-    path: "/access-management/api-keys"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "Access Management - API Keys"
-  }, /*#__PURE__*/_react.default.createElement(_ApiKeys.ApiKeys, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    any: [_constants.Permission.Groups, _constants.Permission.ApiKeys]
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement",
-    label: "Access Management"
-  }, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.Groups
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement.groups",
-    label: "Groups",
-    path: "/access-management/groups"
-  })), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.ApiKeys
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement.apiKeys",
-    label: "API Keys",
-    path: "/access-management/api-keys"
-  }))))));
+    path: "/access-management/teams",
+    element: /*#__PURE__*/React.createElement(Layout, {
+      title: "Access Management - Teams"
+    }, /*#__PURE__*/React.createElement(Teams, null))
+  }))), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.ApiKeys
+  }, /*#__PURE__*/React.createElement(Route, {
+    name: "security.apiKeys",
+    exact: true,
+    path: "/access-management/api-keys",
+    element: /*#__PURE__*/React.createElement(Layout, {
+      title: "Access Management - API Keys"
+    }, /*#__PURE__*/React.createElement(ApiKeys, null))
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    any: [Permission.Groups, Permission.ApiKeys, Permission.Teams]
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.settings",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Group, {
+      text: "Access Management"
+    })
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Groups
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.roles",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Roles",
+      to: "/access-management/roles"
+    })
+  })), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Teams
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.teams",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Teams",
+      to: "/access-management/teams"
+    })
+  }))), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.ApiKeys
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.apiKeys",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "API Keys",
+      to: "/access-management/api-keys"
+    })
+  })));
 };
-exports.AccessManagementExtension = AccessManagementExtension;
-var AccessManagement = /*#__PURE__*/(0, _react.memo)(AccessManagementExtension);
-exports.AccessManagement = AccessManagement;
+export const AccessManagement = /*#__PURE__*/memo(AccessManagementExtension);
+
+//# sourceMappingURL=index.js.map