@j2inn/fin5-ui-utils 1.0.2-beta.6 → 1.0.2-beta.8
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/Loader.jsx +2 -2
- package/dist/react/components/Loader.jsx.map +1 -1
- package/dist/react/components/LoadingSpinner.d.ts +1 -2
- package/dist/react/components/LoadingSpinner.jsx +2 -1
- package/dist/react/components/LoadingSpinner.jsx.map +1 -1
- package/dist/react/components/graphics/GraphicViewer.d.ts +3 -3
- package/dist/react/components/graphics/GraphicViewer.jsx +5 -1
- package/dist/react/components/graphics/GraphicViewer.jsx.map +1 -1
- package/dist/react/components/graphics/GraphicsTabViewer.d.ts +2 -2
- package/dist/react/components/graphics/GraphicsTabViewer.jsx +9 -5
- package/dist/react/components/graphics/GraphicsTabViewer.jsx.map +1 -1
- package/dist/react/components/navigation/Router.jsx +2 -5
- package/dist/react/components/navigation/Router.jsx.map +1 -1
- package/dist_es/react/components/Loader.jsx +1 -1
- package/dist_es/react/components/Loader.jsx.map +1 -1
- package/dist_es/react/components/LoadingSpinner.d.ts +1 -2
- package/dist_es/react/components/LoadingSpinner.jsx +1 -2
- package/dist_es/react/components/LoadingSpinner.jsx.map +1 -1
- package/dist_es/react/components/graphics/GraphicViewer.d.ts +3 -3
- package/dist_es/react/components/graphics/GraphicViewer.jsx +4 -2
- package/dist_es/react/components/graphics/GraphicViewer.jsx.map +1 -1
- package/dist_es/react/components/graphics/GraphicsTabViewer.d.ts +2 -2
- package/dist_es/react/components/graphics/GraphicsTabViewer.jsx +6 -4
- package/dist_es/react/components/graphics/GraphicsTabViewer.jsx.map +1 -1
- package/dist_es/react/components/navigation/Router.jsx +1 -1
- package/dist_es/react/components/navigation/Router.jsx.map +1 -1
- package/package.json +1 -1
|
@@ -7,12 +7,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
};
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
9
|
const react_1 = __importDefault(require("react"));
|
|
10
|
-
const LoadingSpinner_1 =
|
|
10
|
+
const LoadingSpinner_1 = require("./LoadingSpinner");
|
|
11
11
|
/**
|
|
12
12
|
* A simple UI loader.
|
|
13
13
|
*/
|
|
14
14
|
const Loader = ({ loading, children, }) => {
|
|
15
|
-
return loading ? <LoadingSpinner_1.
|
|
15
|
+
return loading ? <LoadingSpinner_1.LoadingSpinner /> : <>{children}</>;
|
|
16
16
|
};
|
|
17
17
|
exports.default = Loader;
|
|
18
18
|
//# sourceMappingURL=Loader.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.jsx","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,kDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"Loader.jsx","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,kDAAyB;AACzB,qDAAiD;AAEjD;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAIR,EAAe,EAAE;IACjB,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,+BAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACtD,CAAC,CAAA;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -6,6 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
6
6
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
7
|
};
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.LoadingSpinner = void 0;
|
|
9
10
|
const ui_1 = require("@j2inn/ui");
|
|
10
11
|
const react_1 = __importDefault(require("react"));
|
|
11
12
|
const react_jss_1 = require("react-jss");
|
|
@@ -24,5 +25,5 @@ const LoadingSpinner = () => {
|
|
|
24
25
|
<ui_1.Spin size='large'></ui_1.Spin>
|
|
25
26
|
</div>);
|
|
26
27
|
};
|
|
27
|
-
exports.
|
|
28
|
+
exports.LoadingSpinner = LoadingSpinner;
|
|
28
29
|
//# sourceMappingURL=LoadingSpinner.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.jsx","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;GAEG
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.jsx","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,kCAAgC;AAChC,kDAAyB;AACzB,yCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,SAAS,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAA;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,OAAO,CACN,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CACjC;GAAA,CAAC,SAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,SAAI,CAC1B;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC,CAAA;AAPY,QAAA,cAAc,kBAO1B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { HRef } from 'haystack-core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
interface
|
|
3
|
+
interface GraphicViewerProps {
|
|
4
4
|
projectName: string;
|
|
5
5
|
graphicId: HRef;
|
|
6
6
|
targetRef: HRef;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
declare const GraphicViewer: React.FC<
|
|
10
|
-
export
|
|
9
|
+
export declare const GraphicViewer: React.FC<GraphicViewerProps>;
|
|
10
|
+
export {};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
4
|
+
*/
|
|
2
5
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
6
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
7
|
};
|
|
5
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.GraphicViewer = void 0;
|
|
6
10
|
const classnames_1 = __importDefault(require("classnames"));
|
|
7
11
|
const react_1 = __importDefault(require("react"));
|
|
8
12
|
const react_jss_1 = require("react-jss");
|
|
@@ -21,5 +25,5 @@ const GraphicViewer = ({ projectName, graphicId, targetRef, className, }) => {
|
|
|
21
25
|
url.searchParams.set('projectRef', graphicId.toAxon());
|
|
22
26
|
return (<iframe id={graphicId.toAxon()} className={(0, classnames_1.default)(classes.iframe, className)} src={url.toString()}/>);
|
|
23
27
|
};
|
|
24
|
-
exports.
|
|
28
|
+
exports.GraphicViewer = GraphicViewer;
|
|
25
29
|
//# sourceMappingURL=GraphicViewer.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,4DAA2B;AAE3B,kDAAyB;AACzB,yCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASK,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,IAAA,oBAAE,EAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA;AArBY,QAAA,aAAa,iBAqBzB"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
4
|
+
*/
|
|
2
5
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
6
|
if (k2 === undefined) k2 = k;
|
|
4
7
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -26,14 +29,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
29
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
30
|
};
|
|
28
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.GraphicsTabViewer = void 0;
|
|
29
33
|
const ui_1 = require("@j2inn/ui");
|
|
30
34
|
const classnames_1 = __importDefault(require("classnames"));
|
|
31
35
|
const haystack_react_1 = require("haystack-react");
|
|
32
36
|
const react_1 = __importStar(require("react"));
|
|
33
37
|
const react_jss_1 = require("react-jss");
|
|
34
38
|
const fin5Top_1 = require("../../../fin5Top/fin5Top");
|
|
35
|
-
const LoadingSpinner_1 =
|
|
36
|
-
const GraphicViewer_1 =
|
|
39
|
+
const LoadingSpinner_1 = require("../LoadingSpinner");
|
|
40
|
+
const GraphicViewer_1 = require("./GraphicViewer");
|
|
37
41
|
const useStyles = (0, react_jss_1.createUseStyles)({
|
|
38
42
|
tabs: {
|
|
39
43
|
height: '100%',
|
|
@@ -70,11 +74,11 @@ const GraphicsTabViewer = ({ projectName = fin5Top_1.fin5Top?.finstack?.projectN
|
|
|
70
74
|
return {
|
|
71
75
|
label: graphic.toDis(),
|
|
72
76
|
key: graphic.id.toAxon(),
|
|
73
|
-
children: (<GraphicViewer_1.
|
|
77
|
+
children: (<GraphicViewer_1.GraphicViewer projectName={projectName ?? ''} targetRef={targetRef} graphicId={graphic.id}/>),
|
|
74
78
|
};
|
|
75
79
|
});
|
|
76
80
|
}, [graphicsList]);
|
|
77
|
-
return loading ? (<LoadingSpinner_1.
|
|
81
|
+
return loading ? (<LoadingSpinner_1.LoadingSpinner />) : (<ui_1.Tabs className={(0, classnames_1.default)(classes.tabs, className)} items={tabs}/>);
|
|
78
82
|
};
|
|
79
|
-
exports.
|
|
83
|
+
exports.GraphicsTabViewer = GraphicsTabViewer;
|
|
80
84
|
//# sourceMappingURL=GraphicsTabViewer.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphicsTabViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicsTabViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GraphicsTabViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicsTabViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,kCAA4C;AAC5C,4DAA2B;AAE3B,mDAA0C;AAC1C,+CAA2D;AAC3D,yCAA2C;AAC3C,sDAAkD;AAClD,sDAAkD;AAClD,mDAA+C;AAE/C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,IAAI,EAAE;QACL,MAAM,EAAE,MAAM;QACd,CAAC,MAAM,eAAU,sBAAsB,CAAC,EAAE;YACzC,MAAM,EAAE,MAAM;YACd,CAAC,MAAM,eAAU,eAAe,CAAC,EAAE;gBAClC,MAAM,EAAE,MAAM;gBACd,CAAC,MAAM,eAAU,eAAe,CAAC,EAAE;oBAClC,MAAM,EAAE,MAAM;iBACd;aACD;SACD;KACD;CACD,CAAC,CAAA;AAYK,MAAM,iBAAiB,GAAgC,CAAC,EAC9D,WAAW,GAAG,iBAAO,EAAE,QAAQ,EAAE,WAAW,EAC5C,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,MAAM,GAAG,IAAA,0BAAS,GAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,CAAC,CAAA;IAErE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE;YACd,MAAM,CAAC,GAAG;iBACR,IAAI,CAAC,YAAY,SAAS,CAAC,MAAM,EAAE,sBAAsB,CAAC;iBAC1D,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACd,eAAe,CAAC,IAAI,CAAC,OAAO,EAAqB,CAAC,CAAA;YACnD,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;SAClC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,YAAY;aACjB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;aACtD,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAChB,OAAO;gBACN,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE;gBACtB,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;gBACxB,QAAQ,EAAE,CACT,CAAC,6BAAa,CACb,WAAW,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAC/B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EACrB,CACF;aACD,CAAA;QACF,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,OAAO,CAAC,CAAC,CAAC,CAChB,CAAC,+BAAc,CAAC,AAAD,EAAG,CAClB,CAAC,CAAC,CAAC,CACH,CAAC,SAAI,CAAC,SAAS,CAAC,CAAC,IAAA,oBAAE,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CAC7D,CAAA;AACF,CAAC,CAAA;AA5CY,QAAA,iBAAiB,qBA4C7B"}
|
|
@@ -25,13 +25,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
__setModuleDefault(result, mod);
|
|
26
26
|
return result;
|
|
27
27
|
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
29
|
exports.Router = void 0;
|
|
33
30
|
const react_1 = __importStar(require("react"));
|
|
34
|
-
const LoadingSpinner_1 =
|
|
31
|
+
const LoadingSpinner_1 = require("../LoadingSpinner");
|
|
35
32
|
const MenuPage_1 = require("./MenuPage");
|
|
36
33
|
/**
|
|
37
34
|
* Renders the currently selected page from a tree of pages
|
|
@@ -41,7 +38,7 @@ function Router({ pages = [], currentPage, onPageChange, fallbackComponent, }) {
|
|
|
41
38
|
(0, react_1.useEffect)(() => {
|
|
42
39
|
onPageChange?.(page);
|
|
43
40
|
}, [page]);
|
|
44
|
-
return page?.component ? (<react_1.Suspense fallback={<LoadingSpinner_1.
|
|
41
|
+
return page?.component ? (<react_1.Suspense fallback={<LoadingSpinner_1.LoadingSpinner />}>
|
|
45
42
|
{react_1.default.createElement(page.component, page?.props)}
|
|
46
43
|
</react_1.Suspense>) : (fallbackComponent ?? <div>{currentPage} page not found</div>);
|
|
47
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Router.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":";AAAA;;GAEG
|
|
1
|
+
{"version":3,"file":"Router.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAMc;AACd,sDAAkD;AAClD,yCAAqD;AASrD;;GAEG;AACH,SAAgB,MAAM,CAAqB,EAC1C,KAAK,GAAG,EAAE,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACkB;IACnC,MAAM,IAAI,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,IAAA,yBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACpB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACxB,CAAC,gBAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAAc,CAAC,AAAD,EAAG,CAAC,CACtC;GAAA,CAAC,eAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAClD;EAAA,EAAE,gBAAQ,CAAC,CACX,CAAC,CAAC,CAAC,CACH,iBAAiB,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAE,eAAc,EAAE,GAAG,CAAC,CAC5D,CAAA;AACF,CAAC;AAtBD,wBAsBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.jsx","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Loader.jsx","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAIR,EAAe,EAAE;IACjB,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACtD,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -13,11 +13,10 @@ const useStyles = createUseStyles({
|
|
|
13
13
|
width: '100%',
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
|
-
const LoadingSpinner = () => {
|
|
16
|
+
export const LoadingSpinner = () => {
|
|
17
17
|
const classes = useStyles();
|
|
18
18
|
return (<div className={classes.container}>
|
|
19
19
|
<Spin size='large'></Spin>
|
|
20
20
|
</div>);
|
|
21
21
|
};
|
|
22
|
-
export default LoadingSpinner;
|
|
23
22
|
//# sourceMappingURL=LoadingSpinner.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.jsx","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,SAAS,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAA;AAEF,MAAM,cAAc,GAAa,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.jsx","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,SAAS,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,OAAO,CACN,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CACjC;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAC1B;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { HRef } from 'haystack-core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
interface
|
|
3
|
+
interface GraphicViewerProps {
|
|
4
4
|
projectName: string;
|
|
5
5
|
graphicId: HRef;
|
|
6
6
|
targetRef: HRef;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
declare const GraphicViewer: React.FC<
|
|
10
|
-
export
|
|
9
|
+
export declare const GraphicViewer: React.FC<GraphicViewerProps>;
|
|
10
|
+
export {};
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
|
+
*/
|
|
1
4
|
import cn from 'classnames';
|
|
2
5
|
import React from 'react';
|
|
3
6
|
import { createUseStyles } from 'react-jss';
|
|
@@ -9,12 +12,11 @@ const useStyles = createUseStyles({
|
|
|
9
12
|
overflow: 'hidden',
|
|
10
13
|
},
|
|
11
14
|
});
|
|
12
|
-
const GraphicViewer = ({ projectName, graphicId, targetRef, className, }) => {
|
|
15
|
+
export const GraphicViewer = ({ projectName, graphicId, targetRef, className, }) => {
|
|
13
16
|
const classes = useStyles();
|
|
14
17
|
const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
|
|
15
18
|
url.hash = `targetRef=${targetRef.toAxon()}`;
|
|
16
19
|
url.searchParams.set('projectRef', graphicId.toAxon());
|
|
17
20
|
return (<iframe id={graphicId.toAxon()} className={cn(classes.iframe, className)} src={url.toString()}/>);
|
|
18
21
|
};
|
|
19
|
-
export default GraphicViewer;
|
|
20
22
|
//# sourceMappingURL=GraphicViewer.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASF,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
|
+
*/
|
|
1
4
|
import { ant_prefix, Tabs } from '@j2inn/ui';
|
|
2
5
|
import cn from 'classnames';
|
|
3
6
|
import { useClient } from 'haystack-react';
|
|
4
7
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
5
8
|
import { createUseStyles } from 'react-jss';
|
|
6
9
|
import { fin5Top } from '../../../fin5Top/fin5Top';
|
|
7
|
-
import LoadingSpinner from '../LoadingSpinner';
|
|
8
|
-
import GraphicViewer from './GraphicViewer';
|
|
10
|
+
import { LoadingSpinner } from '../LoadingSpinner';
|
|
11
|
+
import { GraphicViewer } from './GraphicViewer';
|
|
9
12
|
const useStyles = createUseStyles({
|
|
10
13
|
tabs: {
|
|
11
14
|
height: '100%',
|
|
@@ -20,7 +23,7 @@ const useStyles = createUseStyles({
|
|
|
20
23
|
},
|
|
21
24
|
},
|
|
22
25
|
});
|
|
23
|
-
const GraphicsTabViewer = ({ projectName = fin5Top?.finstack?.projectName, targetRef, className, }) => {
|
|
26
|
+
export const GraphicsTabViewer = ({ projectName = fin5Top?.finstack?.projectName, targetRef, className, }) => {
|
|
24
27
|
const client = useClient();
|
|
25
28
|
const classes = useStyles();
|
|
26
29
|
const [loading, setLoading] = useState(true);
|
|
@@ -48,5 +51,4 @@ const GraphicsTabViewer = ({ projectName = fin5Top?.finstack?.projectName, targe
|
|
|
48
51
|
}, [graphicsList]);
|
|
49
52
|
return loading ? (<LoadingSpinner />) : (<Tabs className={cn(classes.tabs, className)} items={tabs}/>);
|
|
50
53
|
};
|
|
51
|
-
export default GraphicsTabViewer;
|
|
52
54
|
//# sourceMappingURL=GraphicsTabViewer.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphicsTabViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicsTabViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,cAAc,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"GraphicsTabViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicsTabViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,IAAI,EAAE;QACL,MAAM,EAAE,MAAM;QACd,CAAC,MAAM,UAAU,sBAAsB,CAAC,EAAE;YACzC,MAAM,EAAE,MAAM;YACd,CAAC,MAAM,UAAU,eAAe,CAAC,EAAE;gBAClC,MAAM,EAAE,MAAM;gBACd,CAAC,MAAM,UAAU,eAAe,CAAC,EAAE;oBAClC,MAAM,EAAE,MAAM;iBACd;aACD;SACD;KACD;CACD,CAAC,CAAA;AAYF,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC9D,WAAW,GAAG,OAAO,EAAE,QAAQ,EAAE,WAAW,EAC5C,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE;YACd,MAAM,CAAC,GAAG;iBACR,IAAI,CAAC,YAAY,SAAS,CAAC,MAAM,EAAE,sBAAsB,CAAC;iBAC1D,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACd,eAAe,CAAC,IAAI,CAAC,OAAO,EAAqB,CAAC,CAAA;YACnD,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;SAClC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO,YAAY;aACjB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;aACtD,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAChB,OAAO;gBACN,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE;gBACtB,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;gBACxB,QAAQ,EAAE,CACT,CAAC,aAAa,CACb,WAAW,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAC/B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EACrB,CACF;aACD,CAAA;QACF,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,OAAO,CAAC,CAAC,CAAC,CAChB,CAAC,cAAc,CAAC,AAAD,EAAG,CAClB,CAAC,CAAC,CAAC,CACH,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CAC7D,CAAA;AACF,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
3
|
*/
|
|
4
4
|
import React, { Suspense, useEffect, useMemo, } from 'react';
|
|
5
|
-
import LoadingSpinner from '../LoadingSpinner';
|
|
5
|
+
import { LoadingSpinner } from '../LoadingSpinner';
|
|
6
6
|
import { findPageByName } from './MenuPage';
|
|
7
7
|
/**
|
|
8
8
|
* Renders the currently selected page from a tree of pages
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Router.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAGb,QAAQ,EACR,SAAS,EACT,OAAO,GACP,MAAM,OAAO,CAAA;AACd,OAAO,cAAc,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Router.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAGb,QAAQ,EACR,SAAS,EACT,OAAO,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAY,MAAM,YAAY,CAAA;AASrD;;GAEG;AACH,MAAM,UAAU,MAAM,CAAqB,EAC1C,KAAK,GAAG,EAAE,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACkB;IACnC,MAAM,IAAI,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACpB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACxB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CACtC;GAAA,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAClD;EAAA,EAAE,QAAQ,CAAC,CACX,CAAC,CAAC,CAAC,CACH,iBAAiB,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAE,eAAc,EAAE,GAAG,CAAC,CAC5D,CAAA;AACF,CAAC"}
|
package/package.json
CHANGED