@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

package/dist/collection/utils/form/DataBinder.js

@@ -0,0 +1,287 @@
+import { ApplicationContext, Action, WaitingChangeException, DataUnitAction } from "@sankhyalabs/core";
+import { RecordValidationProcessor } from "../validators/recordvalidator/RecordValidationProcessor";
+export default class DataBinder {
+  constructor(dataUnit) {
+    this.onDataUnitEvent = (action) => {
+      var _a, _b;
+      switch (action.type) {
+        case Action.DATA_LOADED:
+        case Action.DATA_SAVED:
+        case Action.RECORDS_REMOVED:
+        case Action.RECORDS_ADDED:
+        case Action.RECORDS_COPIED:
+        case Action.EDITION_CANCELED:
+        case Action.SELECTION_CHANGED:
+        case Action.NEXT_SELECTED:
+        case Action.PREVIOUS_SELECTED:
+          this.clearInvalid();
+        case Action.DATA_CHANGED:
+        case Action.CHANGE_UNDONE:
+        case Action.CHANGE_REDONE:
+        case Action.RECORD_LOADED:
+          (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+            this.updateValue(field.fieldName, field.field);
+          });
+          break;
+        case Action.FIELD_INVALIDATED:
+          (_b = this._fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+            this.updateErrorMessage(field.fieldName, field.field);
+          });
+          break;
+      }
+    };
+    this._fields = new Map();
+    this._dataUnit = dataUnit;
+    this.applyDefaultValues();
+    this._dataUnit.subscribe(this.onDataUnitEvent);
+    this._dataUnit.addInterceptor(this);
+  }
+  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(this._dataUnit, {
+      getRequiredFields: () => this._formMetadata.getRequiredFields(),
+      markAsInvalid: field => this.markInvalid(field),
+      getMessageForField: field => this.getErrorMessage(field)
+    }, recordsValidator);
+  }
+  onDisconnectedCallback() {
+    this._dataUnit.unsubscribe(this.onDataUnitEvent);
+    this._dataUnit.removeInterceptor(this);
+  }
+  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);
+    }
+  }
+  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();
+  }
+  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 WaitingChangeException("Change canceled", fieldName));
+      }
+    }
+  }
+  setFieldValue(fieldName, newValue) {
+    if (this._dataUnit.records.length === 0) {
+      this._dataUnit.addRecord();
+    }
+    this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
+    this._dataUnit.setFieldValue(fieldName, newValue);
+    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 = 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"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__ADD__URL__");
+      field["urlDelete"] = 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 === Action.RECORDS_COPIED) {
+      const cleanFields = this._formMetadata.getCleanOnCopyFields();
+      if (cleanFields) {
+        const records = action.payload;
+        return new DataUnitAction(Action.RECORDS_COPIED, records.map(record => {
+          const newRecord = Object.assign({}, record);
+          cleanFields.forEach(fieldName => delete newRecord[fieldName]);
+          return newRecord;
+        }));
+      }
+    }
+    if (action.type === Action.SAVING_DATA) {
+      return new Promise((resolve) => {
+        this.validate()
+          .then(() => resolve(action))
+          .catch(() => { });
+      });
+    }
+    if (action.type === Action.RECORDS_ADDED) {
+      const defaultValues = this.getDefaultValues();
+      if (defaultValues) {
+        const records = action.payload;
+        return new DataUnitAction(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;
+  }
+}

package/dist/collection/utils/form/FormMetadata.js

@@ -0,0 +1,176 @@
+import { DateUtils } from "@sankhyalabs/core";
+import { buildFieldMetadata } from "../interfaces/AbstractFieldMetadata";
+const DETAIL_PATTERN = /child\[([^\]]+)\]/;
+const REGEX_DEFAULT_VAR_KEY = /\$\{.+\}/;
+export class FormMetadata {
+  constructor() {
+    this._sheets = new Map();
+    this._requiredFields = [];
+    this._cleanOnCopyFields = [];
+    this._defaultValues = {};
+  }
+  static getDetailName(name) {
+    const result = DETAIL_PATTERN.exec(name);
+    return result ? result[1] : undefined;
+  }
+  getSheet(name) {
+    return this._sheets.get(name);
+  }
+  getAllSheets() {
+    return this._sheets;
+  }
+  addSheet(sheet) {
+    this._sheets.set(sheet.name, sheet);
+  }
+  addRequiredFields(fields) {
+    this._requiredFields = this._requiredFields.concat(fields);
+  }
+  getRequiredFields() {
+    return this._requiredFields;
+  }
+  addCleanOnCopyFields(fields) {
+    this._cleanOnCopyFields = this._cleanOnCopyFields.concat(fields);
+  }
+  getCleanOnCopyFields() {
+    return this._cleanOnCopyFields;
+  }
+  addDefaultValues(defaultValues) {
+    return this._defaultValues = Object.assign(Object.assign({}, this._defaultValues), defaultValues);
+  }
+  getDefaultValues() {
+    const result = {};
+    Object.entries(this._defaultValues).forEach(([key, value]) => {
+      if (typeof value === "string") {
+        const result = REGEX_DEFAULT_VAR_KEY.exec(value);
+        if (result) {
+          value = this.getDefaultVar(result[0]);
+        }
+      }
+      result[key] = value;
+    });
+    return result;
+  }
+  getDefaultVar(name) {
+    if (name === "${data}") {
+      return DateUtils.getToday();
+    }
+    if (name === "${datahora}") {
+      return DateUtils.getToday(true);
+    }
+    return this._defaultVars ? this._defaultVars.get(name) : undefined;
+  }
+  setDefaultVars(vars) {
+    this._defaultVars = vars;
+  }
+}
+export const buildFormConfigFromDataUnit = (dataUnit) => {
+  const unitMD = dataUnit.metadata;
+  let fields;
+  if (unitMD) {
+    fields = unitMD.fields
+      .filter(descriptor => descriptor.visible !== false)
+      .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
+  }
+  const config = { emptyConfig: false, fields };
+  return config;
+};
+export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
+  var _a, _b;
+  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
+    config = buildFormConfigFromDataUnit(dataUnit);
+  }
+  const sheets = new Map();
+  const hiddenTabs = new Map();
+  const requiredFields = [];
+  const cleanOnCopyFields = [];
+  const defaultValues = {};
+  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+    var _a, _b, _c;
+    if (field.visible !== false) {
+      const tabConfig = getTabConfig(field.tab || "__main", sheets);
+      if (hiddenTabs.has(tabConfig.label)) {
+        return;
+      }
+      const descriptor = dataUnit.getField(field.name);
+      if (descriptor && tabConfig.visible) {
+        if (!sheets.has(tabConfig)) {
+          sheets.set(tabConfig, []);
+        }
+        const formField = buildFieldMetadata(descriptor, field);
+        sheets.get(tabConfig).push(formField);
+        if (formField.required) {
+          requiredFields.push(field.name);
+        }
+        const cleanOnCopy = field.cleanOnCopy == undefined ? (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy : field.cleanOnCopy;
+        if (cleanOnCopy || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.cleanOnCopy)) {
+          cleanOnCopyFields.push(field.name);
+        }
+        let defaultValue = field.defaultValue == undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : field.defaultValue;
+        if (defaultValue && defaultValue.value != undefined) {
+          const { type, value } = defaultValue;
+          if (type) {
+            if (type === "V") {
+              defaultValue = value;
+            }
+            else {
+              try {
+                const parsed = JSON.parse(value);
+                if (parsed && "value" in parsed) {
+                  defaultValue = parsed;
+                }
+                else {
+                  defaultValue = value;
+                }
+              }
+              catch (_d) { }
+            }
+          }
+          defaultValues[field.name] = defaultValue;
+        }
+      }
+    }
+  });
+  const metadata = new FormMetadata();
+  metadata.setDefaultVars(config.defaultVars);
+  if (includeDetails) {
+    const unitMD = dataUnit.metadata;
+    if (unitMD != undefined && unitMD.children != undefined) {
+      unitMD.children.forEach(child => {
+        const { label, name, fields } = buildDetailSheet(child);
+        sheets.set({ name, label }, fields);
+      });
+    }
+  }
+  Array.from(sheets.entries())
+    .sort(sortTabs)
+    .forEach(([key, fields]) => {
+    metadata.addSheet({
+      label: (key.label === "__main") ? "Principal" : key.label,
+      name: key.name || key.label,
+      fields
+    });
+  });
+  metadata.addRequiredFields(requiredFields);
+  metadata.addCleanOnCopyFields(cleanOnCopyFields);
+  metadata.addDefaultValues(defaultValues);
+  return metadata;
+};
+const getTabConfig = (tab, sheets) => {
+  const tabConfig = (typeof tab === "string" ? Array.from(sheets.keys()).find(t => t.label === tab) : tab);
+  return tabConfig || { label: tab, visible: true };
+};
+const sortTabs = (a, b) => {
+  return a[0].label == '__main' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
+};
+const buildDetailSheet = (child) => {
+  return {
+    name: `child[${child.name}]`,
+    label: child.label,
+    fields: []
+  };
+};

