@sutech_jp/raas-react-client 0.0.45 → 0.0.47
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.
|
@@ -75,7 +75,7 @@ var ReportPaperForm = function (_a) {
|
|
|
75
75
|
customData: customData,
|
|
76
76
|
options: reportOptions,
|
|
77
77
|
}, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
|
|
78
|
-
}, [formState, layoutInitialized, data, customData, reportOptions, session
|
|
78
|
+
}, [formState, layoutInitialized, data, customData, reportOptions, session]);
|
|
79
79
|
var handleMessage = (0, react_1.useCallback)(function (e) {
|
|
80
80
|
if ((0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl) !== '*' && e.origin !== (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl)) {
|
|
81
81
|
return;
|
|
@@ -115,7 +115,7 @@ var ReportPaperForm = function (_a) {
|
|
|
115
115
|
else if (action === 'onChangeContentHeight') {
|
|
116
116
|
setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
|
|
117
117
|
}
|
|
118
|
-
}, [session
|
|
118
|
+
}, [session, onRender, onDataUpdate, data, onCustomDataUpdate, onLayoutUpdate]);
|
|
119
119
|
(0, react_1.useEffect)(function () {
|
|
120
120
|
window.addEventListener('message', handleMessage);
|
|
121
121
|
return function () { return window.removeEventListener('message', handleMessage); };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { Session } from '../types';
|
|
3
3
|
import { ThemeOptions } from '../types/theme';
|
|
4
|
+
declare type Mode = 'config' | 'operation';
|
|
4
5
|
declare type LayoutGalleryProps = {
|
|
5
6
|
session: Session | undefined;
|
|
6
7
|
width?: string | number;
|
|
7
8
|
height?: string | number;
|
|
8
9
|
customStyles?: ThemeOptions;
|
|
10
|
+
mode?: Mode;
|
|
9
11
|
deletable?: boolean;
|
|
10
12
|
onSelectLayout?: (layoutId?: number) => void;
|
|
11
13
|
onEditLayout?: (layoutId: number) => void;
|
|
@@ -5,7 +5,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var targetOrigin_1 = require("../util/targetOrigin");
|
|
7
7
|
var ReportLayoutGallery = function (_a) {
|
|
8
|
-
var session = _a.session, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c, customStyles = _a.customStyles, _d = _a.deletable, deletable =
|
|
8
|
+
var session = _a.session, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c, customStyles = _a.customStyles, _d = _a.mode, mode = _d === void 0 ? 'config' : _d, _e = _a.deletable, deletable = _e === void 0 ? false : _e, onSelectLayout = _a.onSelectLayout, onEditLayout = _a.onEditLayout, onCreateLayout = _a.onCreateLayout;
|
|
9
9
|
var iframe = (0, react_1.useRef)(null);
|
|
10
10
|
var handleMessage = (0, react_1.useCallback)(function (e) {
|
|
11
11
|
var _a, _b, _c, _d, _e;
|
|
@@ -34,6 +34,7 @@ var ReportLayoutGallery = function (_a) {
|
|
|
34
34
|
from: 'galleryClient',
|
|
35
35
|
action: 'onShow',
|
|
36
36
|
props: {
|
|
37
|
+
mode: mode,
|
|
37
38
|
selectable: onSelectLayout !== undefined,
|
|
38
39
|
creatable: onCreateLayout !== undefined,
|
|
39
40
|
editable: onEditLayout !== undefined,
|
|
@@ -42,7 +43,7 @@ var ReportLayoutGallery = function (_a) {
|
|
|
42
43
|
},
|
|
43
44
|
}, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
|
|
44
45
|
}
|
|
45
|
-
}, [customStyles, deletable, onCreateLayout, onEditLayout, onSelectLayout, session]);
|
|
46
|
+
}, [customStyles, deletable, mode, onCreateLayout, onEditLayout, onSelectLayout, session]);
|
|
46
47
|
(0, react_1.useEffect)(function () {
|
|
47
48
|
window.addEventListener('message', handleMessage);
|
|
48
49
|
return function () { return window.removeEventListener('message', handleMessage); };
|