@frontegg/react 4.0.2-alpha.1550169057 → 4.0.3-alpha.1569504523
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/index.js +29 -16
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/routerProxy.d.ts +19 -0
package/index.js
CHANGED
|
@@ -9,23 +9,35 @@ var React = require('react');
|
|
|
9
9
|
var React__default = _interopDefault(React);
|
|
10
10
|
var adminPortal = require('@frontegg/admin-portal');
|
|
11
11
|
var reactHooks = require('@frontegg/react-hooks');
|
|
12
|
-
var
|
|
13
|
-
var reactRouter = require('react-router');
|
|
12
|
+
var ReactRouterDom = _interopDefault(require('react-router-dom'));
|
|
14
13
|
var restApi = require('@frontegg/rest-api');
|
|
15
14
|
var types = require('@frontegg/types');
|
|
16
15
|
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
var BrowserRouter = ReactRouterDom.BrowserRouter;
|
|
17
|
+
var useHistory = function () {
|
|
18
|
+
var _a, _b;
|
|
19
|
+
// @ts-ignore
|
|
20
|
+
var navigate = (_a = ReactRouterDom.useNavigate) === null || _a === void 0 ? void 0 : _a.call(ReactRouterDom);
|
|
21
|
+
var history = (_b = ReactRouterDom.useHistory) === null || _b === void 0 ? void 0 : _b.call(ReactRouterDom);
|
|
22
|
+
if (navigate) {
|
|
23
|
+
var push = function (path, state) {
|
|
24
|
+
if (state) {
|
|
25
|
+
navigate(path, { state: state });
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
navigate(path);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
var replace = function (path, state) {
|
|
32
|
+
navigate(path, { state: state, replace: true });
|
|
33
|
+
};
|
|
34
|
+
return { push: push, replace: replace };
|
|
24
35
|
}
|
|
25
|
-
return
|
|
26
|
-
};
|
|
36
|
+
return history;
|
|
37
|
+
};
|
|
38
|
+
|
|
27
39
|
var ConnectorHistory = function (props) {
|
|
28
|
-
var history =
|
|
40
|
+
var history = useHistory();
|
|
29
41
|
return React__default.createElement(Connector, tslib.__assign({ history: history }, props));
|
|
30
42
|
};
|
|
31
43
|
var Connector = function (_a) {
|
|
@@ -33,10 +45,11 @@ var Connector = function (_a) {
|
|
|
33
45
|
var history = _a.history, appName = _a.appName, props = tslib.__rest(_a, ["history", "appName"]);
|
|
34
46
|
var isSSR = typeof window === 'undefined';
|
|
35
47
|
// v6 or v5
|
|
36
|
-
var baseName = (_b = props.basename) !== null && _b !== void 0 ? _b :
|
|
48
|
+
var baseName = (_b = props.basename) !== null && _b !== void 0 ? _b : '';
|
|
37
49
|
var onRedirectTo = React.useCallback(function (_path, opts) {
|
|
38
50
|
var path = _path;
|
|
39
|
-
|
|
51
|
+
// noinspection SuspiciousTypeOfGuard
|
|
52
|
+
if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {
|
|
40
53
|
path = path.substring(baseName.length);
|
|
41
54
|
}
|
|
42
55
|
if (opts === null || opts === void 0 ? void 0 : opts.preserveQueryParams) {
|
|
@@ -65,11 +78,11 @@ var Connector = function (_a) {
|
|
|
65
78
|
return React__default.createElement(reactHooks.FronteggStoreProvider, tslib.__assign({}, tslib.__assign(tslib.__assign({}, props), { app: app })));
|
|
66
79
|
};
|
|
67
80
|
var FronteggProvider = function (props) {
|
|
68
|
-
var history =
|
|
81
|
+
var history = useHistory();
|
|
69
82
|
if (props.history || history) {
|
|
70
83
|
return (React__default.createElement(Connector, tslib.__assign({ history: props.history || history }, props), props.children));
|
|
71
84
|
}
|
|
72
|
-
return (React__default.createElement(
|
|
85
|
+
return (React__default.createElement(BrowserRouter, { basename: props.basename },
|
|
73
86
|
React__default.createElement(ConnectorHistory, tslib.__assign({}, props), props.children)));
|
|
74
87
|
};
|
|
75
88
|
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/FronteggProvider.tsx","../src/AuthorizedContent.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo } from 'react';\nimport { initialize } from '@frontegg/admin-portal';\nimport { FronteggAppOptions } from '@frontegg/types';\nimport { FronteggStoreProvider } from '@frontegg/react-hooks';\nimport { BrowserRouter
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/routerProxy.tsx","../src/FronteggProvider.tsx","../src/AuthorizedContent.tsx"],"sourcesContent":["import ReactRouterDom from 'react-router-dom';\n\nexport type Path = string;\n\ntype Location = {\n pathname: string;\n search: string;\n state: any;\n hash: string;\n key?: string;\n};\n\ntype LocationDescriptor = string | Location;\n\ntype UseHistory = {\n push(path: Path, state?: any): void;\n push(location: LocationDescriptor): void;\n replace(path: Path, state?: any): void;\n replace(location: LocationDescriptor): void;\n};\n\nexport const BrowserRouter = ReactRouterDom.BrowserRouter;\n\nexport const useHistory = (): UseHistory => {\n // @ts-ignore\n const navigate = ReactRouterDom.useNavigate?.();\n const history = ReactRouterDom.useHistory?.();\n\n if (navigate) {\n const push = (path: Path, state?: any): void => {\n if (state) {\n navigate(path, { state });\n } else {\n navigate(path);\n }\n };\n\n const replace = (path: Path, state?: any): void => {\n navigate(path, { state, replace: true });\n };\n\n return { push, replace };\n }\n return history;\n};\n","import React, { FC, useCallback, useEffect, useMemo } from 'react';\nimport { initialize } from '@frontegg/admin-portal';\nimport { FronteggAppOptions } from '@frontegg/types';\nimport { FronteggStoreProvider } from '@frontegg/react-hooks';\nimport { BrowserRouter, useHistory } from './routerProxy';\nimport { ContextHolder, RedirectOptions } from '@frontegg/rest-api';\n\nexport type FronteggProviderProps = FronteggAppOptions & {\n appName?: string;\n history?: {\n push: (path: string) => void;\n replace: (path: string) => void;\n };\n};\ntype ConnectorProps = Omit<FronteggProviderProps, 'history'> & {\n history: {\n push: (path: string) => void;\n replace: (path: string) => void;\n };\n};\n\nexport const ConnectorHistory: FC<Omit<ConnectorProps, 'history'>> = (props) => {\n const history = useHistory();\n return <Connector history={history} {...props} />;\n};\n\nexport const Connector: FC<ConnectorProps> = ({ history, appName, ...props }) => {\n const isSSR = typeof window === 'undefined';\n\n // v6 or v5\n const baseName = props.basename ?? '';\n\n const onRedirectTo = useCallback((_path: string, opts?: RedirectOptions) => {\n let path = _path;\n // noinspection SuspiciousTypeOfGuard\n if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {\n path = path.substring(baseName.length);\n }\n if (opts?.preserveQueryParams) {\n path = `${path}${window.location.search}`;\n }\n if (opts?.refresh && !isSSR) {\n // @ts-ignore\n window.Cypress ? history.push(path) : (window.location.href = path);\n } else {\n opts?.replace ? history.replace(path) : history.push(path);\n }\n }, []);\n\n const app = useMemo(() => {\n return initialize(\n {\n ...props,\n basename: props.basename ?? baseName,\n contextOptions: {\n requestCredentials: 'include',\n ...props.contextOptions,\n },\n onRedirectTo,\n },\n appName ?? 'default'\n );\n }, []);\n ContextHolder.setOnRedirectTo(onRedirectTo);\n\n useEffect(\n () => () => {\n try {\n (app.store as any)?.destroy?.();\n } catch (e) {}\n },\n []\n );\n return <FronteggStoreProvider {...({ ...props, app } as any)} />;\n};\n\nexport const FronteggProvider: FC<FronteggProviderProps> = (props) => {\n const history = useHistory();\n\n if (props.history || history) {\n return (\n <Connector history={props.history || history} {...props}>\n {props.children}\n </Connector>\n );\n }\n\n return (\n <BrowserRouter basename={props.basename}>\n <ConnectorHistory {...props}>{props.children}</ConnectorHistory>\n </BrowserRouter>\n );\n};\n","import React, { FC } from 'react';\nimport { useAuthUserOrNull } from '@frontegg/react-hooks';\nimport { User } from '@frontegg/redux-store';\n\nexport interface AuthorizationProps {\n requiredRoles?: string[];\n requiredPermissions?: string[];\n render?: (isAuthorized: boolean) => React.ReactNode | null;\n}\n\nexport const AuthorizedContent: FC<AuthorizationProps> = (props) => {\n let isAuthorized = true; // Initially\n const user = useAuthUserOrNull();\n\n if (!user?.superUser) {\n if (props.requiredPermissions) {\n if (!user?.permissions || user?.permissions.length === 0) {\n isAuthorized = false;\n }\n\n for (const permission of props.requiredPermissions) {\n if (!user?.permissions?.find(({ key }) => key === permission)) {\n isAuthorized = false;\n }\n }\n }\n\n if (props.requiredRoles) {\n if (!user?.roles || user?.roles.length === 0) {\n isAuthorized = false;\n }\n\n for (const role of props.requiredRoles) {\n if (!user?.roles?.find(({ key }) => key === role)) {\n isAuthorized = false;\n }\n }\n }\n }\n if (typeof props.render === 'function') {\n return <>{props.render(isAuthorized)}</>;\n }\n\n return isAuthorized ? <>{props.children}</> : null;\n};\n"],"names":["React","useCallback","useMemo","initialize","ContextHolder","useEffect","FronteggStoreProvider","__assign","useAuthUserOrNull"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@frontegg/react",
|
|
3
3
|
"libName": "FronteggReact",
|
|
4
|
-
"version": "4.0.
|
|
4
|
+
"version": "4.0.3-alpha.1569504523",
|
|
5
5
|
"author": "Frontegg LTD",
|
|
6
6
|
"main": "index.js",
|
|
7
7
|
"types": "index.d.ts",
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
"test": "jest --runInBand --passWithNoTests -c ../../scripts/jest.config.json --rootDir ."
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@frontegg/admin-portal": "5.9.
|
|
15
|
-
"@frontegg/react-hooks": "5.9.
|
|
16
|
-
"react-router-dom": "^5.0.0"
|
|
14
|
+
"@frontegg/admin-portal": "5.9.1",
|
|
15
|
+
"@frontegg/react-hooks": "5.9.1"
|
|
17
16
|
},
|
|
18
17
|
"peerDependencies": {
|
|
19
18
|
"react": ">16.9.0",
|
|
20
|
-
"react-dom": ">16.9.0"
|
|
19
|
+
"react-dom": ">16.9.0",
|
|
20
|
+
"react-router-dom": ">5.0.0"
|
|
21
21
|
},
|
|
22
22
|
"gitHead": "00c0bd425a211916eec1170b8359cf302727b338"
|
|
23
23
|
}
|
package/routerProxy.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import ReactRouterDom from 'react-router-dom';
|
|
2
|
+
export declare type Path = string;
|
|
3
|
+
declare type Location = {
|
|
4
|
+
pathname: string;
|
|
5
|
+
search: string;
|
|
6
|
+
state: any;
|
|
7
|
+
hash: string;
|
|
8
|
+
key?: string;
|
|
9
|
+
};
|
|
10
|
+
declare type LocationDescriptor = string | Location;
|
|
11
|
+
declare type UseHistory = {
|
|
12
|
+
push(path: Path, state?: any): void;
|
|
13
|
+
push(location: LocationDescriptor): void;
|
|
14
|
+
replace(path: Path, state?: any): void;
|
|
15
|
+
replace(location: LocationDescriptor): void;
|
|
16
|
+
};
|
|
17
|
+
export declare const BrowserRouter: typeof ReactRouterDom.BrowserRouter;
|
|
18
|
+
export declare const useHistory: () => UseHistory;
|
|
19
|
+
export {};
|