@sankhyalabs/ezui 5.22.0-dev.8 → 5.22.0-dev.80

package/dist/cjs/ez-form.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const RecordValidationProcessor = require('./RecordValidationProcessor-4c893e04.js');
+const DataBinder = require('./DataBinder-e92314c2.js');
 require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 
@@ -105,11 +105,12 @@ const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         return;
       }
       const descriptor = dataUnit.getField(field.name);
-      if (descriptor && tabConfig.visible) {
+      const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
+      if (descriptor && fieldVisible && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, []);
         }
-        const formField = RecordValidationProcessor.buildFieldMetadata(descriptor, field);
+        const formField = DataBinder.buildFieldMetadata(descriptor, field);
         sheets.get(tabConfig).push(formField);
         if (formField.required) {
           requiredFields.push(field.name);
@@ -183,327 +184,6 @@ const buildDetailSheet = (child) => {
   };
 };
 
-class DataBinder {
-  constructor(dataUnit) {
-    this.onDataUnitEvent = (action) => {
-      var _a, _b;
-      switch (action.type) {
-        case core.Action.DATA_LOADED:
-        case core.Action.DATA_SAVED:
-        case core.Action.RECORDS_REMOVED:
-        case core.Action.RECORDS_ADDED:
-        case core.Action.RECORDS_COPIED:
-        case core.Action.EDITION_CANCELED:
-        case core.Action.SELECTION_CHANGED:
-        case core.Action.NEXT_SELECTED:
-        case core.Action.PREVIOUS_SELECTED:
-          this.clearInvalid();
-        case core.Action.DATA_CHANGED:
-        case core.Action.CHANGE_UNDONE:
-        case core.Action.CHANGE_REDONE:
-        case core.Action.RECORD_LOADED:
-          (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
-            this.updateValue(field.fieldName, field.field);
-          });
-          break;
-        case core.Action.FIELD_INVALIDATED:
-          (_b = this._fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
-            this.updateErrorMessage(field.fieldName, field.field);
-          });
-          break;
-      }
-    };
-    this._uuid = core.StringUtils.generateUUID();
-    this._fields = new Map();
-    this._dataUnit = dataUnit;
-    this.applyDefaultValues();
-    this._dataUnit.subscribe(this.onDataUnitEvent);
-    this._dataUnit.addInterceptor(this);
-    this.setContextDataBinder(dataUnit);
-  }
-  get dataBinderId() {
-    return this._uuid;
-  }
-  setContextDataBinder(dataUnit) {
-    const dataBindersByDataUnit = core.ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
-    const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
-    dataBindersByDataUnit.set(dataUnit.dataUnitId, dataBinders);
-    core.ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
-  }
-  applyDefaultValues() {
-    const recordIds = (this._dataUnit.getAddedRecords() || []).map(r => r.__record__id__);
-    if (recordIds.length > 0) {
-      const defaultValues = this.getDefaultValues();
-      if (defaultValues) {
-        Object.keys(defaultValues).forEach(field => {
-          this._dataUnit.setFieldValue(field, defaultValues[field], recordIds);
-        });
-      }
-    }
-  }
-  bind(fields, currentContextName, formMetadata, recordsValidator) {
-    fields.forEach(fieldElement => {
-      const { fieldName, contextName } = fieldElement.dataset;
-      if (contextName == undefined || contextName === currentContextName) {
-        this.updateBind(fieldName, fieldElement);
-      }
-    });
-    this._formMetadata = formMetadata;
-    this._recordValidatorProcessor = new RecordValidationProcessor.RecordValidationProcessor(this._dataUnit, {
-      getRequiredFields: () => this._formMetadata.getRequiredFields(),
-      markAsInvalid: field => this.markInvalid(field),
-      getMessageForField: field => this.getErrorMessage(field)
-    }, recordsValidator);
-  }
-  disconnectDataUnit() {
-    const dataBindersByDataUnit = core.ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
-    const dataBinders = dataBindersByDataUnit.get(this._dataUnit.dataUnitId);
-    const dataBindersFiltered = dataBinders.filter((dataBinder) => dataBinder.dataBinderId !== this.dataBinderId);
-    dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
-    core.ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
-  }
-  onDisconnectedCallback() {
-    this._dataUnit.unsubscribe(this.onDataUnitEvent);
-    this._dataUnit.removeInterceptor(this);
-    this.disconnectDataUnit();
-  }
-  getCurrentRecordId() {
-    const record = this._dataUnit.getSelectedRecord();
-    return record === null || record === void 0 ? void 0 : record.__record__id__;
-  }
-  markInvalid(field) {
-    if (this._fields.has(field.name)) {
-      const fieldElement = this._fields.get(field.name).field;
-      this.updateErrorMessage(field.name, fieldElement, field.message);
-    }
-  }
-  setFocus(fieldName) {
-    if (!this._fields.has(fieldName)) {
-      return;
-    }
-    const fieldElement = this._fields.get(fieldName).field;
-    if (typeof fieldElement["setFocus"] != "function") {
-      return;
-    }
-    fieldElement["setFocus"]();
-  }
-  clearInvalid(recordId) {
-    this._dataUnit.clearInvalid(recordId);
-    this._fields.forEach(fieldBinder => {
-      const fieldElement = fieldBinder.field;
-      fieldElement["errorMessage"] = "";
-    });
-  }
-  updateValue(fieldName, field) {
-    const bind = this._fields.get(fieldName);
-    try {
-      if (bind) {
-        bind.listen = false;
-      }
-      field["value"] = this._dataUnit.getFieldValue(fieldName);
-      this.updateErrorMessage(fieldName, field);
-    }
-    finally {
-      if (bind) {
-        bind.listen = true;
-      }
-    }
-  }
-  validate() {
-    return this._recordValidatorProcessor.validate();
-  }
-  static async validateByDataunit(dataUnit) {
-    try {
-      const dataBindersByDataUnit = core.ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
-      const dataBinders = dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
-      await Promise.all(dataBinders.map((dataBinder) => dataBinder.validate()));
-      return true;
-    }
-    catch (_a) {
-      return false;
-    }
-  }
-  updateErrorMessage(fieldName, field, message) {
-    if (message == undefined) {
-      message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);
-    }
-    if (!field["errorMessage"]) {
-      field["errorMessage"] = message;
-    }
-  }
-  getErrorMessage(fieldName) {
-    if (this._fields.has(fieldName)) {
-      const fieldElement = this._fields.get(fieldName).field;
-      return fieldElement["errorMessage"];
-    }
-    return undefined;
-  }
-  updateBind(fieldName, field) {
-    const oldBind = this._fields.get(fieldName);
-    if (oldBind) {
-      oldBind.destroy();
-    }
-    field["value"] = this._dataUnit.getFieldValue(fieldName);
-    this.updateErrorMessage(fieldName, field);
-    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName) => this.cancelWaitingChange(fieldName), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
-    this.bindSearchOptionsLoader(fieldName, field);
-    this.applyEzUploadContext(fieldName, field);
-  }
-  changeStarted(fieldName, waitingChange) {
-    /**
-     * se o waitingChange não é blocante, add um event listener pra
-     * fazer o accept da promise
-     *
-     * se não tiver promise no waitingChange, eu crio uma e resolvo no bind
-     *
-     *
-     */
-    if (this._dataUnit.records.length === 0) {
-      this._dataUnit.addRecord();
-    }
-    if (!waitingChange.blocking && waitingChange.promise == undefined) {
-      const bind = this._fields.get(fieldName);
-      if (bind) {
-        waitingChange.promise = new Promise((resolve, reject) => {
-          bind.waitingChangePromiseResolve = resolve;
-          bind.waitingChangePromiseReject = reject;
-        });
-      }
-    }
-    this._dataUnit.startChange(fieldName, waitingChange);
-  }
-  cancelWaitingChange(fieldName) {
-    if (this._dataUnit.waitingForChange(fieldName)) {
-      this._dataUnit.cancelWaitingChange(fieldName);
-      const bind = this._fields.get(fieldName);
-      if (bind) {
-        bind.rejectWaitingChange(new core.WaitingChangeException("Change canceled", fieldName));
-      }
-    }
-  }
-  setFieldValue(fieldName, newValue) {
-    if (this._dataUnit.records.length === 0) {
-      this._dataUnit.addRecord();
-    }
-    this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
-    const record = this._dataUnit.getSelectedRecord();
-    this._dataUnit.setFieldValue(fieldName, newValue, record ? [record.__record__id__] : undefined);
-    if (this._dataUnit.waitingForChange(fieldName)) {
-      const bind = this._fields.get(fieldName);
-      if (bind) {
-        bind.acceptWaitingChange();
-      }
-    }
-  }
-  bindSearchOptionsLoader(fieldName, field) {
-    if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
-      const loader = core.ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
-      if (loader) {
-        field["optionLoader"] = (arg) => {
-          return loader(arg, fieldName, this._dataUnit);
-        };
-      }
-    }
-  }
-  applyEzUploadContext(fieldName, field) {
-    var _a, _b;
-    if (field.nodeName === "EZ-UPLOAD") {
-      field["urlUpload"] = core.ApplicationContext.getContextValue("__EZUI__UPLOAD__ADD__URL__");
-      field["urlDelete"] = core.ApplicationContext.getContextValue("__EZUI__UPLOAD__DEL__URL__");
-      const descriptor = this._dataUnit.getField(fieldName);
-      const destination = (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.DESTINATION;
-      if (destination) {
-        field["requestHeaders"] = { XTRAINF: `{"destination": "${destination}"}` };
-      }
-      field["maxFiles"] = ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.MAX_FILES) || 0;
-    }
-  }
-  interceptAction(action) {
-    if (action.type === core.Action.RECORDS_COPIED) {
-      const cleanFields = this._formMetadata.getCleanOnCopyFields();
-      if (cleanFields) {
-        const records = action.payload;
-        return new core.DataUnitAction(core.Action.RECORDS_COPIED, records.map(record => {
-          const newRecord = Object.assign({}, record);
-          cleanFields.forEach(fieldName => delete newRecord[fieldName]);
-          return newRecord;
-        }));
-      }
-    }
-    if (action.type === core.Action.SAVING_DATA) {
-      return new Promise((resolve) => {
-        this.validate()
-          .then(() => resolve(action))
-          .catch(() => { });
-      });
-    }
-    if (action.type === core.Action.RECORDS_ADDED) {
-      const defaultValues = this.getDefaultValues();
-      if (defaultValues) {
-        const records = action.payload;
-        return new core.DataUnitAction(core.Action.RECORDS_ADDED, records.map(record => {
-          return Object.assign(Object.assign({}, record), defaultValues);
-        }));
-      }
-    }
-    return action;
-  }
-  getDefaultValues() {
-    var _a;
-    const rawDefaultValues = (_a = this._formMetadata) === null || _a === void 0 ? void 0 : _a.getDefaultValues();
-    if (rawDefaultValues) {
-      const defaultValues = {};
-      for (const field in rawDefaultValues) {
-        defaultValues[field] = this._dataUnit.valueFromString(field, rawDefaultValues[field]);
-      }
-      return defaultValues;
-    }
-    return undefined;
-  }
-}
-class Bind {
-  constructor() {
-    this.listen = true;
-    this.startChangeEventName = "ezStartChange";
-    this.cancelWaitingChangeEventName = "ezCancelWaitingChange";
-    this.changeEventName = "ezChange";
-  }
-  destroy() {
-    this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
-    this.field.removeEventListener(this.cancelWaitingChangeEventName, this.cancelWaitingChangeListener);
-    this.field.removeEventListener(this.changeEventName, this.changeListener);
-  }
-  acceptWaitingChange() {
-    if (this.waitingChangePromiseResolve) {
-      this.waitingChangePromiseResolve();
-      this.waitingChangePromiseReject = undefined;
-      this.waitingChangePromiseResolve = undefined;
-    }
-  }
-  rejectWaitingChange(reason) {
-    if (this.waitingChangePromiseReject) {
-      this.waitingChangePromiseReject(reason);
-      this.waitingChangePromiseReject = undefined;
-      this.waitingChangePromiseResolve = undefined;
-    }
-  }
-  static create(fieldName, field, startChangeCallback, cancelWaitingChangeCallback, changeCallback) {
-    const b = new Bind();
-    b.field = field;
-    b.fieldName = fieldName;
-    b.startChangeListener = (evt) => { if (b.listen)
-      startChangeCallback(fieldName, evt.detail); };
-    b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
-    b.cancelWaitingChangeListener = () => { if (b.listen)
-      cancelWaitingChangeCallback(fieldName); };
-    b.field.addEventListener(b.cancelWaitingChangeEventName, b.cancelWaitingChangeListener);
-    b.changeListener = (evt) => { if (b.listen)
-      changeCallback(fieldName, evt.detail); };
-    b.field.addEventListener(b.changeEventName, b.changeListener);
-    return b;
-  }
-}
-
 /**
  * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js
  *
@@ -967,8 +647,9 @@ const EzForm = class {
     if (this.dataUnit === undefined) {
       this.dataUnit = new core.DataUnit("ez-form");
     }
+    this.dataUnit.unsubscribe(this.onDataUnitAction);
     this.dataUnit.subscribe(this.onDataUnitAction);
-    this._dataBinder = new DataBinder(this.dataUnit);
+    this._dataBinder = new DataBinder.DataBinder(this.dataUnit);
     this._store = createStore(formReducer);
     this._store.subscribe(() => index.forceUpdate(this));
     this._staticFields = Array.from(this._element.querySelectorAll("[data-field-name]"));