@sutech_jp/datatraveler-react-client 0.0.12 → 0.0.14

package/dist/DataTravelerImport.d.ts

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

package/dist/DataTravelerImport.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTravelerImport = void 0;
+exports.DataTravelerImportNew = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DataTravelerImport = function (_a) {
-    var url = _a.url, importDef = _a.importDef, 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 DataTravelerImportNew = function (_a) {
+    var application = _a.application, schema = _a.schema, url = _a.url, entitySchemas = _a.entitySchemas, googleToken = _a.googleToken, _b = _a.csvParseSetting, csvParseSetting = _b === void 0 ? {} : _b, _c = _a.currentData, currentData = _c === void 0 ? [] : _c, _d = _a.maps, maps = _d === void 0 ? {} : _d, 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;
@@ -22,7 +22,10 @@ var DataTravelerImport = function (_a) {
             iframeWindow.postMessage({
                 from: 'dataTravelerClient',
                 action: 'onShow',
-                importDef: importDef,
+                application: application,
+                schema: schema,
+                entitySchemas: entitySchemas,
+                csvParseSetting: csvParseSetting,
                 currentData: currentData,
                 maps: maps,
                 useCancel: !!onCancel,
@@ -39,7 +42,19 @@ var DataTravelerImport = function (_a) {
         else if (action === 'onCancel') {
             onCancel && onCancel();
         }
-    }, [importDef, currentData, maps, onCancel, googleToken, width, height, onImport]);
+    }, [
+        application,
+        schema,
+        entitySchemas,
+        csvParseSetting,
+        currentData,
+        maps,
+        onCancel,
+        googleToken,
+        width,
+        height,
+        onImport,
+    ]);
     (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
@@ -49,4 +64,4 @@ var DataTravelerImport = function (_a) {
             height: height !== undefined ? "".concat(height, "px") : '100vh',
         } }));
 };
-exports.DataTravelerImport = DataTravelerImport;
+exports.DataTravelerImportNew = DataTravelerImportNew;

package/dist/index.d.ts

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

package/dist/index.js

@@ -15,5 +15,4 @@ 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

@@ -1,38 +1,3 @@
-export declare type DataImportDef<K> = {
-    ignore?: {
-        dataColumn: string;
-        values: string[];
-    }[];
-    ignoreSaved?: {
-        dataColumn: string;
-        values: number[];
-    }[];
-    lastRow?: {
-        condition: {
-            dataColumn: string;
-            values: string[];
-        }[];
-        errorWhenNotFound?: boolean;
-    };
-    columns: {
-        [P in keyof K]?: ColumnDef<K>;
-    };
-};
-export declare type ColumnDef<K> = {
-    key?: boolean;
-    dataType: 'text' | 'number' | 'original';
-    allow?: string[];
-    mapper?: {
-        name: string;
-        reflectTo: string;
-    };
-    notNull?: boolean;
-    validate?: (obj: K) => void | RecordMessage<'error' | 'info' | 'warning'>;
-};
-export declare type RecordMessage<LVL extends 'error' | 'warning' | 'info'> = {
-    level: LVL;
-    message: string;
-};
 export declare type EntitySchema = {
     property: string;
 } & (TextEntitySchema | NumberEntitySchema | DateEntitySchema | ArrayEntitySchema | ObjectEntitySchema | OriginalEntitySchema);
@@ -80,4 +45,9 @@ export declare type CsvParseSetting = {
         errorWhenNotFound?: boolean;
     };
 };
+export declare type DataTravelerResult<D> = {
+    insert: D[];
+    update: D[];
+    dataImportLogId: string;
+};
 export {};

package/package.json

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

package/dist/DataTravelerImportNew.d.ts

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

package/dist/DataTravelerImportNew.js

@@ -1,53 +0,0 @@
-"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.csvParseSetting, csvParseSetting = _b === void 0 ? {} : _b, _c = _a.currentData, currentData = _c === void 0 ? [] : _c, _d = _a.maps, maps = _d === void 0 ? {} : _d, 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,
-                csvParseSetting: csvParseSetting,
-                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, csvParseSetting, 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;