@sankhyalabs/ezui 1.1.6 → 1.1.10

package/dist/esm/{DataUnit-7a983910.js → DataUnit-4bb6a396.js}

@@ -1,368 +1,423 @@
-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 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] || "";
+//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, cardinality = '1') {
-    this.name = name;
-    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();
-    if (!currentRecord) {
-      return "";
-    }
-    return selectErrorMessage(this._store.getState(), this.name, 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));
-  }
-  save() {
-    if (!this.validateRecords()) {
-      return;
-    }
-    this._store.dispatch(savingChanges(this.name));
-    let saveResult;
-    if (this.saveExecutor) {
-      const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-      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;
-      });
-      const changesToSave = [{
-          dataUnit: this.name,
-          records: changesByRecord
-        }];
-      saveResult = this.saveExecutor(changesToSave);
-    }
-    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) }));
-      }
-    });
-    if (recordsToValidate.length == 0) {
-      return true;
-    }
-    const result = this.recordsValidator.validateRecords(this, recordsToValidate);
-    if (result.message) {
-      alert(result.message);
-    }
-    return result.isValid;
-  }
+class DataUnit {
+  constructor(name, unitLabel, cardinality = '1', parentDU = null) {
+    this.name = name;
+    this.unitLabel = unitLabel;
+    this.cardinality = cardinality;
+    this._children = [];
+    if (parentDU != null) {
+      parentDU._children.push(this);
+      this.parentDU = parentDU;
+      this.parentDUName = parentDU.name;
+    }
+  }
+  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);
+    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);
+    const 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);
+        result.push(change);
+      });
+    }
+    return result;
+  }
+  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;
+    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() {
+    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);
+    if (result.message) {
+      alert(result.message);
+    }
+    return result.isValid;
+  }
 }
 
-export { DataUnit as D, selectCurrentTab as a, changeTab as b, collapseExpandGroup as c, formLoad as f, invalidField as i, selectIsCollapsedFieldSet as s };
+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 };