@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-86904.0 → 0.0.0-bugfix-dev-5562683.1

package/dist/collection/components/snk-grid-config/snk-grid-config.js

@@ -1,6 +1,5 @@
 import { StringUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { CheckMode } from '@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { ORDER_VALUES } from '../../lib/utils/constants';
@@ -8,8 +7,9 @@ export class SnkGridConfig {
   constructor() {
     this._orderListItems = [];
     this._orderPriorityList = [];
+    this._visibleList = [];
+    this._hiddenList = [];
     this._columListItems = [];
-    this._selectedIndex = -1;
     this._dataChanged = false;
     this._componenteInternalKey = Date.now();
     this.selectedIndex = 0;
@@ -17,6 +17,8 @@ export class SnkGridConfig {
     this.config = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this._collapsibleBoxListOrder = true;
+    this._collapsibleBoxListSelect = false;
   }
   /* Creation Methods */
   /**
@@ -26,15 +28,15 @@ export class SnkGridConfig {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
    */
   getMessage(key, params) {
-    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     return application.messagesBuilder.getMessage(key, params);
   }
   getSortableColumns() {
     let newList = [];
-    this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach((column) => {
-      var _a;
+    this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get('sortable'), true); }).forEach((column) => {
+      var _a, _b;
       let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find((item) => item.name === column.name);
-      let item = { name: column.name, label: column.label };
+      let item = { label: column.label, sort: (_b = column === null || column === void 0 ? void 0 : column.sort) !== null && _b !== void 0 ? _b : ORDER_VALUES.asc.value, id: column.name };
       if (configItem) {
         item['orderIndex'] = configItem.orderIndex;
         item['ascending'] = configItem.ascending;
@@ -74,16 +76,22 @@ export class SnkGridConfig {
   }
   createColumnList() {
     let visibleGroup = {
-      group: this.getMessage("snkGridConfig.group.visible"),
+      group: this.getMessage('snkGridConfig.group.visible'),
       items: [],
     };
     let hiddenGroup = {
-      group: this.getMessage("snkGridConfig.group.hidden"),
+      group: this.getMessage('snkGridConfig.group.hidden'),
       items: [],
-      sort: ORDER_VALUES.asc.value
+      sort: ORDER_VALUES.asc.value,
     };
     this.columns.forEach((column) => {
-      let item = { label: column.label };
+      var _a;
+      let item = {
+        label: column.label,
+        selected: false,
+        sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
+        id: column.name,
+      };
       if (column.hidden) {
         hiddenGroup.items.push(item);
       }
@@ -92,13 +100,9 @@ export class SnkGridConfig {
       }
     });
     this._columListItems = [visibleGroup, hiddenGroup];
-  }
-  createColumnListSlotDataElementId(item) {
-    return `configItem_${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(item.label))}`;
-  }
-  buildColumnListSlot(item, group) {
-    const dataElementId = this.createColumnListSlotDataElementId(item);
-    return (h("div", null, h("ez-check", { mode: CheckMode.SWITCH, id: CheckMode.SWITCH + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
+    this._visibleList = visibleGroup.items;
+    this._hiddenList = hiddenGroup.items;
+    this.createOrderList();
   }
   createOrderListSlotDataElementId(item) {
     return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
@@ -109,7 +113,10 @@ export class SnkGridConfig {
     if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
       selectedOption = item.ascending == true ? ORDER_VALUES.asc.value : ORDER_VALUES.desc.value;
     }
-    return (h("div", null, h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => { evt.stopPropagation(); this.updateOrder(evt.detail, item.label); } })));
+    return (h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => {
+        evt.stopPropagation();
+        this.updateOrder(evt.detail, item.label);
+      } }));
   }
   updateOrder(sortOrder, updatedItemLabel) {
     var _a;
@@ -139,34 +146,6 @@ export class SnkGridConfig {
     }
     this.columns = newList;
   }
-  /* Actions Methods */
-  switchColumnGroup(evt, switchedItem) {
-    evt.stopPropagation();
-    let newList = [...this._columListItems];
-    this._dataChanged = true;
-    if (evt.detail === true) {
-      let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
-      let index = hiddenGroup.items.findIndex((item) => item.label === switchedItem.label);
-      if (index >= 0) {
-        hiddenGroup.items.splice(index, 1);
-      }
-      let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
-      visibleGroup.items.push(switchedItem);
-      this._columListItems = newList;
-      this.createOrderList();
-    }
-    else if (evt.detail === false) {
-      let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
-      let index = visibleGroup.items.findIndex((item) => item.label === switchedItem.label);
-      if (index >= 0) {
-        visibleGroup.items.splice(index, 1);
-      }
-      let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
-      hiddenGroup.items.push(switchedItem);
-      this._columListItems = newList;
-      this.createOrderList();
-    }
-  }
   finish() {
     if (!this._dataChanged) {
       this.closeConfig();
@@ -177,7 +156,7 @@ export class SnkGridConfig {
       group.items.forEach((item) => {
         const baseColumn = this.columns.find((column) => column.label === item.label);
         let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === this.getMessage("snkGridConfig.group.hidden")) {
+        if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
           newColumnItem.hidden = true;
         }
         else {
@@ -195,8 +174,7 @@ export class SnkGridConfig {
     ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
-      this._orderList.clearHistory();
-      ApplicationUtils.info(this.getMessage("snkGridConfig.info.successfullyConfigSaved"), { iconName: "check" });
+      ApplicationUtils.info(this.getMessage('snkGridConfig.info.successfullyConfigSaved'), { iconName: 'check' });
     });
   }
   reOrderPriorityColumns(columns, orderPriorityList) {
@@ -295,132 +273,19 @@ export class SnkGridConfig {
     });
     return newConfig;
   }
-  async locateColumn(evt, searchingText) {
-    var _a;
-    const hitEnter = evt.key === "Enter";
-    searchingText = searchingText || ((_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value);
-    if (!searchingText) {
-      this.removeSelection();
-      return;
-    }
-    const matchedIndexes = await this.getMatchedIndexes(searchingText);
-    const newSelected = this.getNewSelectedIndex(matchedIndexes, hitEnter);
-    this._selectedIndex = newSelected;
-    if (this.selectedIndex === 1) {
-      this.updateOrderListSelection(newSelected);
-    }
-    else {
-      this.updateColumnListSelection(newSelected);
-    }
-  }
-  async getMatchedIndexes(searchingText) {
-    const matchedIndexes = [];
-    if (this.selectedIndex === 1) {
-      const orderListDatasource = await this._orderList.getList();
-      orderListDatasource.forEach((column, index) => {
-        if (this.compareWords(column, searchingText)) {
-          matchedIndexes.push(index);
-        }
-      });
-    }
-    else {
-      this.columns.forEach((column, index) => {
-        if (this.compareWords(column, searchingText)) {
-          matchedIndexes.push(index);
-        }
-      });
-    }
-    return matchedIndexes;
-  }
-  getNewSelectedIndex(matchedIndexes, hitEnter) {
-    if (matchedIndexes.length === 0)
-      return -1;
-    if (hitEnter) {
-      for (const index of matchedIndexes) {
-        if (index > this._selectedIndex) {
-          return index;
-        }
-      }
-    }
-    return matchedIndexes[0];
-  }
-  updateOrderListSelection(newSelected) {
-    if (newSelected === -1) {
-      this._orderList.removeSelection();
-      return;
-    }
-    this._orderList.getList().then((orderListDatasource) => {
-      const selectedColumn = orderListDatasource[newSelected];
-      if (selectedColumn) {
-        this._orderList.setSelection(selectedColumn, true);
-      }
-      else {
-        this._orderList.removeSelection();
-      }
-    });
-  }
-  updateColumnListSelection(newSelected) {
-    if (newSelected === -1) {
-      this._columnList.removeSelection();
-      return;
-    }
-    const selectedColumn = this.columns[newSelected];
-    if (selectedColumn) {
-      const listItem = this._columListItems
-        .map(group => group.items)
-        .flat()
-        .find(item => item.label === selectedColumn.label);
-      if (listItem) {
-        this._columnList.setSelection(listItem, true);
-      }
-      else {
-        this._columnList.removeSelection();
-      }
-    }
-    else {
-      this._columnList.removeSelection();
-    }
-  }
-  removeSelection() {
-    if (this.selectedIndex === 1) {
-      this._orderList.removeSelection();
-    }
-    else {
-      this._columnList.removeSelection();
-    }
-  }
-  compareWords(column, searchingText) {
-    var _a, _b;
-    const columnLabel = (_a = StringUtils.replaceAccentuatedChars(column === null || column === void 0 ? void 0 : column.label)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    const argument = (_b = StringUtils.replaceAccentuatedChars(searchingText)) === null || _b === void 0 ? void 0 : _b.toUpperCase();
-    if (StringUtils.isEmpty(columnLabel) || StringUtils.isEmpty(argument)) {
-      return false;
-    }
-    return columnLabel.includes(argument);
-  }
-  getColumnNames() {
-    const listNames = [];
-    listNames.push(this.getMessage("snkGridConfig.tab.columns"));
-    listNames.push(this.getMessage("snkGridConfig.tab.lineOrdering"));
-    return listNames.join(',');
-  }
   closeConfig() {
-    this._orderList.scrollToTop();
-    this._columnList.scrollToTop();
-    this._searchElement.value = "";
     if (this._dataChanged) {
       let options = {
         canClose: false,
-        labelCancel: this.getMessage("snkGridConfig.confirm.cancel"),
-        labelConfirm: this.getMessage("snkGridConfig.confirm.save"),
-        btnConfirmDanger: false
+        labelCancel: this.getMessage('snkGridConfig.confirm.cancel'),
+        labelConfirm: this.getMessage('snkGridConfig.confirm.save'),
+        btnConfirmDanger: false,
       };
-      ApplicationUtils.confirm(this.getMessage("snkGridConfig.confirm.alert"), this.getMessage("snkGridConfig.confirm.msgCancel"), null, DialogType.WARN, options)
+      ApplicationUtils.confirm(this.getMessage('snkGridConfig.confirm.alert'), this.getMessage('snkGridConfig.confirm.msgCancel'), null, DialogType.WARN, options)
         .then((response) => {
         if (!response) {
           this._dataChanged = false;
           this.configCancel.emit();
-          this._orderList.clearHistory();
           this._componenteInternalKey = Date.now();
         }
         else {
@@ -430,31 +295,12 @@ export class SnkGridConfig {
     }
     else {
       this.configCancel.emit();
-      this._orderList.clearHistory();
-    }
-  }
-  /* Handlers */
-  handleTabChange(tab) {
-    if ((tab === null || tab === void 0 ? void 0 : tab.index) != undefined) {
-      if (this.selectedIndex !== tab.index) {
-        if (tab.index === 0) {
-          this._orderList.scrollToTop();
-        }
-        else if (tab.index === 1) {
-          this._columnList.scrollToTop();
-        }
-        this._searchElement.value = "";
-      }
-      if (tab.index === 1) {
-        this.createOrderList();
-      }
-      this.selectedIndex = tab.index;
     }
   }
   handleColumnListChange(evt) {
     var _a;
     if (evt.detail) {
-      let visibleItems = (_a = evt.detail.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"))) === null || _a === void 0 ? void 0 : _a.items;
+      let visibleItems = (_a = evt.detail.find((group) => group.group === this.getMessage('snkGridConfig.group.visible'))) === null || _a === void 0 ? void 0 : _a.items;
       if (visibleItems) {
         this._dataChanged = true;
         this._orderListItems = visibleItems;
@@ -476,17 +322,30 @@ export class SnkGridConfig {
       this.createColumnList();
     }
   }
-  componentDidRender() {
-    var _a;
-    if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
-    }
-  }
   componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
   }
+  handleRightListChange(rightList) {
+    const visibleGroup = this._columListItems.find(group => group.group === this.getMessage('snkGridConfig.group.visible'));
+    if (visibleGroup && visibleGroup.items != rightList) {
+      visibleGroup.items = rightList;
+      this._dataChanged = true;
+    }
+  }
+  getListSlots() {
+    return {
+      RIGHT_LIST: {
+        itemRightSlotBuilder: (item) => this.buildOrderListSlot(item),
+      },
+    };
+  }
   render() {
-    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "" }, h("label", { class: "title" }, this.getMessage("snkGridConfig.gridConfiguration")), h("label", { class: "subtitle" }, this.getMessage("snkGridConfig.columnVisibilityOrder"))), h("div", { class: "button-close" }, h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), h("div", { class: "tabselector-container" }, h("ez-tabselector", { selectedIndex: this.selectedIndex, onEzChange: (evt) => { this.handleTabChange(evt.detail); }, tabs: this.getColumnNames() })), h("div", null, h("ez-text-input", { "data-element-id": "searchColums", ref: (el) => this._searchElement = el, label: this.getMessage("snkGridConfig.findColumn"), onKeyUp: (evt) => this.locateColumn(evt) }, h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), h("div", { class: "grid-config__main" }, h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedIndex === 0 ? "" : "hidden", dataSource: this._columListItems, onEzChange: (evt) => this.handleColumnListChange(evt), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true, "data-element-id": "configCols" }), h("div", { class: this.selectedIndex === 1 ? "group-name" : "hidden" }, this.getMessage("snkGridConfig.info.sortingSequence")), h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedIndex === 1 ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: (evt) => this.handleOrderListChange(evt), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item), "data-element-id": "configDataOrder" })), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: this.getMessage("snkGridConfig.cancel"), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage("snkGridConfig.complete"), class: "ez-button--primary", onClick: () => this.finish() }))));
+    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: "grid-config__body" }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
+        LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
+        RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
+        RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get is() { return "snk-grid-config"; }
   static get encapsulation() { return "scoped"; }
@@ -600,6 +459,12 @@ export class SnkGridConfig {
       }
     };
   }
+  static get states() {
+    return {
+      "_collapsibleBoxListOrder": {},
+      "_collapsibleBoxListSelect": {}
+    };
+  }
   static get events() {
     return [{
         "method": "configChange",

package/dist/collection/components/snk-grid-config/snk-select-box/snk-select-box.css

@@ -1,5 +1,6 @@
 ez-combo-box {
     width: 100px;
+    --ez-text-input__margin-bottom: 0px;
 }
 
 .grid-config-combo {

package/dist/collection/components/snk-pesquisa/pesquisa-grid/pesquisa-grid.js

@@ -53,7 +53,7 @@ export class PesquisaGrid {
   render() {
     if (!this.metadata || !this._dataunit)
       return;
-    return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, canEdit: false, suppressCheckboxColumn: true, compact: true, autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
+    return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, mode: "simple", autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
   }
   static get is() { return "pesquisa-grid"; }
   static get encapsulation() { return "scoped"; }

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

@@ -780,7 +780,7 @@ export class SnkSimpleCrud {
     }
     return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.css

@@ -10,6 +10,7 @@
 }
 
 .config-lists {
+  width: 100%;
   margin-bottom: 12px;
 }
 

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

@@ -80,7 +80,7 @@ export class SnkSimpleFormConfig {
     this.snkConfigSaved.emit();
   }
   render() {
-    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'auto', ezTitle: 'Configurar formul\u00E1rio' }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), h("div", { class: 'config-actions' }, h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
+    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: 'Configurar formul\u00E1rio' }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), h("div", { class: 'config-actions' }, h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
   }
   static get is() { return "snk-simple-form-config"; }
   static get originalStyleUrls() {

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -251,6 +251,9 @@ export class DataFetcher {
       resourceID: (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID))
     };
   }
+  isDevMode() {
+    return window === null || window === void 0 ? void 0 : window.hasOwnProperty('wksdata');
+  }
   async callServiceBroker(serviceName, payload, options) {
     return new Promise(async (accept, reject) => {
       const parts = serviceName.split("@");
@@ -258,7 +261,9 @@ export class DataFetcher {
       const ctx = this.getContext(module);
       let url = `${ctx.baseUrl}?serviceName=${name}&counter=21&application=${ctx.appName}&outputType=json&preventTransform=false&mgeSession=${ctx.mgeSession}&resourceID=${ctx.resourceID}&globalID=${ctx.globalID}&allowConcurrentCalls=true`;
       url = await this.addUrlParams(options, url);
-      document.cookie = `JSESSIONID=${ctx.mgeSession};`;
+      if (this.isDevMode()) {
+        document.cookie = `JSESSIONID=${ctx.mgeSession};`;
+      }
       const http = new XMLHttpRequest();
       var payloadJson = {};
       if ('string' == typeof payload) {

package/dist/collection/lib/message/resources/snk-grid.msg.js

@@ -7,14 +7,22 @@ export const snkGridMessages = {
 };
 export const snkGridConfigMessages = {
   gridConfiguration: "Configuração da Grade",
-  columnVisibilityOrder: "Defina visibilidade e ordem das colunas.",
+  columnVisibilityOrder: "Arraste os itens para definir a ordem e visibilidade das colunas da sua grade.",
   sortingSequence: "Sequência da ordenação",
   findColumn: "Localizar coluna",
   cancel: "Cancelar",
   complete: "Concluir",
+  columnsSelection: "Seleção de colunas",
+  availableColumns: "Colunas disponíveis",
+  selectedColumns: "Colunas selecionadas",
+  dataOrdering: "Ordenação de dados",
+  emptyMensage: {
+    left: "Nenhuma coluna disponível",
+    right: "Nenhuma coluna selecionada"
+  },
   tab: {
     columns: "Colunas",
-    lineOrdering: "Ordenação das linhas",
+    lineOrdering: "Ordenação das linhas"
   },
   info: {
     successfullyConfigSaved: "As configurações foram salvas com sucesso!"

package/dist/components/DataFetcher.js

@@ -6894,6 +6894,9 @@ class DataFetcher {
       resourceID: (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID))
     };
   }
+  isDevMode() {
+    return window === null || window === void 0 ? void 0 : window.hasOwnProperty('wksdata');
+  }
   async callServiceBroker(serviceName, payload, options) {
     return new Promise(async (accept, reject) => {
       const parts = serviceName.split("@");
@@ -6901,7 +6904,9 @@ class DataFetcher {
       const ctx = this.getContext(module);
       let url = `${ctx.baseUrl}?serviceName=${name}&counter=21&application=${ctx.appName}&outputType=json&preventTransform=false&mgeSession=${ctx.mgeSession}&resourceID=${ctx.resourceID}&globalID=${ctx.globalID}&allowConcurrentCalls=true`;
       url = await this.addUrlParams(options, url);
-      document.cookie = `JSESSIONID=${ctx.mgeSession};`;
+      if (this.isDevMode()) {
+        document.cookie = `JSESSIONID=${ctx.mgeSession};`;
+      }
       const http = new XMLHttpRequest();
       var payloadJson = {};
       if ('string' == typeof payload) {

package/dist/components/SnkMessageBuilder.js

@@ -280,14 +280,22 @@ const snkGridMessages = {
 };
 const snkGridConfigMessages = {
   gridConfiguration: "Configuração da Grade",
-  columnVisibilityOrder: "Defina visibilidade e ordem das colunas.",
+  columnVisibilityOrder: "Arraste os itens para definir a ordem e visibilidade das colunas da sua grade.",
   sortingSequence: "Sequência da ordenação",
   findColumn: "Localizar coluna",
   cancel: "Cancelar",
   complete: "Concluir",
+  columnsSelection: "Seleção de colunas",
+  availableColumns: "Colunas disponíveis",
+  selectedColumns: "Colunas selecionadas",
+  dataOrdering: "Ordenação de dados",
+  emptyMensage: {
+    left: "Nenhuma coluna disponível",
+    right: "Nenhuma coluna selecionada"
+  },
   tab: {
     columns: "Colunas",
-    lineOrdering: "Ordenação das linhas",
+    lineOrdering: "Ordenação das linhas"
   },
   info: {
     successfullyConfigSaved: "As configurações foram salvas com sucesso!"

package/dist/components/field-item2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate, Host } from '@stencil/core/internal/client';
 import { g as getIconName, d as defineCustomElement$1 } from './field-config2.js';
 
-const fieldItemCss = ".sc-field-item-h {\n  width: 32%;\n  min-width: 200px;\n  display: flex;\n  padding: 12px 8px;\n  border-radius: var(--border--radius-small, 4px);\n  border: 1px solid #dce0e8;\n  cursor: grab;\n  align-items: center;\n  height: 42px;\n  max-height: 42px;\n  background: #FAFCFF;\n}\n\n.ghost.sc-field-item-h{\n  width: 32% !important;\n}\n\n@container (max-width: 430px) {\n  .sc-field-item-h,\n  .sc-field-item-h.ghost{\n    width: 100% !important;\n  }\n}\n\n@container (min-width: 431px) and (max-width: 632px) {\n  .sc-field-item-h,\n  .sc-field-item-h.ghost {\n    width: 48% !important;\n  }\n}\n\n.full-width.sc-field-item-h{\n  width: 100%;\n}\n\nez-icon.sc-field-item {\n  --ez-icon--color: #A2ABB9;\n}\n\n.icons.sc-field-item {\n  display: flex;\n}\n\n.label.sc-field-item {\n  display: flex;\n  flex-grow: 1;\n  padding-left: 8px;\n  font-size: 14px;\n  align-items: center;\n  gap: 4px;\n  height: 22px;\n}\n\n.label-text.sc-field-item {\n  overflow: hidden;\n  -webkit-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  height: auto;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  display: -webkit-box;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  word-break: break-word;\n}\n\n.required-mark.sc-field-item {\n  color: #cf3105;\n  background: #F7E0E5;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 5px;\n  font-size: 16px;\n  align-self: self-start;\n}\n\n\n.actions.sc-field-item {\n  display: flex;\n  flex-direction: row;\n  align-content: center;\n  gap: 4px;\n}\n\nez-button.sc-field-item {\n  width: 24px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n\n.sc-field-item-h .hiddeble.sc-field-item {\n  transition: 0.2s ease-in-out;\n  visibility: hidden;\n  opacity: 0;\n}\n\n.sc-field-item-h:hover .hiddeble.sc-field-item {\n  visibility: visible;\n  opacity: 1;\n}";
+const fieldItemCss = ".sc-field-item-h{width:100%;display:flex;padding:12px 8px;border-radius:var(--border--radius-small, 4px);border:1px solid #dce0e8;cursor:grab;align-items:center;height:42px;max-height:42px;background:#FAFCFF}.full-width.sc-field-item-h{width:100%}ez-icon.sc-field-item{--ez-icon--color:#A2ABB9}.icons.sc-field-item{display:flex}.label.sc-field-item{display:flex;flex-grow:1;padding-left:8px;font-size:14px;align-items:center;gap:4px;height:22px}.label-text.sc-field-item{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.required-mark.sc-field-item{color:#cf3105;background:#F7E0E5;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-top:5px;font-size:16px;align-self:self-start}.actions.sc-field-item{display:flex;flex-direction:row;align-content:center;gap:4px}ez-button.sc-field-item{width:24px;align-items:center;justify-content:center;display:flex}.sc-field-item-h .hiddeble.sc-field-item{transition:0.2s ease-in-out;visibility:hidden;opacity:0}.sc-field-item-h:hover .hiddeble.sc-field-item{visibility:visible;opacity:1}";
 
 const FieldItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/fields-layout2.js

@@ -6,7 +6,7 @@ import { T as TAB_NAMES, G as GROUP_NAMES } from './constants.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { d as defineCustomElement$1 } from './field-item2.js';
 
-const fieldsLayoutCss = ".sc-fields-layout-h{display:flex;padding:12px;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);flex-direction:column}.layout-container.sc-fields-layout{container-type:inline-size;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 225px)}.guide-header.sc-fields-layout{display:flex;width:100%;font-size:20px;border-bottom:1px solid #dce0e8;margin-bottom:6px;align-items:center;height:45px}.guide-header.sc-fields-layout ez-button.sc-fields-layout{transition:all 0.2s ease-in-out;visibility:hidden;opacity:0}.guide-header.sc-fields-layout:hover ez-button.sc-fields-layout{visibility:visible;opacity:1}.guide-header-label.sc-fields-layout{display:block;padding:10px 0}.group-config.sc-fields-layout{padding:12px 0;display:flex;flex-direction:column;width:100%}.group-content.sc-fields-layout{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;min-height:65px;width:100%;padding:6px 0}.group-content.empty-content.sc-fields-layout{position:relative}.group-content.empty-content.sc-fields-layout::before{content:\"Arraste e solte um campo aqui\";color:#cbcfd7;font-size:16px;font-weight:500;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity 0.3s;width:100%;height:100%;box-sizing:border-box;padding:10px;background:#f9f9f9;border:1px dashed #dce0e8;border-radius:6px}.no-group-container.sc-fields-layout{padding:12px 0;width:100%;border-bottom:1px solid #dce0e8}.no-group-container.sc-fields-layout::before{content:\"Inclua estes campos nos grupos ou deixe-os separados no topo do formulário\";width:100%;display:block;font-size:16px;font-weight:400;color:#AFB6C0;padding-bottom:12px}.add-group-container.sc-fields-layout{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;padding-bottom:12px;gap:6px;cursor:pointer;justify-content:center;width:100%;height:55px}.no-guide-selected.sc-fields-layout{display:block;margin:auto;font-size:24px;color:#AFB6C0;font-weight:500}.ghost.sc-fields-layout{opacity:.5;background:#c8fbe2}";
+const fieldsLayoutCss = ".sc-fields-layout-h{display:flex;padding:12px;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);flex-direction:column}.layout-container.sc-fields-layout{container-type:inline-size;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 225px)}.guide-header.sc-fields-layout{display:flex;width:100%;font-size:20px;border-bottom:1px solid #dce0e8;margin-bottom:6px;align-items:center;height:45px}.guide-header.sc-fields-layout ez-button.sc-fields-layout{transition:all 0.2s ease-in-out;visibility:hidden;opacity:0}.guide-header.sc-fields-layout:hover ez-button.sc-fields-layout{visibility:visible;opacity:1}.guide-header-label.sc-fields-layout{display:block;padding:10px 0}.group-config.sc-fields-layout{padding:12px 0;display:flex;flex-direction:column;width:100%}.group-content.sc-fields-layout{display:grid;gap:12px;min-height:65px;width:100%;padding:6px 0;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.group-content.empty-content.sc-fields-layout{position:relative}.group-content.empty-content.sc-fields-layout::before{content:\"Arraste e solte um campo aqui\";color:#cbcfd7;font-size:16px;font-weight:500;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity 0.3s;height:100%;box-sizing:border-box;padding:10px;background:#f9f9f9;border:1px dashed #dce0e8;border-radius:6px}.no-group-container.sc-fields-layout{padding:12px 0;width:100%;border-bottom:1px solid #dce0e8}.no-group-container.sc-fields-layout::before{content:\"Inclua estes campos nos grupos ou deixe-os separados no topo do formulário\";width:100%;display:block;font-size:16px;font-weight:400;color:#AFB6C0;padding-bottom:12px}.add-group-container.sc-fields-layout{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;padding-bottom:12px;gap:6px;cursor:pointer;justify-content:center;width:100%;height:55px}.no-guide-selected.sc-fields-layout{display:block;margin:auto;font-size:24px;color:#AFB6C0;font-weight:500}.ghost.sc-fields-layout{opacity:.5;background:#c8fbe2}";
 
 const FieldLayoutComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/fields-selector2.js

@@ -4,7 +4,7 @@ import { I as ID_AVAILABLE_FIELDS, d as defineCustomElement$2 } from './field-co
 import { ArrayUtils } from '@sankhyalabs/core';
 import { d as defineCustomElement$1 } from './field-item2.js';
 
-const fieldsSelectorCss = ".sc-fields-selector-h{width:33.33333%;display:flex;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);max-width:260px}.fields-label.sc-fields-selector{display:block;font-size:16px;font-weight:500;width:100%}.fields-count.sc-fields-selector{display:block;color:#AFB6C0;font-size:14px;padding:12px 0;font-weight:400;width:100%}.fields-container.sc-fields-selector{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 220px);width:100%}.ghost.sc-fields-selector{opacity:.5;background:#c8fbe2}";
+const fieldsSelectorCss = ".sc-fields-selector-h{width:33.33333%;display:flex;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);max-width:260px}.fields-label.sc-fields-selector{display:block;font-size:16px;font-weight:500;width:100%}.fields-count.sc-fields-selector{display:block;color:#AFB6C0;font-size:14px;padding:12px 0;font-weight:400;width:100%}.fields-container.sc-fields-selector{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 220px);width:100%}.ghost.sc-fields-selector{opacity:.5;background:#c8fbe2}.filter-input.sc-fields-selector{padding-right:var(--space--2xs, 8px)}";
 
 const FieldsSelector = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -62,7 +62,7 @@ const FieldsSelector = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.initializeDraggableContainer();
   }
   render() {
-    return (h(Host, { class: 'ez-col ez-col--sd-4 ez-col--tb-4 ez-padding--medium' }, h("span", { class: 'fields-label ez-padding-bottom--small' }, "Campos dispon\u00EDveis"), h("ez-filter-input", { slot: "content", mode: "slim", label: "Buscar campo", onEzChange: evt => this.filterTerm = evt.detail }), h("span", { class: 'fields-count' }, this.getCountText()), h("ez-scroller", { direction: 'vertical', activeShadow: true }, h("div", { id: ID_AVAILABLE_FIELDS, class: 'fields-container' }, this.renderFields()))));
+    return (h(Host, { class: 'ez-col ez-col--sd-4 ez-col--tb-4 ez-padding--medium' }, h("span", { class: 'fields-label ez-padding-bottom--small' }, "Campos dispon\u00EDveis"), h("ez-filter-input", { class: 'filter-input', slot: "content", mode: "slim", label: "Buscar campo", onEzChange: evt => this.filterTerm = evt.detail }), h("span", { class: 'fields-count' }, this.getCountText()), h("ez-scroller", { direction: 'vertical', activeShadow: true }, h("div", { id: ID_AVAILABLE_FIELDS, class: 'fields-container' }, this.renderFields()))));
   }
   get el() { return this; }
   static get style() { return fieldsSelectorCss; }

package/dist/components/pesquisa-grid2.js

@@ -66,7 +66,7 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   render() {
     if (!this.metadata || !this._dataunit)
       return;
-    return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, canEdit: false, suppressCheckboxColumn: true, compact: true, autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
+    return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, mode: "simple", autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
   }
   static get watchers() { return {
     "dataSource": ["observeDataSource"],

package/dist/components/snk-entity-list.js

@@ -67,14 +67,9 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (this._application === undefined) {
       return;
     }
-    const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const searchContext = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) !== null && _c !== void 0 ? _c : {};
     const criteria = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.criteria;
-    const options = {
-      entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label,
-      entity: this._entityName,
-      searchOptions: searchOptions,
-      criteria,
-    };
+    const options = Object.assign(Object.assign({ criteria }, searchContext), { entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label, entity: this._entityName });
     return this._application.executePreparedSearch(mode, argument, options);
   }
   onEzSearchChange(evt) {

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

@@ -124,7 +124,7 @@ function buildPeriod(item) {
 function buildSearch(item) {
   const { id, value, props } = item;
   const expression = props.expression;
-  return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value.value) }] };
+  return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value === null || value === void 0 ? void 0 : value.value) }] };
 }
 function buildText(item) {
   let { id, value, props } = item;