@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-81146.2 → 0.0.0-bugfix-dev-KB-81512.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const pesquisaFetcher = require('./pesquisa-fetcher-3b86b6c4.js');
+const pesquisaFetcher = require('./pesquisa-fetcher-1ef11cfe.js');
 require('./DataFetcher-65879b2c.js');
 require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
@@ -13,12 +13,13 @@ require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./dataunit-fetcher-8ea97d88.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-90126e4c.js');
+const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 
-const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--color-secondary:var(--text--secondary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right);height:100vh}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records-label.sc-snk-pesquisa{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__records-label.hidden.sc-snk-pesquisa{display:none}.snk-pesquisa__records.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color)}.snk-pesquisa__records-limit.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color-secondary)}.snk-pesquisa__records-limit.hidden.sc-snk-pesquisa,.snk-pesquisa__records.hidden.sc-snk-pesquisa{visibility:hidden}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}.snk-pesquisa__cards-container.sc-snk-pesquisa{height:100%;overflow-y:auto}";
+const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--color-secondary:var(--text--secondary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records-label.sc-snk-pesquisa{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__records.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color)}.snk-pesquisa__records-limit.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color-secondary)}.snk-pesquisa__records-limit.hidden.sc-snk-pesquisa,.snk-pesquisa__records.hidden.sc-snk-pesquisa{visibility:hidden}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
 
 const SnkPesquisa = class {
   constructor(hostRef) {
@@ -37,7 +38,6 @@ const SnkPesquisa = class {
     this._itemList = undefined;
     this._startLoading = false;
     this._presentationMode = "list";
-    this._currentView = undefined;
     this.searchLoader = undefined;
     this.treeLoader = undefined;
     this.selectItem = undefined;
@@ -340,29 +340,25 @@ const SnkPesquisa = class {
   }
   async componentDidLoad() {
     core.ElementIDUtils.addIDInfo(this._element);
-    await this.chooseViewMode();
   }
-  async handleChangeViewMode() {
+  async onClickList() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
-    await this.chooseViewMode();
     await this.pesquisaFetcher.savePresentationConfig(this.entityName, this._presentationMode);
   }
-  async chooseViewMode() {
-    var _a, _b;
-    if (this._presentationMode !== 'list') {
-      await ((_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show(pesquisaFetcher.PESQUISA_VIEW_MODE.GRID));
-      this._currentView = pesquisaFetcher.PESQUISA_VIEW_MODE.GRID;
-      return;
-    }
-    const view = this.isHierarchyEntity ? pesquisaFetcher.PESQUISA_VIEW_MODE.TREE : pesquisaFetcher.PESQUISA_VIEW_MODE.CARDS;
-    await ((_b = this._viewStack) === null || _b === void 0 ? void 0 : _b.show(view));
-    this._currentView = view;
+  enableListButton() {
+    var _a;
+    return ((_a = this._itemList) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   //Os limites de exibição são diferentes para lista e grade
   hideLimitMessage() {
     if (!this._itemList)
       return true;
-    return this._itemList.length < 100;
+    if (this._presentationMode === "list") {
+      if (this.isHierarchyEntity)
+        return true;
+      return this._itemList.length <= 100;
+    }
+    return this._itemList.length <= 150;
   }
   hideRecordsMessage() {
     return (this._presentationMode === "list" && this.isHierarchyEntity);
@@ -385,13 +381,30 @@ const SnkPesquisa = class {
       title: 'Modo lista',
     };
   }
+  renderContent() {
+    if (!this._itemList)
+      return;
+    if (this._presentationMode === 'list') {
+      return this.isHierarchyEntity ? this.renderTree() : this.renderCards();
+    }
+    return this.renderPesquisaGrid();
+  }
+  renderTree() {
+    return index.h("ez-scroller", { direction: EzScrollDirection.EzScrollDirection.VERTICAL }, index.h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) }));
+  }
+  renderCards() {
+    return (index.h("ez-scroller", { direction: EzScrollDirection.EzScrollDirection.VERTICAL }, index.h("div", { class: "snk-pesquisa__cards-container" }, this._itemList.map((item) => {
+      return (index.h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    }))));
+  }
+  renderPesquisaGrid() {
+    return index.h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) });
+  }
   render() {
-    var _a, _b;
+    var _a;
     return (index.h(index.Host, null, index.h("div", { class: "snk-pesquisa" }, index.h("div", { class: "snk-pesquisa__input" }, index.h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, index.h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? index.h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, index.h("ez-icon", { iconName: "close" }))
-      : undefined), index.h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), index.h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), index.h("div", { class: `snk-pesquisa__records-label ${this._currentView === pesquisaFetcher.PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, index.h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), index.h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), index.h("div", { class: "snk-pesquisa__content" }, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === pesquisaFetcher.PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), index.h("stack-item", null, index.h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
-      return (index.h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))), index.h("stack-item", null, index.h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === pesquisaFetcher.PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
+      : undefined), index.h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), index.h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.onClickList(), enabled: this.enableListButton() })), index.h("div", { class: "snk-pesquisa__records-label" }, index.h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), index.h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), index.h("div", { class: "snk-pesquisa__content" }, this.renderContent()))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -8,8 +8,8 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-35ddd366.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 require('./DataFetcher-65879b2c.js');
-require('./pesquisa-fetcher-3b86b6c4.js');
-const ContinuousInsertUtils = require('./ContinuousInsertUtils-6e536e37.js');
+require('./pesquisa-fetcher-1ef11cfe.js');
+const ContinuousInsertUtils = require('./ContinuousInsertUtils-7304218a.js');
 const index = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');

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

@@ -24,7 +24,7 @@ ez-modal {
 
 .snk-filter-modal__rendered-items {
   max-height: 760px;
-  overflow-x: clip;
+  overflow-x: hidden;
   overflow-y: auto;
 }
 

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

@@ -1,4 +1,5 @@
 :host {
+  height: 100vh;
   background: var(--background--xlight, #FFF);
   overflow-x: auto;
 }

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

@@ -9,31 +9,21 @@ export class PesquisaGrid {
     this.pkField = undefined;
     this.descriptionField = undefined;
     this.entityName = undefined;
-    this.shouldLoadConfig = false;
-    this._gridConfig = undefined;
     this._inMemoryLoader = undefined;
     this._dataunit = undefined;
+    this._gridConfig = undefined;
   }
   observeDataSource(newValue) {
     if (!this._inMemoryLoader || !this._dataunit || !newValue)
       return;
     this._inMemoryLoader.records = [...newValue];
   }
-  observeMetadata() {
+  async componentWillLoad() {
     this.initializeDataUnit();
-  }
-  async observeShouldLoadConfig(newValue) {
-    if (!newValue || this._gridConfig)
-      return;
-    await this.loadGridConfig();
-  }
-  async loadGridConfig() {
     this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
   }
   initializeDataUnit() {
     var _a;
-    if (!this.metadata)
-      return;
     this._inMemoryLoader = new InMemoryLoader(this.metadata, (_a = this.dataSource) !== null && _a !== void 0 ? _a : []);
     this._dataunit = this._inMemoryLoader.dataUnit;
     this._dataunit.pageSize = 0;
@@ -51,8 +41,6 @@ export class PesquisaGrid {
     await this._pesquisaFetcher.savePesquisaGridConfig(this.entityName, columns);
   }
   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) })));
   }
   static get is() { return "pesquisa-grid"; }
@@ -160,32 +148,14 @@ export class PesquisaGrid {
         },
         "attribute": "entity-name",
         "reflect": false
-      },
-      "shouldLoadConfig": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define se deve carregar configura\u00E7\u00F5es da grade"
-        },
-        "attribute": "should-load-config",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }
   static get states() {
     return {
-      "_gridConfig": {},
       "_inMemoryLoader": {},
-      "_dataunit": {}
+      "_dataunit": {},
+      "_gridConfig": {}
     };
   }
   static get events() {
@@ -205,7 +175,7 @@ export class PesquisaGrid {
           "references": {
             "IOption": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/src/components/ez-search/ez-search"
+              "path": "@sankhyalabs/ezui/.diststorybook/types/components/ez-combo-box/ez-combo-box"
             }
           }
         }
@@ -215,12 +185,6 @@ export class PesquisaGrid {
     return [{
         "propName": "dataSource",
         "methodName": "observeDataSource"
-      }, {
-        "propName": "metadata",
-        "methodName": "observeMetadata"
-      }, {
-        "propName": "shouldLoadConfig",
-        "methodName": "observeShouldLoadConfig"
       }];
   }
 }

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

@@ -8,11 +8,8 @@
 
   background: var(--background--xlight, #FFF);
   position: relative;
+  display: inline-block;
   min-height: var(--snk-pesquisa--tree__min-height);
-
-  height: 100%;
-  display: block;
-  overflow-y: auto;
 }
 
 :host:hover .actions-container{

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

@@ -5,20 +5,12 @@ export class PesquisaTree {
     this.treeLoader = undefined;
     this.argument = undefined;
     this.allowsNonAnalytic = false;
-    this.shouldLoadTree = false;
     this.items = [];
   }
   async applyFilter() {
     await this._tree.applyFilter(this.argument);
   }
-  async observeShouldLoadTree(newValue) {
-    if (!newValue || this.items.length > 0)
-      return;
-    await this.loadTree();
-  }
   async loadTree() {
-    if (!this.shouldLoadTree)
-      return;
     if (!this.treeLoader || typeof this.treeLoader !== 'function')
       return;
     const response = await this.treeLoader((this.argument || '').trim());
@@ -47,13 +39,16 @@ export class PesquisaTree {
     };
     this.pesquisaTreeSelectItem.emit(option);
   }
-  renderEmptyMessage() {
+  async componentWillLoad() {
+    await this.loadTree();
+  }
+  renderEmptyMessate() {
     return (h("div", { class: "ez-flex ez-flex--justify-center ez-flex--align-items-center ez-margin--large ez-text ez-text--xlarge ez-text--secondary" }, h("span", null, "Nenhum registro encontrado...")));
   }
   render() {
     var _a;
     return (h(Host, null, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ?
-      this.renderEmptyMessage() :
+      this.renderEmptyMessate() :
       h(Fragment, null, h("div", { class: 'actions-container' }, h("ez-button", { size: 'small', mode: 'icon', class: 'ez-margin-right--small', iconName: 'show-list', title: "Expandir", onClick: () => this.handleExpandAll() }), h("ez-button", { size: 'small', mode: 'icon', iconName: 'hide-list', title: "Recolher", onClick: () => this.handleCloseAll() })), h("ez-tree", { ref: (element) => this._tree = element, onEzDbClickItem: ({ detail }) => this.handleDbClick(detail), items: this.items }))));
   }
   static get is() { return "pesquisa-tree"; }
@@ -85,7 +80,7 @@ export class PesquisaTree {
             },
             "ITreeItem": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/src/components/ez-tree/interfaces/ITreeItem"
+              "path": "@sankhyalabs/ezui/.diststorybook/types/components/ez-tree/interfaces/ITreeItem"
             }
           }
         },
@@ -130,24 +125,6 @@ export class PesquisaTree {
         "attribute": "allows-non-analytic",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "shouldLoadTree": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Informa se a \u00E1rvore hier\u00E1rquica deve ou n\u00E3o ser carregada."
-        },
-        "attribute": "should-load-tree",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }
@@ -173,7 +150,7 @@ export class PesquisaTree {
           "references": {
             "IOption": {
               "location": "import",
-              "path": "@sankhyalabs/ezui/src/components/ez-search/ez-search"
+              "path": "@sankhyalabs/ezui/.diststorybook/types/components/ez-combo-box/ez-combo-box"
             }
           }
         }
@@ -199,10 +176,4 @@ export class PesquisaTree {
       }
     };
   }
-  static get watchers() {
-    return [{
-        "propName": "shouldLoadTree",
-        "methodName": "observeShouldLoadTree"
-      }];
-  }
 }

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

@@ -55,6 +55,8 @@ function buildUserInterface(field) {
     return UserInterface.DATETIME;
   if (field['type'] === 'T')
     return UserInterface.TIME;
+  if (field['type'] === 'I')
+    return UserInterface.INTEGERNUMBER;
   return undefined;
 }
 function buildDataType(rawType) {
@@ -87,9 +89,3 @@ export function parseGridConfig(rawConfig) {
     return undefined;
   return { columns };
 }
-export var PESQUISA_VIEW_MODE;
-(function (PESQUISA_VIEW_MODE) {
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["GRID"] = 0] = "GRID";
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["CARDS"] = 1] = "CARDS";
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["TREE"] = 2] = "TREE";
-})(PESQUISA_VIEW_MODE || (PESQUISA_VIEW_MODE = {}));

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

@@ -79,7 +79,6 @@
   /*public*/
   scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
   padding-right: var(--snk-pesquisa__content--padding-right);
-  height: 100vh;
 }
 
 .snk-pesquisa__content::-webkit-scrollbar {
@@ -126,10 +125,6 @@
   padding-top: var(--snk-pesquisa__records--padding-vertical);
 }
 
-.snk-pesquisa__records-label.hidden{
-  display: none;
-}
-
 .snk-pesquisa__records {
   color: var(--snk-pesquisa__records--color);
 }
@@ -171,8 +166,3 @@
   /*public*/
   color: var(--snk-pesquisa__btn-hover--color);
 }
-
-.snk-pesquisa__cards-container{
-  height: 100%;
-  overflow-y: auto;
-}

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

@@ -1,7 +1,8 @@
 import { ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
-import { buildGridMetadata, PESQUISA_VIEW_MODE } from './pesquisaHelper';
+import { buildGridMetadata } from './pesquisaHelper';
 import { PesquisaFetcher } from '../../lib';
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 export class SnkPesquisa {
   constructor() {
     this._mdByName = {};
@@ -18,7 +19,6 @@ export class SnkPesquisa {
     this._itemList = undefined;
     this._startLoading = false;
     this._presentationMode = "list";
-    this._currentView = undefined;
     this.searchLoader = undefined;
     this.treeLoader = undefined;
     this.selectItem = undefined;
@@ -321,29 +321,25 @@ export class SnkPesquisa {
   }
   async componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
-    await this.chooseViewMode();
   }
-  async handleChangeViewMode() {
+  async onClickList() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
-    await this.chooseViewMode();
     await this.pesquisaFetcher.savePresentationConfig(this.entityName, this._presentationMode);
   }
-  async chooseViewMode() {
-    var _a, _b;
-    if (this._presentationMode !== 'list') {
-      await ((_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show(PESQUISA_VIEW_MODE.GRID));
-      this._currentView = PESQUISA_VIEW_MODE.GRID;
-      return;
-    }
-    const view = this.isHierarchyEntity ? PESQUISA_VIEW_MODE.TREE : PESQUISA_VIEW_MODE.CARDS;
-    await ((_b = this._viewStack) === null || _b === void 0 ? void 0 : _b.show(view));
-    this._currentView = view;
+  enableListButton() {
+    var _a;
+    return ((_a = this._itemList) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   //Os limites de exibição são diferentes para lista e grade
   hideLimitMessage() {
     if (!this._itemList)
       return true;
-    return this._itemList.length < 100;
+    if (this._presentationMode === "list") {
+      if (this.isHierarchyEntity)
+        return true;
+      return this._itemList.length <= 100;
+    }
+    return this._itemList.length <= 150;
   }
   hideRecordsMessage() {
     return (this._presentationMode === "list" && this.isHierarchyEntity);
@@ -366,13 +362,30 @@ export class SnkPesquisa {
       title: 'Modo lista',
     };
   }
+  renderContent() {
+    if (!this._itemList)
+      return;
+    if (this._presentationMode === 'list') {
+      return this.isHierarchyEntity ? this.renderTree() : this.renderCards();
+    }
+    return this.renderPesquisaGrid();
+  }
+  renderTree() {
+    return h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) }));
+  }
+  renderCards() {
+    return (h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("div", { class: "snk-pesquisa__cards-container" }, this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    }))));
+  }
+  renderPesquisaGrid() {
+    return h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) });
+  }
   render() {
-    var _a, _b;
+    var _a;
     return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
-      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.onClickList(), enabled: this.enableListButton() })), h("div", { class: "snk-pesquisa__records-label" }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, this.renderContent()))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
@@ -522,8 +535,7 @@ export class SnkPesquisa {
     return {
       "_itemList": {},
       "_startLoading": {},
-      "_presentationMode": {},
-      "_currentView": {}
+      "_presentationMode": {}
     };
   }
   static get elementRef() { return "_element"; }

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

@@ -178,6 +178,7 @@ export class PesquisaFetcher {
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
     var _a, _b, _c;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    console.log("criteria: ", criteria);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;

package/dist/components/ISave.js

@@ -57,6 +57,8 @@ function buildUserInterface(field) {
     return UserInterface.DATETIME;
   if (field['type'] === 'T')
     return UserInterface.TIME;
+  if (field['type'] === 'I')
+    return UserInterface.INTEGERNUMBER;
   return undefined;
 }
 function buildDataType(rawType) {
@@ -89,12 +91,6 @@ function parseGridConfig(rawConfig) {
     return undefined;
   return { columns };
 }
-var PESQUISA_VIEW_MODE;
-(function (PESQUISA_VIEW_MODE) {
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["GRID"] = 0] = "GRID";
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["CARDS"] = 1] = "CARDS";
-  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["TREE"] = 2] = "TREE";
-})(PESQUISA_VIEW_MODE || (PESQUISA_VIEW_MODE = {}));
 
 class PesquisaFetcher {
   constructor() {
@@ -272,6 +268,7 @@ class PesquisaFetcher {
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
     var _a, _b, _c;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    console.log("criteria: ", criteria);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
@@ -394,4 +391,4 @@ var SaveErrorsEnum;
   SaveErrorsEnum["DESCRIPTION_CANNOT_BE_CHANGED"] = "DESCRIPTION_CANNOT_BE_CHANGED";
 })(SaveErrorsEnum || (SaveErrorsEnum = {}));
 
-export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, PesquisaFetcher as a, DataExporterType as b, DataExporterFormat as c, buildGridMetadata as d, PESQUISA_VIEW_MODE as e };
+export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, PesquisaFetcher as a, DataExporterType as b, DataExporterFormat as c, buildGridMetadata as d };

package/dist/components/pesquisa-grid2.js

@@ -8,7 +8,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 
-const pesquisaGridCss = ".sc-pesquisa-grid-h{background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
+const pesquisaGridCss = ".sc-pesquisa-grid-h{height:100vh;background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
 
 const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -21,31 +21,21 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.pkField = undefined;
     this.descriptionField = undefined;
     this.entityName = undefined;
-    this.shouldLoadConfig = false;
-    this._gridConfig = undefined;
     this._inMemoryLoader = undefined;
     this._dataunit = undefined;
+    this._gridConfig = undefined;
   }
   observeDataSource(newValue) {
     if (!this._inMemoryLoader || !this._dataunit || !newValue)
       return;
     this._inMemoryLoader.records = [...newValue];
   }
-  observeMetadata() {
+  async componentWillLoad() {
     this.initializeDataUnit();
-  }
-  async observeShouldLoadConfig(newValue) {
-    if (!newValue || this._gridConfig)
-      return;
-    await this.loadGridConfig();
-  }
-  async loadGridConfig() {
     this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
   }
   initializeDataUnit() {
     var _a;
-    if (!this.metadata)
-      return;
     this._inMemoryLoader = new InMemoryLoader(this.metadata, (_a = this.dataSource) !== null && _a !== void 0 ? _a : []);
     this._dataunit = this._inMemoryLoader.dataUnit;
     this._dataunit.pageSize = 0;
@@ -63,14 +53,10 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     await this._pesquisaFetcher.savePesquisaGridConfig(this.entityName, columns);
   }
   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) })));
   }
   static get watchers() { return {
-    "dataSource": ["observeDataSource"],
-    "metadata": ["observeMetadata"],
-    "shouldLoadConfig": ["observeShouldLoadConfig"]
+    "dataSource": ["observeDataSource"]
   }; }
   static get style() { return pesquisaGridCss; }
 }, [2, "pesquisa-grid", {
@@ -79,10 +65,9 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "pkField": [1, "pk-field"],
     "descriptionField": [1, "description-field"],
     "entityName": [1, "entity-name"],
-    "shouldLoadConfig": [4, "should-load-config"],
-    "_gridConfig": [32],
     "_inMemoryLoader": [32],
-    "_dataunit": [32]
+    "_dataunit": [32],
+    "_gridConfig": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {