@sankhyalabs/ezui 1.1.4 → 1.1.8

package/dist/esm/DataUnit-69e518fa.js

@@ -0,0 +1,378 @@
+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') {
+    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;
+  }
+}
+
+export { DataUnit as D, selectCurrentTab as a, selectVisibleButtons as b, collapseExpandGroup as c, changeTab as d, showHideNavigationButtons as e, formLoad as f, invalidField as i, selectIsCollapsedFieldSet as s };