datasync-dynamic-form 1.2.1 → 1.2.4

package/dist/DsDynamicForm.js

@@ -42,10 +42,20 @@ export class DsDynamicForm extends Component {
          */
         this.updatePageDomElement = (p_pageIndex, p_page_isVisible) => {
             let pageObject = document.getElementById(`dsdf_page_${p_pageIndex}`);
+            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");
+            if (globals.parameters.debugging)
+                console.log("pageObject.classList(after)->", pageObject.classList);
         };
         /**
          * Prototype : clearForm
@@ -470,13 +480,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 &&
@@ -503,15 +514,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.1",
+  "version": "1.2.4",
   "main": "dist/DsDynamicForm.js",
   "module": "dist/DsDynamicForm.js",
   "types": "dist/types/DsDynamicForm.d.ts",