@sutech_jp/datatraveler-react-client 0.1.31 → 0.1.33

package/dist/DataTravelerWebFormBulk.d.ts

@@ -0,0 +1,16 @@
+import { VFC } from 'react';
+import { Session } from './types';
+import { ThemeOptions } from './types/theme';
+import { ComponentOptions } from './types/webform';
+declare type Props = {
+    session: Session | undefined;
+    width?: string | number;
+    height?: string | number;
+    customStyles?: ThemeOptions;
+    options?: ComponentOptions;
+    dataIds: string[];
+    handleCompleteInput?: (editId: string) => Promise<void>;
+    handleBack?: () => void;
+};
+export declare const DataTravelerWebFormBulk: VFC<Props>;
+export {};

package/dist/{DataTravelerBulkWebForm.js → DataTravelerWebFormBulk.js}

@@ -36,12 +36,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTravelerBulkWebForm = void 0;
+exports.DataTravelerWebFormBulk = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("./util/targetOrigin");
-var DataTravelerBulkWebForm = 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, application = _a.application, schema = _a.schema, dataIds = _a.dataIds, layoutId = _a.layoutId, onChange = _a.onChange;
+var DataTravelerWebFormBulk = 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, dataIds = _a.dataIds, options = _a.options, handleCompleteInput = _a.handleCompleteInput, handleBack = _a.handleBack;
     var iframe = (0, react_1.useRef)(null);
     var sendMessage = (0, react_1.useCallback)(function (action, props, requestId) {
         var _a;
@@ -49,49 +49,59 @@ var DataTravelerBulkWebForm = function (_a) {
         if (!iframeWindow)
             return;
         iframeWindow.postMessage({
-            from: 'dataTravelerBulkWebformClient',
+            from: 'dataTravelerWebformBulkClient',
             action: action,
             props: props,
             messageId: requestId,
         }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
     }, [session === null || session === void 0 ? void 0 : session.newUrl]);
     var handleMessage = (0, react_1.useCallback)(function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var message, from, action, _a, property, rowIndex, value, values;
-        return __generator(this, function (_b) {
-            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 [2 /*return*/];
+        var message, from, action, editId;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    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 [2 /*return*/];
+                    }
+                    message = e.data;
+                    from = message === null || message === void 0 ? void 0 : message.from;
+                    action = message === null || message === void 0 ? void 0 : message.action;
+                    if (from !== 'dataTravelerWebformBulk') {
+                        return [2 /*return*/];
+                    }
+                    if (!(action === 'onAuthorized')) return [3 /*break*/, 1];
+                    sendMessage('onShow', {
+                        width: width,
+                        height: height,
+                        customStyles: customStyles,
+                        options: options,
+                        dataIds: dataIds,
+                    });
+                    return [3 /*break*/, 4];
+                case 1:
+                    if (!(action === 'onCompleteInput')) return [3 /*break*/, 3];
+                    if (!handleCompleteInput)
+                        return [2 /*return*/];
+                    editId = message.payload.editId;
+                    return [4 /*yield*/, handleCompleteInput(editId)];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    if (action === 'onBack') {
+                        if (!handleBack)
+                            return [2 /*return*/];
+                        handleBack();
+                    }
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
             }
-            message = e.data;
-            from = message === null || message === void 0 ? void 0 : message.from;
-            action = message === null || message === void 0 ? void 0 : message.action;
-            if (from !== 'dataTravelerBulkWebform') {
-                return [2 /*return*/];
-            }
-            if (action === 'onAuthorized') {
-                sendMessage('onShow', {
-                    width: width,
-                    height: height,
-                    customStyles: customStyles,
-                    application: application,
-                    schema: schema,
-                    dataIds: dataIds,
-                    layoutId: layoutId,
-                });
-            }
-            else if (action === 'onChange') {
-                if (!onChange) {
-                    return [2 /*return*/];
-                }
-                _a = message.payload, property = _a.property, rowIndex = _a.rowIndex, value = _a.value, values = _a.values;
-                onChange(property, rowIndex, value, values);
-            }
-            return [2 /*return*/];
         });
-    }); }, [customStyles, onChange, sendMessage, session === null || session === void 0 ? void 0 : session.newUrl, width, height, application, schema, dataIds, layoutId]);
+    }); }, [customStyles, handleCompleteInput, handleBack, options, sendMessage, session === null || session === void 0 ? void 0 : session.newUrl, width, height, dataIds]);
     (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: "dataTravelerBulkWebForm", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
+    return (0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "dataTravelerWebFormBulk", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
 };
-exports.DataTravelerBulkWebForm = DataTravelerBulkWebForm;
+exports.DataTravelerWebFormBulk = DataTravelerWebFormBulk;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from './DataTravelerImport';
-export * from './DataTravelerBulkWebForm';
+export * from './DataTravelerWebFormBulk';
 export * from './types';

package/dist/index.js

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

package/dist/types/index.d.ts

@@ -54,3 +54,4 @@ export declare type WorkMemoDef = {
     description?: string;
 };
 export { ThemeOptions, PaletteOptions, TypographyOptions, ColorOptions, Grayscale, TypographyVariants } from './theme';
+export { ComponentOptions } from './webform';

package/dist/types/webform.d.ts

@@ -1,62 +1,9 @@
-export declare type ItemValue = string | number | boolean | Date | null;
-export declare type ObjectValue = {
-    [key: string]: ItemValue | ObjectValue | ArrayValue;
-};
-export declare type ArrayValue = ObjectValue[];
-export declare type BusinessData = ObjectValue;
 export declare type ComponentOptions = {
     title?: string;
     requiredIndicator?: 'simple' | 'filled' | 'outlined';
-    showReportGenerationButton?: boolean;
     showBackButton?: boolean;
+    settings?: {
+        showLayoutSettingMenu?: boolean;
+        showOptionsMenu?: boolean;
+    };
 };
-export declare type CustomValidationResult = {
-    type: 'custom';
-    property: string;
-    error: boolean;
-    message?: string;
-};
-export declare type ExtensionSchemaDef = {
-    container: ExtensionSchemaContainer;
-    properties: ExtensionSchemaProperty[];
-};
-export declare type ExtensionSchemaContainer = {
-    property: string;
-    caption: string;
-};
-export declare type ExtensionSchemaProperty = TextProperty | NumberProperty | DateProperty | DatetimeProperty | BooleanProperty;
-export declare type PropertyBase = {
-    property: string;
-    caption: string;
-    required?: boolean;
-};
-export declare type TextProperty = {
-    type: 'text';
-    minLength?: number;
-    maxLength?: number;
-} & PropertyBase;
-export declare type NumberProperty = {
-    type: 'number';
-    min?: number;
-    max?: number;
-    minAcceptEqual?: boolean;
-    maxAcceptEqual?: boolean;
-    precision?: number;
-} & PropertyBase;
-export declare type DateProperty = {
-    type: 'date';
-    min?: Date;
-    max?: Date;
-    minAcceptEqual?: boolean;
-    maxAcceptEqual?: boolean;
-} & PropertyBase;
-export declare type DatetimeProperty = {
-    type: 'datetime';
-    min?: Date;
-    max?: Date;
-    minAcceptEqual?: boolean;
-    maxAcceptEqual?: boolean;
-} & PropertyBase;
-export declare type BooleanProperty = {
-    type: 'boolean';
-} & PropertyBase;

package/package.json

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

package/dist/DataTravelerBulkWebForm.d.ts

@@ -1,17 +0,0 @@
-import { VFC } from 'react';
-import { Session } from './types';
-import { ThemeOptions } from './types/theme';
-import { BusinessData, ItemValue } from './types/webform';
-declare type Props = {
-    session: Session | undefined;
-    width?: string | number;
-    height?: string | number;
-    customStyles?: ThemeOptions;
-    application: string;
-    schema: string;
-    dataIds: string[];
-    layoutId: number;
-    onChange?: (property: string, rowIndex: number | undefined, value: ItemValue, values: BusinessData) => void;
-};
-export declare const DataTravelerBulkWebForm: VFC<Props>;
-export {};