@sankhyalabs/ezui 1.1.4 → 1.1.5

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

@@ -0,0 +1,19 @@
+ez-form {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.form-sheet {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  position: relative;
+}
+
+.tab__container {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  position: relative;
+}

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

@@ -0,0 +1,365 @@
+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 = [];
+    this._requiredFieldsByDU = {};
+  }
+  async validate() {
+    for (let i = 0; i < this._dataUnits.length; i++) {
+      if (!this._dataUnits[i].validateRecords()) {
+        return false;
+      }
+    }
+  }
+  async getChanges() {
+    let allChanges = [];
+    for (let i = 0; i < this._dataUnits.length; i++) {
+      allChanges = allChanges.concat(this._dataUnits[i].getChangesToSave());
+    }
+    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) {
+    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, unitLabel, records, cardinality } = dataUnit;
+      if (!(dataUnit instanceof DataUnit)) {
+        dataUnit = new DataUnit(name, unitLabel, cardinality);
+        this._dataUnits.push(dataUnit);
+        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": ""
+      }
+    },
+    "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"; }
+}

package/dist/collection/components/ez-form/store/Form.actions.js

@@ -0,0 +1,132 @@
+export function changeFieldValue(dataUnit, recordId, fieldName, value) {
+  return {
+    type: 'FORM/CHANGEFIELD',
+    payload: { dataUnit, recordId, fieldName, value }
+  };
+}
+export function changeTab(formId, index) {
+  return {
+    type: 'FORM/CHANGETAB',
+    payload: { formId, index }
+  };
+}
+export function clearEdition(dataUnit, recordsLimit) {
+  return {
+    type: 'FORM/CLEAREDITION',
+    payload: {
+      dataUnit,
+      recordsLimit
+    }
+  };
+}
+export function collapseExpandGroup(collapseId, collapsed) {
+  return {
+    type: 'FORM/COLLAPSEGROUP',
+    payload: { collapseId, collapsed }
+  };
+}
+export function previousRecord(dataUnit) {
+  return {
+    type: 'FORM/NAVIGATE',
+    payload: {
+      dataUnit,
+      limit: 0,
+      backward: true
+    }
+  };
+}
+export function nextRecord(dataUnit, limit) {
+  return {
+    type: 'FORM/NAVIGATE',
+    payload: {
+      dataUnit,
+      limit,
+      backward: false
+    }
+  };
+}
+export function insertRecord(dataUnit, insertionIndex) {
+  return {
+    type: 'FORM/INSERT',
+    payload: {
+      dataUnit,
+      insertionIndex
+    }
+  };
+}
+export function formLoad() {
+  return {
+    type: 'FORM/LOAD'
+  };
+}
+export function dataLoading(dataUnit) {
+  return {
+    type: 'FORM/DATALOADING',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function savingChanges(dataUnit) {
+  return {
+    type: 'FORM/SAVINGCHANGES',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function dataLoaded(dataUnit) {
+  return {
+    type: 'FORM/DATALOADED',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function changesSaved(dataUnit) {
+  return {
+    type: 'FORM/CHANGESSAVED',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function removingRecord(dataUnit) {
+  return {
+    type: 'FORM/REMOVINGRECORD',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function recordRemoved(dataUnit) {
+  return {
+    type: 'FORM/RECORDREMOVED',
+    payload: {
+      dataUnit
+    }
+  };
+}
+export function invalidField(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
+  return {
+    type: 'FORM/INVALIDFIELD',
+    payload: {
+      tabController,
+      tabIndex,
+      dataUnit,
+      recordId,
+      recordIndex,
+      fieldName,
+      errorMessage
+    }
+  };
+}
+export function showHideNavigationButtons(buttonName, status) {
+  return {
+    type: 'FORM/SHOWHIDENAVBTN',
+    payload: {
+      buttonName,
+      status
+    }
+  };
+}