@sankhyalabs/ezui 1.1.6 → 1.1.10

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

@@ -1,43 +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);
-};
+//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,207 +1,252 @@
-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, 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;
-  }
-}
+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', 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;
+  }
+}

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

@@ -1,16 +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 = {}));
+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

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