@sutech_jp/raas-react-client 0.1.42 → 0.2.0-beta.1

package/dist/config/ReportConfig.d.ts

@@ -1,7 +1,7 @@
-import { VFC } from 'react';
+import { FC } from 'react';
 import { Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Props = {
+type Props = {
     session: Session | undefined;
     width?: string | number;
     height?: string | number;
@@ -15,5 +15,5 @@ declare type Props = {
      */
     toolbarPosition?: 'top' | 'bottom';
 };
-export declare const ReportConfig: VFC<Props>;
+export declare const ReportConfig: FC<Props>;
 export {};

package/dist/config/ReportConfig.js

@@ -31,8 +31,7 @@ var ReportConfig = function (_a) {
             }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
         }
     }, [customStyles, session]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);

package/dist/designer/ReportDesigner.d.ts

@@ -1,7 +1,7 @@
-import { VFC } from 'react';
+import { FC } from 'react';
 import { DesignerOptions, Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Props = {
+type Props = {
     session: Session | undefined;
     data?: Record<string, any>;
     width?: string | number;
@@ -11,5 +11,5 @@ declare type Props = {
     onBack: () => void;
     onChangeOperating?: (operating: boolean) => void;
 };
-export declare const ReportDesigner: VFC<Props>;
+export declare const ReportDesigner: FC<Props>;
 export {};

package/dist/designer/ReportDesigner.js

@@ -38,8 +38,7 @@ var ReportDesigner = function (_a) {
             onChangeOperating && onChangeOperating(operating);
         }
     }, [customStyles, data, onBack, onChangeOperating, options, session === null || session === void 0 ? void 0 : session.newUrl]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);

package/dist/form/ReportPaperForm.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { ReportPaperFormProps } from '../types';
-export declare const ReportPaperForm: <D>({ session, layoutId, data, onDataUpdate, customData, onRender, reportOptions, layout, onLayoutUpdate, editability, layoutEditable, downloadable, version, width, height, customStyles, }: ReportPaperFormProps<D>) => ReactElement;
+export declare const ReportPaperForm: <D>({ session, layoutId, data, onDataUpdate, customData, onRender, reportOptions, layout, onLayoutUpdate, editability, layoutEditable, downloadable, version, width, height, customStyles, }: ReportPaperFormProps<D>) => ReactElement<any>;

package/dist/form/ReportPaperForm.js

@@ -26,46 +26,6 @@ var ReportPaperForm = function (_a) {
     var _h = __read((0, react_1.useState)(), 2), contentHeight = _h[0], setContentHeight = _h[1];
     var _j = __read((0, react_1.useState)(false), 2), layoutInitialized = _j[0], setLayoutInitialized = _j[1];
     var iframe = (0, react_1.useRef)(null);
-    var handleMessage = (0, react_1.useCallback)(function (e) {
-        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;
-        }
-        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;
-        if (from !== 'paperForm') {
-            return;
-        }
-        if (action === 'onAuthorized') {
-            setFormState('authorized');
-        }
-        else if (action === 'onReady') {
-            setLayoutInitialized(true);
-            setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
-        }
-        else if (action === 'onRender') {
-            if (onRender)
-                onRender((message === null || message === void 0 ? void 0 : message.hasRequiredBlank) || false);
-        }
-        else if (action === 'onDataUpdate') {
-            var businessData = message.businessData, customData_1 = message.customData, options = message.options;
-            if (onDataUpdate)
-                onDataUpdate(businessData, customData_1, options);
-        }
-        else if (action === 'onEditLayout') {
-            var layout_1 = message.layout;
-            if (onLayoutUpdate)
-                onLayoutUpdate(layout_1);
-        }
-        else if (action === 'onChangeContentHeight') {
-            setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
-        }
-    }, [session, onRender, onDataUpdate, onLayoutUpdate]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
-        window.addEventListener('message', handleMessage);
-        return function () { return window.removeEventListener('message', handleMessage); };
-    }, [handleMessage]);
     (0, react_1.useEffect)(function () {
         var _a;
         if (formState === 'unauthorized')
@@ -105,6 +65,45 @@ var ReportPaperForm = function (_a) {
             options: reportOptions,
         }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
     }, [formState, layoutInitialized, data, customData, reportOptions, session]);
