@sankhyalabs/sankhyablocks 8.15.0-dev.7 → 8.15.0-dev.9

package/dist/collection/lib/configs/ConfigStorage.js

@@ -2,11 +2,12 @@ import { FormConfigFetcher } from "../http/data-fetcher/fetchers/form-config-fet
 import GridConfigFetcher from "../http/data-fetcher/fetchers/grid-config-fetcher";
 import FilterBarConfigFetcher from "../http/data-fetcher/fetchers/filter-bar-config-fetcher";
 import PersonalizedFilterFetcher from "../http/data-fetcher/fetchers/personalized-filter-fetcher";
-const CONFIG_SOURCE = {
-  form: "form",
-  grid: "grid",
-  filterBar: "filterBar"
-};
+var CONFIG_SOURCE;
+(function (CONFIG_SOURCE) {
+  CONFIG_SOURCE["form"] = "form";
+  CONFIG_SOURCE["grid"] = "grid";
+  CONFIG_SOURCE["filterBar"] = "filterBar";
+})(CONFIG_SOURCE || (CONFIG_SOURCE = {}));
 export class ConfigStorage {
   static preload(resourceID, configName) {
     ConfigStorage.loadFormConfig(configName, resourceID);
@@ -34,13 +35,11 @@ export class ConfigStorage {
     return ConfigStorage.configById.get(cacheID);
   }
   static async saveFilterBarConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(name, resourceID);
     return this.filterBarConfigFetcher.saveConfig(config, resourceID, name);
   }
   static async saveFormConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFormConfigCache(name, resourceID);
     return this.formConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async saveCardState(config, name, resourceID) {
@@ -50,18 +49,16 @@ export class ConfigStorage {
     if (config == undefined) {
       return;
     }
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async loadPersonalizedFilter(filterId, resourceID, configName) {
     return this.personalizedFilterFetcher.loadPersonalizedFilter(resourceID, filterId, configName);
   }
   static async savePersonalizedFilter(personalizedFilter, resourceID, configName) {
-    //Ao criar ou alterar um filtro personalizado, 
+    //Ao criar ou alterar um filtro personalizado,
     //precisamos remover o cache do status da filterbar.
-    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(configName, resourceID);
     return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, resourceID, configName);
   }
   static async removePersonalizedFilter(personalizedFilter, resourceID, configName) {
@@ -70,6 +67,19 @@ export class ConfigStorage {
   static async validatePersonalizedFilter(dataUnitName, expression) {
     return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
   }
+  static async deleteGridConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.grid);
+  }
+  static async deleteFormConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.form);
+  }
+  static async deleteFilterBarConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.filterBar);
+  }
+  static async deleteConfigCache(name, resourceID, source) {
+    const cacheID = ConfigStorage.buildCacheID(name, source, resourceID);
+    this.configById.delete(cacheID);
+  }
   static buildCacheID(name, source, resourceID) {
     if (name == undefined) {
       return `req_${source}_${resourceID}`;

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/dataunit-fetcher.js

@@ -171,6 +171,19 @@ export default class DataUnitFetcher {
       });
     });
   }
