@webiny/app-security-access-management 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/README.md

@@ -51,7 +51,7 @@ A simple `Authenticator` React component (uses Amazon Cognito and AWS Amplify's
 
 ```tsx
 import React, { useEffect } from "react";
-import Auth from "@aws-amplify/auth";
+import { Auth } from "@aws-amplify/auth";
 import { useSecurity, SecurityIdentity } from "@webiny/app-security";
 
 // Apart from the React component, we also configure the Auth class here.
@@ -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,17 +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;;;;AAEO,IAAMA,WAAW,OAAGC,mBAAH,4XAAjB"}
+{"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,31 +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,iBAAsD,CAAAC,KAAK,EAAI;EACxE,gBAA0B,IAAAC,oBAAA,EAASC,oBAAT,CAA1B;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;;EAEA,IAAMC,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,QAAL,CAAcC,MAAd,CAAqBJ,IAA7D;EAEA,oBACI,6BAAC,0BAAD,oBACQH,KADR;IAEI,OAAO,EAAEK,OAFb;IAGI,SAAS,EAAE,IAHf;IAII,KAAK,EAAED,OAAO,GAAGI,SAAH,GAAeR,KAAK,CAACS;EAJvC,GADJ;AAQH,CAbM"}
+{"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,71 +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,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,OAAO,EAAE,OADwB;EAEjCC,UAAU,EAAE,KAFqB;EAGjCC,SAAS,EAAE,QAHsB;EAIjCC,MAAM,EAAE;AAJyB,CAAjB,CAApB;AAOA,IAAMC,MAAM,GAAG;EACXC,iBAAiB,eAAE,IAAAC,YAAA,EAAI;IACnBC,KAAK,EAAE,OADY;IAEnBC,aAAa,EAAE;EAFI,CAAJ,6BADR;EAKXC,SAAS,eAAE,IAAAH,YAAA,EAAI;IACXI,KAAK,EAAE,6CADI;IAEXV,OAAO,EAAE;EAFE,CAAJ,qBALA;EASXW,SAAS,eAAE,IAAAL,YAAA,EAAI;IACXM,cAAc,EAAE,MADL;IAEX,WAAW;MACPA,cAAc,EAAE;IADT;EAFA,CAAJ;AATA,CAAf;;AAiBO,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;EAC9C,oBACI,oBAAC,cAAD,qBACI,oBAAC,oBAAD;IAAQ,KAAK,EAAE;EAAf,EADJ,eAGI;IAAK,SAAS,EAAET,MAAM,CAACC,iBAAvB;IAA0C,GAAG,EAAES,yBAA/C;IAA6D,GAAG,EAAC;EAAjE,EAHJ,eAKI,oBAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAEV,MAAM,CAACK;EAA5C,gDALJ,eASI,oBAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAEL,MAAM,CAACK;EAA5C,0DATJ,eAaI,oBAAC,iBAAD;IAAM,EAAE,EAAC,GAAT;IAAa,SAAS,EAAEL,MAAM,CAACO;EAA/B,mBAbJ,CADJ;AAmBH,CApBM"}
+{"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,13 +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>;