@sutech_jp/raas-react-client 0.0.42 → 0.0.43

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export { ReportDesigner } from './designer/ReportDesigner';
 export { ReportPaperForm } from './form/ReportPaperForm';
 export { useReportPaperForm, createLocalSession } from './form/useReportPaperForm';
 export { ReportLayoutGallery } from './gallery/ReportLayoutGallery';
+export { ReportTenantInfo } from './tenantInfo/ReportTenantInfo';
 export * from './types';

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportLayoutGallery = exports.createLocalSession = exports.useReportPaperForm = exports.ReportPaperForm = exports.ReportDesigner = exports.ReportConfig = void 0;
+exports.ReportTenantInfo = exports.ReportLayoutGallery = exports.createLocalSession = exports.useReportPaperForm = exports.ReportPaperForm = exports.ReportDesigner = exports.ReportConfig = void 0;
 var ReportConfig_1 = require("./config/ReportConfig");
 Object.defineProperty(exports, "ReportConfig", { enumerable: true, get: function () { return ReportConfig_1.ReportConfig; } });
 var ReportDesigner_1 = require("./designer/ReportDesigner");
@@ -26,4 +26,6 @@ Object.defineProperty(exports, "useReportPaperForm", { enumerable: true, get: fu
 Object.defineProperty(exports, "createLocalSession", { enumerable: true, get: function () { return useReportPaperForm_1.createLocalSession; } });
 var ReportLayoutGallery_1 = require("./gallery/ReportLayoutGallery");
 Object.defineProperty(exports, "ReportLayoutGallery", { enumerable: true, get: function () { return ReportLayoutGallery_1.ReportLayoutGallery; } });
+var ReportTenantInfo_1 = require("./tenantInfo/ReportTenantInfo");
+Object.defineProperty(exports, "ReportTenantInfo", { enumerable: true, get: function () { return ReportTenantInfo_1.ReportTenantInfo; } });
 __exportStar(require("./types"), exports);

package/dist/tenantInfo/ReportTenantInfo.d.ts

@@ -0,0 +1,11 @@
+import { VFC } from 'react';
+import { Session } from '../types';
+import { ThemeOptions } from '../types/theme';
+declare type ReportTenantInfoProps = {
+    session: Session | undefined;
+    width?: string | number;
+    height?: string | number;
+    customStyles?: ThemeOptions;
+};
+export declare const ReportTenantInfo: VFC<ReportTenantInfoProps>;
+export {};

package/dist/tenantInfo/ReportTenantInfo.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportTenantInfo = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var targetOrigin_1 = require("../util/targetOrigin");
+var ReportTenantInfo = function (_a) {
+    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;
+    var iframe = (0, react_1.useRef)(null);
+    var handleMessage = (0, react_1.useCallback)(function (e) {
+        var _a;
+        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)) {
+            return;
+        }
+        var message = e.data;
+        var from = message === null || message === void 0 ? void 0 : message.from;
+        var action = message === null || message === void 0 ? void 0 : message.action;
+        if (from !== 'tenantInfo') {
+            return;
+        }
+        if (action === 'onAuthorized') {
+            var iframeWindow = (_a = iframe.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
+            if (!iframeWindow)
+                return;
+            iframeWindow.postMessage({
+                from: 'tenantInfoClient',
+                action: 'onShow',
+                props: {
+                    customStyles: customStyles,
+                },
+            }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
+        }
+    }, [customStyles, session]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('message', handleMessage);
+        return function () { return window.removeEventListener('message', handleMessage); };
+    }, [handleMessage]);
+    return (0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "tenantInfo", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
+};
+exports.ReportTenantInfo = ReportTenantInfo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sutech_jp/raas-react-client",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "description": "react client for raas produced by SuTech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",