@sankhyalabs/ezui 1.1.76 → 1.1.79

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

@@ -1,194 +0,0 @@
-const inicialHistState = {
-  currentTabIndex: {},
-  currentRecordIndex: {},
-  changes: {},
-  collapsedGroups: {},
-  newRecordIndex: {}
-};
-const inicialNonHistState = {
-  dataLoading: {},
-  invalidFields: {},
-  visibleButtons: {
-    previousVisible: true,
-    nextVisible: true,
-    addVisible: true,
-    removeVisible: true,
-    saveVisible: true,
-    cancelVisible: true,
-    reloadVisible: false
-  }
-};
-export default function formReducer(state = inicialHistState, action) {
-  switch (action.type) {
-    case "FORM/COLLAPSEGROUP":
-      return collapseGroup(state, action.payload);
-    case "FORM/CHANGETAB":
-      return changeTab(state, action.payload.formId, action.payload.index);
-    case "FORM/NAVIGATE":
-      return navigate(state, action.payload);
-    case "FORM/INSERT":
-      return insertRecord(state, action.payload);
-    case "FORM/CHANGEFIELD":
-      return changeFieldValue(state, action.payload);
-    case "FORM/CLEAREDITION":
-      return clearEdition(state, action.payload);
-    case "FORM/INVALIDFIELD":
-      return navigateToInvalid(state, action.payload);
-    default:
-      return state;
-  }
-}
-export function formNonHistoricReducer(state = inicialNonHistState, action) {
-  switch (action.type) {
-    case "FORM/DATALOADING":
-      return dataLoading(state, action.payload);
-    case "FORM/DATALOADED":
-      return dataLoaded(state, action.payload);
-    case "FORM/SAVINGCHANGES":
-      return savingChanges(state, action.payload);
-    case "FORM/CHANGESSAVED":
-      return changesSaved(state, action.payload);
-    case "FORM/REMOVINGRECORD":
-      return removingRecord(state, action.payload);
-    case "FORM/RECORDREMOVED":
-      return recordRemoved(state, action.payload);
-    case "FORM/INVALIDFIELD":
-      return invalidField(state, action.payload);
-    case "FORM/CLEAREDITION":
-      return clearAllInvalidFields(state, action.payload);
-    case "FORM/CHANGEFIELD":
-      return clearInvalidField(state, action.payload);
-    case "FORM/SHOWHIDENAVBTN":
-      return showHideNavBtn(state, action.payload);
-    default:
-      return state;
-  }
-}
-function collapseGroup(state, { collapseId, collapsed }) {
-  const currentCollapsed = Object.assign({}, state.collapsedGroups);
-  if (collapsed) {
-    currentCollapsed[collapseId] = true;
-  }
-  else {
-    delete currentCollapsed[collapseId];
-  }
-  return Object.assign(Object.assign({}, state), { collapsedGroups: currentCollapsed });
-}
-function changeTab(state, formId, index) {
-  const currentTabIndex = Object.assign({}, state.currentTabIndex);
-  currentTabIndex[formId] = index;
-  return Object.assign(Object.assign({}, state), { currentTabIndex });
-}
-function navigate(state, { dataUnit, limit, backward }) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  const recIndex = currentRecordIndex[dataUnit] || 0;
-  return gotoIndex(state, dataUnit, backward ? Math.max(limit, recIndex - 1) : Math.min(limit, recIndex + 1));
-}
-function gotoIndex(state, dataUnit, index) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  currentRecordIndex[dataUnit] = index;
-  return Object.assign(Object.assign({}, state), { currentRecordIndex });
-}
-function insertRecord(state, { dataUnit, insertionIndex }) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  const newRecordIndex = Object.assign({}, state.newRecordIndex);
-  currentRecordIndex[dataUnit] = insertionIndex;
-  newRecordIndex[dataUnit] = (state.newRecordIndex[dataUnit] || 0) + 1;
-  return Object.assign(Object.assign({}, state), { currentRecordIndex,
-    newRecordIndex });
-}
-function changeFieldValue(state, { dataUnit, recordId, fieldName, value }) {
-  const changes = Object.assign({}, state.changes);
-  const dataUnitChanges = Object.assign({}, changes[dataUnit]);
-  const recordChanges = Object.assign({}, dataUnitChanges[recordId]);
-  recordChanges[fieldName] = value;
-  dataUnitChanges[recordId] = recordChanges;
-  changes[dataUnit] = dataUnitChanges;
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  delete errorMessages[fieldName];
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { changes,
-    invalidFields, invalidFieldSelected: undefined });
-}
-function clearEdition(state, { dataUnit, recordsLimit }) {
-  const changes = Object.assign({}, state.changes);
-  const newRecordIndex = Object.assign({}, state.newRecordIndex);
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  delete changes[dataUnit];
-  delete newRecordIndex[dataUnit];
-  const recIndex = currentRecordIndex[dataUnit] || 0;
-  currentRecordIndex[dataUnit] = Math.min(recordsLimit, recIndex);
-  return Object.assign(Object.assign({}, state), { changes,
-    newRecordIndex,
-    currentRecordIndex });
-}
-function navigateToInvalid(state, payload) {
-  let newState = Object.assign({}, state);
-  if (newState.invalidFieldSelected === undefined) {
-    newState.invalidFieldSelected = true;
-    newState = gotoIndex(newState, payload.dataUnit, payload.recordIndex);
-    newState = changeTab(newState, payload.tabController, payload.tabIndex);
-  }
-  return newState;
-}
-function dataLoading(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function dataLoaded(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function savingChanges(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function changesSaved(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function removingRecord(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function recordRemoved(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function invalidField(state, { dataUnit, recordId, fieldName, errorMessage }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  errorMessages[fieldName] = errorMessage;
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function clearAllInvalidFields(state, { dataUnit }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  delete invalidFields[dataUnit];
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function clearInvalidField(state, { dataUnit, recordId, fieldName }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  delete errorMessages[fieldName];
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function showHideNavBtn(state, { buttonName, status }) {
-  const visibleButtons = Object.assign({}, state.visibleButtons);
-  visibleButtons[buttonName] = status;
-  return Object.assign(Object.assign({}, state), { visibleButtons });
-}

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

@@ -1,44 +0,0 @@
-//histórico
-export const selectCurrentTab = (state, formName) => {
-  const data = state.hist.present.currentTabIndex;
-  return data[formName] || 0;
-};
-export const selectIsCollapsedFieldSet = (state, fieldSetName) => {
-  const data = state.hist.present.collapsedGroups;
-  return data[fieldSetName];
-};
-export const selectRecordChanges = (state, dataUnit, recordId) => {
-  const data = selectDataUnitChanges(state, dataUnit);
-  return data ? data[recordId] : undefined;
-};
-export const selectDataUnitChanges = (state, dataUnit) => {
-  const data = state.hist.present.changes;
-  return data[dataUnit];
-};
-export const selectCurrentRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.currentRecordIndex;
-  return data[dataUnit] || 0;
-};
-export const selectNewRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.newRecordIndex;
-  return data[dataUnit] || 0;
-};
-export const selectUndoState = state => { return { canUndo: state.hist.past.length > 0, canRedo: state.hist.future.length > 0 }; };
-//não histórico
-export const selectLoadingData = (state, dataUnit) => {
-  const data = state.nonhist.dataLoading;
-  return data[dataUnit];
-};
-export const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
-  const data = state.nonhist.invalidFields;
-  const dataUnitMessages = data[dataUnit] || {};
-  const recordMessages = dataUnitMessages[recordId] || {};
-  return recordMessages[fieldName] || "";
-};
-export const selectInvalidFields = (state, dataUnit, recordId) => {
-  const data = state.nonhist.invalidFields;
-  const dataUnitMessages = data[dataUnit] || {};
-  const recordMessages = dataUnitMessages[recordId] || {};
-  return Object.keys(recordMessages);
-};
-export const selectVisibleButtons = state => state.nonhist.visibleButtons;

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

@@ -1,301 +0,0 @@
-import { changeFieldValue, changesSaved, clearEdition, dataLoaded, dataLoading, insertRecord, nextRecord, previousRecord, recordRemoved, removingRecord, savingChanges } from "../store/Form.actions";
-import { selectRecordChanges, selectCurrentRecordIndex, selectLoadingData, selectNewRecordIndex, selectDataUnitChanges, selectErrorMessage } from "../store/Form.selectors";
-import Application from "../../../utils/Application";
-export default 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 => { change[fieldName] = recordChanges[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));
-        Application.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)];
-          }
-          else {
-            //NÃO IPLEMENTADO AINDA
-          }
-        }
-      }
-    }
-    //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) {
-      Application.info(result.message);
-    }
-    return result.isValid;
-  }
-}
-export class FieldMetadata {
-}
-export class UIProperty {
-}
-export class FieldDependency {
-}
-export var DependencyType;
-(function (DependencyType) {
-  DependencyType["SEARCHING"] = "SEARCHING";
-  DependencyType["REQUIREMENT"] = "REQUIREMENT";
-  DependencyType["VISIBILITY"] = "REQUIREMENT";
-})(DependencyType || (DependencyType = {}));

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

@@ -1,8 +0,0 @@
-export class Form {
-}
-export class FormField {
-}
-export class FieldSet {
-}
-export class TabPosition {
-}

package/dist/collection/components/ez-form/subcomponents/css/place-holder.css

@@ -1,24 +0,0 @@
-:host {
-  display: flex;
-  width: 100%;
-  height: 42px;
-  border-radius: 12px;
-  background: var(--background--medium);
-  background-image: linear-gradient(to right, var(--background--medium) 0%, var(--background--strong) 20%, var(--background--medium) 40%, var(--background--medium) 100%);
-  background-repeat: no-repeat;
-  background-size: 800px 1000px; 
-  animation-duration: 1s;
-  animation-fill-mode: forwards; 
-  animation-iteration-count: infinite;
-  animation-name: placeholderShimmer;
-  animation-timing-function: linear;
-}
-
-@keyframes placeholderShimmer{
-  0%{
-    background-position: -800px 0;
-  }
-  100%{
-    background-position: 800px 0;
-  }
-}