@sutech_jp/datatraveler-react-client 0.1.33 → 0.1.34

package/dist/DataTravelerWebFormBulk.d.ts

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

package/dist/DataTravelerWebFormBulk.js

@@ -41,7 +41,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var targetOrigin_1 = require("./util/targetOrigin");
 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 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, dataIds = _a.dataIds, extensionSchemaDef = _a.extensionSchemaDef, 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;
@@ -76,6 +76,7 @@ var DataTravelerWebFormBulk = function (_a) {
                         customStyles: customStyles,
                         options: options,
                         dataIds: dataIds,
+                        extensionSchemaDef: extensionSchemaDef,
                     });
                     return [3 /*break*/, 4];
                 case 1:
@@ -97,7 +98,18 @@ var DataTravelerWebFormBulk = function (_a) {
                 case 4: return [2 /*return*/];
             }
         });
-    }); }, [customStyles, handleCompleteInput, handleBack, options, sendMessage, session === null || session === void 0 ? void 0 : session.newUrl, width, height, dataIds]);
+    }); }, [
+        customStyles,
+        handleCompleteInput,
+        handleBack,
+        options,
+        sendMessage,
+        session === null || session === void 0 ? void 0 : session.newUrl,
+        width,
+        height,
+        dataIds,
+        extensionSchemaDef,
+    ]);
     (0, react_1.useEffect)(function () {
         window.addEventListener('message', handleMessage);
         return function () { return window.removeEventListener('message', handleMessage); };

package/dist/types/webform.d.ts

@@ -7,3 +7,47 @@ export declare type ComponentOptions = {
         showOptionsMenu?: boolean;
     };
 };
+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.33",
+  "version": "0.1.34",
   "description": "react client for data traveler produced by SuTech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",