+    var handleMessage = (0, react_1.useCallback)(function (e) {
+        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;
+        }
+        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;
+        if (from !== 'paperForm') {
+            return;
+        }
+        if (action === 'onAuthorized') {
+            setFormState('authorized');
+        }
+        else if (action === 'onReady') {
+            setLayoutInitialized(true);
+            setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
+        }
+        else if (action === 'onRender') {
+            if (onRender)
+                onRender((message === null || message === void 0 ? void 0 : message.hasRequiredBlank) || false);
+        }
+        else if (action === 'onDataUpdate') {
+            var businessData = message.businessData, customData_1 = message.customData, options = message.options;
+            if (onDataUpdate)
+                onDataUpdate(businessData, customData_1, options);
+        }
+        else if (action === 'onEditLayout') {
+            var layout_1 = message.layout;
+            if (onLayoutUpdate)
+                onLayoutUpdate(layout_1);
+        }
+        else if (action === 'onChangeContentHeight') {
+            setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
+        }
+    }, [session, onRender, onDataUpdate, onLayoutUpdate]);
+    (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: "paper-form", name: "paperForm", src: session === null || session === void 0 ? void 0 : session.newUrl, style: {
             width: width,
             height: height || "".concat(contentHeight ? contentHeight + 10 : 240, "px"),

package/dist/form/useReportPaperForm.d.ts

@@ -1,5 +1,5 @@
 import { CustomData, Layout, PaperFormArgs, ReportOptions, Session, UserEditability } from '../types';
-declare type Ret<D> = {
+type Ret<D> = {
     dirty: boolean;
     originalData: D;
     hasRequiredBlank: boolean;
@@ -13,7 +13,7 @@ declare type Ret<D> = {
         layout: Layout;
     };
 };
-declare type Options = {
+type Options = {
     editability?: UserEditability;
     layoutEditable?: boolean;
     downloadable?: boolean;

package/dist/gallery/ReportLayoutGallery.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Mode = 'config' | 'operation';
-declare type Props = {
+type Mode = 'config' | 'operation';
+type Props = {
     session: Session | undefined;
     width?: string | number;
     height?: string | number;
@@ -13,5 +13,5 @@ declare type Props = {
     onEditLayout?: (layoutId: number) => void;
     onCreateLayout?: () => void;
 };
-export declare const ReportLayoutGallery: FC<Props>;
+export declare const ReportLayoutGallery: FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/gallery/ReportLayoutGallery.js

@@ -44,8 +44,7 @@ var ReportLayoutGallery = function (_a) {
             }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
         }
     }, [customStyles, deletable, mode, onCreateLayout, onEditLayout, onSelectLayout, session]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);

package/dist/index.d.ts

@@ -6,5 +6,4 @@ export { ReportLayoutGallery } from './gallery/ReportLayoutGallery';
 export { ReportTenantInfo } from './tenantInfo/ReportTenantInfo';
 export { ReportOrganizer } from './organizer/ReportOrganizer';
 export { ReportWebForm } from './webform/ReportWebForm';
-export { ReportWebFormBulk } from './webform/ReportWebFormBulk';
 export * from './types';

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportWebFormBulk = exports.ReportWebForm = exports.ReportOrganizer = exports.ReportTenantInfo = exports.ReportLayoutGallery = exports.createLocalSession = exports.useReportPaperForm = exports.ReportPaperForm = exports.ReportDesigner = exports.ReportConfig = void 0;
+exports.ReportWebForm = exports.ReportOrganizer = exports.ReportTenantInfo = exports.ReportLayoutGallery = exports.createLocalSession = exports.useReportPaperForm = exports.ReportPaperForm = exports.ReportDesigner = exports.ReportConfig = void 0;
 var ReportConfig_1 = require("./config/ReportConfig");
 Object.defineProperty(exports, "ReportConfig", { enumerable: true, get: function () { return ReportConfig_1.ReportConfig; } });
 var ReportDesigner_1 = require("./designer/ReportDesigner");
@@ -32,6 +32,4 @@ var ReportOrganizer_1 = require("./organizer/ReportOrganizer");
 Object.defineProperty(exports, "ReportOrganizer", { enumerable: true, get: function () { return ReportOrganizer_1.ReportOrganizer; } });
 var ReportWebForm_1 = require("./webform/ReportWebForm");
 Object.defineProperty(exports, "ReportWebForm", { enumerable: true, get: function () { return ReportWebForm_1.ReportWebForm; } });
-var ReportWebFormBulk_1 = require("./webform/ReportWebFormBulk");
-Object.defineProperty(exports, "ReportWebFormBulk", { enumerable: true, get: function () { return ReportWebFormBulk_1.ReportWebFormBulk; } });
 __exportStar(require("./types"), exports);

package/dist/organizer/ReportOrganizer.d.ts

@@ -1,7 +1,7 @@
-import { VFC } from 'react';
+import { FC } from 'react';
 import { OrganizerEntryPoint, OrganizerOptions, OrganizerResult, Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Props = {
+type Props = {
     session: Session | undefined;
     width?: string | number;
     height?: string | number;
@@ -11,5 +11,5 @@ declare type Props = {
     onPerform?: (result: OrganizerResult) => void;
     onCancel?: () => void;
 };
-export declare const ReportOrganizer: VFC<Props>;
+export declare const ReportOrganizer: FC<Props>;
 export {};

package/dist/organizer/ReportOrganizer.js

@@ -40,8 +40,7 @@ var ReportOrganizer = function (_a) {
             onCancel && onCancel();
         }
     }, [customStyles, entry, onCancel, onPerform, options, session === null || session === void 0 ? void 0 : session.newUrl]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);

package/dist/tenantInfo/ReportTenantInfo.d.ts

@@ -1,11 +1,11 @@
-import { VFC } from 'react';
+import { FC } from 'react';
 import { Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Props = {
+type Props = {
     session: Session | undefined;
     width?: string | number;
     height?: string | number;
     customStyles?: ThemeOptions;
 };
-export declare const ReportTenantInfo: VFC<Props>;
+export declare const ReportTenantInfo: FC<Props>;
 export {};

package/dist/tenantInfo/ReportTenantInfo.js

@@ -31,8 +31,7 @@ var ReportTenantInfo = function (_a) {
             }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
         }
     }, [customStyles, session]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);

package/dist/types/index.d.ts

@@ -1,50 +1,50 @@
 import { ThemeOptions } from './theme';
 export { ThemeOptions, PaletteOptions, TypographyOptions, ColorOptions, Grayscale, TypographyVariants } from './theme';
-export type { ItemValue, ObjectValue, ArrayValue, BusinessData, BusinessDataList, ComponentOptions, CustomValidationResult, RowOperation, AddRowOperation, DeleteRowOperation, MoveRowOperation, } from './webform';
-export declare type Layout = any;
-export declare type CustomData = any[];
-export declare type ReportOptions = any[];
-export declare type UserEditability = 'all' | 'customDataOnly' | 'none';
-export declare type FormState = 'unauthorized' | 'authorized';
-export declare type PageSize = 'a3' | 'a4' | 'a5' | 'b3' | 'b4' | 'b5';
-export declare type OrganizerEntryPoint = 'default' | 'rename' | 'separation';
-export declare type OrganizerResult = {
+export type { ItemValue, ObjectValue, ArrayValue, BusinessData, ComponentOptions, CustomValidationResult, } from './webform';
+export type Layout = any;
+export type CustomData = any[];
+export type ReportOptions = any[];
+export type UserEditability = 'all' | 'customDataOnly' | 'none';
+export type FormState = 'unauthorized' | 'authorized';
+export type PageSize = 'a3' | 'a4' | 'a5' | 'b3' | 'b4' | 'b5';
+export type OrganizerEntryPoint = 'default' | 'rename' | 'separation';
+export type OrganizerResult = {
     id: number;
 };
-export declare type OrganizerOptions = {
+export type OrganizerOptions = {
     rename?: OrganizerRenameOptions;
     separation?: OrganizerSeparationOptions;
     ownOnly?: boolean;
 };
-export declare type OrganizerRenameOptions = {
+export type OrganizerRenameOptions = {
     enable?: boolean;
     enableStamp?: boolean;
     enableFileName?: boolean;
     defaultFileNamePattern?: string;
 };
-export declare type OrganizerSeparationOptions = {
+export type OrganizerSeparationOptions = {
     enable?: boolean;
     enableStamp?: boolean;
     enableMask?: boolean;
     enableFileName?: boolean;
     defaultFileNamePattern?: string;
 };
-export declare type DesignerOptions = {
+export type DesignerOptions = {
     disablePreviewByLog?: boolean;
     ownOnlyPreviewByLog?: boolean;
     pageSizes?: Array<PageSize>;
 };
-declare type LayoutEditable = {
+type LayoutEditable = {
     layoutEditable: true;
     layout: Layout;
     onLayoutUpdate: (layout: Layout) => void;
 };
-declare type LayoutNotEditable = {
+type LayoutNotEditable = {
     layoutEditable?: false;
     layout?: Layout;
     onLayoutUpdate?: (layout: Layout) => void;
 };
-export declare type PaperFormArgs<D> = {
+export type PaperFormArgs<D> = {
     data: D;
     onDataUpdate?: (data: D, customData: CustomData, reportOptions: ReportOptions) => void;
     customData?: CustomData;
@@ -56,12 +56,12 @@ export declare type PaperFormArgs<D> = {
     width?: string | number;
     height?: string | number;
 } & (LayoutEditable | LayoutNotEditable);
-export declare type ReportPaperFormProps<D> = {
+export type ReportPaperFormProps<D> = {
     session: Session | undefined;
     layoutId: number;
     customStyles?: ThemeOptions;
 } & PaperFormArgs<D>;
-export declare type Session = {
+export type Session = {
     application: string;
     url: string;
     newUrl: string;

package/dist/types/theme.d.ts

@@ -1,8 +1,8 @@
-export declare type ThemeOptions = {
+export type ThemeOptions = {
     palette?: PaletteOptions;
     typography?: TypographyVariants;
 };
-export declare type PaletteOptions = {
+export type PaletteOptions = {
     primary?: ColorOptions;
     secondary?: ColorOptions;
     info?: ColorOptions;
@@ -14,13 +14,13 @@ export declare type PaletteOptions = {
     };
     grey?: Grayscale;
 };
-export declare type ColorOptions = {
+export type ColorOptions = {
     light?: string;
     soft?: string;
     main?: string;
     dark?: string;
 };
-export declare type Grayscale = {
+export type Grayscale = {
     '50'?: string;
     '100'?: string;
     '200'?: string;
@@ -36,7 +36,7 @@ export declare type Grayscale = {
     A400?: string;
     A700?: string;
 };
-export declare type TypographyVariants = {
+export type TypographyVariants = {
     pageTitle?: TypographyOptions;
     dialogTitle?: TypographyOptions;
     subheadM?: TypographyOptions;
@@ -66,7 +66,7 @@ export declare type TypographyVariants = {
     toggleNormal?: TypographyOptions;
     togglePrimary?: TypographyOptions;
 };
-export declare type TypographyOptions = {
+export type TypographyOptions = {
     fontSize?: string;
     fontWeight?: number | string;
     lineHeight?: number | string;

package/dist/types/webform.d.ts

@@ -1,66 +1,41 @@
-export declare type RowOperation = AddRowOperation | DeleteRowOperation | MoveRowOperation;
-export declare type AddRowOperation = {
-    type: 'add';
-    property: string;
-    rowIndex: number;
-};
-export declare type DeleteRowOperation = {
-    type: 'delete';
-    property: string;
-    rowIndex: number;
-};
-export declare type MoveRowOperation = {
-    type: 'move';
-    property: string;
-    from: number;
-    to: number;
-};
-export declare type ItemValue = string | number | boolean | Date | null;
-export declare type ObjectValue = {
+export type ItemValue = string | number | boolean | Date | null;
+export type ObjectValue = {
     [key: string]: ItemValue | ObjectValue | ArrayValue;
 };
-export declare type ArrayValue = ObjectValue[];
-export declare type BusinessData = ObjectValue;
-export declare type BusinessDataList = Array<{
-    label: string;
-    values: BusinessData;
-}>;
-export declare type ComponentOptions = {
+export type ArrayValue = ObjectValue[];
+export type BusinessData = ObjectValue;
+export type ComponentOptions = {
     title?: string;
     requiredIndicator?: 'simple' | 'filled' | 'outlined';
     showReportGenerationButton?: boolean;
     showBackButton?: boolean;
-    settings?: {
-        showLayoutSettingMenu?: boolean;
-        showOptionsMenu?: boolean;
-    };
 };
-export declare type CustomValidationResult = {
+export type CustomValidationResult = {
     type: 'custom';
     property: string;
     error: boolean;
     message?: string;
 };
-export declare type ExtensionSchemaDef = {
+export type ExtensionSchemaDef = {
     container: ExtensionSchemaContainer;
     properties: ExtensionSchemaProperty[];
 };
-export declare type ExtensionSchemaContainer = {
+export type ExtensionSchemaContainer = {
     property: string;
     caption: string;
 };
-export declare type ExtensionSchemaProperty = TextProperty | NumberProperty | DateProperty | DatetimeProperty | BooleanProperty;
-export declare type PropertyBase = {
+export type ExtensionSchemaProperty = TextProperty | NumberProperty | DateProperty | DatetimeProperty | BooleanProperty;
+export type PropertyBase = {
     property: string;
     caption: string;
     required?: boolean;
 };
-export declare type TextProperty = {
+export type TextProperty = {
     type: 'text';
     minLength?: number;
     maxLength?: number;
 } & PropertyBase;
-export declare type NumberProperty = {
+export type NumberProperty = {
     type: 'number';
     min?: number;
     max?: number;
@@ -68,20 +43,20 @@ export declare type NumberProperty = {
     maxAcceptEqual?: boolean;
     precision?: number;
 } & PropertyBase;
-export declare type DateProperty = {
+export type DateProperty = {
     type: 'date';
     min?: Date;
     max?: Date;
     minAcceptEqual?: boolean;
     maxAcceptEqual?: boolean;
 } & PropertyBase;
-export declare type DatetimeProperty = {
+export type DatetimeProperty = {
     type: 'datetime';
     min?: Date;
     max?: Date;
     minAcceptEqual?: boolean;
     maxAcceptEqual?: boolean;
 } & PropertyBase;
-export declare type BooleanProperty = {
+export type BooleanProperty = {
     type: 'boolean';
 } & PropertyBase;

package/dist/webform/ReportWebForm.d.ts

@@ -1,8 +1,8 @@
-import { VFC } from 'react';
-import { BusinessData, CustomValidationResult, ComponentOptions, ItemValue, ExtensionSchemaDef, RowOperation } from 'src/types/webform';
+import { FC } from 'react';
+import { BusinessData, CustomValidationResult, ComponentOptions, ItemValue, ExtensionSchemaDef } from 'src/types/webform';
 import { Session } from '../types';
 import { ThemeOptions } from '../types/theme';
-declare type Props = {
+type Props = {
     session: Session | undefined;
     width?: string | number;
     height?: string | number;
@@ -15,10 +15,9 @@ 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;
-    onChangeRow?: (operation: RowOperation, values: BusinessData) => void;
     onGenerate?: (logId: string) => void;
     onChangeOperating?: (operating: boolean) => void;
     onBack?: () => void;
 };
-export declare const ReportWebForm: VFC<Props>;
+export declare const ReportWebForm: FC<Props>;
 export {};

package/dist/webform/ReportWebForm.js

@@ -9,12 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -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, 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);
@@ -73,10 +73,23 @@ var ReportWebForm = function (_a) {
             messageId: requestId,
         }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
     }, [session === null || session === void 0 ? void 0 : session.newUrl]);
+    (0, react_1.useEffect)(function () {
+        // 前回の initialized の値を取得
+        var wasInitialized = prevInitialized.current;
+        // initialized が true になった直後は、データ更新メッセージを送信する必要がないため
+        // initialized に加えて、前回の initialized（wasInitialized） を確認し、
+        // 両方が true の場合のみデータ更新メッセージを送信する
+        if (initialized && wasInitialized) {
+            // データの更新があった場合は、データを送信する
+            sendMessage('onUpdateData', values);
+        }
+        // 現在の initialized の値を保存
+        prevInitialized.current = initialized;
+    }, [initialized, values, sendMessage]);
     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, logId, operating;
+        return __generator(this, function (_c) {
+            switch (_c.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 +129,7 @@ var ReportWebForm = function (_a) {
                         // バリデーション結果を送信
                     ];
                 case 2:
-                    result = _d.sent();
+                    result = _c.sent();
                     // バリデーション結果を送信
                     sendMessage('onValidated', result, message.messageId);
                     return [3 /*break*/, 6];
@@ -132,7 +145,7 @@ var ReportWebForm = function (_a) {
                         // バリデーション結果を送信
                     ];
                 case 4:
-                    results = _d.sent();
+                    results = _c.sent();
                     // バリデーション結果を送信
                     sendMessage('onValidatedAll', results, message.messageId);
                     return [3 /*break*/, 6];
@@ -144,13 +157,6 @@ 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 === 'onChangeRow') {
-                        if (!onChangeRow) {
-                            return [2 /*return*/];
-                        }
-                        _c = message.payload, operation = _c.operation, values_4 = _c.values;
-                        onChangeRow(operation, values_4);
-                    }
                     else if (action === 'onGenerate') {
                         if (!onGenerate) {
                             return [2 /*return*/];
@@ -171,7 +177,7 @@ var ReportWebForm = function (_a) {
                         }
                         onBack();
                     }
-                    _d.label = 6;
+                    _c.label = 6;
                 case 6: return [2 /*return*/];
             }
         });
@@ -183,7 +189,6 @@ var ReportWebForm = function (_a) {
         onBack,
         onChange,
         onChangeOperating,
-        onChangeRow,
         onGenerate,
         options,
         sendMessage,
@@ -192,24 +197,10 @@ var ReportWebForm = function (_a) {
         validateAll,
         values,
     ]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };
     }, [handleMessage]);
-    (0, react_1.useEffect)(function () {
-        // 前回の initialized の値を取得
-        var wasInitialized = prevInitialized.current;
-        // initialized が true になった直後は、データ更新メッセージを送信する必要がないため
-        // initialized に加えて、前回の initialized（wasInitialized） を確認し、
-        // 両方が true の場合のみデータ更新メッセージを送信する
-        if (initialized && wasInitialized) {
-            // データの更新があった場合は、データを送信する
-            sendMessage('onUpdateData', values);
-        }
-        // 現在の initialized の値を保存
-        prevInitialized.current = initialized;
-    }, [initialized, values, sendMessage]);
     return (0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "webform", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
 };
 exports.ReportWebForm = ReportWebForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sutech_jp/raas-react-client",
-  "version": "0.1.42",
+  "version": "0.2.0-beta.1",
   "description": "react client for raas produced by SuTech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,11 +27,12 @@
     }
   },
   "devDependencies": {
-    "@testing-library/dom": "^8.11.1",
-    "@testing-library/jest-dom": "^5.15.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.4.0",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.0.3",
+    "@types/react": "19.1.10",
     "@types/node": "^16.9.4",
     "@typescript-eslint/eslint-plugin": "^4.31.2",
     "@typescript-eslint/parser": "^4.31.2",
@@ -45,17 +46,17 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-testing-library": "^5.0.1",
     "husky": "^4.3.8",
-    "jest": "^27.5.1",
+    "jest": "^29.0.3",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.0.7",
+    "ts-jest": "^29.0.3",
     "typedoc": "^0.26.10",
-    "typescript": "^4.4.3"
+    "typescript": "^5.4.0"
   },
   "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/dist/webform/ReportWebFormBulk.d.ts

@@ -1,21 +0,0 @@
-import { VFC } from 'react';
-import { BusinessDataList, ComponentOptions, ItemValue, ExtensionSchemaDef, RowOperation } from 'src/types/webform';
-import { Session } from '../types';
-import { ThemeOptions } from '../types/theme';
-declare type Props = {
-    session: Session | undefined;
-    width?: string | number;
-    height?: string | number;
-    customStyles?: ThemeOptions;
-    layoutId: number;
-    dataList?: BusinessDataList;
-    extensionSchemaDef?: ExtensionSchemaDef;
-    options?: ComponentOptions;
-    onChange?: (property: string, rowIndex: number | undefined, value: ItemValue, dataList: BusinessDataList) => void;
-    onChangeRow?: (operation: RowOperation, dataList: BusinessDataList) => void;
-    onCompleteInput?: (dataList: BusinessDataList) => void;
-    onChangeOperating?: (operating: boolean) => void;
-    onBack?: () => void;
-};
-export declare const ReportWebFormBulk: VFC<Props>;
-export {};

package/dist/webform/ReportWebFormBulk.js

@@ -1,169 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportWebFormBulk = void 0;
-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 _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);
-    var sendMessage = (0, react_1.useCallback)(function (action, props, requestId) {
-        var _a;
-        var iframeWindow = (_a = iframe.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
-        if (!iframeWindow)
-            return;
-        iframeWindow.postMessage({
-            from: 'webformClient',
-            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, dataList_1, _b, operation, dataList_2, dataList_3, operating;
-        return __generator(this, function (_c) {
-            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 !== 'webform') {
-                return [2 /*return*/];
-            }
-            if (action === 'onAuthorized') {
-                sendMessage('onShow', {
-                    customStyles: customStyles,
-                    layoutId: layoutId,
-                    dataList: dataList,
-                    extensionSchemaDef: extensionSchemaDef,
-                    options: options,
-                });
-                // 初期化完了状態にする
-                setInitialized(true);
-            }
-            else if (action === 'onChange') {
-                if (!onChange) {
-                    return [2 /*return*/];
-                }
-                _a = message.payload, property = _a.property, rowIndex = _a.rowIndex, value = _a.value, dataList_1 = _a.dataList;
-                onChange(property, rowIndex, value, dataList_1);
-            }
-            else if (action === 'onChangeRow') {
-                if (!onChangeRow) {
-                    return [2 /*return*/];
-                }
-                _b = message.payload, operation = _b.operation, dataList_2 = _b.dataList;
-                onChangeRow(operation, dataList_2);
-            }
-            else if (action === 'onCompleteInput') {
-                if (!onCompleteInput) {
-                    return [2 /*return*/];
-                }
-                dataList_3 = message.payload;
-                onCompleteInput(dataList_3);
-            }
-            else if (action === 'onChangeOperating') {
-                if (!onChangeOperating) {
-                    return [2 /*return*/];
-                }
-                operating = message.payload;
-                onChangeOperating(operating);
-            }
-            else if (action === 'onBack') {
-                if (!onBack) {
-                    return [2 /*return*/];
-                }
-                onBack();
-            }
-            return [2 /*return*/];
-        });
-    }); }, [
-        customStyles,
-        dataList,
-        extensionSchemaDef,
-        layoutId,
-        onBack,
-        onChange,
-        onChangeOperating,
-        onChangeRow,
-        onCompleteInput,
-        options,
-        sendMessage,
-        session === null || session === void 0 ? void 0 : session.newUrl,
-    ]);
-    // リスナーの登録は必ず先に済ませる必要があるため、useLayoutEffect を使用する
-    (0, react_1.useLayoutEffect)(function () {
-        window.addEventListener('message', handleMessage);
-        return function () { return window.removeEventListener('message', handleMessage); };
-    }, [handleMessage]);
-    (0, react_1.useEffect)(function () {
-        // 前回の initialized の値を取得
-        var wasInitialized = prevInitialized.current;
-        // initialized が true になった直後は、データ更新メッセージを送信する必要がないため
-        // initialized に加えて、前回の initialized（wasInitialized） を確認し、
-        // 両方が true の場合のみデータ更新メッセージを送信する
-        if (initialized && wasInitialized) {
-            // データの更新があった場合は、データを送信する
-            sendMessage('onUpdateData', dataList);
-        }
-        // 現在の initialized の値を保存
-        prevInitialized.current = initialized;
-    }, [initialized, dataList, sendMessage]);
-    return (0, jsx_runtime_1.jsx)("iframe", { ref: iframe, id: "webform", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
-};
-exports.ReportWebFormBulk = ReportWebFormBulk;