@sutech_jp/raas-react-client 0.1.43 → 0.1.45

package/dist/types/webform.d.ts

@@ -16,6 +16,11 @@ export declare type MoveRowOperation = {
     to: number;
 };
 export declare type ItemValue = string | number | boolean | Date | null;
+export declare type ColumnChangeValue = {
+    property: string;
+    listProperty: string;
+    value: ItemValue;
+};
 export declare type ObjectValue = {
     [key: string]: ItemValue | ObjectValue | ArrayValue;
 };

package/dist/webform/ReportWebForm.d.ts

@@ -1,5 +1,5 @@
 import { VFC } from 'react';
-import { BusinessData, CustomValidationResult, ComponentOptions, ItemValue, ExtensionSchemaDef, RowOperation } from 'src/types/webform';
+import { BusinessData, CustomValidationResult, ComponentOptions, ItemValue, ExtensionSchemaDef, RowOperation, ColumnChangeValue } from 'src/types/webform';
 import { Session } from '../types';
 import { ThemeOptions } from '../types/theme';
 declare type Props = {
@@ -15,6 +15,7 @@ declare type Props = {
     validate?: (property: string, rowIndex: number | undefined, value: ItemValue, values: BusinessData) => Promise<CustomValidationResult>;
     validateAll?: (values: BusinessData) => Promise<CustomValidationResult[]>;
     onChange?: (property: string, rowIndex: number | undefined, value: ItemValue, values: BusinessData) => void;
+    onChangeList?: (changes: ColumnChangeValue[], values: BusinessData) => void;
     onChangeRow?: (operation: RowOperation, values: BusinessData) => void;
     onGenerate?: (logId: string) => void;
     onChangeOperating?: (operating: boolean) => void;

package/dist/webform/ReportWebForm.js

@@ -57,7 +57,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("../util/targetOrigin");
 var ReportWebForm = 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, layoutId = _a.layoutId, values = _a.values, fileName = _a.fileName, extensionSchemaDef = _a.extensionSchemaDef, options = _a.options, validate = _a.validate, validateAll = _a.validateAll, onChange = _a.onChange, onChangeRow = _a.onChangeRow, onGenerate = _a.onGenerate, onChangeOperating = _a.onChangeOperating, onBack = _a.onBack;
+    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, layoutId = _a.layoutId, values = _a.values, fileName = _a.fileName, extensionSchemaDef = _a.extensionSchemaDef, options = _a.options, validate = _a.validate, validateAll = _a.validateAll, onChange = _a.onChange, onChangeList = _a.onChangeList, onChangeRow = _a.onChangeRow, onGenerate = _a.onGenerate, onChangeOperating = _a.onChangeOperating, onBack = _a.onBack;
     var _d = __read((0, react_1.useState)(false), 2), initialized = _d[0], setInitialized = _d[1];
     var prevInitialized = (0, react_1.useRef)(false);
     var iframe = (0, react_1.useRef)(null);
@@ -74,9 +74,9 @@ var ReportWebForm = function (_a) {
         }, (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_1, result_1, result, values_2, results, _b, property, rowIndex, value, values_3, _c, operation, values_4, logId, operating;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var message, from, action, _a, property, rowIndex, value, values_1, result_1, result, values_2, results, _b, property, rowIndex, value, values_3, _c, changes, values_4, _d, operation, values_5, logId, operating;
+        return __generator(this, function (_e) {
+            switch (_e.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*/];
@@ -116,7 +116,7 @@ var ReportWebForm = function (_a) {
                         // バリデーション結果を送信
                     ];
                 case 2:
-                    result = _d.sent();
+                    result = _e.sent();
                     // バリデーション結果を送信
                     sendMessage('onValidated', result, message.messageId);
                     return [3 /*break*/, 6];
@@ -132,7 +132,7 @@ var ReportWebForm = function (_a) {
                         // バリデーション結果を送信
                     ];
                 case 4:
-                    results = _d.sent();
+                    results = _e.sent();
                     // バリデーション結果を送信
                     sendMessage('onValidatedAll', results, message.messageId);
                     return [3 /*break*/, 6];
@@ -144,12 +144,19 @@ var ReportWebForm = function (_a) {
                         _b = message.payload, property = _b.property, rowIndex = _b.rowIndex, value = _b.value, values_3 = _b.values;
                         onChange(property, rowIndex, value, values_3);
                     }
+                    else if (action === 'onChangeList') {
+                        if (!onChangeList) {
+                            return [2 /*return*/];
+                        }
+                        _c = message.payload, changes = _c.changes, values_4 = _c.values;
+                        onChangeList(changes, values_4);
+                    }
                     else if (action === 'onChangeRow') {
                         if (!onChangeRow) {
                             return [2 /*return*/];
                         }
-                        _c = message.payload, operation = _c.operation, values_4 = _c.values;
-                        onChangeRow(operation, values_4);
+                        _d = message.payload, operation = _d.operation, values_5 = _d.values;
+                        onChangeRow(operation, values_5);
                     }
                     else if (action === 'onGenerate') {
                         if (!onGenerate) {
@@ -171,7 +178,7 @@ var ReportWebForm = function (_a) {
                         }
                         onBack();
                     }
-                    _d.label = 6;
+                    _e.label = 6;
                 case 6: return [2 /*return*/];
             }
         });
@@ -182,6 +189,7 @@ var ReportWebForm = function (_a) {
         layoutId,
         onBack,
         onChange,
+        onChangeList,
         onChangeOperating,
         onChangeRow,
         onGenerate,

package/dist/webform/ReportWebFormBulk.d.ts

@@ -13,6 +13,7 @@ declare type Props = {
     options?: ComponentOptions;
     onChange?: (property: string, rowIndex: number | undefined, value: ItemValue, dataList: BusinessDataList) => void;
     onChangeRow?: (operation: RowOperation, dataList: BusinessDataList) => void;
+    onReset?: (property: string, rowIndex: number | undefined, dataList: BusinessDataList) => void;
     onCompleteInput?: (dataList: BusinessDataList) => Promise<void>;
     onChangeOperating?: (operating: boolean) => void;
     onBack?: () => void;

package/dist/webform/ReportWebFormBulk.js

@@ -57,7 +57,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("../util/targetOrigin");
 var ReportWebFormBulk = 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, layoutId = _a.layoutId, dataList = _a.dataList, extensionSchemaDef = _a.extensionSchemaDef, options = _a.options, onChange = _a.onChange, onChangeRow = _a.onChangeRow, onCompleteInput = _a.onCompleteInput, onChangeOperating = _a.onChangeOperating, onBack = _a.onBack;
+    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, layoutId = _a.layoutId, dataList = _a.dataList, extensionSchemaDef = _a.extensionSchemaDef, options = _a.options, onChange = _a.onChange, onChangeRow = _a.onChangeRow, onReset = _a.onReset, onCompleteInput = _a.onCompleteInput, onChangeOperating = _a.onChangeOperating, onBack = _a.onBack;
     var _d = __read((0, react_1.useState)(false), 2), initialized = _d[0], setInitialized = _d[1];
     var prevInitialized = (0, react_1.useRef)(false);
     var iframe = (0, react_1.useRef)(null);
@@ -74,9 +74,9 @@ var ReportWebFormBulk = function (_a) {
         }, (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, dataList_1, _b, operation, dataList_2, dataList_3, operating;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var message, from, action, _a, property, rowIndex, value, dataList_1, _b, operation, dataList_2, _c, property, rowIndex, dataList_3, dataList_4, operating;
+        return __generator(this, function (_d) {
+            switch (_d.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*/];
@@ -97,7 +97,7 @@ var ReportWebFormBulk = function (_a) {
                     });
                     // 初期化完了状態にする
                     setInitialized(true);
-                    return [3 /*break*/, 6];
+                    return [3 /*break*/, 7];
                 case 1:
                     if (!(action === 'onChange')) return [3 /*break*/, 2];
                     if (!onChange) {
@@ -105,7 +105,7 @@ var ReportWebFormBulk = function (_a) {
                     }
                     _a = message.payload, property = _a.property, rowIndex = _a.rowIndex, value = _a.value, dataList_1 = _a.dataList;
                     onChange(property, rowIndex, value, dataList_1);
-                    return [3 /*break*/, 6];
+                    return [3 /*break*/, 7];
                 case 2:
                     if (!(action === 'onChangeRow')) return [3 /*break*/, 3];
                     if (!onChangeRow) {
@@ -113,26 +113,34 @@ var ReportWebFormBulk = function (_a) {
                     }
                     _b = message.payload, operation = _b.operation, dataList_2 = _b.dataList;
                     onChangeRow(operation, dataList_2);
-                    return [3 /*break*/, 6];
+                    return [3 /*break*/, 7];
                 case 3:
-                    if (!(action === 'onCompleteInput')) return [3 /*break*/, 5];
+                    if (!(action === 'onReset')) return [3 /*break*/, 4];
+                    if (!onReset) {
+                        return [2 /*return*/];
+                    }
+                    _c = message.payload, property = _c.property, rowIndex = _c.rowIndex, dataList_3 = _c.dataList;
+                    onReset(property, rowIndex, dataList_3);
+                    return [3 /*break*/, 7];
+                case 4:
+                    if (!(action === 'onCompleteInput')) return [3 /*break*/, 6];
                     if (!onCompleteInput) {
                         // 結果メッセージを送信
                         sendMessage('onCompleted', {}, message.messageId);
                         return [2 /*return*/];
                     }
-                    dataList_3 = message.payload;
+                    dataList_4 = message.payload;
                     // 入力完了処理を同期待ちする
-                    return [4 /*yield*/, onCompleteInput(dataList_3)
+                    return [4 /*yield*/, onCompleteInput(dataList_4)
                         // 結果メッセージを送信
                     ];
-                case 4:
+                case 5:
                     // 入力完了処理を同期待ちする
-                    _c.sent();
+                    _d.sent();
                     // 結果メッセージを送信
                     sendMessage('onCompleted', {}, message.messageId);
-                    return [3 /*break*/, 6];
-                case 5:
+                    return [3 /*break*/, 7];
+                case 6:
                     if (action === 'onChangeOperating') {
                         if (!onChangeOperating) {
                             return [2 /*return*/];
@@ -146,8 +154,8 @@ var ReportWebFormBulk = function (_a) {
                         }
                         onBack();
                     }
-                    _c.label = 6;
-                case 6: return [2 /*return*/];
+                    _d.label = 7;
+                case 7: return [2 /*return*/];
             }
         });
     }); }, [
@@ -159,6 +167,7 @@ var ReportWebFormBulk = function (_a) {
         onChange,
         onChangeOperating,
         onChangeRow,
+        onReset,
         onCompleteInput,
         options,
         sendMessage,

package/package.json

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