@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-78242.2 → 0.0.0-bugfix-dev-KB-80932.0

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

@@ -21,6 +21,8 @@ export class SnkCrud {
     this._currentViewMode = VIEW_MODE.GRID;
     this._canEdit = undefined;
     this._resourceID = undefined;
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.selectionToastConfig = undefined;
@@ -42,7 +44,6 @@ export class SnkCrud {
     this.enableGridInsert = false;
     this.domainMessagesBuilder = undefined;
     this.ignoreReadOnlyFormFields = undefined;
-    this.enableLockManger = false;
     this.setCustomFormTitle = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
@@ -390,7 +391,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "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, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManger: this.enableLockManger }, 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, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, 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", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "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, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }, 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, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, 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" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -406,6 +407,42 @@ export class SnkCrud {
   }
   static get properties() {
     return {
+      "enableLockManagerLoadingComp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento da aplica\u00E7\u00E3o"
+        },
+        "attribute": "enable-lock-manager-loading-comp",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "enableLockManagerTaskbarClick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa o gerenciamento de locks na grade pela Taskbar."
+        },
+        "attribute": "enable-lock-manager-taskbar-click",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "configName": {
         "type": "string",
         "mutable": true,
@@ -799,24 +836,6 @@ export class SnkCrud {
         "attribute": "ignore-read-only-form-fields",
         "reflect": false
       },
-      "enableLockManger": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa o gerenciamento de locks na grade."
-        },
-        "attribute": "enable-lock-manger",
-        "reflect": false,
-        "defaultValue": "false"
-      },
       "setCustomFormTitle": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/snk-data-exporter/exporter-strategy/ClientSideExporterStrategy.js

@@ -10,11 +10,17 @@ export default class ClientSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
-  async executeExport(resolveProps) {
+  async getColumns(resolveProps) {
     var _a;
+    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
+      return await this.getParsedColumns();
+    }
+    return await this._provider.getColumnsMetadata();
+  }
+  async executeExport(resolveProps) {
     const { methodName, gridTitle } = resolveProps;
     const records = await this._provider.getRecords();
-    const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    const columns = await this.getColumns(resolveProps);
     const [serviceName, processor] = this.getExecutor(methodName);
     const payload = {
       serviceName,
@@ -51,10 +57,10 @@ export default class ClientSideExporterStrategy {
       "GridXLSBuilderSP.buildXLSFromJson",
       responseBody => ({
         fileSessionKey: responseBody.chaveXLS.valor,
-        canPrint: false,
-        canExport: false,
+        canPrint: true,
+        canExport: true,
+        canSendEmail: true,
         useAppPrint: false,
-        canSendEmail: false
       })
     ];
   }

package/dist/collection/components/snk-data-exporter/exporter-strategy/ServerSideExporterStrategy.js

@@ -23,12 +23,19 @@ export default class ServerSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
+  async getColumns(resolveProps) {
+    var _a;
+    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
+      return await this.getParsedColumns();
+    }
+    return await this._provider.getColumnsMetadata();
+  }
   async getParams(resolveProps) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const filters = (_b = (_a = this._provider).getFilters) === null || _b === void 0 ? void 0 : _b.call(_a);
-    const columns = ((_c = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _c === void 0 ? void 0 : _c.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
-    const sort = (_e = (_d = this._provider).getOrders) === null || _e === void 0 ? void 0 : _e.call(_d);
-    const resourceURI = (_g = (_f = this._provider).getResourceURI) === null || _g === void 0 ? void 0 : _g.call(_f);
+    const columns = await this.getColumns(resolveProps);
+    const sort = (_d = (_c = this._provider).getOrders) === null || _d === void 0 ? void 0 : _d.call(_c);
+    const resourceURI = (_f = (_e = this._provider).getResourceURI) === null || _f === void 0 ? void 0 : _f.call(_e);
     const selectedIDs = this._provider.getSelectedIDs();
     const option = resolveProps.exportOption;
     const currentPageOptions = [

package/dist/collection/components/snk-data-exporter/interfaces/IExporterProvider.js

@@ -28,7 +28,7 @@ export class CommonsExporter {
       const columnData = {
         label: column.label,
         id: column.name,
-        width: column.width,
+        width: (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCH ? 60 : column.width,
         type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter

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

@@ -126,7 +126,6 @@ export class SnkDataExporter {
     var _a, _b, _c;
     const optionKey = this.getOptionKey(option);
     const fileType = (_a = DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : DataExporterType.EXPORT_TO_PDF;
-    const isDownload = DataExporterType[optionKey] === DataExporterType.EXPORT_TO_XLS;
     const params = {
       methodName: DataExporterOption[`EXPORT_TO_${fileType}`],
       fileName: this._appLabel,
@@ -137,8 +136,7 @@ export class SnkDataExporter {
     };
     await this.resolveExporter(params, (response) => {
       if (response.canExport || fileType === DataExporterType.EXPORT_TO_PDF) {
-        fileViewer(Object.assign(Object.assign({}, response), { fileType,
-          isDownload }));
+        fileViewer(Object.assign(Object.assign({}, response), { fileType }));
       }
       else {
         ApplicationUtils.error(this.getMessage("snkDataExporter.title.permission"), this.getMessage("snkDataExporter.message.exportPermission"));

package/dist/collection/components/snk-data-exporter/utils/ParserExport.js

@@ -1,5 +1,5 @@
 import { DataExporterOption } from "../../../lib/@types";
-const DOC_MAX_WIDTH = 800;
+const DOC_MAX_WIDTH = 760;
 export function getVisibleColumns(columns) {
   const visibleColumns = [];
   let totalWidth = 0;

package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js

@@ -144,7 +144,9 @@ export class SnkFilterModal {
       this.filters = ObjectUtils.copy(filterListCopy);
       return;
     }
-    this.filters.find(filter => filter.id === filterItem.id).value = undefined;
+    const filter = this.filters.find(filter => filter.id === filterItem.id);
+    filter.value = undefined;
+    this.filters = ObjectUtils.copy(this.filters);
   }
   uncheckFilterValues(valueList) {
     valueList.forEach(value => {

package/dist/collection/components/snk-filter-bar/snk-filter-bar.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, ElementIDUtils, ObjectUtils, ErrorException } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, ErrorException, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -14,6 +14,7 @@ export class SnkFilterBar {
     this._firstLoad = true;
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
+    this._resolveLoading = undefined;
     this._calculateSortIndex = (item) => {
       if (!item.visible)
         return 0;
@@ -27,6 +28,7 @@ export class SnkFilterBar {
     this._filtersComparator = (a, b) => {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
+    this.enableLockManagerLoadingComp = false;
     this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
@@ -448,14 +450,26 @@ export class SnkFilterBar {
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = false;
   }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this.loadPermitions();
-      this.addFilterBarLegacyConfigName();
-      this.loadConfigFromStorage();
+  async componentWillLoad() {
+    var _a;
+    try {
+      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      await this.attachDataUnit();
+      if (this._application) {
+        if (this._application.enableLockManagerLoadingApp && this.enableLockManagerLoadingComp) {
+          const appLoadLockerID = LockManager.addLockManagerCtxId(this._element);
+          this._resolveLoading = LockManager.lock(appLoadLockerID, LockManagerOperation.APP_LOADING);
+        }
+        await Promise.all([
+          this.loadPermitions(),
+          this.addFilterBarLegacyConfigName(),
+          this.loadConfigFromStorage(),
+        ]);
+      }
+    }
+    finally {
+      (_a = this._resolveLoading) === null || _a === void 0 ? void 0 : _a.call(this);
     }
-    this.attachDataUnit();
   }
   componentDidRender() {
     this.processPendingFilter();
@@ -486,6 +500,24 @@ export class SnkFilterBar {
   }
   static get properties() {
     return {
+      "enableLockManagerLoadingComp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento"
+        },
+        "attribute": "enable-lock-manager-loading-comp",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "customFilterBarConfig": {
         "type": "unknown",
         "mutable": false,

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

@@ -50,6 +50,8 @@ export class SnkGrid {
     this._showSnkFilterBar = true;
     this._enableContinuousInsert = false;
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.resourceID = undefined;
@@ -73,7 +75,6 @@ export class SnkGrid {
     this.autoLoad = undefined;
     this.autoFocus = true;
     this.enableGridInsert = false;
-    this.enableLockManger = false;
     this.outlineMode = false;
   }
   /**
@@ -463,7 +464,7 @@ export class SnkGrid {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManger: this.enableLockManger, outlineMode: this.outlineMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, 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.resourceID }))));
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, 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.resourceID }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -500,6 +501,42 @@ export class SnkGrid {
         },
         "defaultValue": "new SnkMultiSelectionListDataSource()"
       },
+      "enableLockManagerLoadingComp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento da aplica\u00E7\u00E3o"
+        },
+        "attribute": "enable-lock-manager-loading-comp",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "enableLockManagerTaskbarClick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa o gerenciamento de locks na grade pela Taskbar."
+        },
+        "attribute": "enable-lock-manager-taskbar-click",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -928,24 +965,6 @@ export class SnkGrid {
         "reflect": false,
         "defaultValue": "false"
       },
-      "enableLockManger": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa o gerenciamento de locks na grade."
-        },
-        "attribute": "enable-lock-manger",
-        "reflect": false,
-        "defaultValue": "false"
-      },
       "outlineMode": {
         "type": "boolean",
         "mutable": false,

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

@@ -0,0 +1,10 @@
+:host {
+  height: 100vh;
+  background: var(--background--xlight, #FFF);
+  overflow-x: auto;
+}
+
+ez-grid {
+  --ez-grid__container--shadow: none;
+  --ez-grid__header--shadow:none;
+}

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

@@ -0,0 +1,190 @@
+import { h, Host } from '@stencil/core';
+import InMemoryLoader from '../../../lib/dataUnit/InMemoryLoader';
+import { PesquisaFetcher } from '../../../lib';
+export class PesquisaGrid {
+  constructor() {
+    this._pesquisaFetcher = new PesquisaFetcher();
+    this.metadata = undefined;
+    this.dataSource = [];
+    this.pkField = undefined;
+    this.descriptionField = undefined;
+    this.entityName = undefined;
+    this._inMemoryLoader = undefined;
+    this._dataunit = undefined;
+    this._gridConfig = undefined;
+  }
+  observeDataSource(newValue) {
+    if (!this._inMemoryLoader || !this._dataunit || !newValue)
+      return;
+    this._inMemoryLoader.records = [...newValue];
+  }
+  async componentWillLoad() {
+    this.initializeDataUnit();
+    this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
+  }
+  initializeDataUnit() {
+    var _a;
+    this._inMemoryLoader = new InMemoryLoader(this.metadata, (_a = this.dataSource) !== null && _a !== void 0 ? _a : []);
+    this._dataunit = this._inMemoryLoader.dataUnit;
+    this._dataunit.pageSize = 0;
+  }
+  handleDbClick(record) {
+    const option = {
+      value: record[this.pkField],
+      label: record[this.descriptionField],
+    };
+    this.pesquisaGridSelectItem.emit(option);
+  }
+  async handleConfigChanged({ detail }) {
+    var _a;
+    const columns = (_a = detail === null || detail === void 0 ? void 0 : detail.columns) !== null && _a !== void 0 ? _a : [];
+    await this._pesquisaFetcher.savePesquisaGridConfig(this.entityName, columns);
+  }
+  render() {
+    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) })));
+  }
+  static get is() { return "pesquisa-grid"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["pesquisa-grid.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pesquisa-grid.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "metadata": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "UnitMetadata",
+          "resolved": "UnitMetadata",
+          "references": {
+            "UnitMetadata": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Campos que representam as colunas da grade."
+        }
+      },
+      "dataSource": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Record[]",
+          "resolved": "Record[]",
+          "references": {
+            "Record": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Registros da grade"
+        },
+        "defaultValue": "[]"
+      },
+      "pkField": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Campo que representa a chave prim\u00E1ria do registro"
+        },
+        "attribute": "pk-field",
+        "reflect": false
+      },
+      "descriptionField": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Campo que representa a descri\u00E7\u00E3o do registro"
+        },
+        "attribute": "description-field",
+        "reflect": false
+      },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade representada na grade"
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_inMemoryLoader": {},
+      "_dataunit": {},
+      "_gridConfig": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "pesquisaGridSelectItem",
+        "name": "pesquisaGridSelectItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IOption",
+          "resolved": "IOption",
+          "references": {
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/.diststorybook/types/components/ez-combo-box/ez-combo-box"
+            }
+          }
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "dataSource",
+        "methodName": "observeDataSource"
+      }];
+  }
+}

package/dist/collection/components/snk-pesquisa/pesquisa-tree/pesquisa-tree.css

@@ -0,0 +1,25 @@
+:host {
+  /*@doc Define o posicionamento superior do container de botões de ação.*/
+  --snk-pesquisa--tree__action-container--top: var(--space--sm);
+  /*@doc Define o posicionamento direito do container de botões de ação.*/
+  --snk-pesquisa--tree__action-container--right: var(--space--small);
+  /*@doc Define a altura mínima do componente.*/
+  --snk-pesquisa--tree__min-height: var(--space--extra-large);
+
+  background: var(--background--xlight, #FFF);
+  position: relative;
+  display: inline-block;
+  min-height: var(--snk-pesquisa--tree__min-height);
+}
+
+:host:hover .actions-container{
+  display: flex;
+}
+
+.actions-container {
+  flex-direction: row;
+  position: absolute;
+  top: var(--snk-pesquisa--tree__action-container--top);
+  right: var(--snk-pesquisa--tree__action-container--right);
+  display: none;
+}