@sankhyalabs/ezui 1.1.6 → 1.1.10

package/dist/collection/components/ez-form/ez-form.js

@@ -1,289 +1,390 @@
-import { Component, h, Element, forceUpdate, Prop } from '@stencil/core';
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import thunk from 'redux-thunk';
-import { formLoad, invalidField } from './store/Form.actions';
-import undoable from 'redux-undo';
-import formReducer, { formNonHistoricReducer } from './store/Form.reducer';
-import { FormSheet } from './subcomponents/structure/FormSheet';
-import DataUnit from './subcomponents/DataUnit';
-export class EzForm {
-  constructor() {
-    this._requiredFieldsByDU = {};
-  }
-  validateRecords(dataUnit, records) {
-    const result = { isValid: true, message: '' };
-    const reqFields = this._requiredFieldsByDU[dataUnit.name];
-    records.forEach(record => {
-      reqFields.forEach(field => {
-        const recordIndex = record["record__index"];
-        const fieldName = field.name;
-        const fieldValue = record[fieldName];
-        if (fieldValue === null || fieldValue === undefined || fieldValue === '') {
-          this._store.dispatch(invalidField(field.tabControler, field.tabIndex, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
-          result.isValid = false;
-        }
-      });
-    });
-    if (!result.isValid) {
-      result.message = "Há pelo menos um campo obrigatório não preenchido.";
-    }
-    return result;
-  }
-  componentWillRender() {
-    if (this._store === undefined) {
-      const rootReducer = combineReducers({
-        "hist": undoable(formReducer),
-        "nonhist": formNonHistoricReducer
-      });
-      this._store = createStore(rootReducer, applyMiddleware(thunk));
-      this._store.subscribe(() => { forceUpdate(this); });
-    }
-  }
-  loadMDFromExecutor(callBack) {
-    if (this._loadMetadataFunction) {
-      const result = this._loadMetadataFunction();
-      if (result) {
-        if (result instanceof Promise) {
-          result.then(md => {
-            callBack(md);
-          });
-        }
-        else {
-          callBack(result);
-        }
-      }
-    }
-  }
-  loadMDFromElement(callBack) {
-    const metadata = [];
-    Array.from(this._host.children).forEach(elem => {
-      if (elem.tagName === "FORM-METADATA") {
-        const formMetadata = elem;
-        metadata.push(formMetadata.metadata);
-      }
-    });
-    callBack(metadata.length > 0 ? metadata : null);
-  }
-  updateMetadata(metadata) {
-    if (metadata) {
-      const processFields = (duName, form, tabController, tabIndex) => {
-        var _a;
-        let requiredFields = this._requiredFieldsByDU[duName];
-        if (requiredFields === undefined) {
-          requiredFields = [];
-          this._requiredFieldsByDU[duName] = requiredFields;
-        }
-        form.items.forEach(item => {
-          if ("fields" in item) {
-            const fSet = item;
-            fSet.fields.forEach(f => {
-              f.tabControler = tabController;
-              f.tabIndex = tabIndex;
-              if (f.required) {
-                requiredFields.push(f);
-              }
-            });
-          }
-          else {
-            const f = item;
-            f.tabControler = tabController;
-            f.tabIndex = tabIndex;
-            if (f.required) {
-              requiredFields.push(f);
-            }
-          }
-        });
-        (_a = form.subForms) === null || _a === void 0 ? void 0 : _a.forEach((subForm, index) => {
-          const subDU = subForm.dataUnit ? subForm.dataUnit.name : duName;
-          processFields(subDU, subForm, form.name, index);
-        });
-      };
-      this.metadata = metadata;
-      metadata.map((form, index) => {
-        processFields(form.dataUnit.name, form, "__MAIN__FORM__", index);
-      });
-      this._store.dispatch(formLoad());
-    }
-  }
-  parseExecutor(executor) {
-    if (executor) {
-      return executor instanceof Function ? executor : eval(executor);
-    }
-    return null;
-  }
-  componentDidLoad() {
-    this._loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
-    this._loadDataFunction = this.parseExecutor(this.loadexecutor);
-    this._saveFunction = this.parseExecutor(this.saveexecutor);
-    this._removeFunction = this.parseExecutor(this.removeexecutor);
-    this._fieldSearchFunction = this.parseExecutor(this.fieldsearchexecutor);
-    if (this.metadata) {
-      this.updateMetadata(this.metadata);
-    }
-    else {
-      this.loadMDFromElement((md) => this.updateMetadata(md));
-      if (!this.metadata) {
-        this.loadMDFromExecutor((md) => this.updateMetadata(md));
-      }
-    }
-  }
-  buildDataUnit(dataUnit) {
-    if (dataUnit) {
-      const { name, records, cardinality } = dataUnit;
-      if (!(dataUnit instanceof DataUnit)) {
-        dataUnit = new DataUnit(name, cardinality);
-        if (records) {
-          dataUnit.records = records;
-        }
-        dataUnit.store = this._store;
-        dataUnit.loadExecutor = this._loadDataFunction;
-        dataUnit.saveExecutor = this._saveFunction;
-        dataUnit.removeExecutor = this._removeFunction;
-        dataUnit.recordsValidator = this;
-        dataUnit.fieldSearchExecutor = this._fieldSearchFunction;
-      }
-    }
-    return dataUnit;
-  }
-  render() {
-    return this.metadata ? h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du) => this.buildDataUnit(du) }) : null;
-  }
-  static get is() { return "ez-form"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-form.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-form.css"]
-  }; }
-  static get properties() { return {
-    "metadataexecutor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | Function",
-        "resolved": "Function | string",
-        "references": {
-          "Function": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "metadataexecutor",
-      "reflect": false
-    },
-    "loadexecutor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | Function",
-        "resolved": "Function | string",
-        "references": {
-          "Function": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "loadexecutor",
-      "reflect": false
-    },
-    "saveexecutor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | Function",
-        "resolved": "Function | string",
-        "references": {
-          "Function": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "saveexecutor",
-      "reflect": false
-    },
-    "removeexecutor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | Function",
-        "resolved": "Function | string",
-        "references": {
-          "Function": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "removeexecutor",
-      "reflect": false
-    },
-    "fieldsearchexecutor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | Function",
-        "resolved": "Function | string",
-        "references": {
-          "Function": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fieldsearchexecutor",
-      "reflect": false
-    },
-    "metadata": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<Form>",
-        "resolved": "Form[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "Form": {
-            "location": "import",
-            "path": "./subcomponents/FormMetadata"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get elementRef() { return "_host"; }
-}
+import { Component, h, Element, forceUpdate, Prop, Method } from '@stencil/core';
+import { createStore, applyMiddleware, combineReducers } from 'redux';
+import thunk from 'redux-thunk';
+import { formLoad, invalidField, showHideNavigationButtons } from './store/Form.actions';
+import undoable from 'redux-undo';
+import formReducer, { formNonHistoricReducer } from './store/Form.reducer';
+import { FormSheet } from './subcomponents/structure/FormSheet';
+import DataUnit from './subcomponents/DataUnit';
+export class EzForm {
+  constructor() {
+    this._dataUnits = new Map();
+    this._duSources = new Map();
+    this._requiredFieldsByDU = {};
+  }
+  async validate() {
+    for (let i = 0; i < this._duSources.size; i++) {
+      const duName = Array.from(this._duSources.keys())[i];
+      let du = this._dataUnits.get(duName);
+      if (du === undefined) {
+        const source = this._duSources.get(duName);
+        du = this.buildDataUnit(source, source.parentDUName);
+      }
+      if (!du.validateRecords()) {
+        return false;
+      }
+    }
+    return true;
+  }
+  async getChanges() {
+    let allChanges = [];
+    for (let i = 0; i < this._dataUnits.size; i++) {
+      const du = Array.from(this._dataUnits.values())[i];
+      //Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
+      if (!du.parentDU) {
+        const duChanges = du.getChangesToSave();
+        if (duChanges) {
+          allChanges = allChanges.concat(duChanges);
+        }
+      }
+    }
+    return allChanges;
+  }
+  validateRecords(dataUnit, records) {
+    const result = { isValid: true, message: '' };
+    const reqFields = this._requiredFieldsByDU[dataUnit.name];
+    const recordValidator = record => {
+      reqFields.forEach(field => {
+        const recordIndex = record["record__index"];
+        const fieldName = field.name;
+        const fieldValue = record[fieldName];
+        if (fieldValue === null || fieldValue === undefined || fieldValue === '') {
+          this._store.dispatch(invalidField(field.tabControler, field.tabIndex, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
+          result.isValid = false;
+          result.message = "Há pelo menos um campo obrigatório não preenchido.";
+        }
+      });
+    };
+    if (records.length == 0) {
+      recordValidator({});
+    }
+    else {
+      records.forEach(recordValidator);
+    }
+    return result;
+  }
+  componentWillRender() {
+    if (this._store === undefined) {
+      const rootReducer = combineReducers({
+        "hist": undoable(formReducer),
+        "nonhist": formNonHistoricReducer
+      });
+      this._store = createStore(rootReducer, applyMiddleware(thunk));
+      this._store.subscribe(() => { forceUpdate(this); });
+      if (this.slavemode) {
+        this._store.dispatch(showHideNavigationButtons("saveVisible", false));
+        this._store.dispatch(showHideNavigationButtons("cancelVisible", false));
+        this._store.dispatch(showHideNavigationButtons("reloadVisible", false));
+      }
+    }
+  }
+  loadMDFromExecutor(callBack) {
+    const loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
+    if (loadMetadataFunction) {
+      const result = loadMetadataFunction();
+      if (result) {
+        if (result instanceof Promise) {
+          result.then(md => {
+            callBack(md);
+          });
+        }
+        else {
+          callBack(result);
+        }
+      }
+    }
+  }
+  loadMDFromElement(callBack) {
+    const metadata = [];
+    Array.from(this._host.children).forEach(elem => {
+      if (elem.tagName === "FORM-METADATA") {
+        const formMetadata = elem;
+        metadata.push(formMetadata.metadata);
+      }
+    });
+    callBack(metadata.length > 0 ? metadata : null);
+  }
+  updateMetadata(metadata) {
+    if (metadata) {
+      const processFields = (duName, form, tabController, tabIndex) => {
+        var _a;
+        let requiredFields = this._requiredFieldsByDU[duName];
+        if (requiredFields === undefined) {
+          requiredFields = [];
+          this._requiredFieldsByDU[duName] = requiredFields;
+        }
+        form.items.forEach(item => {
+          if ("fields" in item) {
+            const fSet = item;
+            fSet.fields.forEach(f => {
+              f.tabControler = tabController;
+              f.tabIndex = tabIndex;
+              if (f.required) {
+                requiredFields.push(f);
+              }
+            });
+          }
+          else {
+            const f = item;
+            f.tabControler = tabController;
+            f.tabIndex = tabIndex;
+            if (f.required) {
+              requiredFields.push(f);
+            }
+          }
+        });
+        (_a = form.subForms) === null || _a === void 0 ? void 0 : _a.forEach((subForm, index) => {
+          const subDu = subForm.dataUnit;
+          if (subDu) {
+            this._duSources.set(subDu.name, subDu);
+            subDu.parentDUName = duName;
+          }
+          processFields(subDu ? subDu.name : duName, subForm, form.name, index);
+        });
+      };
+      this.metadata = metadata;
+      metadata.map((form, index) => {
+        const du = form.dataUnit;
+        const duName = du.name;
+        this._duSources.set(duName, du);
+        processFields(duName, form, "__MAIN__FORM__", index);
+      });
+      this._store.dispatch(formLoad());
+    }
+  }
+  parseExecutor(executor) {
+    if (executor) {
+      return executor instanceof Function ? executor : eval(executor);
+    }
+    return null;
+  }
+  componentDidLoad() {
+    if (this.metadata) {
+      this.updateMetadata(this.metadata);
+    }
+    else {
+      this.loadMDFromElement((md) => this.updateMetadata(md));
+      if (!this.metadata) {
+        this.loadMDFromExecutor((md) => this.updateMetadata(md));
+      }
+    }
+  }
+  buildDataUnit(dataUnit, parentDataUnit) {
+    if (dataUnit) {
+      const { name, unitLabel, records, cardinality } = dataUnit;
+      if (!(dataUnit instanceof DataUnit)) {
+        let parent;
+        if (parentDataUnit instanceof DataUnit) {
+          parent = parentDataUnit;
+        }
+        else {
+          parent = this._dataUnits.get(parentDataUnit);
+        }
+        dataUnit = new DataUnit(name, unitLabel, cardinality, parent);
+        this._dataUnits.set(dataUnit.name, dataUnit);
+        if (records) {
+          dataUnit.records = records;
+        }
+        dataUnit.store = this._store;
+        dataUnit.loadExecutor = this.parseExecutor(this.loadexecutor);
+        dataUnit.saveExecutor = this.parseExecutor(this.saveexecutor);
+        dataUnit.removeExecutor = this.parseExecutor(this.removeexecutor);
+        dataUnit.recordsValidator = this;
+        dataUnit.fieldSearchExecutor = this.parseExecutor(this.fieldsearchexecutor);
+      }
+    }
+    return dataUnit;
+  }
+  render() {
+    return this.metadata ? h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du, parentDataUnit) => this.buildDataUnit(du, parentDataUnit) }) : null;
+  }
+  static get is() { return "ez-form"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-form.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-form.css"]
+  }; }
+  static get properties() { return {
+    "metadataexecutor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Function",
+        "resolved": "Function | string",
+        "references": {
+          "Function": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "metadataexecutor",
+      "reflect": false
+    },
+    "loadexecutor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Function",
+        "resolved": "Function | string",
+        "references": {
+          "Function": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "loadexecutor",
+      "reflect": false
+    },
+    "saveexecutor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Function",
+        "resolved": "Function | string",
+        "references": {
+          "Function": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "saveexecutor",
+      "reflect": false
+    },
+    "removeexecutor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Function",
+        "resolved": "Function | string",
+        "references": {
+          "Function": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "removeexecutor",
+      "reflect": false
+    },
+    "fieldsearchexecutor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Function",
+        "resolved": "Function | string",
+        "references": {
+          "Function": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "fieldsearchexecutor",
+      "reflect": false
+    },
+    "metadata": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "Array<Form>",
+        "resolved": "Form[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "Form": {
+            "location": "import",
+            "path": "./subcomponents/FormMetadata"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "slavemode": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "slavemode",
+      "reflect": false
+    }
+  }; }
+  static get methods() { return {
+    "validate": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "getChanges": {
+      "complexType": {
+        "signature": "() => Promise<any[]>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any[]>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "_host"; }
+}