@sutech_jp/raas-react-client 0.0.47 → 0.1.26

package/dist/config/ReportConfig.d.ts

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

package/dist/designer/ReportDesigner.d.ts

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

package/dist/designer/ReportDesigner.js

@@ -5,10 +5,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("../util/targetOrigin");
 var ReportDesigner = function (_a) {
-    var session = _a.session, data = _a.data, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c, customStyles = _a.customStyles, onBack = _a.onBack;
+    var session = _a.session, data = _a.data, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c, options = _a.options, customStyles = _a.customStyles, onBack = _a.onBack, onChangeOperating = _a.onChangeOperating;
     var iframe = (0, react_1.useRef)(null);
     var handleMessage = (0, react_1.useCallback)(function (e) {
-        var _a;
+        var _a, _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;
         }
@@ -27,12 +27,17 @@ var ReportDesigner = function (_a) {
                 action: 'onRender',
                 data: data,
                 customStyles: customStyles,
+                options: options,
             }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
         }
         else if (action === 'onBack') {
             onBack();
         }
-    }, [customStyles, data, onBack, session]);
+        else if (action === 'onChangeOperating') {
+            var operating = (_b = message === null || message === void 0 ? void 0 : message.operating) !== null && _b !== void 0 ? _b : false;
+            onChangeOperating && onChangeOperating(operating);
+        }
+    }, [customStyles, data, onBack, onChangeOperating, options, session === null || session === void 0 ? void 0 : session.newUrl]);
     (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', 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, onCustomDataUpdate, 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;

package/dist/form/ReportPaperForm.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -32,7 +21,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("../util/targetOrigin");
 var ReportPaperForm = function (_a) {
-    var session = _a.session, layoutId = _a.layoutId, data = _a.data, onDataUpdate = _a.onDataUpdate, customData = _a.customData, onCustomDataUpdate = _a.onCustomDataUpdate, onRender = _a.onRender, reportOptions = _a.reportOptions, layout = _a.layout, onLayoutUpdate = _a.onLayoutUpdate, _b = _a.editability, editability = _b === void 0 ? 'none' : _b, _c = _a.layoutEditable, layoutEditable = _c === void 0 ? false : _c, _d = _a.downloadable, downloadable = _d === void 0 ? false : _d, version = _a.version, _e = _a.width, width = _e === void 0 ? '100%' : _e, _f = _a.height, height = _f === void 0 ? 0 : _f, customStyles = _a.customStyles;
+    var session = _a.session, layoutId = _a.layoutId, data = _a.data, onDataUpdate = _a.onDataUpdate, customData = _a.customData, onRender = _a.onRender, reportOptions = _a.reportOptions, layout = _a.layout, onLayoutUpdate = _a.onLayoutUpdate, _b = _a.editability, editability = _b === void 0 ? 'none' : _b, _c = _a.layoutEditable, layoutEditable = _c === void 0 ? false : _c, _d = _a.downloadable, downloadable = _d === void 0 ? false : _d, version = _a.version, _e = _a.width, width = _e === void 0 ? '100%' : _e, _f = _a.height, height = _f === void 0 ? 0 : _f, customStyles = _a.customStyles;
     var _g = __read((0, react_1.useState)('unauthorized'), 2), formState = _g[0], setFormState = _g[1];
     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];
@@ -97,15 +86,10 @@ var ReportPaperForm = function (_a) {
             if (onRender)
                 onRender((message === null || message === void 0 ? void 0 : message.hasRequiredBlank) || false);
         }
-        else if (action === 'onBusinessDataUpdate') {
-            var updated = message.updated, options = message.options;
+        else if (action === 'onDataUpdate') {
+            var businessData = message.businessData, customData_1 = message.customData, options = message.options;
             if (onDataUpdate)
-                onDataUpdate(__assign(__assign({}, data), updated), options);
-        }
-        else if (action === 'onCustomDataUpdate') {
-            var customData_1 = message.customData, options = message.options;
-            if (onCustomDataUpdate)
-                onCustomDataUpdate(customData_1, options);
+                onDataUpdate(businessData, customData_1, options);
         }
         else if (action === 'onEditLayout') {
             var layout_1 = message.layout;
@@ -115,7 +99,7 @@ var ReportPaperForm = function (_a) {
         else if (action === 'onChangeContentHeight') {
             setContentHeight(message === null || message === void 0 ? void 0 : message.contentHeight);
         }
-    }, [session, onRender, onDataUpdate, data, onCustomDataUpdate, onLayoutUpdate]);
+    }, [session, onRender, onDataUpdate, onLayoutUpdate]);
     (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };

package/dist/form/useReportPaperForm.d.ts

@@ -20,6 +20,8 @@ declare type Options = {
     width?: string | number;
     height?: string | number;
 };
+/** @ignore */
 export declare const useReportPaperForm: <D>(initialData: D, options?: Options) => Ret<D>;
+/** @ignore */
 export declare const createLocalSession: (url: string, application: string) => Session;
 export {};

package/dist/form/useReportPaperForm.js

@@ -18,41 +18,30 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createLocalSession = exports.useReportPaperForm = void 0;
 var react_1 = require("react");
+/** @ignore */
 var useReportPaperForm = function (initialData, options) {
     var _a, _b;
-    var _c = __read((0, react_1.useState)(initialData), 2), data = _c[0], setData = _c[1];
+    var _c = __read((0, react_1.useState)({ data: initialData, customData: [], reportOptions: [] }), 2), reportData = _c[0], setReportData = _c[1];
     var _d = __read((0, react_1.useState)(initialData), 2), originalData = _d[0], setOriginalData = _d[1];
-    var _e = __read((0, react_1.useState)([]), 2), customData = _e[0], setCustomData = _e[1];
-    var _f = __read((0, react_1.useState)([]), 2), reportOptions = _f[0], setReportOptions = _f[1];
-    var _g = __read((0, react_1.useState)(), 2), layout = _g[0], setLayout = _g[1];
-    var _h = __read((0, react_1.useState)(0), 2), version = _h[0], setVersion = _h[1]; // flag to force update layout
-    var _j = __read((0, react_1.useState)(false), 2), dirty = _j[0], setDirty = _j[1];
-    var _k = __read((0, react_1.useState)(false), 2), hasRequiredBlank = _k[0], setHasRequiredBlank = _k[1];
+    var _e = __read((0, react_1.useState)(), 2), layout = _e[0], setLayout = _e[1];
+    var _f = __read((0, react_1.useState)(0), 2), version = _f[0], setVersion = _f[1]; // flag to force update layout
+    var _g = __read((0, react_1.useState)(false), 2), dirty = _g[0], setDirty = _g[1];
+    var _h = __read((0, react_1.useState)(false), 2), hasRequiredBlank = _h[0], setHasRequiredBlank = _h[1];
     var onInitialize = (0, react_1.useCallback)(function (data) {
-        setData(data);
+        setReportData({ data: data, customData: [], reportOptions: [] });
         setOriginalData(data);
-        setCustomData([]);
-        setReportOptions([]);
         setLayout(undefined);
         setDirty(false);
         setVersion(function (v) { return v + 1; });
     }, []);
     var onReset = (0, react_1.useCallback)(function () {
-        setData(originalData);
-        setCustomData([]);
-        setReportOptions([]);
+        setReportData({ data: originalData, customData: [], reportOptions: [] });
         setLayout(undefined);
         setDirty(false);
         setVersion(function (v) { return v + 1; });
     }, [originalData]);
-    var onDataUpdate = (0, react_1.useCallback)(function (data, options) {
-        setData(data);
-        setReportOptions(options);
-        setDirty(true);
-    }, []);
-    var onCustomDataUpdate = (0, react_1.useCallback)(function (customData, options) {
-        setCustomData(customData);
-        setReportOptions(options);
+    var onDataUpdate = (0, react_1.useCallback)(function (data, customData, options) {
+        setReportData({ data: data, customData: customData, reportOptions: options });
         setDirty(true);
     }, []);
     var onLayoutUpdate = (0, react_1.useCallback)(function (layout) {
@@ -67,11 +56,10 @@ var useReportPaperForm = function (initialData, options) {
         onInitialize: onInitialize,
         onReset: onReset,
         paperFormArgs: {
-            data: data,
+            data: reportData.data,
+            customData: reportData.customData,
+            reportOptions: reportData.reportOptions,
             onDataUpdate: onDataUpdate,
-            customData: customData,
-            onCustomDataUpdate: onCustomDataUpdate,
-            reportOptions: reportOptions,
             layout: layout,
             onLayoutUpdate: onLayoutUpdate,
             onRender: onRender,
@@ -83,15 +71,16 @@ var useReportPaperForm = function (initialData, options) {
             version: version,
         },
         generatePdfArgs: {
-            data: data,
-            customData: customData,
-            options: reportOptions,
+            data: reportData.data,
+            customData: reportData.customData,
+            options: reportData.reportOptions,
             layout: layout,
         },
     };
 };
 exports.useReportPaperForm = useReportPaperForm;
 //いずれ廃棄
+/** @ignore */
 var createLocalSession = function (url, application) {
     return { url: url, newUrl: url, application: application };
 };

package/dist/gallery/ReportLayoutGallery.d.ts

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

package/dist/index.d.ts

@@ -4,4 +4,5 @@ export { ReportPaperForm } from './form/ReportPaperForm';
 export { useReportPaperForm, createLocalSession } from './form/useReportPaperForm';
 export { ReportLayoutGallery } from './gallery/ReportLayoutGallery';
 export { ReportTenantInfo } from './tenantInfo/ReportTenantInfo';
+export { ReportOrganizer } from './organizer/ReportOrganizer';
 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.ReportTenantInfo = exports.ReportLayoutGallery = exports.createLocalSession = exports.useReportPaperForm = exports.ReportPaperForm = exports.ReportDesigner = exports.ReportConfig = void 0;
+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");
@@ -28,4 +28,6 @@ var ReportLayoutGallery_1 = require("./gallery/ReportLayoutGallery");
 Object.defineProperty(exports, "ReportLayoutGallery", { enumerable: true, get: function () { return ReportLayoutGallery_1.ReportLayoutGallery; } });
 var ReportTenantInfo_1 = require("./tenantInfo/ReportTenantInfo");
 Object.defineProperty(exports, "ReportTenantInfo", { enumerable: true, get: function () { return ReportTenantInfo_1.ReportTenantInfo; } });
+var ReportOrganizer_1 = require("./organizer/ReportOrganizer");
+Object.defineProperty(exports, "ReportOrganizer", { enumerable: true, get: function () { return ReportOrganizer_1.ReportOrganizer; } });
 __exportStar(require("./types"), exports);

package/dist/organizer/ReportOrganizer.d.ts

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

package/dist/organizer/ReportOrganizer.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportOrganizer = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var targetOrigin_1 = require("../util/targetOrigin");
+var ReportOrganizer = 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, options = _a.options, entry = _a.entry, onPerform = _a.onPerform, onCancel = _a.onCancel;
+    var iframe = (0, react_1.useRef)(null);
+    var handleMessage = (0, react_1.useCallback)(function (e) {
+        var _a;
+        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 !== 'organizer') {
+            return;
+        }
+        if (action === 'onAuthorized') {
+            var iframeWindow = (_a = iframe.current) === null || _a === void 0 ? void 0 : _a.contentWindow;
+            if (!iframeWindow)
+                return;
+            iframeWindow.postMessage({
+                from: 'organizerClient',
+                action: 'onShow',
+                props: {
+                    customStyles: customStyles,
+                    options: options,
+                    entry: entry,
+                },
+            }, (0, targetOrigin_1.getTargetOrigin)(session === null || session === void 0 ? void 0 : session.newUrl));
+        }
+        else if (action === 'onPerform') {
+            var payload = message.payload;
+            onPerform && onPerform(payload);
+        }
+        else if (action === 'onCancel') {
+            onCancel && onCancel();
+        }
+    }, [customStyles, entry, onCancel, onPerform, options, session === null || session === void 0 ? void 0 : session.newUrl]);
+    (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: "organizer", src: session === null || session === void 0 ? void 0 : session.newUrl, style: { width: width, height: height, border: 0 } });
+};
+exports.ReportOrganizer = ReportOrganizer;

package/dist/tenantInfo/ReportTenantInfo.d.ts

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

package/dist/types/index.d.ts

@@ -1,9 +1,37 @@
 import { ThemeOptions } from './theme';
+export { ThemeOptions, PaletteOptions, TypographyOptions, ColorOptions, Grayscale, TypographyVariants } from './theme';
 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 = {
+    id: number;
+};
+export declare type OrganizerOptions = {
+    rename?: OrganizerRenameOptions;
+    separation?: OrganizerSeparationOptions;
+    ownOnly?: boolean;
+};
+export declare type OrganizerRenameOptions = {
+    enable?: boolean;
+    enableFileName?: boolean;
+    defaultFileNamePattern?: string;
+};
+export declare type OrganizerSeparationOptions = {
+    enable?: boolean;
+    enableStamp?: boolean;
+    enableMask?: boolean;
+    enableFileName?: boolean;
+    defaultFileNamePattern?: string;
+};
+export declare type DesignerOptions = {
+    disablePreviewByLog?: boolean;
+    ownOnlyPreviewByLog?: boolean;
+    pageSizes?: Array<PageSize>;
+};
 declare type LayoutEditable = {
     layoutEditable: true;
     layout: Layout;
@@ -16,9 +44,8 @@ declare type LayoutNotEditable = {
 };
 export declare type PaperFormArgs<D> = {
     data: D;
-    onDataUpdate?: (data: D, reportOptions: ReportOptions) => void;
+    onDataUpdate?: (data: D, customData: CustomData, reportOptions: ReportOptions) => void;
     customData?: CustomData;
-    onCustomDataUpdate?: (customData: CustomData, reportOptions: ReportOptions) => void;
     onRender?: (hasRequiredBlank: boolean) => void;
     reportOptions?: ReportOptions;
     editability?: UserEditability;
@@ -37,4 +64,3 @@ export declare type Session = {
     url: string;
     newUrl: string;
 };
-export {};

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@sutech_jp/raas-react-client",
-  "version": "0.0.47",
+  "version": "0.1.26",
   "description": "react client for raas produced by SuTech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "author": "sutech",
@@ -14,17 +15,17 @@
     "watch": "tsc -w",
     "build": "rimraf dist&&tsc",
     "postbuild": "cpy 'api.json' '../dist' --cwd=src",
-    "prepublishOnly": "npm run build&&npm version patch",
+    "prepublishOnly": "npm run build",
     "lint:fix": "eslint --fix \"./{src,test}/**/*.{tsx,ts,js,json}\" --ignore-path .gitignore",
     "format": "prettier --write \"./{src,test}/**/*.{tsx,ts,js,json}\" --ignore-path .gitignore",
-    "precommit": "npm run format && npm run lint:fix"
+    "precommit": "npm run format && npm run lint:fix",
+    "doc": "npx typedoc src/index.ts --out dist/docs --name \"Raas : raas-react-client\" --customFooterHtml \"©Copyright 2024 SuTech Co., Ltd. All Rights Reserved\" --plugin typedoc-plugin-missing-exports --excludeExternals --placeInternalsInOwningModule --sort kind --sort source-order --includeVersion"
   },
   "husky": {
     "hooks": {
       "pre-commit": "npm run precommit"
     }
   },
-  "dependencies": {},
   "devDependencies": {
     "@testing-library/dom": "^8.11.1",
     "@testing-library/jest-dom": "^5.15.1",
@@ -48,6 +49,7 @@
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
     "ts-jest": "^27.0.7",
+    "typedoc": "^0.26.10",
     "typescript": "^4.4.3"
   },
   "peerDependencies": {
@@ -59,5 +61,8 @@
     "@types/react": {
       "optional": true
     }
+  },
+  "dependencies": {
+    "typedoc-plugin-missing-exports": "^3.0.2"
   }
 }