@sankhyalabs/ezui 1.1.77 → 1.1.80

package/dist/collection/components/ez-form/subcomponents/structure/FieldSet.js

@@ -1,27 +0,0 @@
-import { h } from "@stencil/core";
-import { collapseExpandGroup } from "../../store/Form.actions";
-import { selectIsCollapsedFieldSet } from "../../store/Form.selectors";
-import { Field } from "./Field";
-export const FieldSet = ({ store, formName, source, dataUnit, enabled }) => {
-  const { label, fields } = source;
-  const fieldSetName = formName + label;
-  let isCollapsed = selectIsCollapsedFieldSet(store.getState(), formName + label);
-  let fieldToScroll;
-  source.fields.forEach((field) => {
-    if (fieldToScroll === undefined) {
-      const fieldError = dataUnit.getErrorMessage(field.name);
-      if (fieldError !== undefined && fieldError !== null && fieldError !== "") {
-        fieldToScroll = field.name;
-      }
-    }
-  });
-  if (fieldToScroll) {
-    isCollapsed = false;
-  }
-  return h("div", { class: "col col--sd-12 padding--small" },
-    h("div", { class: "row margin-top--large" },
-      h("div", { class: "col col--sd-12 align--middle padding-horizontal--medium" },
-        h("ez-collapsible-box", { value: isCollapsed, label: label, onEzChange: () => store.dispatch(collapseExpandGroup(fieldSetName, !isCollapsed)) }),
-        isCollapsed ? null :
-          h("div", { class: "col col--sd-12" }, fields.map(field => h(Field, { enabled: enabled, field: field, dataUnit: dataUnit, forceScroll: fieldToScroll === field.name }))))));
-};

package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js

