@webiny/app-security 5.20.0-beta.1 → 5.21.0

package/Security.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Security: () => JSX.Element;

package/Security.js

@@ -0,0 +1,19 @@
+// Importing from `app-admin-core` and NOT from `app-admin`, to avoid circular dependency.
+// This can be resolved in a different way, by changing the location of `AppInstaller` component (currently in `app-admin`).
+// But this is a faster solution, as I'm really short on time :)
+import { Provider } from "@webiny/app-admin-core";
+import React from "react";
+import { SecurityProvider as ContextProvider } from "./contexts/Security";
+
+var SecurityProviderHOC = function SecurityProviderHOC(Component) {
+  return function SecurityProvider(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/React.createElement(ContextProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+  };
+};
+
+export var Security = function Security() {
+  return /*#__PURE__*/React.createElement(Provider, {
+    hoc: SecurityProviderHOC
+  });
+};

package/components/HasPermission.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface HasPermissionProps {
+    any?: string[];
+    all?: string[];
+    name?: string;
+    children: React.ReactNode;
+}
+export declare const HasPermission: ({ children, ...props }: HasPermissionProps) => JSX.Element;
+export {};

package/components/HasPermission.js

@@ -0,0 +1,30 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React, { Fragment } from "react";
+import { useSecurity } from "../hooks/useSecurity";
+export var HasPermission = function HasPermission(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useSecurity = useSecurity(),
+      getPermission = _useSecurity.getPermission;
+
+  if (props.any && props.all) {
+    throw new Error("You can use either \"any\" or \"all\", but not both at the same time.");
+  }
+
+  if (props.name) {
+    return getPermission(props.name) ? /*#__PURE__*/React.createElement(Fragment, null, children) : null;
+  }
+
+  var permissions = [].concat(_toConsumableArray(props.any || []), _toConsumableArray(props.all || [])).map(function (name) {
+    return getPermission(name);
+  });
+  var hasPermission = props.any ? permissions.some(function (p) {
+    return Boolean(p);
+  }) : permissions.every(function (p) {
+    return Boolean(p);
+  });
+  return hasPermission ? /*#__PURE__*/React.createElement(Fragment, null, children) : null;
+};

package/components/SecureRoute.js

@@ -1,11 +1,19 @@
-import { useSecurity } from "..";
+import { useSecurity } from "../hooks/useSecurity";
 import { plugins } from "@webiny/plugins";
 export default (function (_ref) {
   var children = _ref.children,
       permission = _ref.permission;
+  var security = useSecurity();
 
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
+  if (!security) {
+    return null;
+  }
+
+  var identity = security.identity;
+
+  if (!identity) {
+    return null;
+  }
 
   var hasPermission = false;
 

package/components/SecureView.js

@@ -1,4 +1,4 @@
-import { useSecurity } from "..";
+import { useSecurity } from "../hooks/useSecurity";
 
 function SecureView(_ref) {
   var children = _ref.children,

package/components/index.d.ts

@@ -1,2 +1,3 @@
 export { default as SecureView } from "./SecureView";
 export { default as SecureRoute } from "./SecureRoute";
+export { HasPermission } from "./HasPermission";

package/components/index.js

@@ -1,2 +1,3 @@
 export { default as SecureView } from "./SecureView";
-export { default as SecureRoute } from "./SecureRoute";
+export { default as SecureRoute } from "./SecureRoute";
+export { HasPermission } from "./HasPermission";

package/hooks/usePermission.d.ts

@@ -0,0 +1,2 @@
+import { SecurityPermission } from "../types";
+export declare function usePermission<T extends SecurityPermission = SecurityPermission>(name: string): T;

package/hooks/usePermission.js

@@ -0,0 +1,7 @@
+import { useSecurity } from "./useSecurity";
+export function usePermission(name) {
+  var _useSecurity = useSecurity(),
+      getPermission = _useSecurity.getPermission;
+
+  return getPermission(name);
+}

package/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./components";
 export * from "./contexts/Security";
 export * from "./hooks/useSecurity";
+export * from "./hooks/usePermission";
+export * from "./Security";

package/index.js

@@ -1,3 +1,5 @@
 export * from "./components";
 export * from "./contexts/Security";
-export * from "./hooks/useSecurity";
+export * from "./hooks/useSecurity";
+export * from "./hooks/usePermission";
+export * from "./Security";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-security",
-	"version": "5.20.0-beta.1",
+	"version": "5.21.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -13,8 +13,9 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@webiny/app": "5.20.0-beta.1",
-		"@webiny/plugins": "5.20.0-beta.1",
+		"@webiny/app": "5.21.0",
+		"@webiny/app-admin-core": "5.21.0",
+		"@webiny/plugins": "5.21.0",
 		"minimatch": "3.0.4",
 		"react": "16.14.0",
 		"react-dom": "16.14.0"
@@ -26,8 +27,8 @@
 		"@babel/preset-env": "^7.5.5",
 		"@babel/preset-react": "^7.0.0",
 		"@babel/preset-typescript": "^7.8.3",
-		"@webiny/cli": "^5.20.0-beta.1",
-		"@webiny/project-utils": "^5.20.0-beta.1",
+		"@webiny/cli": "^5.21.0",
+		"@webiny/project-utils": "^5.21.0",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
@@ -55,5 +56,5 @@
 			]
 		}
 	},
-	"gitHead": "40e30fb4c778d0bcc773b3b8231ce8e0861b6d52"
+	"gitHead": "c3d4955bf74e7ffdb9628867e3b23cdfe64ea8dc"
 }