@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-6165.0 → 0.0.0-bugfix-dev-KB-17130.0

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

@@ -14,6 +14,7 @@ export class EzForm {
     this.dataUnit = undefined;
     this.config = undefined;
     this.recordsValidator = undefined;
+    this.fieldToFocus = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -48,6 +49,7 @@ export class EzForm {
     if (currentSheet == undefined) {
       return;
     }
+    this.ezFormSetFields.emit(fields);
     const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
     return (h("div", { class: "dynamic-content", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
   }
@@ -79,6 +81,22 @@ export class EzForm {
     metadata.addRequiredFields(this._staticFields.filter(f => f.dataset.required).map(f => f.dataset.fieldName));
     this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")), this.dataUnit.dataUnitId, metadata, this.recordsValidator);
     this.ezReady.emit();
+    this.handleFieldToFocus();
+  }
+  handleFieldToFocus() {
+    var _a;
+    if (this.fieldToFocus == undefined) {
+      return;
+    }
+    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
+    const fields = currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.fields;
+    if (!fields.some(item => item.name === this.fieldToFocus)) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      this._dataBinder.setFocus(this.fieldToFocus);
+      this.ezFormRequestClearFieldToFocus.emit();
+    });
   }
   disconnectedCallback() {
     this.dataUnit.unsubscribe(this.onDataUnitAction);
@@ -166,11 +184,66 @@ export class EzForm {
           "tags": [],
           "text": "Define um validador respons\u00E1vel pela integridade dos registros."
         }
+      },
+      "fieldToFocus": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina o campo que deve ficar em evid\u00EAncia."
+        },
+        "attribute": "field-to-focus",
+        "reflect": false
       }
     };
   }
   static get events() {
     return [{
+        "method": "ezFormRequestClearFieldToFocus",
+        "name": "ezFormRequestClearFieldToFocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o campo recebe foco"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "ezFormSetFields",
+        "name": "ezFormSetFields",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o campo recebe foco"
+        },
+        "complexType": {
+          "original": "Array<IFieldConfig>",
+          "resolved": "IFieldConfig[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IFieldConfig": {
+              "location": "import",
+              "path": "../../utils/form/interfaces"
+            }
+          }
+        }
+      }, {
         "method": "ezReady",
         "name": "ezReady",
         "bubbles": true,
@@ -185,6 +258,26 @@ export class EzForm {
           "resolved": "void",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "FormItems",
+          "resolved": "FormItems",
+          "references": {
+            "FormItems": {
+              "location": "import",
+              "path": "../ez-form-view/structure"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/ez-form-view/ez-form-view.js

@@ -1,6 +1,7 @@
 import { Host, h } from '@stencil/core';
 import { fieldBuilder } from './fieldbuilder/FieldBuilder';
 import { ElementIDUtils } from '@sankhyalabs/core';
+import { FormItems } from './structure';
 export class EzFormView {
   constructor() {
     this.fields = undefined;
@@ -28,6 +29,8 @@ export class EzFormView {
   }
   componentDidRender() {
     this.ezContentReady.emit(Array.from(this._element.querySelectorAll("[data-field-name]")));
+    const formItems = new FormItems(Array.from(this._element.querySelectorAll("[data-form-item]")));
+    this.formItemsReady.emit(formItems);
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFormView');
@@ -105,6 +108,26 @@ export class EzFormView {
             }
           }
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "FormItems",
+          "resolved": "FormItems",
+          "references": {
+            "FormItems": {
+              "location": "import",
+              "path": "./structure"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder.js

@@ -23,5 +23,8 @@ uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
 export const fieldBuilder = (field) => {
   const builder = uiBuilders.get(field.userInterface) || buildTextInput;
   const label = field.required ? `${field.label}${REQUIRED_INFO}` : field.label;
-  return builder(Object.assign(Object.assign({}, field), { label }));
+  const builtElement = builder(Object.assign(Object.assign({}, field), { label }));
+  //@ts-ignore
+  builtElement.$attrs$['data-form-item'] = field.name;
+  return builtElement;
 };

package/dist/collection/components/ez-form-view/structure/index.js

@@ -0,0 +1,34 @@
+class FormItem {
+  constructor(elem) {
+    this.elem = elem;
+  }
+  addRightElement(el) {
+    this.removeRightElement();
+    el.classList.add('ez-padding-left--small');
+    el.setAttribute('data-custom-item', 'true');
+    this.elem.classList.add('ez-col--nowrap');
+    this.elem.appendChild(el);
+  }
+  removeRightElement() {
+    Array.from(this.elem.querySelectorAll('[data-custom-item="true"]')).forEach(item => item.remove());
+  }
+  get fieldName() {
+    return this.elem.getAttribute('data-form-item');
+  }
+}
+export class FormItems {
+  constructor(items, formId) {
+    this.items = new Map();
+    this.formId = formId;
+    items.forEach(item => {
+      const formItem = new FormItem(item);
+      this.items.set(formItem.fieldName, formItem);
+    });
+  }
+  getItem(name) {
+    return this.items.get(name);
+  }
+  get formName() {
+    return this.formId;
+  }
+}

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -6,7 +6,7 @@ import { EzGridCustomHeader } from './components/EzGridCustomHeader';
 import { CellRendererStatus } from './components/cellRendererStatus';
 import SelectionHeader from './components/selectionHeader';
 import gridTerms from './i18n/pt-BR.js';
-import { DISTINCT_FILTER_NAME_PREFIX } from '../../../../utils/constants';
+import { EZ_GRID_LOADING_SOURCE, DISTINCT_FILTER_NAME_PREFIX } from '../../../../utils/constants';
 import { calcFilterColumnLeftPosition } from './AgGridUtils';
 import GridEditionManager from './GridEditionManager';
 export default class AgGridController {
@@ -18,7 +18,7 @@ export default class AgGridController {
     const applied = event.detail;
     this._filteredColumns.set(applied.field, applied.values);
     this._gridOptions.api.refreshHeader();
-    this._dataUnit.loadData();
+    this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
   }
   showFilterColumn(configs) {
     var _a;
@@ -30,7 +30,7 @@ export default class AgGridController {
     this.CHECK_BOX_COL_ID = 'checkBoxColumn';
     this.STATUS_COL_ID = 'statusColumn';
     this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
-    this.BLOCK_LOAD_DEBOUNCE = 400;
+    this.BLOCK_LOAD_DEBOUNCE = 100;
     this.DEFAULT_FONT_SIZE = 14;
     this.DEFAULT_ICON_SIZE = 12;
     this.DEFAULT_MAX_SIZE = 200;
@@ -44,10 +44,10 @@ export default class AgGridController {
   getGridConfig() {
     return this._gridConfig;
   }
-  getGridApi() {
-    return this._gridOptions.api;
+  locateColumn(columnName) {
+    this._gridOptions.api.ensureColumnVisible(columnName);
   }
-  getSort() {
+  getSort(_dataUnitName, defaultSorting) {
     const sortedColumns = [];
     this._gridOptions.columnApi
       .getColumnState()
@@ -60,7 +60,7 @@ export default class AgGridController {
         sortedColumns.push(sortField);
       }
     });
-    return sortedColumns;
+    return sortedColumns.length === 0 && this._gridConfig === undefined ? defaultSorting : sortedColumns;
   }
   getFilter() {
     if (!this._filteredColumns || this._filteredColumns.size === 0) {
@@ -131,6 +131,7 @@ export default class AgGridController {
             height: '100%'
           }
         },
+        suppressFieldDotNotation: true,
         components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
         context: {
           editionManager: this._editionManager,
@@ -149,6 +150,10 @@ export default class AgGridController {
       else {
         this._grid = new Grid(container, this._gridOptions);
       }
+      container.addEventListener('focusout', (event) => {
+        if (!container.contains(event.relatedTarget))
+          this._gridOptions.api.clearFocusedCell();
+      });
       const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
       if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
         this.selectAll(true);
@@ -424,7 +429,7 @@ export default class AgGridController {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
-    this._gridOptions.api.refreshServerSide({ purge: false });
+    this._gridOptions.api.refreshServerSide({ purge: true });
   }
   setFocusFirstRow() {
     const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
@@ -603,7 +608,7 @@ export default class AgGridController {
         tooltip: tooltip,
         isSortable: propSortable,
         hasFilter: () => this.hasFilterColumn(source.name),
-        showColumnFilter: (leftPosition) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name) }),
+        showColumnFilter: (leftPosition, fromIcon) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon }),
       },
       valueFormatter: params => {
         if (params.value == undefined) {
@@ -698,6 +703,13 @@ export default class AgGridController {
         return maskFormatter.format(formattedValue);
       }
     }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.FILE) {
+      if (!params.value || !Array.isArray(params.value))
+        return '';
+      if (params.value.length === 1)
+        return params.value[0].name;
+      return `${params.value.length} arquivos`;
+    }
   }
   onCallStateChange(type, e) {
     const finished = !('finished' in e) || e['finished'];

package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js

@@ -1,5 +1,19 @@
 import { Action, ObjectUtils } from "@sankhyalabs/core";
+import { EZ_GRID_LOADING_SOURCE } from "../../../../utils/constants";
 export default class DataSource {
+  isSilentChange(action) {
+    //TODO: Provisorio p/ não atualizar a grade quando a alteração for apenas de campos transisntes
+    var _a, _b;
+    if (!(action === null || action === void 0 ? void 0 : action.payload)) {
+      return false;
+    }
+    if (action.type === Action.DATA_CHANGED) {
+      return ((_a = Object.keys(action === null || action === void 0 ? void 0 : action.payload)) === null || _a === void 0 ? void 0 : _a.filter(changeName => changeName.startsWith("transient.") || changeName === "records").length) > 0;
+    }
+    if (action.type === Action.EDITION_CANCELED) {
+      return ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.silent) === true;
+    }
+  }
   constructor(dataUnit, controller, options) {
     this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
     this.duObserver = (action) => {
@@ -19,11 +33,19 @@ export default class DataSource {
           }
           this.updateSelection();
           break;
+        case Action.PAGINATION_UPDATED:
+          if (this._options) {
+            this._options.onPaginationUpdate(this._dataUnit.getPaginationInfo());
+          }
+          break;
         case Action.RECORDS_REMOVED:
         case Action.DATA_SAVED:
         case Action.EDITION_CANCELED:
         case Action.DATA_CHANGED:
         case Action.DATA_RESOLVED:
+          if (this.isSilentChange(action)) {
+            return;
+          }
           this._controller.refresh();
           break;
         case Action.SELECTION_CHANGED:
@@ -51,7 +73,7 @@ export default class DataSource {
   getRows(params) {
     if (this.needReload(params)) {
       this._lastLoadingParams = params;
-      this._dataUnit.loadData(this.quickFilter).then(() => this.updateSelection());
+      this._dataUnit.loadData(this.quickFilter, undefined, true, EZ_GRID_LOADING_SOURCE).then(() => this.updateSelection());
     }
     else {
       this._lastLoadingParams = params;

package/dist/collection/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.js

@@ -36,7 +36,7 @@ export class EzGridCustomHeader {
   onClickFilter() {
     var _a;
     const iconLeft = (_a = this.filterButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left;
-    this.params.showColumnFilter(`${calcFilterColumnLeftPosition(iconLeft)}px`);
+    this.params.showColumnFilter(`${calcFilterColumnLeftPosition(iconLeft)}px`, true);
   }
   configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';

package/dist/collection/components/ez-grid/controller/ag-grid/components/cellRendererStatus.js

@@ -8,7 +8,7 @@ export class CellRendererStatus {
   }
   refresh(params) {
     this.renderStatus(params);
-    return true;
+    return false;
   }
   destroy() {
     this._eGui = undefined;

package/dist/collection/components/ez-grid/ez-grid.css

@@ -18,9 +18,9 @@
   display: grid;
   justify-content: space-between;
   align-items: center;
+  grid-row-start: 1;
   grid-template-columns: 1fr;
   background-color: var(--ez-grid__header--background-color, #FFF);
-  z-index: var(--more-visible, 2);
 }
 
 .grid__container {
@@ -60,9 +60,6 @@
   opacity: 0;
   bottom: -100%;
   transition: opacity 0.1s, bottom 0.5s;
-
-  /*public*/
-  z-index: var(--ez-grid__selection-counter--z-index);
 }
 
 .grid__selection-counter--opened {

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

@@ -1,26 +1,27 @@
-import { ElementIDUtils, JSUtils, UserInterface, DateUtils, Action } from '@sankhyalabs/core';
+import { ElementIDUtils, JSUtils, StringUtils, } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { Host, h } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import AgGridController from './controller/ag-grid/AgGridController';
 import { SelectionCounter } from './subcomponents/selection-counter';
 import { ApplicationUtils } from '../../utils';
+import InMemoryFilterColumnDataSource from './utils/InMemoryFilterColumnDataSource';
 const windowInstace = window;
+const matches = (text, filter) => {
+  const normalizedText = StringUtils.replaceAccentuatedCharsLower(text.toLocaleLowerCase());
+  const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(filter.toLocaleLowerCase());
+  return normalizedText.includes(normalizedFilter);
+};
 export class EzGrid {
   constructor() {
     this._gridController = new AgGridController(false);
     this._messageFilterAppliedSuccess = 'Filtro de coluna aplicado com sucesso!';
-    this.onDataUnitAction = (action) => {
-      if (action.type === Action.DATA_SAVED || action.type === Action.RECORDS_REMOVED) {
-        this._originalRecords = this.dataUnit.records;
-      }
-    };
     this._paginationInfo = undefined;
     this._paginationChangedByKeyboard = true;
     this._showSelectionCounter = false;
     this._isAllSelection = false;
     this._currentPageSelected = undefined;
     this._selectionCount = undefined;
-    this._originalRecords = [];
+    this._hasLeftButtons = false;
     this.multipleSelection = undefined;
     this.config = undefined;
     this.selectionToastConfig = undefined;
@@ -80,6 +81,18 @@ export class EzGrid {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  async locateColumn(columnName) {
+    this._gridController.locateColumn(columnName);
+  }
+  /**
+   * Usa um argumento para filtrar as colunas po label
+   */
+  async filterColumns(search) {
+    return Promise.resolve(this._gridController.getColumnsState().filter(col => matches(col.label, search)));
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config.columns);
   }
@@ -221,21 +234,26 @@ export class EzGrid {
   }
   previousPage() {
     if (this.dataUnit) {
-      this.dataUnit.previousPage();
-      this._paginationChangedByKeyboard = false;
+      this.dataUnit.previousPage()
+        .then(() => this.resetPaginationState());
     }
   }
   nextPage() {
     if (this.dataUnit) {
-      this.dataUnit.nextPage();
-      this._paginationChangedByKeyboard = false;
+      this.dataUnit.nextPage()
+        .then(() => this.resetPaginationState());
     }
   }
+  resetPaginationState() {
+    var _a;
+    this._paginationChangedByKeyboard = false;
+    (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
+  }
   getPaginationControl() {
     if (this._paginationInfo) {
-      const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
+      const { firstRecord, lastRecord, total, count, currentPage, hasMore } = this._paginationInfo;
       return [
-        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), ` de ${total}`),
+        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`),
         h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
         h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }),
       ];
@@ -257,6 +275,9 @@ export class EzGrid {
         }
         this._paginationInfo = paginationInfo;
       },
+      onPaginationUpdate: (paginationInfo) => {
+        this._paginationInfo = paginationInfo;
+      },
       onDoubleClick: (row) => {
         this.ezDoubleClick.emit(row);
       },
@@ -271,15 +292,13 @@ export class EzGrid {
     if (this.config) {
       this.observeConfig(this.config);
     }
+    if (this.dataUnit != undefined) {
+      this._paginationInfo = this.dataUnit.getPaginationInfo();
+    }
     this.buildDataElementId();
     this.setEvents();
     this.componentReady.emit();
     this._gridController.configFilterColumn(this._filterColumn);
-    this._container.addEventListener('focusout', (event) => {
-      const api = this._gridController.getGridApi();
-      if (api && !this._container.contains(event.relatedTarget))
-        api.clearFocusedCell();
-    });
   }
   componentWillRender() {
     this.configSelectionCounter();
@@ -290,46 +309,22 @@ export class EzGrid {
     });
   }
   componentWillLoad() {
+    this._hasLeftButtons = !!this._element.querySelector('[slot="leftButtons"]');
     if (!this.dataUnit.name.includes("InMemoryDataUnit"))
       return;
-    this.dataUnit.subscribe(this.onDataUnitAction);
   }
   getDataSource() {
-    return this.columnfilterDataSource ? this.columnfilterDataSource : this.buildDefaultDataSource();
-  }
-  buildDefaultDataSource() {
-    var _a, _b;
-    if (this._originalRecords.length === 0) {
-      this._originalRecords = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
-    }
-    return {
-      fetchData: (filterTerm, fieldName) => {
-        return new Promise(resolve => {
-          const filteredRecords = this._originalRecords.filter(record => {
-            var _a, _b;
-            const label = typeof record[fieldName] === "object" ? `${(_a = record[fieldName]) === null || _a === void 0 ? void 0 : _a.value} - ${(_b = record[fieldName]) === null || _b === void 0 ? void 0 : _b.label}` : record[fieldName];
-            return label === null || label === void 0 ? void 0 : label.toString().toLowerCase().includes(filterTerm.toLowerCase());
-          });
-          const options = filteredRecords.map(item => {
-            return { value: item[fieldName].toString(), label: this.formatLabel(fieldName, item[fieldName]), check: true };
-          });
-          resolve(options);
-        });
-      }
-    };
+    var _a;
+    return (_a = this.columnfilterDataSource) !== null && _a !== void 0 ? _a : new InMemoryFilterColumnDataSource(this.dataUnit);
   }
-  formatLabel(fieldName, value) {
-    const { userInterface } = this.dataUnit.getField(fieldName);
-    if (userInterface === UserInterface.DATETIME) {
-      return DateUtils.formatDate(this.dataUnit.valueFromString(fieldName, value));
-    }
-    return String(this.dataUnit.getFormattedValue(fieldName, value));
+  hideHeader() {
+    return (!!this._element.getAttribute("no-header") && !this._paginationInfo);
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: !!this._element.getAttribute("no-header"), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
-        ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
+        ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }
   static get is() { return "ez-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -550,7 +545,7 @@ export class EzGrid {
       "_isAllSelection": {},
       "_currentPageSelected": {},
       "_selectionCount": {},
-      "_originalRecords": {}
+      "_hasLeftButtons": {}
     };
   }
   static get events() {
@@ -839,6 +834,51 @@ export class EzGrid {
           "text": "Aplica um filtro r\u00E1pido.",
           "tags": []
         }
+      },
+      "locateColumn": {
+        "complexType": {
+          "signature": "(columnName: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Localiza determinada coluna tornando-a vis\u00EDvel.",
+          "tags": []
+        }
+      },
+      "filterColumns": {
+        "complexType": {
+          "signature": "(search: string) => Promise<Array<EzGridColumn>>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<EzGridColumn[]>"
+        },
+        "docs": {
+          "text": "Usa um argumento para filtrar as colunas po label",
+          "tags": []
+        }
       }
     };
   }

package/dist/collection/components/ez-grid/interfaces/IColumnFilter.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/ez-grid/interfaces/index.js

@@ -1,2 +1,3 @@
 export * from './ISelection';
 export * from './ISelectionToastConfig';
+export * from './IColumnFilter';