@sankhyalabs/sankhyablocks 2.8.0 → 2.10.0

package/dist/cjs/{ConfigStorage-91953f29.js → ConfigStorage-8b5e3261.js}

@@ -6797,7 +6797,7 @@ class FormConfigFetcher extends ResourceFetcher {
           }
           config.fields = fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             if ("readonly" in field) {
-              const readOnly = field['readonly'];
+              const readOnly = field['readonly'] === true;
               delete field['readonly'];
               field.readOnly = readOnly;
             }

package/dist/cjs/snk-application.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
-const ConfigStorage = require('./ConfigStorage-91953f29.js');
+const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const SnkMessageBuilder = require('./SnkMessageBuilder-248b5105.js');
 require('./_commonjsHelpers-537d719a.js');
@@ -241,6 +241,13 @@ class DataUnitFetcher {
                     type
                     expression
                   }
+                },
+                children{
+                  name
+                  links{
+                    source
+                    target
+                  }
                 }
                 children{
                   name
@@ -251,9 +258,9 @@ class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", ConfigStorage.dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", ConfigStorage.dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!] $parentRecordId: String) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(limit: $limit offset: $offset filters: $filters sort: $sort){
+              data(limit: $limit offset: $offset filters: $filters sort: $sort parentRecordId: $parentRecordId){
                 limit
                 offset
                 total
@@ -290,8 +297,8 @@ class DataUnitFetcher {
             }
           }`);
   }
-  getDataUnit(entityName, resourceID) {
-    const dataUnit = new core.DataUnit(`dd://${entityName}/${resourceID}`);
+  getDataUnit(entityName, resourceID, parentDataUnit) {
+    const dataUnit = parentDataUnit != undefined ? parentDataUnit.getChildDataunit(`dd://${entityName}/${resourceID}`) : new core.DataUnit(`dd://${entityName}/${resourceID}`);
     dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
     dataUnit.dataLoader = (dataUnit, request) => this.loadData(dataUnit, request);
     dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
@@ -354,6 +361,7 @@ class DataUnitFetcher {
       const variables = { dataunit: dataUnit.name, sort, filters };
       variables.limit = limit;
       variables.offset = offset;
+      variables.parentRecordId = request.parentRecordId;
       if (!core.StringUtils.isEmpty(quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.term)) {
         if (variables.filter === undefined) {
           variables.filter = [];
@@ -421,6 +429,9 @@ class DataUnitFetcher {
       if (change.sourceId) {
         reqChange.sourceId = change.sourceId;
       }
+      if (record.__parent__record__id__) {
+        reqChange.parentRecordId = record.__parent__record__id__;
+      }
       return reqChange;
     });
     return new Promise((resolve, reject) => {
@@ -918,13 +929,13 @@ const SnkApplication = class {
    * Cria o DataUnit a partir do nome da entidade. É possível armazená-lo no cache
    * passando o dataUnitName, assim, se mais de uma chamada for feita, o mesmo DataUnit será usado.
    */
-  async createDataunit(entityName, dataUnitName) {
+  async createDataunit(entityName, dataUnitName, parentDataUnit) {
     return new Promise((resolve, reject) => {
       const duPromisses = this.getDuPromissesStack(dataUnitName);
       const waitingDu = duPromisses.length > 0;
       duPromisses.push(new PendingPromise(resolve, reject));
       if (!waitingDu) {
-        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
+        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID, parentDataUnit);
         dataUnit.loadMetadata().then(() => {
           if (dataUnitName) {
             this._duCache.set(dataUnitName, dataUnit);
@@ -943,14 +954,14 @@ const SnkApplication = class {
   /**
    * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
    */
-  async getDataUnit(entityName, dataUnitName) {
+  async getDataUnit(entityName, dataUnitName, parentDataUnit) {
     return new Promise((resolve, reject) => {
       const dataUnit = this._duCache.get(dataUnitName);
       if (dataUnit) {
         resolve(dataUnit);
       }
       else {
-        this.createDataunit(entityName, dataUnitName).then(dataUnit => {
+        this.createDataunit(entityName, dataUnitName, parentDataUnit).then(dataUnit => {
           resolve(dataUnit);
         }).catch(reason => reject(reason));
       }

package/dist/cjs/snk-config-options.cjs.entry.js

@@ -185,8 +185,7 @@ const SnkConfigOptions = class {
       return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
     }
   }
-  buildField(field) {
-    const { config, descriptor } = field;
+  buildField(descriptor, config) {
     const { name, label, readOnly, required, defaultValue } = config;
     const { userInterface, properties } = descriptor;
     const allowDefault = properties === null || properties === void 0 ? void 0 : properties.allowDefault;
@@ -229,10 +228,7 @@ const SnkConfigOptions = class {
       index.h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
       :
         ((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
-          this.buildField({
-            descriptor: this._fieldProperties,
-            config: this.fieldConfig
-          }))), index.h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
+          this.buildField(this._fieldProperties, this.fieldConfig))), index.h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, index.h("ez-check", { mode: utils.CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-configurator_3.cjs.entry.js

@@ -8,7 +8,7 @@ const constants = require('./constants-a47a5190.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
-const ConfigStorage = require('./ConfigStorage-91953f29.js');
+const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 const index$1 = require('./index-696b5c3b.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/snk-data-exporter_8.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-91953f29.js');
+const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -12,10 +12,10 @@ const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;h
 const SnkDataUnit = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.dataStateChange = index.createEvent(this, "dataStateChange", 7);
-    this.dataUnitReady = index.createEvent(this, "dataUnitReady", 7);
-    this.insertionMode = index.createEvent(this, "insertionMode", 7);
-    this.cancelEdition = index.createEvent(this, "cancelEdition", 7);
+    this.dataStateChange = index.createEvent(this, "dataStateChange", 3);
+    this.dataUnitReady = index.createEvent(this, "dataUnitReady", 3);
+    this.insertionMode = index.createEvent(this, "insertionMode", 3);
+    this.cancelEdition = index.createEvent(this, "cancelEdition", 3);
     this._onDataUnitResolve = [];
     /**
      * Determina quantas linhas são retornadas por página.
@@ -29,12 +29,13 @@ const SnkDataUnit = class {
         copyMode: false,
         isDirty: this.dataUnit.isDirty(),
         hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
-        selectedRecords: this.dataUnit.getSelectedRecords()
+        selectedRecords: this.dataUnit.getSelectedRecords(),
+        selectedRecord: this.dataUnit.getSelectedRecord()
       };
-      this.dataUnit.records.forEach(r => {
-        if (r.__record__id__.startsWith('NEW_')) {
+      this.dataUnit.records.forEach(record => {
+        if (record.__record__id__.startsWith('NEW_')) {
           duState.insertionMode = true;
-          duState.copyMode || (duState.copyMode = r['__record__source__id__'] != undefined);
+          duState.copyMode || (duState.copyMode = record['__record__source__id__'] != undefined);
         }
       });
       this.dataState = duState;
@@ -88,6 +89,7 @@ const SnkDataUnit = class {
     }
   }
   observeDataUnit() {
+    this.handlerLinkFields();
     this.dataUnitReady.emit(this.dataUnit);
   }
   /**
@@ -233,11 +235,21 @@ const SnkDataUnit = class {
     }
     return SnkMessageBuilder.OperationMap.CLEAN;
   }
+  async getDataUnitParentOrChild() {
+    var _a;
+    const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
+    if (this._parentSnkDataUnit) {
+      this._parentDataUnit = await ((_a = this._parentSnkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
+      return await this._application.getDataUnit(this.entityName, undefined, this._parentDataUnit);
+    }
+    else {
+      return await this._application.getDataUnit(this.entityName, cacheName);
+    }
+  }
   async loadDataUnit() {
     if (!this.dataUnit) {
       if (this._application && this.entityName) {
-        const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
-        this.dataUnit = await this._application.getDataUnit(this.entityName, cacheName);
+        this.dataUnit = await this.getDataUnitParentOrChild();
         this.dataUnit.pageSize = this.pageSize;
         this.dataUnit.unsubscribe(this._dataUnitObserver);
         this.dataUnit.addInterceptor(this);
@@ -249,12 +261,39 @@ const SnkDataUnit = class {
       }
     }
   }
+  getParentSnkDataUnit() {
+    let currentElement = this.element;
+    while (currentElement.parentNode) {
+      if (currentElement.parentNode.nodeName === 'SNK-DATA-UNIT') {
+        return currentElement.parentNode;
+      }
+      currentElement = currentElement.parentNode;
+    }
+    return;
+  }
+  handlerLinkFields() {
+    var _a, _b;
+    const metadata = Object.assign({}, this.dataUnit.metadata);
+    if (!this._parentDataUnit)
+      return;
+    const child = this._parentDataUnit.getChildInfo(this.entityName);
+    if (!child)
+      return;
+    const fieldsLink = (_a = child === null || child === void 0 ? void 0 : child.links) === null || _a === void 0 ? void 0 : _a.map(link => link.target);
+    (_b = metadata === null || metadata === void 0 ? void 0 : metadata.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+      if (fieldsLink === null || fieldsLink === void 0 ? void 0 : fieldsLink.includes(field.name)) {
+        field.visible = false;
+      }
+    });
+    this.dataUnit.metadata = metadata;
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess().then(access => this._permissions = access);
+    this._parentSnkDataUnit = this.getParentSnkDataUnit();
   }
   componentDidLoad() {
     this.loadDataUnit();

package/dist/cjs/snk-form-config.cjs.entry.js

@@ -7,7 +7,7 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-a47a5190.js');
-const ConfigStorage = require('./ConfigStorage-91953f29.js');
+const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config__title--font-pattern:var(--font-pattern, \"Roboto\");--snk-form-config__title--weight--large:var(--text-weight--large, 600);display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--more-visible, 2);background-color:var(--background--xlight)}.form-config__title.sc-snk-form-config{display:flex;margin:0;line-height:1.3;font-family:var(--snk-form-config__title--font-pattern);font-weight:var(--snk-form-config__title--weight--large)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--text--disable)}.ez-box__label-counter.sc-snk-form-config{font-weight:var(--text-weight--extra-small);margin-top:-7px}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:#FFFFFF}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--more-visible, 2)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #d2dce9);padding:var(--space--small, 6px)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-small, 6px)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--space--large, 24px)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--space--large, 24px) var(--space--medium, 12px) 0}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--space--medium, 12px);border-radius:var(--border--radius-medium, 12px);border:2px solid var(--color-strokes, #DCE0E8);background-color:var(--background--body, #fafcff)}.form-config__left-icon--eye-off.sc-snk-form-config{padding-top:var(--space--medium, 8px)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:#FFFFFF}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -1))}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -2))}}";

package/dist/cjs/snk-form.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
 const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
-const ConfigStorage = require('./ConfigStorage-91953f29.js');
+const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}.snk-form__form--hidden.sc-snk-form{display:none}";

package/dist/collection/components/snk-application/snk-application.js

@@ -270,13 +270,13 @@ export class SnkApplication {
    * Cria o DataUnit a partir do nome da entidade. É possível armazená-lo no cache
    * passando o dataUnitName, assim, se mais de uma chamada for feita, o mesmo DataUnit será usado.
    */
-  async createDataunit(entityName, dataUnitName) {
+  async createDataunit(entityName, dataUnitName, parentDataUnit) {
     return new Promise((resolve, reject) => {
       const duPromisses = this.getDuPromissesStack(dataUnitName);
       const waitingDu = duPromisses.length > 0;
       duPromisses.push(new PendingPromise(resolve, reject));
       if (!waitingDu) {
-        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
+        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID, parentDataUnit);
         dataUnit.loadMetadata().then(() => {
           if (dataUnitName) {
             this._duCache.set(dataUnitName, dataUnit);
@@ -295,14 +295,14 @@ export class SnkApplication {
   /**
    * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
    */
-  async getDataUnit(entityName, dataUnitName) {
+  async getDataUnit(entityName, dataUnitName, parentDataUnit) {
     return new Promise((resolve, reject) => {
       const dataUnit = this._duCache.get(dataUnitName);
       if (dataUnit) {
         resolve(dataUnit);
       }
       else {
-        this.createDataunit(entityName, dataUnitName).then(dataUnit => {
+        this.createDataunit(entityName, dataUnitName, parentDataUnit).then(dataUnit => {
           resolve(dataUnit);
         }).catch(reason => reject(reason));
       }
@@ -1075,13 +1075,16 @@ export class SnkApplication {
       },
       "createDataunit": {
         "complexType": {
-          "signature": "(entityName: string, dataUnitName?: string) => Promise<DataUnit>",
+          "signature": "(entityName: string, dataUnitName?: string, parentDataUnit?: DataUnit) => Promise<DataUnit>",
           "parameters": [{
               "tags": [],
               "text": ""
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -1101,13 +1104,16 @@ export class SnkApplication {
       },
       "getDataUnit": {
         "complexType": {
-          "signature": "(entityName: string, dataUnitName: string) => Promise<DataUnit>",
+          "signature": "(entityName: string, dataUnitName: string, parentDataUnit?: DataUnit) => Promise<DataUnit>",
           "parameters": [{
               "tags": [],
               "text": ""
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -1363,7 +1369,7 @@ export class SnkApplication {
             },
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           },
           "return": "Promise<IFormConfig>"
@@ -1435,7 +1441,7 @@ export class SnkApplication {
             },
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           },
           "return": "Promise<IFormConfig>"
@@ -1458,7 +1464,7 @@ export class SnkApplication {
             },
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           },
           "return": "Promise<IFormConfig>"
@@ -1597,7 +1603,7 @@ export class SnkApplication {
             },
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           },
           "return": "Promise<boolean>"

package/dist/collection/components/snk-crud/snk-crud.js

@@ -183,7 +183,7 @@ export class SnkCrud {
           "references": {
             "IRecordValidator": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         },

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -17,12 +17,13 @@ export class SnkDataUnit {
         copyMode: false,
         isDirty: this.dataUnit.isDirty(),
         hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
-        selectedRecords: this.dataUnit.getSelectedRecords()
+        selectedRecords: this.dataUnit.getSelectedRecords(),
+        selectedRecord: this.dataUnit.getSelectedRecord()
       };
-      this.dataUnit.records.forEach(r => {
-        if (r.__record__id__.startsWith('NEW_')) {
+      this.dataUnit.records.forEach(record => {
+        if (record.__record__id__.startsWith('NEW_')) {
           duState.insertionMode = true;
-          duState.copyMode || (duState.copyMode = r['__record__source__id__'] != undefined);
+          duState.copyMode || (duState.copyMode = record['__record__source__id__'] != undefined);
         }
       });
       this.dataState = duState;
@@ -76,6 +77,7 @@ export class SnkDataUnit {
     }
   }
   observeDataUnit() {
+    this.handlerLinkFields();
     this.dataUnitReady.emit(this.dataUnit);
   }
   /**
@@ -221,11 +223,21 @@ export class SnkDataUnit {
     }
     return OperationMap.CLEAN;
   }
+  async getDataUnitParentOrChild() {
+    var _a;
+    const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
+    if (this._parentSnkDataUnit) {
+      this._parentDataUnit = await ((_a = this._parentSnkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
+      return await this._application.getDataUnit(this.entityName, undefined, this._parentDataUnit);
+    }
+    else {
+      return await this._application.getDataUnit(this.entityName, cacheName);
+    }
+  }
   async loadDataUnit() {
     if (!this.dataUnit) {
       if (this._application && this.entityName) {
-        const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
-        this.dataUnit = await this._application.getDataUnit(this.entityName, cacheName);
+        this.dataUnit = await this.getDataUnitParentOrChild();
         this.dataUnit.pageSize = this.pageSize;
         this.dataUnit.unsubscribe(this._dataUnitObserver);
         this.dataUnit.addInterceptor(this);
@@ -237,12 +249,39 @@ export class SnkDataUnit {
       }
     }
   }
+  getParentSnkDataUnit() {
+    let currentElement = this.element;
+    while (currentElement.parentNode) {
+      if (currentElement.parentNode.nodeName === 'SNK-DATA-UNIT') {
+        return currentElement.parentNode;
+      }
+      currentElement = currentElement.parentNode;
+    }
+    return;
+  }
+  handlerLinkFields() {
+    var _a, _b;
+    const metadata = Object.assign({}, this.dataUnit.metadata);
+    if (!this._parentDataUnit)
+      return;
+    const child = this._parentDataUnit.getChildInfo(this.entityName);
+    if (!child)
+      return;
+    const fieldsLink = (_a = child === null || child === void 0 ? void 0 : child.links) === null || _a === void 0 ? void 0 : _a.map(link => link.target);
+    (_b = metadata === null || metadata === void 0 ? void 0 : metadata.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+      if (fieldsLink === null || fieldsLink === void 0 ? void 0 : fieldsLink.includes(field.name)) {
+        field.visible = false;
+      }
+    });
+    this.dataUnit.metadata = metadata;
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess().then(access => this._permissions = access);
+    this._parentSnkDataUnit = this.getParentSnkDataUnit();
   }
   componentDidLoad() {
     this.loadDataUnit();
@@ -404,7 +443,7 @@ export class SnkDataUnit {
     return [{
         "method": "dataStateChange",
         "name": "dataStateChange",
-        "bubbles": true,
+        "bubbles": false,
         "cancelable": true,
         "composed": true,
         "docs": {
@@ -423,7 +462,7 @@ export class SnkDataUnit {
       }, {
         "method": "dataUnitReady",
         "name": "dataUnitReady",
-        "bubbles": true,
+        "bubbles": false,
         "cancelable": true,
         "composed": true,
         "docs": {
@@ -443,7 +482,7 @@ export class SnkDataUnit {
       }, {
         "method": "insertionMode",
         "name": "insertionMode",
-        "bubbles": true,
+        "bubbles": false,
         "cancelable": true,
         "composed": true,
         "docs": {
@@ -458,7 +497,7 @@ export class SnkDataUnit {
       }, {
         "method": "cancelEdition",
         "name": "cancelEdition",
-        "bubbles": true,
+        "bubbles": false,
         "cancelable": true,
         "composed": true,
         "docs": {

package/dist/collection/components/snk-form/snk-form.js

@@ -229,7 +229,7 @@ export class SnkForm {
           "references": {
             "IRecordValidator": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         },

package/dist/collection/components/snk-form/subcomponents/snk-config-options/snk-config-options.js

@@ -176,8 +176,7 @@ export class SnkConfigOptions {
       return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
     }
   }
-  buildField(field) {
-    const { config, descriptor } = field;
+  buildField(descriptor, config) {
     const { name, label, readOnly, required, defaultValue } = config;
     const { userInterface, properties } = descriptor;
     const allowDefault = properties === null || properties === void 0 ? void 0 : properties.allowDefault;
@@ -220,10 +219,7 @@ export class SnkConfigOptions {
       h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
       :
         ((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
-          this.buildField({
-            descriptor: this._fieldProperties,
-            config: this.fieldConfig
-          }))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
+          this.buildField(this._fieldProperties, this.fieldConfig))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
   }
   static get is() { return "snk-config-options"; }
   static get encapsulation() { return "scoped"; }
@@ -248,7 +244,7 @@ export class SnkConfigOptions {
           "references": {
             "IFieldConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         },

package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.js

@@ -92,7 +92,7 @@ export class SnkFieldConfig {
           "references": {
             "IFieldConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         },

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -1009,7 +1009,7 @@ export class SnkFormConfig {
           "references": {
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         },
@@ -1070,7 +1070,7 @@ export class SnkFormConfig {
           "references": {
             "IFormConfig": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/interfaces"
             }
           }
         }