+  addTransientProperties(dataUnit, updatingFields) {
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return updatingFields;
+    }
+    if (updatingFields == undefined) {
+      updatingFields = {};
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      updatingFields[`transient.${name}`] = value;
+    });
+    return updatingFields;
+  }
   saveData(dataUnit, duChanges) {
     const updatedRecordsIds = [];
     const addedRecordsIds = [];
@@ -179,7 +192,7 @@ export default class DataUnitFetcher {
       const dataUnitInstance = DataUnitStorage.get(changeDU);
       let parsedUpdatingFields;
       if (updatingFields) {
-        parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
+        parsedUpdatingFields = Object.entries(this.addTransientProperties(dataUnit, updatingFields)).map(([fieldName, value]) => {
           const descriptor = dataUnitInstance.getField(fieldName);
           const dataType = descriptor ? descriptor.dataType : DataType.TEXT;
           return { fieldName, dataType, value: dataUnitInstance.valueToString(fieldName, value) };

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy.js

@@ -92,7 +92,7 @@ export class DatasetStrategy {
         tryJoinedFields: true,
         parallelLoader: useParallelLoader,
         crudListener: `br.com.sankhya.bff.${this.getModuleName()}.BFFDataUnitDatasetAdapter`,
-        txProperties: this.getTxProperties(dataUnitName, request, sorting),
+        txProperties: this.getTxProperties(dataUnit, request, sorting),
         useDefaultRowsLimit: false
       }
     };
@@ -103,10 +103,10 @@ export class DatasetStrategy {
     const moduleName = app.getModuleName();
     return moduleName.replace("-bff", "");
   }
-  getTxProperties(dataUnitName, request, sorting) {
+  getTxProperties(dataUnit, request, sorting) {
     var _a, _b;
     const txProperties = {
-      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnitName
+      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnit.name
     };
     const serverSideFilters = (_b = (_a = request.filters) === null || _a === void 0 ? void 0 : _a.filter(filter => !filter.name.startsWith("FILTRO_COLUNA_"))) !== null && _b !== void 0 ? _b : [];
     if (serverSideFilters.length !== 0) {
@@ -118,6 +118,13 @@ export class DatasetStrategy {
     if (request.parentRecordId != undefined) {
       txProperties["__DATA_UNIT_ADAPTER__[parentRecordId]"] = request.parentRecordId;
     }
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return txProperties;
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      txProperties[name] = value;
+    });
     return txProperties;
   }
   processRecords(dataUnit, fields, responseRecords) {

package/dist/components/ConfigStorage.js

@@ -351,11 +351,12 @@ class PersonalizedFilterFetcher {
   }
 }
 
-const CONFIG_SOURCE = {
-  form: "form",
-  grid: "grid",
-  filterBar: "filterBar"
-};
+var CONFIG_SOURCE;
+(function (CONFIG_SOURCE) {
+  CONFIG_SOURCE["form"] = "form";
+  CONFIG_SOURCE["grid"] = "grid";
+  CONFIG_SOURCE["filterBar"] = "filterBar";
+})(CONFIG_SOURCE || (CONFIG_SOURCE = {}));
 class ConfigStorage {
   static preload(resourceID, configName) {
     ConfigStorage.loadFormConfig(configName, resourceID);
@@ -383,13 +384,11 @@ class ConfigStorage {
     return ConfigStorage.configById.get(cacheID);
   }
   static async saveFilterBarConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(name, resourceID);
     return this.filterBarConfigFetcher.saveConfig(config, resourceID, name);
   }
   static async saveFormConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFormConfigCache(name, resourceID);
     return this.formConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async saveCardState(config, name, resourceID) {
@@ -399,18 +398,16 @@ class ConfigStorage {
     if (config == undefined) {
       return;
     }
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async loadPersonalizedFilter(filterId, resourceID, configName) {
     return this.personalizedFilterFetcher.loadPersonalizedFilter(resourceID, filterId, configName);
   }
   static async savePersonalizedFilter(personalizedFilter, resourceID, configName) {
-    //Ao criar ou alterar um filtro personalizado, 
+    //Ao criar ou alterar um filtro personalizado,
     //precisamos remover o cache do status da filterbar.
-    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(configName, resourceID);
     return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, resourceID, configName);
   }
   static async removePersonalizedFilter(personalizedFilter, resourceID, configName) {
@@ -419,6 +416,19 @@ class ConfigStorage {
   static async validatePersonalizedFilter(dataUnitName, expression) {
     return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
   }
+  static async deleteGridConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.grid);
+  }
+  static async deleteFormConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.form);
+  }
+  static async deleteFilterBarConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.filterBar);
+  }
+  static async deleteConfigCache(name, resourceID, source) {
+    const cacheID = ConfigStorage.buildCacheID(name, source, resourceID);
+    this.configById.delete(cacheID);
+  }
   static buildCacheID(name, source, resourceID) {
     if (name == undefined) {
       return `req_${source}_${resourceID}`;

package/dist/components/dataunit-fetcher.js

@@ -617,7 +617,7 @@ class DatasetStrategy {
         tryJoinedFields: true,
         parallelLoader: useParallelLoader,
         crudListener: `br.com.sankhya.bff.${this.getModuleName()}.BFFDataUnitDatasetAdapter`,
-        txProperties: this.getTxProperties(dataUnitName, request, sorting),
+        txProperties: this.getTxProperties(dataUnit, request, sorting),
         useDefaultRowsLimit: false
       }
     };
@@ -628,10 +628,10 @@ class DatasetStrategy {
     const moduleName = app.getModuleName();
     return moduleName.replace("-bff", "");
   }
-  getTxProperties(dataUnitName, request, sorting) {
+  getTxProperties(dataUnit, request, sorting) {
     var _a, _b;
     const txProperties = {
-      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnitName
+      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnit.name
     };
     const serverSideFilters = (_b = (_a = request.filters) === null || _a === void 0 ? void 0 : _a.filter(filter => !filter.name.startsWith("FILTRO_COLUNA_"))) !== null && _b !== void 0 ? _b : [];
     if (serverSideFilters.length !== 0) {
@@ -643,6 +643,13 @@ class DatasetStrategy {
     if (request.parentRecordId != undefined) {
       txProperties["__DATA_UNIT_ADAPTER__[parentRecordId]"] = request.parentRecordId;
     }
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return txProperties;
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      txProperties[name] = value;
+    });
     return txProperties;
   }
   processRecords(dataUnit, fields, responseRecords) {
@@ -972,6 +979,19 @@ class DataUnitFetcher {
       });
     });
   }
+  addTransientProperties(dataUnit, updatingFields) {
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return updatingFields;
+    }
+    if (updatingFields == undefined) {
+      updatingFields = {};
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      updatingFields[`transient.${name}`] = value;
+    });
+    return updatingFields;
+  }
   saveData(dataUnit, duChanges) {
     const updatedRecordsIds = [];
     const addedRecordsIds = [];
@@ -980,7 +1000,7 @@ class DataUnitFetcher {
       const dataUnitInstance = DataUnitStorage.get(changeDU);
       let parsedUpdatingFields;
       if (updatingFields) {
-        parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
+        parsedUpdatingFields = Object.entries(this.addTransientProperties(dataUnit, updatingFields)).map(([fieldName, value]) => {
           const descriptor = dataUnitInstance.getField(fieldName);
           const dataType = descriptor ? descriptor.dataType : DataType.TEXT;
           return { fieldName, dataType, value: dataUnitInstance.valueToString(fieldName, value) };

package/dist/components/snk-crud.js

@@ -317,7 +317,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-filter-bar2.js

@@ -324,7 +324,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -531,7 +531,10 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {

package/dist/components/snk-filter-item2.js

@@ -290,9 +290,14 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return this.hasActiveValue(this.config);
   }
+  onEzClick() {
+    console.log("onEzClick");
+  }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("ez-split-button", { label: "Split Button", class: "ez-button--primary", mode: "label-icon", iconName: "acao", size: "small", onEzClick: this.onEzClick,
+      //onclick={this.onEzClick}
+      items: items }), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
   }
   get _filterItemElement() { return this; }
   static get watchers() { return {
@@ -305,6 +310,47 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "showUp": [64],
     "hideDetail": [64]
   }, [[2, "click", "clickListener"], [2, "mousedown", "mouseDownListener"], [0, "filterChange", "filterChangeListener"]]]);
+const items = [
+  {
+    id: "1",
+    label: "Emitir NFe",
+    type: "item"
+  },
+  {
+    id: "2",
+    label: "Cancelar NFe",
+    type: "item"
+  },
+  {
+    id: "3",
+    label: "Exportar NFe",
+    type: "item",
+    children: [
+      {
+        id: "4",
+        label: "Danfe PDF",
+        type: "item",
+        children: [
+          {
+            id: "6",
+            label: "Modo retrato",
+            type: "item"
+          },
+          {
+            id: "7",
+            label: "Modo paisagem",
+            type: "item"
+          }
+        ]
+      },
+      {
+        id: "5",
+        label: "XML",
+        type: "item"
+      }
+    ]
+  }
+];
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/esm/{ConfigStorage-1244b8b0.js → ConfigStorage-4151acc8.js}

@@ -351,11 +351,12 @@ class PersonalizedFilterFetcher {
   }
 }
 
-const CONFIG_SOURCE = {
-  form: "form",
-  grid: "grid",
-  filterBar: "filterBar"
-};
+var CONFIG_SOURCE;
+(function (CONFIG_SOURCE) {
+  CONFIG_SOURCE["form"] = "form";
+  CONFIG_SOURCE["grid"] = "grid";
+  CONFIG_SOURCE["filterBar"] = "filterBar";
+})(CONFIG_SOURCE || (CONFIG_SOURCE = {}));
 class ConfigStorage {
   static preload(resourceID, configName) {
     ConfigStorage.loadFormConfig(configName, resourceID);
@@ -383,13 +384,11 @@ class ConfigStorage {
     return ConfigStorage.configById.get(cacheID);
   }
   static async saveFilterBarConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(name, resourceID);
     return this.filterBarConfigFetcher.saveConfig(config, resourceID, name);
   }
   static async saveFormConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFormConfigCache(name, resourceID);
     return this.formConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async saveCardState(config, name, resourceID) {
@@ -399,18 +398,16 @@ class ConfigStorage {
     if (config == undefined) {
       return;
     }
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }
   static async loadPersonalizedFilter(filterId, resourceID, configName) {
     return this.personalizedFilterFetcher.loadPersonalizedFilter(resourceID, filterId, configName);
   }
   static async savePersonalizedFilter(personalizedFilter, resourceID, configName) {
-    //Ao criar ou alterar um filtro personalizado, 
+    //Ao criar ou alterar um filtro personalizado,
     //precisamos remover o cache do status da filterbar.
-    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar, resourceID);
-    this.configById.delete(cacheID);
+    await this.deleteFilterBarConfigCache(configName, resourceID);
     return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, resourceID, configName);
   }
   static async removePersonalizedFilter(personalizedFilter, resourceID, configName) {
@@ -419,6 +416,19 @@ class ConfigStorage {
   static async validatePersonalizedFilter(dataUnitName, expression) {
     return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
   }
+  static async deleteGridConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.grid);
+  }
+  static async deleteFormConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.form);
+  }
+  static async deleteFilterBarConfigCache(name, resourceID) {
+    await this.deleteConfigCache(name, resourceID, CONFIG_SOURCE.filterBar);
+  }
+  static async deleteConfigCache(name, resourceID, source) {
+    const cacheID = ConfigStorage.buildCacheID(name, source, resourceID);
+    this.configById.delete(cacheID);
+  }
   static buildCacheID(name, source, resourceID) {
     if (name == undefined) {
       return `req_${source}_${resourceID}`;

package/dist/esm/{SnkFormConfigManager-9be0e7d4.js → SnkFormConfigManager-5c7d3771.js}

@@ -1,4 +1,4 @@
-import { C as ConfigStorage } from './ConfigStorage-1244b8b0.js';
+import { C as ConfigStorage } from './ConfigStorage-4151acc8.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher-36219cd3.js';
 

package/dist/esm/{dataunit-fetcher-cbec1594.js → dataunit-fetcher-0fc935a0.js}

@@ -239,7 +239,7 @@ class DatasetStrategy {
         tryJoinedFields: true,
         parallelLoader: useParallelLoader,
         crudListener: `br.com.sankhya.bff.${this.getModuleName()}.BFFDataUnitDatasetAdapter`,
-        txProperties: this.getTxProperties(dataUnitName, request, sorting),
+        txProperties: this.getTxProperties(dataUnit, request, sorting),
         useDefaultRowsLimit: false
       }
     };
@@ -250,10 +250,10 @@ class DatasetStrategy {
     const moduleName = app.getModuleName();
     return moduleName.replace("-bff", "");
   }
-  getTxProperties(dataUnitName, request, sorting) {
+  getTxProperties(dataUnit, request, sorting) {
     var _a, _b;
     const txProperties = {
-      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnitName
+      "__DATA_UNIT_ADAPTER__[dataUnitName]": dataUnit.name
     };
     const serverSideFilters = (_b = (_a = request.filters) === null || _a === void 0 ? void 0 : _a.filter(filter => !filter.name.startsWith("FILTRO_COLUNA_"))) !== null && _b !== void 0 ? _b : [];
     if (serverSideFilters.length !== 0) {
@@ -265,6 +265,13 @@ class DatasetStrategy {
     if (request.parentRecordId != undefined) {
       txProperties["__DATA_UNIT_ADAPTER__[parentRecordId]"] = request.parentRecordId;
     }
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return txProperties;
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      txProperties[name] = value;
+    });
     return txProperties;
   }
   processRecords(dataUnit, fields, responseRecords) {
@@ -594,6 +601,19 @@ class DataUnitFetcher {
       });
     });
   }
