@sutech_jp/raas-react-client 0.0.4 → 0.0.6

package/dist/LayoutGallery.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+declare type LayoutGalleryProps = {
+    url: string;
+    onSelectLayout: (layoutId: number) => void;
+};
+export declare const LayoutGallery: FC<LayoutGalleryProps>;
+export {};

package/dist/LayoutGallery.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutGallery = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var LayoutGallery = function (_a) {
+    var url = _a.url, onSelectLayout = _a.onSelectLayout;
+    var handleMessage = (0, react_1.useCallback)(function (e) {
+        var _a, _b, _c;
+        if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.from) === 'gallery' && ((_b = e.data) === null || _b === void 0 ? void 0 : _b.action) === 'selectLayout') {
+            onSelectLayout((_c = e.data) === null || _c === void 0 ? void 0 : _c.layoutId);
+        }
+    }, [onSelectLayout]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('message', handleMessage);
+        return function () { return window.removeEventListener('message', handleMessage); };
+    }, [handleMessage]);
+    return (0, jsx_runtime_1.jsx)("iframe", { id: "gallery", frameBorder: '0', src: url, style: { width: '100%', height: 'calc(100vh/1.5)' } });
+};
+exports.LayoutGallery = LayoutGallery;

package/dist/useReportPaperForm.d.ts

@@ -1,8 +1,10 @@
 import { CustomData, Layout, PaperFormArgs, ReportOptions, UserEditability } from './types';
 declare type Ret<D> = {
     dirty: boolean;
+    originalData: D;
     hasRequiredBlank: boolean;
     onInitialize: (data: D) => void;
+    onReset: () => void;
     paperFormArgs: Required<PaperFormArgs<D>>;
     generatePdfArgs: {
         data: D;

package/dist/useReportPaperForm.js

@@ -20,18 +20,27 @@ exports.useReportPaperForm = void 0;
 var react_1 = require("react");
 var useReportPaperForm = function (initialData, options) {
     var _a = __read((0, react_1.useState)(initialData), 2), data = _a[0], setData = _a[1];
-    var _b = __read((0, react_1.useState)([]), 2), customData = _b[0], setCustomData = _b[1];
-    var _c = __read((0, react_1.useState)([]), 2), reportOptions = _c[0], setReportOptions = _c[1];
-    var _d = __read((0, react_1.useState)(), 2), layout = _d[0], setLayout = _d[1];
-    var _e = __read((0, react_1.useState)(false), 2), dirty = _e[0], setDirty = _e[1];
-    var _f = __read((0, react_1.useState)(false), 2), hasRequiredBlank = _f[0], setHasRequiredBlank = _f[1];
+    var _b = __read((0, react_1.useState)(initialData), 2), originalData = _b[0], setOriginalData = _b[1];
+    var _c = __read((0, react_1.useState)([]), 2), customData = _c[0], setCustomData = _c[1];
+    var _d = __read((0, react_1.useState)([]), 2), reportOptions = _d[0], setReportOptions = _d[1];
+    var _e = __read((0, react_1.useState)(), 2), layout = _e[0], setLayout = _e[1];
+    var _f = __read((0, react_1.useState)(false), 2), dirty = _f[0], setDirty = _f[1];
+    var _g = __read((0, react_1.useState)(false), 2), hasRequiredBlank = _g[0], setHasRequiredBlank = _g[1];
     var onInitialize = (0, react_1.useCallback)(function (data) {
         setData(data);
+        setOriginalData(data);
         setCustomData([]);
         setReportOptions([]);
         setLayout(undefined);
         setDirty(false);
     }, []);
+    var onReset = (0, react_1.useCallback)(function () {
+        setData(originalData);
+        setCustomData([]);
+        setReportOptions([]);
+        setLayout(undefined);
+        setDirty(false);
+    }, [originalData]);
     var onDataUpdate = (0, react_1.useCallback)(function (data, options) {
         setData(data);
         setReportOptions(options);
@@ -50,7 +59,9 @@ var useReportPaperForm = function (initialData, options) {
     return {
         dirty: dirty,
         hasRequiredBlank: hasRequiredBlank,
+        originalData: originalData,
         onInitialize: onInitialize,
+        onReset: onReset,
         paperFormArgs: {
             data: data,
             onDataUpdate: onDataUpdate,

package/package.json

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