package/dist/collection/utils/form/index.js

@@ -0,0 +1,2 @@
+export { FormMetadata, buildFormMetadata, buildFormConfigFromDataUnit } from "./FormMetadata";
+export { default as DataBinder } from "./DataBinder";

package/dist/collection/utils/form/interfaces/IDefaultConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/IFormCardConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/IFormConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/IFormSheetMetadata.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/ISummaryField.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/ITabConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/interfaces/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/index.js

@@ -0,0 +1,6 @@
+export { default as ApplicationUtils } from './ApplicationUtils';
+export { default as CSSVarsUtils } from './CSSVarsUtils';
+export { DialogType } from '../components/ez-dialog/DialogType';
+export { CheckMode } from '../components/ez-check/CheckMode';
+export { FormMetadata } from './form/FormMetadata';
+export { default as DataBinder } from './form/DataBinder';

package/dist/collection/utils/interfaces/AbstractFieldMetadata.js

@@ -0,0 +1,21 @@
+import { UserInterface } from "@sankhyalabs/core";
+export const buildFieldMetadata = (descriptor, config) => {
+  let { name, label, group } = Object.assign({}, config);
+  let { readOnly, required } = Object.assign({}, config);
+  let props;
+  let userInterface;
+  if (descriptor) {
+    label = label || descriptor.label;
+    name = name || descriptor.name;
+    required = descriptor.required || (config === null || config === void 0 ? void 0 : config.required);
+    readOnly = descriptor.readOnly || (config === null || config === void 0 ? void 0 : config.readOnly);
+    props = descriptor.properties;
+    userInterface = descriptor.userInterface;
+  }
+  return {
+    name, label, group,
+    readOnly, required,
+    props,
+    userInterface: userInterface || UserInterface.SHORTTEXT
+  };
+};