@@ -1,41 +0,0 @@
-import { h } from "@stencil/core";
-import { NavigationBar } from "./NavigationBar";
-import { selectCurrentTab, selectVisibleButtons } from "../../store/Form.selectors";
-import { changeTab } from "../../store/Form.actions";
-import { FieldSet } from "./FieldSet";
-import { Field } from "./Field";
-function buildFormItem(source, formName, store, dataUnit, enabled) {
-  if ("fields" in source) {
-    return h(FieldSet, { enabled: enabled, source: source, store: store, formName: formName, dataUnit: dataUnit });
-  }
-  const fieldName = source.name;
-  const errorMsg = dataUnit.getErrorMessage(fieldName);
-  const forceScroll = errorMsg === undefined || errorMsg === null || errorMsg === "" ? false : true;
-  return h(Field, { enabled: enabled, field: source, dataUnit: dataUnit, forceScroll: forceScroll });
-}
-export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder, enabled }) => {
-  const selectedTab = selectCurrentTab(store.getState(), parentName);
-  const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
-  const { subForms, items, name } = source[selectedTab];
-  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
-  source[selectedTab].dataUnit = dataUnit;
-  const hasSubForms = subForms && subForms.length > 0;
-  const changeTabHandler = (index) => {
-    store.dispatch(changeTab(parentName, index));
-  };
-  //todos os campos e subformulários precisam estar ligados a um DU
-  const currentDU = dataUnit || parentDataUnit;
-  let buttons = selectVisibleButtons(store.getState());
-  if (currentDU.cardinality === "1") {
-    buttons.addVisible = false;
-    buttons.removeVisible = false;
-    buttons.nextVisible = false;
-    buttons.previousVisible = false;
-  }
-  return h("div", { class: "form-sheet" },
-    tabs ? h("ez-tabselector", { selectedIndex: selectedTab, selectedTab: name, onEzChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
-    dataUnit ? h(NavigationBar, { enabled: enabled, dataUnit: dataUnit, buttonProps: buttons }) : null,
-    h("div", { class: "tab__container" },
-      items ? items.map(item => buildFormItem(item, name, store, currentDU, enabled)) : null,
-      hasSubForms ? h(FormSheet, { enabled: enabled, store: store, source: subForms, parentName: name, parentDataUnit: currentDU, dataUnitBuilder: dataUnitBuilder }) : null));
-};

package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js

@@ -1,37 +0,0 @@
-import { h } from "@stencil/core";
-import ApplicationUtils from "../../../../utils/ApplicationUtils";
-function removeHandler(dataUnit) {
-  ApplicationUtils.confirm("Exclusão de registro", "Tem certeza que deseja Remover?", null, true).then(ok => {
-    if (ok) {
-      dataUnit.remove();
-    }
-  });
-}
-function saveHandler(dataUnit) {
-  setTimeout(() => {
-    //Esse debouncing é necessário quando o usuário clica no botão de salvar 
-    //sem ter tirado o foco o último campo alterado.
-    dataUnit.save();
-  }, 50);
-}
-export const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
-  if (buttonProps.previousVisible
-    || buttonProps.nextVisible
-    || buttonProps.addVisible
-    || buttonProps.removeVisible
-    || buttonProps.saveVisible
-    || buttonProps.cancelVisible
-    || buttonProps.reloadVisible) {
-    return h("div", { class: "col col--sd-12 align--right" },
-      buttonProps.previousVisible ? h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.nextVisible ? h("ez-button", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.removeVisible ? h("ez-button", { key: du.name + "_remove", label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.addVisible ? h("ez-button", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.reloadVisible ? h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.cancelVisible ? h("ez-button", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.saveVisible ? h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
-  }
-  else {
-    return null;
-  }
-};

package/dist/esm/ApplicationUtils-01280a9d.js

@@ -1,33 +0,0 @@
-class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
-
-export { ApplicationUtils as A };

package/dist/esm/CSSVarsUtils-e0128b01.js

@@ -1,16 +0,0 @@
-class CSSVarsUtils {
-  static applyVarsTextInput(host, textInput) {
-    if (textInput) {
-      CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--background-color');
-      CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--border-color');
-    }
-  }
-  static applyIfExists(host, textInput, varName) {
-    const prop = getComputedStyle(host).getPropertyValue(varName);
-    if (prop) {
-      textInput.style.setProperty(varName, prop);
-    }
-  }
-}
-
-export { CSSVarsUtils as C };

package/dist/esm/DataUnit-1cd45202.js

@@ -1,464 +0,0 @@
-import { A as ApplicationUtils } from './ApplicationUtils-01280a9d.js';
-
-function changeFieldValue(dataUnit, recordId, fieldName, value) {
-  return {
-    type: "FORM/CHANGEFIELD",
-    payload: { dataUnit, recordId, fieldName, value }
-  };
-}
-function changeTab(formId, index) {
-  return {
-    type: "FORM/CHANGETAB",
-    payload: { formId, index }
-  };
-}
-function clearEdition(dataUnit, recordsLimit) {
-  return {
-    type: "FORM/CLEAREDITION",
-    payload: {
-      dataUnit,
-      recordsLimit
-    }
-  };
-}
-function collapseExpandGroup(collapseId, collapsed) {
-  return {
-    type: "FORM/COLLAPSEGROUP",
-    payload: { collapseId, collapsed }
-  };
-}
-function previousRecord(dataUnit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit: 0,
-      backward: true
-    }
-  };
-}
-function nextRecord(dataUnit, limit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit,
-      backward: false
-    }
-  };
-}
-function insertRecord(dataUnit, insertionIndex) {
-  return {
-    type: "FORM/INSERT",
-    payload: {
-      dataUnit,
-      insertionIndex
-    }
-  };
-}
-function formLoad() {
-  return {
-    type: "FORM/LOAD"
-  };
-}
-function dataLoading(dataUnit) {
-  return {
-    type: "FORM/DATALOADING",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function savingChanges(dataUnit) {
-  return {
-    type: "FORM/SAVINGCHANGES",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function dataLoaded(dataUnit) {
-  return {
-    type: "FORM/DATALOADED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function changesSaved(dataUnit) {
-  return {
-    type: "FORM/CHANGESSAVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function removingRecord(dataUnit) {
-  return {
-    type: "FORM/REMOVINGRECORD",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function recordRemoved(dataUnit) {
-  return {
-    type: "FORM/RECORDREMOVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function invalidField(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
-  return {
-    type: "FORM/INVALIDFIELD",
-    payload: {
-      tabController,
-      tabIndex,
-      dataUnit,
-      recordId,
-      recordIndex,
-      fieldName,
-      errorMessage
-    }
-  };
-}
-function showHideNavigationButtons(buttonName, status) {
-  return {
-    type: "FORM/SHOWHIDENAVBTN",
-    payload: {
-      buttonName,
-      status
-    }
-  };
-}
-
-//histórico
-const selectCurrentTab = (state, formName) => {
-  const data = state.hist.present.currentTabIndex;
-  return data[formName] || 0;
-};
-const selectIsCollapsedFieldSet = (state, fieldSetName) => {
-  const data = state.hist.present.collapsedGroups;
-  return data[fieldSetName];
-};
-const selectRecordChanges = (state, dataUnit, recordId) => {
-  const data = selectDataUnitChanges(state, dataUnit);
-  return data ? data[recordId] : undefined;
-};
-const selectDataUnitChanges = (state, dataUnit) => {
-  const data = state.hist.present.changes;
-  return data[dataUnit];
-};
-const selectCurrentRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.currentRecordIndex;
-  return data[dataUnit] || 0;
-};
-const selectNewRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.newRecordIndex;
-  return data[dataUnit] || 0;
-};
-//não histórico
-const selectLoadingData = (state, dataUnit) => {
-  const data = state.nonhist.dataLoading;
-  return data[dataUnit];
-};
-const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
-  const data = state.nonhist.invalidFields;
-  const dataUnitMessages = data[dataUnit] || {};
-  const recordMessages = dataUnitMessages[recordId] || {};
-  return recordMessages[fieldName] || "";
-};
-const selectVisibleButtons = state => state.nonhist.visibleButtons;
-
-class DataUnit {
-  constructor(name, unitLabel, cardinality = "1", parentDU = null) {
-    this.name = name;
-    this.unitLabel = unitLabel;
-    this.cardinality = cardinality;
-    this._children = [];
-    this._fields = new Map();
-    this._requiredFields = [];
-    if (parentDU != null) {
-      parentDU._children.push(this);
-      this.parentDU = parentDU;
-      this.parentDUName = parentDU.name;
-    }
-  }
-  set store(store) {
-    this._store = store;
-  }
-  set fields(value) {
-    if (value) {
-      value.forEach(f => this.addFieldMetadata(f));
-    }
-  }
-  addFieldMetadata(field) {
-    this._fields.set(field.name, field);
-    if (field.required) {
-      this._requiredFields.push(field);
-    }
-  }
-  getFieldMetadata(name) {
-    if (this._fields) {
-      return this._fields.get(name);
-    }
-    return undefined;
-  }
-  get requiredFields() {
-    return this._requiredFields;
-  }
-  isLoading() {
-    return selectLoadingData(this._store.getState(), this.name);
-  }
-  hasChanges() {
-    const state = this._store.getState();
-    return selectDataUnitChanges(state, this.name) !== undefined || selectNewRecordIndex(state, this.name) > 0;
-  }
-  hasNext() {
-    return selectCurrentRecordIndex(this._store.getState(), this.name) < (this.records.length - 1);
-  }
-  hasPrevious() {
-    return selectCurrentRecordIndex(this._store.getState(), this.name) > 0;
-  }
-  hasCurrentRecord() {
-    return this.getCurrentRecord() != undefined;
-  }
-  previous() {
-    this._store.dispatch(previousRecord(this.name));
-  }
-  next() {
-    this._store.dispatch(nextRecord(this.name, this.records.length));
-  }
-  getValue(fieldName) {
-    const currentRecord = this.getCurrentRecord();
-    if (!currentRecord) {
-      return undefined;
-    }
-    const changes = this.getRecordChanges(currentRecord);
-    return changes && changes[fieldName] !== undefined ? changes[fieldName] : currentRecord[fieldName] || null;
-  }
-  getErrorMessage(fieldName) {
-    const currentRecord = this.getCurrentRecord();
-    return selectErrorMessage(this._store.getState(), this.name, currentRecord === null || currentRecord === void 0 ? void 0 : currentRecord.record__id, fieldName);
-  }
-  changeValue(fieldName, newValue) {
-    if (this.records.length == 0) {
-      this.insert();
-    }
-    if (this._changeDeboucing) {
-      window.clearTimeout(this._changeDeboucing);
-    }
-    this._changeDeboucing = window.setTimeout(() => {
-      const currentRecord = this.getCurrentRecord();
-      this._store.dispatch(changeFieldValue(this.name, currentRecord.record__id, fieldName, newValue));
-    }, 100);
-  }
-  cancel() {
-    this.records = this.records.filter(r => !r.record__id.startsWith("NEW_"));
-    this._store.dispatch(clearEdition(this.name, this.records.length - 1));
-  }
-  insert() {
-    const insertionIndex = this.records.length;
-    const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
-    const newRecord = { record__id: "NEW_" + (newRecordIndex + 1) };
-    this.bindToParent(newRecord);
-    this.records.push(newRecord);
-    this._store.dispatch(insertRecord(this.name, insertionIndex));
-  }
-  buildChange(r) {
-    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    let recordChanges;
-    if (duChanges) {
-      recordChanges = duChanges[r.record__id];
-    }
-    let subChanges = [];
-    this._children.forEach(duChild => {
-      subChanges = subChanges.concat(duChild.getSubChanges(r.record__id));
-    });
-    if (recordChanges || subChanges.length > 0) {
-      const change = {
-        "__data__unit": this.name,
-        "__record__id": r.record__id,
-        "__sub__changes": subChanges
-      };
-      if (recordChanges) {
-        Object.keys(recordChanges).forEach(fieldName => { });
-      }
-      return change;
-    }
-    return undefined;
-  }
-  getSubChanges(id) {
-    const result = [];
-    if (this._records) {
-      this._records.filter(r => r.parent__record__id === id).forEach(r => {
-        const c = this.buildChange(r);
-        if (c) {
-          result.push(c);
-        }
-      });
-    }
-    return result;
-  }
-  getChangesToSave() {
-    let result = [];
-    if (this._records) {
-      this._records.forEach(r => {
-        const change = this.buildChange(r);
-        if (change) {
-          result.push(change);
-        }
-      });
-    }
-    return result;
-  }
-  save() {
-    if (!this.validateRecords("SAVE")) {
-      return;
-    }
-    this._store.dispatch(savingChanges(this.name));
-    let saveResult;
-    if (this.saveExecutor) {
-      saveResult = this.saveExecutor(this.getChangesToSave());
-    }
-    if (saveResult instanceof Promise) {
-      saveResult
-        .then(r => this.processSaveResult(r))
-        .catch(e => {
-        this._store.dispatch(dataLoaded(this.name));
-        ApplicationUtils.error("Falha ao tentar salvar", e);
-      });
-    }
-    else {
-      this.processSaveResult(saveResult);
-    }
-  }
-  load() {
-    this._store.dispatch(dataLoading(this.name));
-    let result;
-    if (this.loadExecutor) {
-      result = this.loadExecutor({ dataUnit: this.name });
-    }
-    if (result instanceof Promise) {
-      result.then(r => this.processLoadResult(r));
-    }
-    else {
-      this.processLoadResult(result);
-    }
-  }
-  remove() {
-    const currentIndex = selectCurrentRecordIndex(this._store.getState(), this.name);
-    this._store.dispatch(removingRecord(this.name));
-    let removeResult;
-    if (this.removeExecutor) {
-      const record = this.getCurrentRecord();
-      removeResult = this.removeExecutor({ dataUnit: this.name, recordId: record.record__id, record });
-    }
-    else {
-      removeResult = true;
-    }
-    if (removeResult) {
-      if (removeResult instanceof Promise) {
-        removeResult.then(r => this.processRemoveResult(r, currentIndex));
-      }
-      else {
-        this.processRemoveResult(removeResult, currentIndex);
-      }
-    }
-  }
-  processSaveResult(result) {
-    if (result) {
-      if (result instanceof Array) {
-        result.forEach(item => this.processSaveResult(item));
-      }
-      else {
-        if (result.__data__unit === this.name) {
-          if (this.cardinality === "1") {
-            this.records = [this.buildRecordFromSaveResult(this.records[0], result)];
-          }
-        }
-      }
-    }
-    //FIXME: Isso está errado! tem que limpar todas as edições
-    this._store.dispatch(clearEdition(this.name, this.records.length - 1));
-    this._store.dispatch(changesSaved(this.name));
-  }
-  buildRecordFromSaveResult(baseRecord, saveResult) {
-    const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: "" };
-    Object.keys(saveResult).forEach(attrib => {
-      if (!attrib.startsWith("__")) {
-        newRecord[attrib] = saveResult[attrib];
-      }
-    });
-    return newRecord;
-  }
-  processLoadResult(records) {
-    this.records = records;
-    this._store.dispatch(clearEdition(this.name, this.records.length - 1));
-    this._store.dispatch(dataLoaded(this.name));
-  }
-  processRemoveResult(removed, recordIndex) {
-    if (removed) {
-      this.records.splice(recordIndex, 1);
-      this._store.dispatch(clearEdition(this.name, this.records.length - 1));
-    }
-    this._store.dispatch(recordRemoved(this.name));
-  }
-  set records(records) {
-    this._records = records;
-    if (this.parentDU) {
-      this._records.forEach(r => this.bindToParent(r));
-    }
-  }
-  bindToParent(r) {
-    if (this.parentDU) {
-      const parentRecord = this.parentDU.getCurrentRecord();
-      if (parentRecord) {
-        r.parent__record__id = parentRecord.record__id;
-      }
-    }
-  }
-  get records() {
-    if (!this._records) {
-      this._records = [];
-    }
-    return this._records;
-  }
-  getCurrentRecord() {
-    const currentIndex = selectCurrentRecordIndex(this._store.getState(), this.name);
-    return this.records[currentIndex];
-  }
-  getRecordChanges(currentRecord = undefined) {
-    if (currentRecord === undefined) {
-      currentRecord = this.getCurrentRecord();
-    }
-    return currentRecord ? selectRecordChanges(this._store.getState(), this.name, currentRecord.record__id) : undefined;
-  }
-  validateRecords(triggedBy = "UNKNOWN") {
-    if (!this.recordsValidator) {
-      return true;
-    }
-    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    const recordsToValidate = [];
-    this.records.forEach((record, i) => {
-      const changes = duChanges ? duChanges[record.record__id] : undefined;
-      if (changes) {
-        recordsToValidate.push(Object.assign(Object.assign(Object.assign({}, record), changes), { record__index: i, record__changedfields: Object.keys(changes) }));
-      }
-    });
-    const result = this.recordsValidator.validateRecords(this, recordsToValidate, triggedBy);
-    if (result.message) {
-      ApplicationUtils.info(result.message);
-    }
-    return result.isValid;
-  }
-}
-var DependencyType;
-(function (DependencyType) {
-  DependencyType["SEARCHING"] = "SEARCHING";
-  DependencyType["REQUIREMENT"] = "REQUIREMENT";
-  DependencyType["VISIBILITY"] = "REQUIREMENT";
-})(DependencyType || (DependencyType = {}));
-
-export { DependencyType as D, selectCurrentTab as a, selectVisibleButtons as b, collapseExpandGroup as c, changeTab as d, showHideNavigationButtons as e, formLoad as f, DataUnit as g, invalidField as i, selectIsCollapsedFieldSet as s };