@j2inn/fin5-ui-utils 1.0.8-react-router.6 → 1.0.8-react.router.7
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/dist/react/components/navigation/BasicLayout.d.ts +0 -17
- package/dist/react/components/navigation/BasicLayout.js +10 -11
- package/dist/react/components/navigation/BasicLayout.js.map +1 -1
- package/dist/react/components/navigation/ReactRouterLayout.d.ts +7 -0
- package/dist/react/components/navigation/ReactRouterLayout.js +14 -4
- package/dist/react/components/navigation/ReactRouterLayout.js.map +1 -1
- package/dist_es/react/components/navigation/BasicLayout.d.ts +0 -17
- package/dist_es/react/components/navigation/BasicLayout.js +3 -3
- package/dist_es/react/components/navigation/BasicLayout.js.map +1 -1
- package/dist_es/react/components/navigation/ReactRouterLayout.d.ts +7 -0
- package/dist_es/react/components/navigation/ReactRouterLayout.js +12 -3
- package/dist_es/react/components/navigation/ReactRouterLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
import { ThemeDef } from '@j2inn/ui';
|
|
2
1
|
import { LayoutProps, MenuProps, SiderProps } from 'antd';
|
|
3
2
|
import { PropsWithChildren, ReactElement } from 'react';
|
|
4
3
|
import { MenuPage } from './MenuPage';
|
|
5
|
-
export declare const HEADER_HEIGHT = 45;
|
|
6
|
-
interface StyleVariables {
|
|
7
|
-
isMobile?: boolean;
|
|
8
|
-
compactSider?: boolean;
|
|
9
|
-
siderWidth?: number | string;
|
|
10
|
-
}
|
|
11
|
-
export declare const useStyles: (data?: (StyleVariables & {
|
|
12
|
-
theme?: ThemeDef | undefined;
|
|
13
|
-
}) | undefined) => import("jss").Classes<"content" | "header" | "sider" | "menuTrigger">;
|
|
14
4
|
export interface BasicLayoutProps<T extends MenuPage> extends PropsWithChildren {
|
|
15
5
|
pages?: T[];
|
|
16
6
|
defaultPage?: string;
|
|
@@ -23,15 +13,8 @@ export interface BasicLayoutProps<T extends MenuPage> extends PropsWithChildren
|
|
|
23
13
|
contentProps?: LayoutProps;
|
|
24
14
|
menuProps?: Omit<MenuProps, 'items' | 'selectedKeys' | 'onSelect'>;
|
|
25
15
|
}
|
|
26
|
-
/**
|
|
27
|
-
* Copy the array and recursively remove pages having the `showInMenu` flag set to false.
|
|
28
|
-
* @param pages
|
|
29
|
-
* @returns
|
|
30
|
-
*/
|
|
31
|
-
export declare const getMenuPages: (pages: MenuPage[]) => MenuPage<Record<string, unknown>>[];
|
|
32
16
|
/**
|
|
33
17
|
* Basic layout with sider and mobile navigation management.
|
|
34
18
|
* Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
|
|
35
19
|
*/
|
|
36
20
|
export declare function BasicLayout<T extends MenuPage>({ pages, defaultPage, selectedPages, onSelect, compactSider, layoutProps, mobileHeaderProps, siderProps, contentProps, menuProps, children, }: BasicLayoutProps<T>): ReactElement;
|
|
37
|
-
export {};
|
|
@@ -29,21 +29,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
29
29
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
30
|
};
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.BasicLayout =
|
|
32
|
+
exports.BasicLayout = void 0;
|
|
33
33
|
const icons_1 = require("@ant-design/icons");
|
|
34
34
|
const ui_1 = require("@j2inn/ui");
|
|
35
35
|
const classnames_1 = __importDefault(require("classnames"));
|
|
36
36
|
const react_1 = __importStar(require("react"));
|
|
37
37
|
const react_jss_1 = require("react-jss");
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
const HEADER_HEIGHT = 45;
|
|
39
|
+
const useStyles = (0, react_jss_1.createUseStyles)((theme) => {
|
|
40
40
|
return {
|
|
41
41
|
header: {
|
|
42
42
|
position: 'fixed',
|
|
43
43
|
width: '100%',
|
|
44
44
|
zIndex: 1000,
|
|
45
45
|
padding: 0,
|
|
46
|
-
height:
|
|
46
|
+
height: HEADER_HEIGHT,
|
|
47
47
|
lineHeight: '45px',
|
|
48
48
|
},
|
|
49
49
|
sider: {
|
|
@@ -54,7 +54,7 @@ exports.useStyles = (0, react_jss_1.createUseStyles)((theme) => {
|
|
|
54
54
|
top: 0,
|
|
55
55
|
bottom: 0,
|
|
56
56
|
zIndex: 999,
|
|
57
|
-
paddingTop: ({ isMobile }) => isMobile ?
|
|
57
|
+
paddingTop: ({ isMobile }) => isMobile ? HEADER_HEIGHT : 0,
|
|
58
58
|
},
|
|
59
59
|
menuTrigger: {
|
|
60
60
|
width: 45,
|
|
@@ -71,7 +71,7 @@ exports.useStyles = (0, react_jss_1.createUseStyles)((theme) => {
|
|
|
71
71
|
},
|
|
72
72
|
content: ({ isMobile, compactSider, siderWidth = 200, }) => ({
|
|
73
73
|
paddingLeft: isMobile ? 0 : compactSider ? 45 : siderWidth,
|
|
74
|
-
paddingTop: isMobile ?
|
|
74
|
+
paddingTop: isMobile ? HEADER_HEIGHT : 0,
|
|
75
75
|
}),
|
|
76
76
|
};
|
|
77
77
|
});
|
|
@@ -91,7 +91,7 @@ const getMenuPages = (pages) => {
|
|
|
91
91
|
if (show) {
|
|
92
92
|
const copiedPage = Object.assign({}, page);
|
|
93
93
|
if (copiedPage.children) {
|
|
94
|
-
const filteredChildren =
|
|
94
|
+
const filteredChildren = getMenuPages(copiedPage.children);
|
|
95
95
|
copiedPage.children = filteredChildren.length
|
|
96
96
|
? filteredChildren
|
|
97
97
|
: undefined;
|
|
@@ -101,7 +101,6 @@ const getMenuPages = (pages) => {
|
|
|
101
101
|
});
|
|
102
102
|
return menuPages;
|
|
103
103
|
};
|
|
104
|
-
exports.getMenuPages = getMenuPages;
|
|
105
104
|
/**
|
|
106
105
|
* Basic layout with sider and mobile navigation management.
|
|
107
106
|
* Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
|
|
@@ -111,8 +110,8 @@ function BasicLayout({ pages = [], defaultPage, selectedPages = [], onSelect, co
|
|
|
111
110
|
const [isMobile, setIsMobile] = (0, react_1.useState)(false);
|
|
112
111
|
const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
|
|
113
112
|
const siderWidth = siderProps?.width;
|
|
114
|
-
const classes =
|
|
115
|
-
const menuPages = (0, react_1.useMemo)(() =>
|
|
113
|
+
const classes = useStyles({ isMobile, compactSider, siderWidth });
|
|
114
|
+
const menuPages = (0, react_1.useMemo)(() => getMenuPages(pages), [pages]);
|
|
116
115
|
return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
|
|
117
116
|
isMobile && (react_1.default.createElement(Header, { ...mobileHeaderProps, className: (0, classnames_1.default)(classes.header, mobileHeaderProps?.className) }, hiddenSider ? (react_1.default.createElement(icons_1.MenuUnfoldOutlined, { className: classes.menuTrigger, onClick: () => {
|
|
118
117
|
setHiddenSider(!hiddenSider);
|
|
@@ -125,7 +124,7 @@ function BasicLayout({ pages = [], defaultPage, selectedPages = [], onSelect, co
|
|
|
125
124
|
}, collapsed: (isMobile && hiddenSider) || compactSider, collapsedWidth: isMobile && hiddenSider
|
|
126
125
|
? 0
|
|
127
126
|
: compactSider
|
|
128
|
-
?
|
|
127
|
+
? HEADER_HEIGHT
|
|
129
128
|
: 0, trigger: null },
|
|
130
129
|
react_1.default.createElement(ui_1.Menu, { ...menuProps, defaultSelectedKeys: defaultPage ? [defaultPage] : undefined, items: menuPages, selectedKeys: selectedPages, onSelect: ({ key }) => {
|
|
131
130
|
if (!hiddenSider) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAAwE;AACxE,kCAAkD;AAElD,4DAAmC;AACnC,+CAKc;AACd,yCAA2C;
|
|
1
|
+
{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,13 @@ export interface ReactRouterLayoutProps extends BasicLayoutProps<MenuPage> {
|
|
|
10
10
|
* to ensure FIN5 URL is aligned with the internal frame URL.
|
|
11
11
|
*/
|
|
12
12
|
export declare const useLocationUpdate: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* If we are inside a frame (FIN5), the route is left as is.
|
|
15
|
+
* If we are outside FIN5 frame, the route needs to be prefixed with a segment containing the project name.
|
|
16
|
+
* @param route
|
|
17
|
+
* @returns the correct route for the environment
|
|
18
|
+
*/
|
|
19
|
+
export declare const getRoute: (route: string) => string;
|
|
13
20
|
/**
|
|
14
21
|
* Basic layout that uses React Router.
|
|
15
22
|
*/
|
|
@@ -26,7 +26,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
26
26
|
return result;
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.ReactRouterLayout = exports.useLocationUpdate = void 0;
|
|
29
|
+
exports.ReactRouterLayout = exports.getRoute = exports.useLocationUpdate = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const react_router_1 = require("react-router");
|
|
32
32
|
const useFin5AppURLHashParameter_1 = require("../../../fin5Top/useFin5AppURLHashParameter");
|
|
@@ -39,7 +39,6 @@ const MenuPage_1 = require("./MenuPage");
|
|
|
39
39
|
const useLocationUpdate = () => {
|
|
40
40
|
const location = (0, react_router_1.useLocation)();
|
|
41
41
|
(0, react_1.useEffect)(() => {
|
|
42
|
-
console.debug('Location changed', location);
|
|
43
42
|
const hash = location.pathname;
|
|
44
43
|
const queryParams = location.search;
|
|
45
44
|
if (useFin5AppURLHashParameter_1.IN_IFRAME) {
|
|
@@ -57,13 +56,24 @@ const useLocationUpdate = () => {
|
|
|
57
56
|
exports.useLocationUpdate = useLocationUpdate;
|
|
58
57
|
const useSelectedRoutes = (pages, isSelectedRoute = (page, location) => location.pathname.includes(`/${page.key}`)) => {
|
|
59
58
|
const location = (0, react_router_1.useLocation)();
|
|
59
|
+
const flatPages = (0, react_1.useMemo)(() => (0, MenuPage_1.pageTreeToPageList)(pages), [pages]);
|
|
60
60
|
return (0, react_1.useMemo)(() => {
|
|
61
|
-
const flatPages = (0, MenuPage_1.pageTreeToPageList)(pages);
|
|
62
61
|
return flatPages
|
|
63
62
|
.filter((page) => isSelectedRoute(page, location))
|
|
64
63
|
.map((page) => page.key);
|
|
65
|
-
}, [location,
|
|
64
|
+
}, [location, flatPages, isSelectedRoute]);
|
|
66
65
|
};
|
|
66
|
+
/**
|
|
67
|
+
* If we are inside a frame (FIN5), the route is left as is.
|
|
68
|
+
* If we are outside FIN5 frame, the route needs to be prefixed with a segment containing the project name.
|
|
69
|
+
* @param route
|
|
70
|
+
* @returns the correct route for the environment
|
|
71
|
+
*/
|
|
72
|
+
const getRoute = (route) => {
|
|
73
|
+
const prefixedRoute = route.startsWith('/') ? route : `/${route}`;
|
|
74
|
+
return !useFin5AppURLHashParameter_1.IN_IFRAME ? `/proj/:projectName${prefixedRoute}` : prefixedRoute;
|
|
75
|
+
};
|
|
76
|
+
exports.getRoute = getRoute;
|
|
67
77
|
/**
|
|
68
78
|
* Basic layout that uses React Router.
|
|
69
79
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactRouterLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/ReactRouterLayout.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAGH,+CAA8D;AAC9D,+CAA+D;AAC/D,4FAKoD;AACpD,+CAA6D;AAC7D,yCAAyD;AAMzD;;;GAGG;AACI,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAA;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,
|
|
1
|
+
{"version":3,"file":"ReactRouterLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/ReactRouterLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
import { ThemeDef } from '@j2inn/ui';
|
|
2
1
|
import { LayoutProps, MenuProps, SiderProps } from 'antd';
|
|
3
2
|
import { PropsWithChildren, ReactElement } from 'react';
|
|
4
3
|
import { MenuPage } from './MenuPage';
|
|
5
|
-
export declare const HEADER_HEIGHT = 45;
|
|
6
|
-
interface StyleVariables {
|
|
7
|
-
isMobile?: boolean;
|
|
8
|
-
compactSider?: boolean;
|
|
9
|
-
siderWidth?: number | string;
|
|
10
|
-
}
|
|
11
|
-
export declare const useStyles: (data?: (StyleVariables & {
|
|
12
|
-
theme?: ThemeDef | undefined;
|
|
13
|
-
}) | undefined) => import("jss").Classes<"content" | "header" | "sider" | "menuTrigger">;
|
|
14
4
|
export interface BasicLayoutProps<T extends MenuPage> extends PropsWithChildren {
|
|
15
5
|
pages?: T[];
|
|
16
6
|
defaultPage?: string;
|
|
@@ -23,15 +13,8 @@ export interface BasicLayoutProps<T extends MenuPage> extends PropsWithChildren
|
|
|
23
13
|
contentProps?: LayoutProps;
|
|
24
14
|
menuProps?: Omit<MenuProps, 'items' | 'selectedKeys' | 'onSelect'>;
|
|
25
15
|
}
|
|
26
|
-
/**
|
|
27
|
-
* Copy the array and recursively remove pages having the `showInMenu` flag set to false.
|
|
28
|
-
* @param pages
|
|
29
|
-
* @returns
|
|
30
|
-
*/
|
|
31
|
-
export declare const getMenuPages: (pages: MenuPage[]) => MenuPage<Record<string, unknown>>[];
|
|
32
16
|
/**
|
|
33
17
|
* Basic layout with sider and mobile navigation management.
|
|
34
18
|
* Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
|
|
35
19
|
*/
|
|
36
20
|
export declare function BasicLayout<T extends MenuPage>({ pages, defaultPage, selectedPages, onSelect, compactSider, layoutProps, mobileHeaderProps, siderProps, contentProps, menuProps, children, }: BasicLayoutProps<T>): ReactElement;
|
|
37
|
-
export {};
|
|
@@ -6,8 +6,8 @@ import { Layout, Menu } from '@j2inn/ui';
|
|
|
6
6
|
import classNames from 'classnames';
|
|
7
7
|
import React, { useMemo, useState, } from 'react';
|
|
8
8
|
import { createUseStyles } from 'react-jss';
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
const HEADER_HEIGHT = 45;
|
|
10
|
+
const useStyles = createUseStyles((theme) => {
|
|
11
11
|
return {
|
|
12
12
|
header: {
|
|
13
13
|
position: 'fixed',
|
|
@@ -55,7 +55,7 @@ const Content = Layout.Content;
|
|
|
55
55
|
* @param pages
|
|
56
56
|
* @returns
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
const getMenuPages = (pages) => {
|
|
59
59
|
const menuPages = [];
|
|
60
60
|
pages.forEach((page) => {
|
|
61
61
|
const show = page.showInMenu == null || page.showInMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAY,MAAM,WAAW,CAAA;AAElD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAGb,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,MAAM,
|
|
1
|
+
{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,13 @@ export interface ReactRouterLayoutProps extends BasicLayoutProps<MenuPage> {
|
|
|
10
10
|
* to ensure FIN5 URL is aligned with the internal frame URL.
|
|
11
11
|
*/
|
|
12
12
|
export declare const useLocationUpdate: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* If we are inside a frame (FIN5), the route is left as is.
|
|
15
|
+
* If we are outside FIN5 frame, the route needs to be prefixed with a segment containing the project name.
|
|
16
|
+
* @param route
|
|
17
|
+
* @returns the correct route for the environment
|
|
18
|
+
*/
|
|
19
|
+
export declare const getRoute: (route: string) => string;
|
|
13
20
|
/**
|
|
14
21
|
* Basic layout that uses React Router.
|
|
15
22
|
*/
|
|
@@ -13,7 +13,6 @@ import { pageTreeToPageList } from './MenuPage';
|
|
|
13
13
|
export const useLocationUpdate = () => {
|
|
14
14
|
const location = useLocation();
|
|
15
15
|
useEffect(() => {
|
|
16
|
-
console.debug('Location changed', location);
|
|
17
16
|
const hash = location.pathname;
|
|
18
17
|
const queryParams = location.search;
|
|
19
18
|
if (IN_IFRAME) {
|
|
@@ -30,12 +29,22 @@ export const useLocationUpdate = () => {
|
|
|
30
29
|
};
|
|
31
30
|
const useSelectedRoutes = (pages, isSelectedRoute = (page, location) => location.pathname.includes(`/${page.key}`)) => {
|
|
32
31
|
const location = useLocation();
|
|
32
|
+
const flatPages = useMemo(() => pageTreeToPageList(pages), [pages]);
|
|
33
33
|
return useMemo(() => {
|
|
34
|
-
const flatPages = pageTreeToPageList(pages);
|
|
35
34
|
return flatPages
|
|
36
35
|
.filter((page) => isSelectedRoute(page, location))
|
|
37
36
|
.map((page) => page.key);
|
|
38
|
-
}, [location,
|
|
37
|
+
}, [location, flatPages, isSelectedRoute]);
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* If we are inside a frame (FIN5), the route is left as is.
|
|
41
|
+
* If we are outside FIN5 frame, the route needs to be prefixed with a segment containing the project name.
|
|
42
|
+
* @param route
|
|
43
|
+
* @returns the correct route for the environment
|
|
44
|
+
*/
|
|
45
|
+
export const getRoute = (route) => {
|
|
46
|
+
const prefixedRoute = route.startsWith('/') ? route : `/${route}`;
|
|
47
|
+
return !IN_IFRAME ? `/proj/:projectName${prefixedRoute}` : prefixedRoute;
|
|
39
48
|
};
|
|
40
49
|
/**
|
|
41
50
|
* Basic layout that uses React Router.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactRouterLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/ReactRouterLayout.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EACN,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,cAAc,GACd,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAY,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAMzD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,SAAS,CAAC,GAAG,EAAE;QACd,
|
|
1
|
+
{"version":3,"file":"ReactRouterLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/ReactRouterLayout.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@j2inn/fin5-ui-utils",
|
|
3
|
-
"version": "1.0.8-react
|
|
3
|
+
"version": "1.0.8-react.router.7",
|
|
4
4
|
"description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|