@sankhyalabs/ezui 1.1.4 → 1.1.8

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
+    }
+  };
+}

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

@@ -0,0 +1,194 @@
+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: true
+  }
+};
+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

@@ -0,0 +1,44 @@
+//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

@@ -0,0 +1,207 @@
+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';
+export default class DataUnit {
+  constructor(name, unitLabel, cardinality = '1') {
+    this.name = name;
+    this.unitLabel = unitLabel;
+    this.cardinality = cardinality;
+  }
+  set store(store) {
+    this._store = store;
+  }
+  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);
+    this.records.push({ record__id: 'NEW_' + (newRecordIndex + 1) });
+    this._store.dispatch(insertRecord(this.name, insertionIndex));
+  }
+  getChangesToSave() {
+    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
+    if (duChanges) {
+      const changesByRecord = Object.keys(duChanges).map(record__id => {
+        const record = { record__id };
+        const recordChanges = duChanges[record__id];
+        Object.keys(recordChanges).forEach(fieldName => { record[fieldName] = recordChanges[fieldName]; });
+        return record;
+      });
+      return [{
+          dataUnit: this.name,
+          records: changesByRecord
+        }];
+    }
+    return undefined;
+  }
+  save() {
+    if (!this.validateRecords()) {
+      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));
+    }
+    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.dataUnit === this.name) {
+          result.records.forEach(savedRecord => {
+            let rID = savedRecord.oldRecord__id;
+            delete savedRecord.oldRecord__id;
+            if (rID === undefined) {
+              rID = savedRecord.record__id;
+            }
+            this.records.forEach((r, index) => {
+              if (r.record__id === rID) {
+                this.records[index] = Object.assign(r, savedRecord);
+              }
+            });
+          });
+        }
+      }
+    }
+    this._store.dispatch(clearEdition(this.name, this.records.length - 1));
+    this._store.dispatch(changesSaved(this.name));
+  }
+  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;
+  }
+  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() {
+    if (!this.recordsValidator) {
+      return true;
+    }
+    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
+    const recordsToValidate = [];
+    this.records.forEach((record, i) => {
+      const changes = duChanges[record.record__id];
+      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);
+    if (result.message) {
+      alert(result.message);
+    }
+    return result.isValid;
+  }
+}

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

@@ -0,0 +1,16 @@
+export class Form {
+}
+export class Field {
+}
+export class FieldSet {
+}
+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/css/place-holder.css

@@ -0,0 +1,24 @@
+: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;
+  }
+}