@sutech_jp/datatraveler-react-client 0.0.10 → 0.0.11

package/dist/DataTravelerImport.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { DataImportDef, DataImportParseMaps } from './types';
+import { DataImportDef, Mapper } from './types';
 export declare type DataImportResult<D> = {
     insert: D[];
     update: D[];
@@ -12,7 +12,7 @@ declare type Props<D> = {
     onImport: (result: DataImportResult<D>) => void;
     onCancel?: () => void;
     currentData?: D[];
-    maps?: DataImportParseMaps;
+    maps?: Mapper;
     width?: number;
     height?: number;
 };

package/dist/DataTravelerImportNew.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { EntitySchema, Mapper } from './types';
+declare type DataImportResult<D> = {
+    insert: D[];
+    update: D[];
+    dataImportLogId: string;
+};
+declare type Props<D> = {
+    url: string;
+    entitySchemas: EntitySchema[];
+    googleToken?: string;
+    onImport: (result: DataImportResult<D>) => void;
+    onCancel?: () => void;
+    currentData?: D[];
+    maps?: Mapper;
+    width?: number;
+    height?: number;
+};
+export declare const DataTravelerImportNew: <D>({ url, entitySchemas, googleToken, currentData, maps, width, height, onImport, onCancel, }: Props<D>) => ReactElement;
+export {};

package/dist/DataTravelerImportNew.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTravelerImportNew = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var DataTravelerImportNew = function (_a) {
+    var url = _a.url, entitySchemas = _a.entitySchemas, googleToken = _a.googleToken, _b = _a.currentData, currentData = _b === void 0 ? [] : _b, _c = _a.maps, maps = _c === void 0 ? {} : _c, width = _a.width, height = _a.height, onImport = _a.onImport, onCancel = _a.onCancel;
+    var iframe = (0, react_1.useRef)(null);
+    var handleMessage = (0, react_1.useCallback)(function (e) {
+        var _a;
+        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;
+        var payload = message === null || message === void 0 ? void 0 : message.payload;
+        if (from !== 'dataTraveler') {
+            return;
+        }
+        if (action === 'onAuthorized') {
+            var iframeWindow = (_a = iframe.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
+            if (!iframeWindow)
+                return;
+            iframeWindow.postMessage({
+                from: 'dataTravelerClient',
+                action: 'onShow',
+                entitySchemas: entitySchemas,
+                currentData: currentData,
+                maps: maps,
+                useCancel: !!onCancel,
+                googleToken: googleToken,
+                size: {
+                    width: width,
+                    height: height,
+                },
+            }, '*');
+        }
+        else if (action === 'onImport') {
+            onImport(payload);
+        }
+        else if (action === 'onCancel') {
+            onCancel && onCancel();
+        }
+    }, [entitySchemas, currentData, maps, onCancel, googleToken, width, height, onImport]);
+    (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: "datatraveler", name: "datatraveler", frameBorder: '0', src: url, style: {
+            width: width !== undefined ? "".concat(width, "px") : '100vw',
+            height: height !== undefined ? "".concat(height, "px") : '100vh',
+        } }));
+};
+exports.DataTravelerImportNew = DataTravelerImportNew;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DataTravelerImport';
+export * from './DataTravelerImportNew';
 export * from './types';

package/dist/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./DataTravelerImport"), exports);
+__exportStar(require("./DataTravelerImportNew"), exports);
 __exportStar(require("./types"), exports);

package/dist/types.d.ts

@@ -33,4 +33,38 @@ export declare type RecordMessage<LVL extends 'error' | 'warning' | 'info'> = {
     level: LVL;
     message: string;
 };
-export declare type DataImportParseMaps = Record<string, Record<string, number>>;
+export declare type EntitySchema = {
+    property: string;
+} & (TextEntitySchema | NumberEntitySchema | DateEntitySchema | ArrayEntitySchema | ObjectEntitySchema | OriginalEntitySchema);
+declare type ValueEntitySchema<T> = {
+    key?: boolean;
+    mapping?: {
+        name: string;
+    };
+    default?: T;
+    notNull?: boolean;
+    allow?: T[];
+    ignoreUpdate?: T[];
+};
+declare type TextEntitySchema = {
+    type: 'text';
+} & ValueEntitySchema<string>;
+declare type NumberEntitySchema = {
+    type: 'number';
+} & ValueEntitySchema<number>;
+declare type DateEntitySchema = {
+    type: 'date';
+} & ValueEntitySchema<Date>;
+declare type ArrayEntitySchema = {
+    type: 'array';
+    children: EntitySchema[];
+};
+declare type ObjectEntitySchema = {
+    type: 'object';
+    children: EntitySchema[];
+};
+declare type OriginalEntitySchema = {
+    type: 'original';
+};
+export declare type Mapper = Record<string, Record<string, string | number>>;
+export {};

package/package.json

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