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

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.d.ts

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

package/components/GroupAutocomplete/graphql.js

@@ -1,6 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
 import gql from "graphql-tag";
-export var LIST_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n"])));
+export const LIST_GROUPS = gql`
+    query listGroups {
+        security {
+            groups: listGroups {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/GroupAutocomplete/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            }\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,2 +1,5 @@
-/// <reference types="react" />
-export declare const GroupAutocomplete: (props: any) => JSX.Element;
+import React from "react";
+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

@@ -2,15 +2,17 @@ import React from "react";
 import { AutoComplete } from "@webiny/ui/AutoComplete";
 import { LIST_GROUPS } from "./graphql";
 import { useQuery } from "@apollo/react-hooks";
-export var GroupAutocomplete = function GroupAutocomplete(props) {
-  var _useQuery = useQuery(LIST_GROUPS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
-
-  var options = loading && !data ? [] : data.security.groups.data;
+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 ? null : props.value
+    value: loading ? undefined : props.value
   }));
-};
+};
+
+//# sourceMappingURL=index.js.map

package/components/GroupAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"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 @@
-/// <reference types="react" />
-export declare const NotAuthorizedError: () => JSX.Element;
+import * as React from "react";
+export declare const NotAuthorizedError: () => React.JSX.Element;

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,50 +1,23 @@
 import * as React from "react";
-import { Link } from "@webiny/react-router";
-import { css } from "emotion";
-import styled from "@emotion/styled";
 import Helmet from "react-helmet";
 import authErrorImg from "./SecureRouteError.svg";
-import { Typography } from "@webiny/ui/Typography";
-var ContentWrapper = /*#__PURE__*/styled("div", {
-  target: "e18nns4o0",
-  label: "ContentWrapper"
-})({
-  display: "block",
-  paddingTop: "15%",
-  textAlign: "center",
-  margin: "auto"
-});
-var styles = {
-  authErrorImgStyle: /*#__PURE__*/css({
-    width: "192px",
-    paddingBottom: "24px"
-  }, "label:authErrorImgStyle;"),
-  bodyStyle: /*#__PURE__*/css({
-    color: "var(--mdc-theme-text-primary-on-background)",
-    display: "block"
-  }, "label:bodyStyle;"),
-  linkStyle: /*#__PURE__*/css({
-    textDecoration: "none",
-    "&:hover": {
-      textDecoration: "none"
-    }
-  }, "label:linkStyle;")
-};
-export var NotAuthorizedError = function NotAuthorizedError() {
-  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Helmet, {
+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,
+    width: 200,
+    height: 200,
     src: authErrorImg,
-    alt: "Not Authorized"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    use: "body1",
-    className: styles.bodyStyle
-  }, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Typography, {
-    use: "body1",
-    className: styles.bodyStyle
-  }, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
-    to: "/",
-    className: styles.linkStyle
-  }, "Take me back."));
-};
+    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.")));
+};
+
+//# sourceMappingURL=NotAuthorizedError.js.map

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -0,0 +1 @@
+{"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 +1,3 @@
-export { NotAuthorizedError } from "./NotAuthorizedError";
+export { NotAuthorizedError } from "./NotAuthorizedError";
+
+//# sourceMappingURL=index.js.map

package/components/NotAuthorizedError/index.js.map

@@ -0,0 +1 @@
+{"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,2 +1,2 @@
-declare const _default: () => import("@webiny/plugins/types").PluginCollection;
-export default _default;
+import React from "react";
+export declare const AccessManagement: React.MemoExoticComponent<() => React.JSX.Element>;

package/index.js

@@ -1,4 +1,83 @@
-import plugins from "./plugins";
-export default (function () {
-  return plugins();
-});
+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/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/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"
+    })
+  })));
+};
+export const AccessManagement = /*#__PURE__*/memo(AccessManagementExtension);
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","plugins","Layout","Wcp","HasPermission","Permission","Groups","Teams","ApiKeys","accessManagementPlugins","AdminConfig","Menu","Route","AccessManagementExtension","register","createElement","name","exact","path","element","title","CanUseTeams","any","parent","Group","text","Link","to","AccessManagement"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Layout, Wcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { Permission } from \"~/plugins/constants\";\nimport { Groups } from \"~/ui/views/Groups\";\nimport { Teams } from \"~/ui/views/Teams\";\nimport { ApiKeys } from \"~/ui/views/ApiKeys\";\nimport accessManagementPlugins from \"./plugins\";\nimport { AdminConfig } from \"@webiny/app-admin\";\n\nconst { Menu, Route } = AdminConfig;\n\nconst AccessManagementExtension = () => {\n    plugins.register(accessManagementPlugins());\n\n    return (\n        <AdminConfig>\n            <HasPermission name={Permission.Groups}>\n                <Route\n                    name={\"security.groups\"}\n                    exact\n                    path={\"/access-management/roles\"}\n                    element={\n                        <Layout title={\"Access Management - Roles\"}>\n                            <Groups />\n                        </Layout>\n                    }\n                />\n            </HasPermission>\n            <Wcp.CanUseTeams>\n                <HasPermission name={Permission.Teams}>\n                    <Route\n                        name={\"security.teams\"}\n                        exact\n                        path={\"/access-management/teams\"}\n                        element={\n                            <Layout title={\"Access Management - Teams\"}>\n                                <Teams />\n                            </Layout>\n                        }\n                    />\n                </HasPermission>\n            </Wcp.CanUseTeams>\n            <HasPermission name={Permission.ApiKeys}>\n                <Route\n                    name={\"security.apiKeys\"}\n                    exact\n                    path={\"/access-management/api-keys\"}\n                    element={\n                        <Layout title={\"Access Management - API Keys\"}>\n                            <ApiKeys />\n                        </Layout>\n                    }\n                />\n            </HasPermission>\n\n            <HasPermission any={[Permission.Groups, Permission.ApiKeys, Permission.Teams]}>\n                <Menu\n                    name={\"security.settings\"}\n                    parent={\"settings\"}\n                    element={<Menu.Group text={\"Access Management\"} />}\n                />\n            </HasPermission>\n            <HasPermission name={Permission.Groups}>\n                <Menu\n                    name={\"security.roles\"}\n                    parent={\"settings\"}\n                    element={<Menu.Link text={\"Roles\"} to={\"/access-management/roles\"} />}\n                />\n            </HasPermission>\n            <Wcp.CanUseTeams>\n                <HasPermission name={Permission.Teams}>\n                    <Menu\n                        name={\"security.teams\"}\n                        parent={\"settings\"}\n                        element={<Menu.Link text={\"Teams\"} to={\"/access-management/teams\"} />}\n                    />\n                </HasPermission>\n            </Wcp.CanUseTeams>\n\n            <HasPermission name={Permission.ApiKeys}>\n                <Menu\n                    name={\"security.apiKeys\"}\n                    parent={\"settings\"}\n                    element={<Menu.Link text={\"API Keys\"} to={\"/access-management/api-keys\"} />}\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n\nexport const AccessManagement = memo(AccessManagementExtension);\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-security-access-management",
-	"version": "0.0.0-mt-3",
+	"version": "0.0.0-unstable.06b2ede40f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,50 +14,37 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "10.0.27",
-		"@webiny/app": "0.0.0-mt-3",
-		"@webiny/app-admin": "0.0.0-mt-3",
-		"@webiny/app-security": "0.0.0-mt-3",
-		"@webiny/form": "0.0.0-mt-3",
-		"@webiny/plugins": "0.0.0-mt-3",
-		"@webiny/react-router": "0.0.0-mt-3",
-		"@webiny/ui": "0.0.0-mt-3",
-		"@webiny/validation": "0.0.0-mt-3",
-		"emotion": "10.0.27",
-		"graphql-tag": "2.12.5",
+		"@emotion/styled": "11.10.6",
+		"@webiny/admin-ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-admin": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-security": "0.0.0-unstable.06b2ede40f",
+		"@webiny/form": "0.0.0-unstable.06b2ede40f",
+		"@webiny/icons": "0.0.0-unstable.06b2ede40f",
+		"@webiny/plugins": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-router": "0.0.0-unstable.06b2ede40f",
+		"@webiny/ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/validation": "0.0.0-unstable.06b2ede40f",
+		"graphql-tag": "2.12.6",
 		"lodash": "4.17.21",
-		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"react-helmet": "5.2.1"
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"react-helmet": "6.1.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.8.3",
-		"@webiny/cli": "^0.0.0-mt-3",
-		"@webiny/project-utils": "^0.0.0-mt-3",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"@emotion/babel-plugin": "11.11.0",
+		"@types/react-helmet": "6.1.11",
+		"@webiny/project-utils": "0.0.0-unstable.06b2ede40f",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
 	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
 	},
 	"adio": {
 		"ignore": {
@@ -66,5 +53,5 @@
 			]
 		}
 	},
-	"gitHead": "ebea815be2be99404591cba465cc1fe88355bd48"
+	"gitHead": "06b2ede40fc2212a70eeafd74afd50b56fb0ce82"
 }

package/plugins/constants.d.ts

@@ -1,4 +1,5 @@
 export declare enum Permission {
     Groups = "security.group",
+    Teams = "security.team",
     ApiKeys = "security.apiKey"
 }

package/plugins/constants.js

@@ -1,6 +1,8 @@
-export var Permission;
-
-(function (Permission) {
+export let Permission = /*#__PURE__*/function (Permission) {
   Permission["Groups"] = "security.group";
+  Permission["Teams"] = "security.team";
   Permission["ApiKeys"] = "security.apiKey";
-})(Permission || (Permission = {}));
+  return Permission;
+}({});
+
+//# sourceMappingURL=constants.js.map

package/plugins/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Permission"],"sources":["constants.ts"],"sourcesContent":["export enum Permission {\n    Groups = \"security.group\",\n    Teams = \"security.team\",\n    ApiKeys = \"security.apiKey\"\n}\n"],"mappings":"AAAA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}

package/plugins/index.d.ts

@@ -1,3 +1,3 @@
-import { PluginCollection } from "@webiny/plugins/types";
+import type { PluginCollection } from "@webiny/plugins/types";
 declare const _default: () => PluginCollection;
 export default _default;