@webiny/app-security-access-management 0.0.0-unstable.de38392959 → 0.0.0-unstable.df7a8bb475
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Extension.d.ts +2 -0
- package/Extension.js +81 -0
- package/Extension.js.map +1 -0
- package/README.md +7 -113
- package/index.d.ts +1 -9
- package/index.js +1 -85
- package/index.js.map +1 -1
- package/package.json +19 -35
- package/plugins/constants.d.ts +1 -1
- package/plugins/constants.js +2 -9
- package/plugins/constants.js.map +1 -1
- package/plugins/permissionRenderer/SecurityPermissions.d.ts +5 -5
- package/plugins/permissionRenderer/SecurityPermissions.js +88 -138
- package/plugins/permissionRenderer/SecurityPermissions.js.map +1 -1
- package/plugins/permissionRenderer/index.d.ts +2 -3
- package/plugins/permissionRenderer/index.js +17 -24
- package/plugins/permissionRenderer/index.js.map +1 -1
- package/routes.d.ts +21 -0
- package/routes.js +41 -0
- package/routes.js.map +1 -0
- package/types.d.ts +10 -3
- package/types.js +1 -5
- package/types.js.map +1 -1
- package/ui/views/ApiKeys/ApiKeyForm.d.ts +6 -4
- package/ui/views/ApiKeys/ApiKeyForm.js +203 -199
- package/ui/views/ApiKeys/ApiKeyForm.js.map +1 -1
- package/ui/views/ApiKeys/ApiKeys.d.ts +2 -8
- package/ui/views/ApiKeys/ApiKeys.js +15 -18
- package/ui/views/ApiKeys/ApiKeys.js.map +1 -1
- package/ui/views/ApiKeys/ApiKeysDataList.d.ts +3 -3
- package/ui/views/ApiKeys/ApiKeysDataList.js +124 -140
- package/ui/views/ApiKeys/ApiKeysDataList.js.map +1 -1
- package/ui/views/ApiKeys/graphql.d.ts +8 -0
- package/ui/views/ApiKeys/graphql.js +81 -21
- package/ui/views/ApiKeys/graphql.js.map +1 -1
- package/ui/views/ApiKeys/index.d.ts +1 -1
- package/ui/views/ApiKeys/index.js +1 -16
- package/ui/views/ApiKeys/index.js.map +1 -1
- package/ui/views/ApiKeys/utils.d.ts +3 -2
- package/ui/views/ApiKeys/utils.js +6 -12
- package/ui/views/ApiKeys/utils.js.map +1 -1
- package/ui/views/Roles/Roles.d.ts +2 -0
- package/ui/views/Roles/Roles.js +18 -0
- package/ui/views/Roles/Roles.js.map +1 -0
- package/ui/views/Roles/RolesDataList.d.ts +5 -0
- package/ui/views/Roles/RolesDataList.js +155 -0
- package/ui/views/Roles/RolesDataList.js.map +1 -0
- package/ui/views/Roles/RolesForm.d.ts +6 -0
- package/ui/views/Roles/RolesForm.js +238 -0
- package/ui/views/Roles/RolesForm.js.map +1 -0
- package/ui/views/Roles/graphql.d.ts +13 -0
- package/ui/views/Roles/graphql.js +85 -0
- package/ui/views/Roles/graphql.js.map +1 -0
- package/ui/views/Roles/index.d.ts +1 -0
- package/ui/views/Roles/index.js +3 -0
- package/ui/views/Roles/index.js.map +1 -0
- package/ui/views/Teams/Teams.d.ts +2 -8
- package/ui/views/Teams/Teams.js +15 -18
- package/ui/views/Teams/Teams.js.map +1 -1
- package/ui/views/Teams/TeamsDataList.d.ts +3 -3
- package/ui/views/Teams/TeamsDataList.js +123 -143
- package/ui/views/Teams/TeamsDataList.js.map +1 -1
- package/ui/views/Teams/TeamsForm.d.ts +4 -3
- package/ui/views/Teams/TeamsForm.js +166 -148
- package/ui/views/Teams/TeamsForm.js.map +1 -1
- package/ui/views/Teams/graphql.d.ts +8 -0
- package/ui/views/Teams/graphql.js +87 -21
- package/ui/views/Teams/graphql.js.map +1 -1
- package/ui/views/Teams/index.d.ts +1 -1
- package/ui/views/Teams/index.js +1 -16
- package/ui/views/Teams/index.js.map +1 -1
- package/ui/views/utils.d.ts +1 -1
- package/ui/views/utils.js +3 -15
- package/ui/views/utils.js.map +1 -1
- package/components/GroupAutocomplete/graphql.d.ts +0 -1
- package/components/GroupAutocomplete/graphql.js +0 -14
- package/components/GroupAutocomplete/graphql.js.map +0 -1
- package/components/GroupAutocomplete/index.d.ts +0 -5
- package/components/GroupAutocomplete/index.js +0 -25
- package/components/GroupAutocomplete/index.js.map +0 -1
- package/components/GroupsMultiAutocomplete/graphql.d.ts +0 -1
- package/components/GroupsMultiAutocomplete/graphql.js +0 -14
- package/components/GroupsMultiAutocomplete/graphql.js.map +0 -1
- package/components/GroupsMultiAutocomplete/index.d.ts +0 -5
- package/components/GroupsMultiAutocomplete/index.js +0 -26
- package/components/GroupsMultiAutocomplete/index.js.map +0 -1
- package/components/NotAuthorizedError/NotAuthorizedError.d.ts +0 -2
- package/components/NotAuthorizedError/NotAuthorizedError.js +0 -61
- package/components/NotAuthorizedError/NotAuthorizedError.js.map +0 -1
- package/components/NotAuthorizedError/SecureRouteError.svg +0 -1
- package/components/NotAuthorizedError/index.d.ts +0 -1
- package/components/NotAuthorizedError/index.js +0 -14
- package/components/NotAuthorizedError/index.js.map +0 -1
- package/components/TeamAutocomplete/graphql.d.ts +0 -1
- package/components/TeamAutocomplete/graphql.js +0 -14
- package/components/TeamAutocomplete/graphql.js.map +0 -1
- package/components/TeamAutocomplete/index.d.ts +0 -5
- package/components/TeamAutocomplete/index.js +0 -25
- package/components/TeamAutocomplete/index.js.map +0 -1
- package/plugins/index.d.ts +0 -3
- package/plugins/index.js +0 -16
- package/plugins/index.js.map +0 -1
- package/plugins/installation.d.ts +0 -3
- package/plugins/installation.js +0 -82
- package/plugins/installation.js.map +0 -1
- package/plugins/routes.d.ts +0 -3
- package/plugins/routes.js +0 -48
- package/plugins/routes.js.map +0 -1
- package/plugins/secureRouteError.d.ts +0 -7
- package/plugins/secureRouteError.js +0 -20
- package/plugins/secureRouteError.js.map +0 -1
- package/ui/elements/GroupAutocompleteElement.d.ts +0 -6
- package/ui/elements/GroupAutocompleteElement.js +0 -51
- package/ui/elements/GroupAutocompleteElement.js.map +0 -1
- package/ui/elements/GroupsMultiAutocompleteElement.d.ts +0 -6
- package/ui/elements/GroupsMultiAutocompleteElement.js +0 -51
- package/ui/elements/GroupsMultiAutocompleteElement.js.map +0 -1
- package/ui/elements/TeamAutocompleteElement.d.ts +0 -6
- package/ui/elements/TeamAutocompleteElement.js +0 -51
- package/ui/elements/TeamAutocompleteElement.js.map +0 -1
- package/ui/views/Groups/Groups.d.ts +0 -8
- package/ui/views/Groups/Groups.js +0 -21
- package/ui/views/Groups/Groups.js.map +0 -1
- package/ui/views/Groups/GroupsDataList.d.ts +0 -5
- package/ui/views/Groups/GroupsDataList.js +0 -177
- package/ui/views/Groups/GroupsDataList.js.map +0 -1
- package/ui/views/Groups/GroupsForm.d.ts +0 -5
- package/ui/views/Groups/GroupsForm.js +0 -220
- package/ui/views/Groups/GroupsForm.js.map +0 -1
- package/ui/views/Groups/graphql.d.ts +0 -5
- package/ui/views/Groups/graphql.js +0 -23
- package/ui/views/Groups/graphql.js.map +0 -1
- package/ui/views/Groups/index.d.ts +0 -1
- package/ui/views/Groups/index.js +0 -18
- package/ui/views/Groups/index.js.map +0 -1
package/Extension.d.ts
ADDED
package/Extension.js
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React, { memo } from "react";
|
|
2
|
+
import { plugins } from "@webiny/plugins";
|
|
3
|
+
import { useRouter, AdminConfig, AdminLayout, Wcp } from "@webiny/app-admin";
|
|
4
|
+
import { HasPermission } from "@webiny/app-admin";
|
|
5
|
+
import { Permission } from "./plugins/constants.js";
|
|
6
|
+
import { Roles } from "./ui/views/Roles/index.js";
|
|
7
|
+
import { Teams } from "./ui/views/Teams/index.js";
|
|
8
|
+
import { ApiKeys } from "./ui/views/ApiKeys/index.js";
|
|
9
|
+
import { Routes } from "./routes.js";
|
|
10
|
+
import { permissionRendererPlugin } from "./plugins/permissionRenderer/index.js";
|
|
11
|
+
const {
|
|
12
|
+
Menu,
|
|
13
|
+
Route
|
|
14
|
+
} = AdminConfig;
|
|
15
|
+
const AccessManagementExtension = () => {
|
|
16
|
+
const router = useRouter();
|
|
17
|
+
plugins.register(permissionRendererPlugin);
|
|
18
|
+
return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
|
|
19
|
+
name: Permission.Roles
|
|
20
|
+
}, /*#__PURE__*/React.createElement(Route, {
|
|
21
|
+
route: Routes.Roles.List,
|
|
22
|
+
element: /*#__PURE__*/React.createElement(AdminLayout, {
|
|
23
|
+
title: "Access Management - Roles"
|
|
24
|
+
}, /*#__PURE__*/React.createElement(Roles, null))
|
|
25
|
+
})), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
|
|
26
|
+
name: Permission.Teams
|
|
27
|
+
}, /*#__PURE__*/React.createElement(Route, {
|
|
28
|
+
route: Routes.Teams.List,
|
|
29
|
+
element: /*#__PURE__*/React.createElement(AdminLayout, {
|
|
30
|
+
title: "Access Management - Teams"
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Teams, null))
|
|
32
|
+
}))), /*#__PURE__*/React.createElement(HasPermission, {
|
|
33
|
+
name: Permission.ApiKeys
|
|
34
|
+
}, /*#__PURE__*/React.createElement(Route, {
|
|
35
|
+
route: Routes.ApiKeys.List,
|
|
36
|
+
element: /*#__PURE__*/React.createElement(AdminLayout, {
|
|
37
|
+
title: "Access Management - API Keys"
|
|
38
|
+
}, /*#__PURE__*/React.createElement(ApiKeys, null))
|
|
39
|
+
})), /*#__PURE__*/React.createElement(HasPermission, {
|
|
40
|
+
any: [Permission.Roles, Permission.ApiKeys, Permission.Teams]
|
|
41
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
42
|
+
name: "security.settings",
|
|
43
|
+
parent: "settings",
|
|
44
|
+
element: /*#__PURE__*/React.createElement(Menu.Group, {
|
|
45
|
+
text: "Access Management"
|
|
46
|
+
})
|
|
47
|
+
})), /*#__PURE__*/React.createElement(HasPermission, {
|
|
48
|
+
name: Permission.Roles
|
|
49
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
50
|
+
name: "security.roles",
|
|
51
|
+
parent: "settings",
|
|
52
|
+
element: /*#__PURE__*/React.createElement(Menu.Link, {
|
|
53
|
+
text: "Roles",
|
|
54
|
+
to: router.getLink(Routes.Roles.List),
|
|
55
|
+
pinnable: true
|
|
56
|
+
})
|
|
57
|
+
})), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
|
|
58
|
+
name: Permission.Teams
|
|
59
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
60
|
+
name: "security.teams",
|
|
61
|
+
parent: "settings",
|
|
62
|
+
element: /*#__PURE__*/React.createElement(Menu.Link, {
|
|
63
|
+
text: "Teams",
|
|
64
|
+
to: router.getLink(Routes.Teams.List),
|
|
65
|
+
pinnable: true
|
|
66
|
+
})
|
|
67
|
+
}))), /*#__PURE__*/React.createElement(HasPermission, {
|
|
68
|
+
name: Permission.ApiKeys
|
|
69
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
70
|
+
name: "security.apiKeys",
|
|
71
|
+
parent: "settings",
|
|
72
|
+
element: /*#__PURE__*/React.createElement(Menu.Link, {
|
|
73
|
+
text: "API Keys",
|
|
74
|
+
to: router.getLink(Routes.ApiKeys.List),
|
|
75
|
+
pinnable: true
|
|
76
|
+
})
|
|
77
|
+
})));
|
|
78
|
+
};
|
|
79
|
+
export const AccessManagement = /*#__PURE__*/memo(AccessManagementExtension);
|
|
80
|
+
|
|
81
|
+
//# sourceMappingURL=Extension.js.map
|
package/Extension.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","plugins","useRouter","AdminConfig","AdminLayout","Wcp","HasPermission","Permission","Roles","Teams","ApiKeys","Routes","permissionRendererPlugin","Menu","Route","AccessManagementExtension","router","register","createElement","name","route","List","element","title","CanUseTeams","any","parent","Group","text","Link","to","getLink","pinnable","AccessManagement"],"sources":["Extension.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useRouter, AdminConfig, AdminLayout, Wcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { Permission } from \"~/plugins/constants.js\";\nimport { Roles } from \"~/ui/views/Roles/index.js\";\nimport { Teams } from \"~/ui/views/Teams/index.js\";\nimport { ApiKeys } from \"~/ui/views/ApiKeys/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { permissionRendererPlugin } from \"~/plugins/permissionRenderer/index.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nconst AccessManagementExtension = () => {\n const router = useRouter();\n\n plugins.register(permissionRendererPlugin);\n\n return (\n <AdminConfig>\n <HasPermission name={Permission.Roles}>\n <Route\n route={Routes.Roles.List}\n element={\n <AdminLayout title={\"Access Management - Roles\"}>\n <Roles />\n </AdminLayout>\n }\n />\n </HasPermission>\n <Wcp.CanUseTeams>\n <HasPermission name={Permission.Teams}>\n <Route\n route={Routes.Teams.List}\n element={\n <AdminLayout title={\"Access Management - Teams\"}>\n <Teams />\n </AdminLayout>\n }\n />\n </HasPermission>\n </Wcp.CanUseTeams>\n <HasPermission name={Permission.ApiKeys}>\n <Route\n route={Routes.ApiKeys.List}\n element={\n <AdminLayout title={\"Access Management - API Keys\"}>\n <ApiKeys />\n </AdminLayout>\n }\n />\n </HasPermission>\n\n <HasPermission any={[Permission.Roles, 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.Roles}>\n <Menu\n name={\"security.roles\"}\n parent={\"settings\"}\n element={\n <Menu.Link\n text={\"Roles\"}\n to={router.getLink(Routes.Roles.List)}\n pinnable={true}\n />\n }\n />\n </HasPermission>\n <Wcp.CanUseTeams>\n <HasPermission name={Permission.Teams}>\n <Menu\n name={\"security.teams\"}\n parent={\"settings\"}\n element={\n <Menu.Link\n text={\"Teams\"}\n to={router.getLink(Routes.Teams.List)}\n pinnable={true}\n />\n }\n />\n </HasPermission>\n </Wcp.CanUseTeams>\n\n <HasPermission name={Permission.ApiKeys}>\n <Menu\n name={\"security.apiKeys\"}\n parent={\"settings\"}\n element={\n <Menu.Link\n text={\"API Keys\"}\n to={router.getLink(Routes.ApiKeys.List)}\n pinnable={true}\n />\n }\n />\n </HasPermission>\n </AdminConfig>\n );\n};\n\nexport const AccessManagement = memo(AccessManagementExtension);\n"],"mappings":"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","ignoreList":[]}
|
package/README.md
CHANGED
|
@@ -1,117 +1,11 @@
|
|
|
1
|
-
# @webiny/app-security
|
|
2
|
-
[](https://www.npmjs.com/package/@webiny/app-security)
|
|
3
|
-
[](https://www.npmjs.com/package/@webiny/app-security)
|
|
4
|
-
[](https://github.com/prettier/prettier)
|
|
5
|
-
[](http://makeapullrequest.com)
|
|
1
|
+
# @webiny/app-security-access-management
|
|
6
2
|
|
|
7
|
-
|
|
3
|
+
> [!NOTE]
|
|
4
|
+
> This package is part of the [Webiny](https://www.webiny.com) monorepo.
|
|
5
|
+
> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
```
|
|
11
|
-
npm install --save @webiny/app-security
|
|
12
|
-
```
|
|
7
|
+
📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
|
|
13
8
|
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
yarn add @webiny/app-security
|
|
17
|
-
```
|
|
9
|
+
---
|
|
18
10
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
First, make sure you mount the `SecurityProvider` React provider component in your application's entrypoint component, for example the `App` component:
|
|
22
|
-
|
|
23
|
-
```tsx
|
|
24
|
-
import React from "react";
|
|
25
|
-
import { Routes } from "@webiny/app/components/Routes";
|
|
26
|
-
import { BrowserRouter } from "@webiny/react-router";
|
|
27
|
-
import { SecurityProvider } from "@webiny/app-security";
|
|
28
|
-
import Authenticator from "./components/Authenticator";
|
|
29
|
-
|
|
30
|
-
export const App = () => (
|
|
31
|
-
<>
|
|
32
|
-
{/*
|
|
33
|
-
<SecurityProvider> is a generic provider of identity information. 3rd party identity providers (like Cognito,
|
|
34
|
-
Okta, Auth0) will handle the authentication, and set the information about the user into this provider,
|
|
35
|
-
so other parts of the system have a centralized place to fetch user information from.
|
|
36
|
-
*/}
|
|
37
|
-
<SecurityProvider>
|
|
38
|
-
{/* This is the component that might trigger the initial authentication
|
|
39
|
-
process and set the retrieved user data into the Security provider.*/}
|
|
40
|
-
<Authenticator>
|
|
41
|
-
<BrowserRouter basename={process.env.PUBLIC_URL}>
|
|
42
|
-
<Routes />
|
|
43
|
-
</BrowserRouter>
|
|
44
|
-
</Authenticator>
|
|
45
|
-
</SecurityProvider>
|
|
46
|
-
</>
|
|
47
|
-
);
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
A simple `Authenticator` React component (uses Amazon Cognito and AWS Amplify's [`Auth`](https://github.com/aws-amplify/amplify-js/blob/main/packages/auth/src/Auth.ts#L100) class):
|
|
51
|
-
|
|
52
|
-
```tsx
|
|
53
|
-
import React, { useEffect } from "react";
|
|
54
|
-
import { Auth } from "@aws-amplify/auth";
|
|
55
|
-
import { useSecurity, SecurityIdentity } from "@webiny/app-security";
|
|
56
|
-
|
|
57
|
-
// Apart from the React component, we also configure the Auth class here.
|
|
58
|
-
Auth.configure({
|
|
59
|
-
region: process.env.REACT_APP_USER_POOL_REGION,
|
|
60
|
-
userPoolId: process.env.REACT_APP_USER_POOL_ID,
|
|
61
|
-
userPoolWebClientId: process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID,
|
|
62
|
-
oauth: {
|
|
63
|
-
domain: process.env.REACT_APP_USER_POOL_DOMAIN,
|
|
64
|
-
redirectSignIn: `${location.origin}?signIn`,
|
|
65
|
-
redirectSignOut: `${location.origin}?signOut`,
|
|
66
|
-
responseType: "token"
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
interface AuthenticatorProps {
|
|
70
|
-
children: React.ReactNode;
|
|
71
|
-
}
|
|
72
|
-
// The `Authenticator` component.
|
|
73
|
-
const Authenticator = (props: AuthenticatorProps) => {
|
|
74
|
-
const { setIdentity } = useSecurity();
|
|
75
|
-
|
|
76
|
-
useEffect(() => {
|
|
77
|
-
// Get the currently signed-in user.
|
|
78
|
-
Auth.currentSession().then(response => {
|
|
79
|
-
const user = response.getIdToken().payload;
|
|
80
|
-
setIdentity(
|
|
81
|
-
new SecurityIdentity({
|
|
82
|
-
login: user.email,
|
|
83
|
-
firstName: user.given_name,
|
|
84
|
-
lastName: user.family_name,
|
|
85
|
-
logout: () => {
|
|
86
|
-
Auth.signOut();
|
|
87
|
-
setIdentity(null);
|
|
88
|
-
}
|
|
89
|
-
})
|
|
90
|
-
);
|
|
91
|
-
}).catch(() => { /* Do nothing. */ });
|
|
92
|
-
}, []);
|
|
93
|
-
|
|
94
|
-
return <>{props.children}</>;
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
export default Authenticator;
|
|
98
|
-
```
|
|
99
|
-
|
|
100
|
-
Finally, use the `useSecurity` React hook in any of your components:
|
|
101
|
-
|
|
102
|
-
```tsx
|
|
103
|
-
import React from "react";
|
|
104
|
-
import { useSecurity } from "@webiny/app-security";
|
|
105
|
-
|
|
106
|
-
const MyComponent = () => {
|
|
107
|
-
const { identity } = useSecurity();
|
|
108
|
-
|
|
109
|
-
if (identity) {
|
|
110
|
-
return <>Logged in.</>;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
return <>Not logged in.</>;
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
export default MyComponent;
|
|
117
|
-
```
|
|
11
|
+
_This README file is automatically generated during the publish process._
|
package/index.d.ts
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* TODO @ts-refactor
|
|
4
|
-
* Find out why is there empty default export
|
|
5
|
-
*/
|
|
6
|
-
declare const _default: () => never[];
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const AccessManagementExtension: () => JSX.Element;
|
|
9
|
-
export declare const AccessManagement: React.MemoExoticComponent<() => JSX.Element>;
|
|
1
|
+
export { AccessManagement } from "./Extension.js";
|
package/index.js
CHANGED
|
@@ -1,87 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.AccessManagementExtension = exports.AccessManagement = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _plugins = require("@webiny/plugins");
|
|
11
|
-
var _appAdmin = require("@webiny/app-admin");
|
|
12
|
-
var _appSecurity = require("@webiny/app-security");
|
|
13
|
-
var _constants = require("./plugins/constants");
|
|
14
|
-
var _Groups = require("./ui/views/Groups");
|
|
15
|
-
var _Teams = require("./ui/views/Teams");
|
|
16
|
-
var _ApiKeys = require("./ui/views/ApiKeys");
|
|
17
|
-
var _plugins2 = _interopRequireDefault(require("./plugins"));
|
|
18
|
-
/**
|
|
19
|
-
* TODO @ts-refactor
|
|
20
|
-
* Find out why is there empty default export
|
|
21
|
-
*/
|
|
22
|
-
var _default = function _default() {
|
|
23
|
-
return [];
|
|
24
|
-
};
|
|
25
|
-
exports.default = _default;
|
|
26
|
-
var AccessManagementExtension = function AccessManagementExtension() {
|
|
27
|
-
_plugins.plugins.register((0, _plugins2.default)());
|
|
28
|
-
var _useWcp = (0, _appAdmin.useWcp)(),
|
|
29
|
-
getProject = _useWcp.getProject;
|
|
30
|
-
var project = getProject();
|
|
31
|
-
var teams = false;
|
|
32
|
-
if (project) {
|
|
33
|
-
teams = project.package.features.advancedAccessControlLayer.options.teams;
|
|
34
|
-
}
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
36
|
-
name: _constants.Permission.Groups
|
|
37
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
|
|
38
|
-
exact: true,
|
|
39
|
-
path: "/access-management/roles"
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
|
|
41
|
-
title: "Access Management - Roles"
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement(_Groups.Groups, null)))), " ", teams && /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
43
|
-
name: _constants.Permission.Teams
|
|
44
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
|
|
45
|
-
exact: true,
|
|
46
|
-
path: "/access-management/teams"
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
|
|
48
|
-
title: "Access Management - Teams"
|
|
49
|
-
}, /*#__PURE__*/_react.default.createElement(_Teams.Teams, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
50
|
-
name: _constants.Permission.ApiKeys
|
|
51
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
|
|
52
|
-
exact: true,
|
|
53
|
-
path: "/access-management/api-keys"
|
|
54
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
|
|
55
|
-
title: "Access Management - API Keys"
|
|
56
|
-
}, /*#__PURE__*/_react.default.createElement(_ApiKeys.ApiKeys, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
57
|
-
any: [_constants.Permission.Groups, _constants.Permission.ApiKeys, _constants.Permission.Teams]
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
59
|
-
name: "settings"
|
|
60
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
61
|
-
name: "settings.accessManagement",
|
|
62
|
-
label: "Access Management"
|
|
63
|
-
}, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
64
|
-
name: _constants.Permission.Groups
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
66
|
-
name: "settings.accessManagement.roles",
|
|
67
|
-
label: "Roles",
|
|
68
|
-
path: "/access-management/roles"
|
|
69
|
-
})), teams && /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
70
|
-
name: _constants.Permission.Teams
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
72
|
-
name: "settings.accessManagement.teams",
|
|
73
|
-
label: "Teams",
|
|
74
|
-
path: "/access-management/teams"
|
|
75
|
-
})), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
|
|
76
|
-
name: _constants.Permission.ApiKeys
|
|
77
|
-
}, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
78
|
-
name: "settings.accessManagement.apiKeys",
|
|
79
|
-
label: "API Keys",
|
|
80
|
-
path: "/access-management/api-keys"
|
|
81
|
-
}))))));
|
|
82
|
-
};
|
|
83
|
-
exports.AccessManagementExtension = AccessManagementExtension;
|
|
84
|
-
var AccessManagement = /*#__PURE__*/(0, _react.memo)(AccessManagementExtension);
|
|
85
|
-
exports.AccessManagement = AccessManagement;
|
|
1
|
+
export { AccessManagement } from "./Extension.js";
|
|
86
2
|
|
|
87
3
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["AccessManagement"],"sources":["index.tsx"],"sourcesContent":["export { AccessManagement } from \"./Extension.js\";\n"],"mappings":"AAAA,SAASA,gBAAgB","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-security-access-management",
|
|
3
|
-
"version": "0.0.0-unstable.
|
|
3
|
+
"version": "0.0.0-unstable.df7a8bb475",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"main": "index.js",
|
|
5
6
|
"repository": {
|
|
6
7
|
"type": "git",
|
|
@@ -14,47 +15,30 @@
|
|
|
14
15
|
"license": "MIT",
|
|
15
16
|
"dependencies": {
|
|
16
17
|
"@apollo/react-hooks": "3.1.5",
|
|
17
|
-
"@
|
|
18
|
-
"@
|
|
19
|
-
"@webiny/app": "0.0.0-unstable.
|
|
20
|
-
"@webiny/
|
|
21
|
-
"@webiny/
|
|
22
|
-
"@webiny/
|
|
23
|
-
"@webiny/
|
|
24
|
-
"@webiny/
|
|
25
|
-
"@webiny/react-router": "0.0.0-unstable.de38392959",
|
|
26
|
-
"@webiny/ui": "0.0.0-unstable.de38392959",
|
|
27
|
-
"@webiny/validation": "0.0.0-unstable.de38392959",
|
|
28
|
-
"emotion": "10.0.27",
|
|
18
|
+
"@webiny/admin-ui": "0.0.0-unstable.df7a8bb475",
|
|
19
|
+
"@webiny/app": "0.0.0-unstable.df7a8bb475",
|
|
20
|
+
"@webiny/app-admin": "0.0.0-unstable.df7a8bb475",
|
|
21
|
+
"@webiny/form": "0.0.0-unstable.df7a8bb475",
|
|
22
|
+
"@webiny/icons": "0.0.0-unstable.df7a8bb475",
|
|
23
|
+
"@webiny/plugins": "0.0.0-unstable.df7a8bb475",
|
|
24
|
+
"@webiny/ui": "0.0.0-unstable.df7a8bb475",
|
|
25
|
+
"@webiny/validation": "0.0.0-unstable.df7a8bb475",
|
|
29
26
|
"graphql-tag": "2.12.6",
|
|
30
|
-
"lodash": "4.17.
|
|
31
|
-
"react": "
|
|
32
|
-
"react-dom": "
|
|
33
|
-
"react-helmet": "6.1.0"
|
|
27
|
+
"lodash": "4.17.23",
|
|
28
|
+
"react": "18.2.0",
|
|
29
|
+
"react-dom": "18.2.0"
|
|
34
30
|
},
|
|
35
31
|
"devDependencies": {
|
|
36
|
-
"@babel
|
|
37
|
-
"@
|
|
38
|
-
"@
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"@babel/preset-typescript": "7.22.5",
|
|
42
|
-
"@types/react-helmet": "6.1.6",
|
|
43
|
-
"@webiny/cli": "0.0.0-unstable.de38392959",
|
|
44
|
-
"@webiny/project-utils": "0.0.0-unstable.de38392959",
|
|
45
|
-
"babel-plugin-emotion": "9.2.11",
|
|
46
|
-
"rimraf": "3.0.2",
|
|
47
|
-
"ttypescript": "1.5.15",
|
|
48
|
-
"typescript": "4.7.4"
|
|
32
|
+
"@emotion/babel-plugin": "11.13.5",
|
|
33
|
+
"@types/react-helmet": "6.1.11",
|
|
34
|
+
"@webiny/build-tools": "0.0.0-unstable.df7a8bb475",
|
|
35
|
+
"rimraf": "6.1.3",
|
|
36
|
+
"typescript": "5.9.3"
|
|
49
37
|
},
|
|
50
38
|
"publishConfig": {
|
|
51
39
|
"access": "public",
|
|
52
40
|
"directory": "dist"
|
|
53
41
|
},
|
|
54
|
-
"scripts": {
|
|
55
|
-
"build": "yarn webiny run build",
|
|
56
|
-
"watch": "yarn webiny run watch"
|
|
57
|
-
},
|
|
58
42
|
"adio": {
|
|
59
43
|
"ignore": {
|
|
60
44
|
"peerDependencies": [
|
|
@@ -62,5 +46,5 @@
|
|
|
62
46
|
]
|
|
63
47
|
}
|
|
64
48
|
},
|
|
65
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "df7a8bb4755a1da047f0af8c56bdb649cc81bf7d"
|
|
66
50
|
}
|
package/plugins/constants.d.ts
CHANGED
package/plugins/constants.js
CHANGED
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Permission = void 0;
|
|
7
|
-
var Permission = /*#__PURE__*/function (Permission) {
|
|
8
|
-
Permission["Groups"] = "security.group";
|
|
1
|
+
export let Permission = /*#__PURE__*/function (Permission) {
|
|
2
|
+
Permission["Roles"] = "security.role";
|
|
9
3
|
Permission["Teams"] = "security.team";
|
|
10
4
|
Permission["ApiKeys"] = "security.apiKey";
|
|
11
5
|
return Permission;
|
|
12
6
|
}({});
|
|
13
|
-
exports.Permission = Permission;
|
|
14
7
|
|
|
15
8
|
//# sourceMappingURL=constants.js.map
|
package/plugins/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Permission"
|
|
1
|
+
{"version":3,"names":["Permission"],"sources":["constants.ts"],"sourcesContent":["export enum Permission {\n Roles = \"security.role\",\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":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { Identity } from "@webiny/app-admin/domain/Identity.js";
|
|
3
3
|
interface SecurityPermissionsProps {
|
|
4
|
-
value:
|
|
5
|
-
onChange: (value:
|
|
4
|
+
value: Identity.Permission[];
|
|
5
|
+
onChange: (value: Identity.Permission[]) => void;
|
|
6
6
|
}
|
|
7
|
-
export declare const SecurityPermissions: ({ value, onChange }: SecurityPermissionsProps) => JSX.Element;
|
|
7
|
+
export declare const SecurityPermissions: ({ value, onChange }: SecurityPermissionsProps) => React.JSX.Element;
|
|
8
8
|
export {};
|