@sutech_jp/datatraveler-react-client 0.0.21 → 0.0.23

package/dist/DataTravelerImport.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
-import { Binder, DataTravelerResult, Mapper, ImportType, UseReportType } from './types';
+import { Binder, DataTravelerResult, Mapper, ImportType, UseReportType, Session } from './types';
 declare type Props<D> = {
     application: string;
     schema: string;
-    url: string;
+    session: Session | undefined;
     googleToken?: string;
     onImport: (result: DataTravelerResult<D>) => void;
     onCancel?: () => void;
@@ -15,5 +15,5 @@ declare type Props<D> = {
     height?: number;
     report?: UseReportType;
 };
-export declare const DataTravelerImport: <D>({ application, schema, url, googleToken, importType, currentData, mapper, binder, width, height, report, onImport, onCancel, }: Props<D>) => ReactElement;
+export declare const DataTravelerImport: <D>({ application, schema, session, googleToken, importType, currentData, mapper, binder, width, height, report, onImport, onCancel, }: Props<D>) => ReactElement;
 export {};

package/dist/DataTravelerImport.js

@@ -4,7 +4,7 @@ exports.DataTravelerImport = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DataTravelerImport = function (_a) {
-    var application = _a.application, schema = _a.schema, url = _a.url, googleToken = _a.googleToken, _b = _a.importType, importType = _b === void 0 ? googleToken ? 'gss' : 'csv' : _b, _c = _a.currentData, currentData = _c === void 0 ? [] : _c, _d = _a.mapper, mapper = _d === void 0 ? {} : _d, _e = _a.binder, binder = _e === void 0 ? {} : _e, width = _a.width, height = _a.height, report = _a.report, onImport = _a.onImport, onCancel = _a.onCancel;
+    var application = _a.application, schema = _a.schema, session = _a.session, googleToken = _a.googleToken, _b = _a.importType, importType = _b === void 0 ? googleToken ? 'gss' : 'csv' : _b, _c = _a.currentData, currentData = _c === void 0 ? [] : _c, _d = _a.mapper, mapper = _d === void 0 ? {} : _d, _e = _a.binder, binder = _e === void 0 ? {} : _e, width = _a.width, height = _a.height, report = _a.report, onImport = _a.onImport, onCancel = _a.onCancel;
     var iframe = (0, react_1.useRef)(null);
     var handleMessage = (0, react_1.useCallback)(function (e) {
         var _a;
@@ -61,9 +61,10 @@ var DataTravelerImport = function (_a) {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);
-    return ((0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "datatraveler", name: "datatraveler", frameBorder: '0', src: url, style: {
-            width: width !== undefined ? "".concat(width, "px") : '100vw',
-            height: height !== undefined ? "".concat(height, "px") : '100vh',
+    return ((0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "datatraveler", name: "datatraveler", src: session === null || session === void 0 ? void 0 : session.newUrl, style: {
+            width: width !== undefined ? "".concat(width, "px") : '100%',
+            height: height !== undefined ? "".concat(height, "px") : '100%',
+            border: 0,
         } }));
 };
 exports.DataTravelerImport = DataTravelerImport;

package/dist/types.d.ts

@@ -12,3 +12,8 @@ export declare type UseReportType = {
     layoutId?: number;
     reportStep?: 'report' | 'preview';
 };
+export declare type Session = {
+    application: string;
+    url: string;
+    newUrl: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sutech_jp/datatraveler-react-client",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "react client for data traveler produced by SuTech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",