package/dist/collection/utils/interfaces/IFieldConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/mock/ez-upload-mock.js

@@ -0,0 +1,30 @@
+global.XMLHttpRequest = class XMLHttpRequest {
+
+    readyState = 4;
+    status = 200;
+    statusText = 'OK';
+    response = { "A": "B" };
+    responseText = JSON.stringify(this.response);
+  
+    constructor() {
+  
+    }
+  
+    open(method, url, async) {
+      if (url != "post") {
+        this.onreadystatechange();
+      }
+    }
+
+    abort(){
+        
+    }
+  
+    send(data) {
+      this.responseText = data;
+      this.response = JSON.parse(data);
+      this.onreadystatechange();
+    }
+  
+  
+  };

package/dist/collection/utils/utils.js

@@ -0,0 +1,6 @@
+export function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export function isValidNumber(strValue) {
+  return strValue && /^-?\d*[.,]?\d*$/.test(strValue);
+}

package/dist/collection/utils/validators/recordvalidator/IInvalidField.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/validators/recordvalidator/IRecordValidator.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/validators/recordvalidator/IValidationResult.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/validators/recordvalidator/IValidationSource.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/validators/recordvalidator/RecordValidationProcessor.js

@@ -0,0 +1,74 @@
+import ApplicationUtils from "../../ApplicationUtils";
+export class RecordValidationProcessor {
+  constructor(dataUnit, validationSource, validator) {
+    this._dataUnit = dataUnit;
+    this._validationSource = validationSource;
+    this._validator = validator;
+  }
+  validate() {
+    return new Promise((accept, reject) => {
+      const records = this._dataUnit.getModifiedRecords();
+      for (let i = 0; i < records.length; i++) {
+        const record = records[i];
+        const invalidResults = [];
+        let validationResult = this.validateRequired(record);
+        if (validationResult && !validationResult.isValid) {
+          invalidResults.push(validationResult);
+        }
+        if (this._validator) {
+          validationResult = this._validator.validateRecord(record);
+          if (validationResult && !validationResult.isValid) {
+            invalidResults.push(validationResult);
+          }
+        }
+        if (invalidResults.length > 0) {
+          this.processValidationResult(invalidResults, record.__record__id__);
+          reject();
+          break;
+        }
+      }
+      return accept();
+    });
+  }
+  validateRequired(record) {
+    const requiredFields = this._validationSource.getRequiredFields();
+    const invalidFields = [];
+    new Set(requiredFields).forEach(field => {
+      const value = record[field];
+      if (value == undefined || value === "") {
+        const errorMessage = this._validationSource.getMessageForField(field, record.__record__id__);
+        if (errorMessage) {
+          invalidFields.push({ name: field, message: errorMessage });
+        }
+        else {
+          invalidFields.push({ name: field, message: "Essa informação é obrigatória" });
+        }
+      }
+    });
+    if (invalidFields.length > 0) {
+      return { isValid: false, invalidFields, infoMessage: "Há pelo menos um campo obrigatório não preenchido." };
+    }
+    return undefined;
+  }
+  processValidationResult(validationResult, recordId) {
+    validationResult.forEach(invalidResult => {
+      const invalidFields = invalidResult.invalidFields;
+      if (invalidFields) {
+        invalidFields.forEach(field => {
+          this.markAsInvalid(field, recordId);
+        });
+      }
+      if (invalidResult.infoMessage) {
+        ApplicationUtils.info(invalidResult.infoMessage);
+      }
+      if (invalidResult.errorMessage) {
+        const { errorTitle, errorMessage } = invalidResult;
+        ApplicationUtils.error(errorTitle, errorMessage);
+      }
+    });
+  }
+  markAsInvalid(field, recordId) {
+    this._dataUnit.setInvalidField(field.name, field.message, recordId);
+    this._validationSource.markAsInvalid(field, recordId);
+  }
+}