datasync-dynamic-form 1.2.2 → 1.3.0

package/dist/DsDynamicForm.js

@@ -8,10 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Component } from "react";
+import React, { Component } from "react";
 import Multiselect from 'multiselect-react-dropdown';
 import { CTimeStamp, Randomize, SaveDataTierToDatasync, WScrollTo } from "datasync-core";
 import { DsBlob } from "datasync-blob";
+import { DsPdf } from "datasync-pdf";
 // reactstrap components
 import { Button, Label, FormGroup, Input, InputGroupText, InputGroup, Row as ReactstrapRow, Col as ReactstrapCol, } from "reactstrap";
 const debugging = false;
@@ -42,13 +43,20 @@ export class DsDynamicForm extends Component {
          */
         this.updatePageDomElement = (p_pageIndex, p_page_isVisible) => {
             let pageObject = document.getElementById(`dsdf_page_${p_pageIndex}`);
-            console.log(`updatePageDomElement = (${p_pageIndex}, ${p_page_isVisible ? "show" : "hide"})`);
-            console.log("pageObject.classList(before)->", pageObject.classList);
+            if (globals.parameters.debugging)
+                console.log(`updatePageDomElement = (${p_pageIndex}, ${p_page_isVisible ? "show" : "hide"})`);
+            if (!pageObject) {
+                console.error(`Page element with id 'dsdf_page_${p_pageIndex}' not found`);
+                return;
+            }
+            if (globals.parameters.debugging)
+                console.log("pageObject.classList(before)->", pageObject.classList);
             if (p_page_isVisible)
                 pageObject.classList.add("page_visible");
             else
                 pageObject.classList.remove("page_visible");
-            console.log("pageObject.classList(after)->", pageObject.classList);
+            if (globals.parameters.debugging)
+                console.log("pageObject.classList(after)->", pageObject.classList);
         };
         /**
          * Prototype : clearForm
@@ -408,6 +416,8 @@ export class DsDynamicForm extends Component {
                         return (_jsxs("div", { children: [this.getFieldLabelTitle(field), _jsx(Multiselect, { showArrow: true, options: ["Oui", "Non"], isObject: false, displayValue: "key", selectedValues: this.getFieldData(field.name) ? this.getFieldData(field.name).split(";") : [], placeholder: field.placeholder, emptyRecordMsg: "", onSelect: (selectedList, selectedItem) => { this.setFieldData(field.name, selectedList.join(";")); }, onRemove: (selectedList, selectedItem) => { this.setFieldData(field.name, selectedList.join(";")); }, disable: this.props.read_only, singleSelect: true }), this._error_label(field)] }));
                     case "blob":
                         return (_jsxs(_Fragment, { children: [this.getFieldLabelTitle(field), _jsxs("div", { className: "col-md-10", children: [_jsx(DsBlob, { item_id: field.name, readOnly: this.props.read_only ? this.props.read_only : false, Caption: `${this.getFieldPrompt(field)} ...`, data: this.getFieldData(field.name), uploadPicture: (UploadFile) => { this.setFieldData(field.name, UploadFile.data); this.checkValidation(field); }, pictureStyle: "pic", buttonStyle: "btn btn-secondary", width: field.width ? field.width : undefined, height: field.height ? field.height : undefined, maxWidth: field.maxWidth ? field.maxWidth : undefined, maxHeight: field.maxHeight ? field.maxHeight : undefined, reduceImage: field.reduceImage ? field.reduceImage : undefined }), this._error_label(field)] })] }));
+                    case "pdf":
+                        return (_jsxs(_Fragment, { children: [this.getFieldLabelTitle(field), _jsxs("div", { className: "col-md-10", children: [_jsx(DsPdf, { item_id: field.name, readOnly: this.props.read_only ? this.props.read_only : false, Caption: `${this.getFieldPrompt(field)} ...`, data: this.getFieldData(field.name), uploadPdf: (UploadFile) => { this.setFieldData(field.name, UploadFile.data); this.checkValidation(field); }, pictureStyle: "pic", buttonStyle: "btn btn-secondary" }), this._error_label(field)] })] }));
                     case "email":
                         return this._email_field(field);
                     case "text":
@@ -473,13 +483,14 @@ export class DsDynamicForm extends Component {
         };
         this.render = () => {
             return (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: console.log('form->', this.props.form) }), !this.state.form &&
-                        _jsxs("div", { children: [console.log('Pages->'), _jsx("h1", { children: "Form loading..." })] }), !(this.state.form &&
+                        _jsx("div", { children: _jsx("h1", { children: "Form loading..." }) }), !(this.state.form &&
                         this.state.form.Pages) &&
                         _jsx("div", { children: _jsx("h1", { children: "Form Missing Pages !!!" }) }), _jsx("form", { children: this.state.form &&
                             this.state.form.Pages &&
                             this.state.form.Pages.map((page, pageIndex) => {
-                                console.log(`Rendering page ${pageIndex}:`, page);
-                                return (_jsx("div", { id: `dsdf_page_${pageIndex}`, className: `form-page ${pageIndex == this.state.active_page ? "page_visible" : ""}`, children: page.Rows.map((row, rowIndex) => {
+                                if (globals.parameters.debugging)
+                                    console.log(`Rendering page ${pageIndex}:`, page);
+                                return (_jsx("div", { id: `dsdf_page_${pageIndex}`, className: `form-page ${((pageIndex == this.state.active_page) || this.props.read_only) ? "page_visible" : ""}`, children: page.Rows.map((row, rowIndex) => {
                                         return (_jsx("div", { children: this._rowRendering(row) }, rowIndex));
                                     }) }, pageIndex));
                             }) }), _jsxs(ReactstrapRow, { id: "dsdf_buttons_container", className: "buttons-row", children: [this._cancelButton(), this._submitButton(), this.props.custom_button_caption &&
@@ -506,15 +517,20 @@ export class DsDynamicForm extends Component {
             this.clearForm();
         }
         if (this.props.active_page != prevProps.active_page) {
-            console.log("active_page has changed !");
+            if (globals.parameters.debugging)
+                console.log("active_page has changed !");
             try {
-                this.updatePageDomElement(prevProps.active_page, false);
+                if (prevProps.active_page !== undefined) {
+                    this.updatePageDomElement(prevProps.active_page, false);
+                }
             }
             catch (error) {
                 this.updatePageDomElement(0, false);
             }
             try {
-                this.updatePageDomElement(this.props.active_page, true);
+                if (this.props.active_page !== undefined) {
+                    this.updatePageDomElement(this.props.active_page, true);
+                }
             }
             catch (error) {
                 this.updatePageDomElement(1, true);

package/dist/types/DsDynamicForm.d.ts

@@ -96,6 +96,7 @@ interface DsDynamicFormProps {
     custom_button_caption2?: string;
     custom_button_handler2?: (form: Form) => void;
     show_hidden?: boolean;
+    active_page?: number;
 }
 interface DsDynamicFormState {
     form: Form;
@@ -104,6 +105,7 @@ interface DsDynamicFormState {
     };
     captcha1?: number;
     captcha2?: number;
+    active_page?: number;
 }
 export declare class DsDynamicForm extends Component<DsDynamicFormProps, DsDynamicFormState> {
     private local_data_blob;
@@ -113,7 +115,7 @@ export declare class DsDynamicForm extends Component<DsDynamicFormProps, DsDynam
     /**
      * Prototype : updateElement
      */
-    updatePageDomElement: (p_pageIndex: any, p_page_isVisible: any) => void;
+    updatePageDomElement: (p_pageIndex: number, p_page_isVisible: boolean) => void;
     /**
      * Prototype : clearForm
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "datasync-dynamic-form",
   "description": "Datasync Dynamic Form component",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "main": "dist/DsDynamicForm.js",
   "module": "dist/DsDynamicForm.js",
   "types": "dist/types/DsDynamicForm.d.ts",
@@ -35,6 +35,7 @@
   "license": "ISC",
   "dependencies": {
     "axios": "^1.7.2",
-    "datasync-blob": "^1.1.7"
+    "datasync-blob": "^1.1.7",
+    "datasync-pdf": "^0.0.1"
   }
 }