+  addTransientProperties(dataUnit, updatingFields) {
+    const loaderProps = dataUnit.getGlobalLoaderProps();
+    if (loaderProps == undefined || loaderProps.size === 0) {
+      return updatingFields;
+    }
+    if (updatingFields == undefined) {
+      updatingFields = {};
+    }
+    Array.from(loaderProps.entries()).forEach(([name, value]) => {
+      updatingFields[`transient.${name}`] = value;
+    });
+    return updatingFields;
+  }
   saveData(dataUnit, duChanges) {
     const updatedRecordsIds = [];
     const addedRecordsIds = [];
@@ -602,7 +622,7 @@ class DataUnitFetcher {
       const dataUnitInstance = DataUnitStorage.get(changeDU);
       let parsedUpdatingFields;
       if (updatingFields) {
-        parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
+        parsedUpdatingFields = Object.entries(this.addTransientProperties(dataUnit, updatingFields)).map(([fieldName, value]) => {
           const descriptor = dataUnitInstance.getField(fieldName);
           const dataType = descriptor ? descriptor.dataType : DataType.TEXT;
           return { fieldName, dataType, value: dataUnitInstance.valueToString(fieldName, value) };

package/dist/esm/snk-actions-button_2.entry.js

@@ -7,7 +7,7 @@ import './index-0ece87a6.js';
 import './ISave-4412b20c.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-cbec1594.js';
+import './dataunit-fetcher-0fc935a0.js';
 import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-36219cd3.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-1244b8b0.js';
+import { C as ConfigStorage } from './ConfigStorage-4151acc8.js';
 import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-aa159c5a.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-c05dc474.js';
-import { D as DataUnitFetcher } from './dataunit-fetcher-cbec1594.js';
+import { D as DataUnitFetcher } from './dataunit-fetcher-0fc935a0.js';
 import { P as PesquisaFetcher } from './pesquisa-fetcher-dd3ca0a5.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-ca843d1b.js';
 import './form-config-fetcher-36219cd3.js';

package/dist/esm/snk-attach.entry.js

@@ -3,7 +3,7 @@ import { ApplicationContext, DataType, Action } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher-aa159c5a.js';
 import { S as SaveErrorsEnum } from './ISave-4412b20c.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { D as DataUnitFetcher } from './dataunit-fetcher-cbec1594.js';
+import { D as DataUnitFetcher } from './dataunit-fetcher-0fc935a0.js';
 import { P as PreloadManager } from './PreloadManager-c1c2f2b4.js';
 import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
 import './PrintUtils-3e4ff0f5.js';

package/dist/esm/snk-crud.entry.js

@@ -7,7 +7,7 @@ import { P as PresentationMode } from './index-0ece87a6.js';
 import './ISave-4412b20c.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-cbec1594.js';
+import './dataunit-fetcher-0fc935a0.js';
 import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-36219cd3.js';
@@ -294,7 +294,7 @@ const SnkCrud = class {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/snk-detail-view.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
 import { Action } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-9be0e7d4.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-5c7d3771.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import './DataFetcher-aa159c5a.js';
 import './pesquisa-fetcher-dd3ca0a5.js';
@@ -8,15 +8,15 @@ import { P as PresentationMode } from './index-0ece87a6.js';
 import './ISave-4412b20c.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-cbec1594.js';
+import './dataunit-fetcher-0fc935a0.js';
 import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-36219cd3.js';
 import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-c7aaf02a.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-98a8e45e.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-ca843d1b.js';
-import './ConfigStorage-1244b8b0.js';
+import './ConfigStorage-4151acc8.js';
 import './PrintUtils-3e4ff0f5.js';
 import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';