@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-55889.0 → 0.0.0-bugfix-dev-kb-0224.0

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

@@ -41,8 +41,6 @@ export default class AgGridController {
     this._filteredColumns = new Map();
     this._filterColumnleftPosition = 0;
     this._customFormatters = new Map();
-    this._gridShowDom = false;
-    this.peddingExecutionsOnGridShow = [];
     this._enterprise = enterprise;
   }
   getGridConfig() {
@@ -128,7 +126,7 @@ export default class AgGridController {
       this._doubleClickCallBack = options.onDoubleClick;
       this._multipleSelection = options.allowMultipleSelection;
       this._dataUnit = options.dataUnit;
-      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert);
+      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders);
       this._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
@@ -148,9 +146,6 @@ export default class AgGridController {
         defaultColDef: {
           headerClass: 'ez-grid__cell-header',
           cellClass: 'ez-grid__cell-body',
-          cellClassRules: {
-            'invalidValue': (params) => this._editionManager.hasInvalidField(params.colDef.field, params.data["__record__id__"]),
-          },
           cellStyle: {
             height: '100%'
           }
@@ -190,23 +185,6 @@ export default class AgGridController {
       }
       this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
       this._customFormatters = options.customFormatters;
-      const observerCallback = (entries) => {
-        entries.forEach(entry => {
-          if (entry.isIntersecting) {
-            this._gridShowDom = true;
-            this.peddingExecutionsOnGridShow.forEach(func => func());
-            this.peddingExecutionsOnGridShow = [];
-          }
-          else {
-            this._gridShowDom = false;
-          }
-        });
-      };
-      this.observer = new IntersectionObserver(observerCallback, {
-        root: null,
-        threshold: 0.1
-      });
-      this.observer.observe(container);
     }
   }
   processFormatterCellCallback(params) {
@@ -397,16 +375,10 @@ export default class AgGridController {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
   }
-  updateRows(rows) {
+  updateRows() {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
-    rows === null || rows === void 0 ? void 0 : rows.forEach(row => this.updateRowData(row));
-  }
-  updateRowData(row) {
-    const node = this._gridOptions.api.getRowNode(row[this._idAttribName]);
-    node.setData(Object.assign({}, row));
-    this._editionManager.recordValidate();
   }
   selectAll(quietly = false) {
     try {
@@ -489,42 +461,14 @@ export default class AgGridController {
         });
         r.setData(data);
       });
-      this._gridOptions.api.refreshCells({ force: true });
-      const invalidCell = this._editionManager.getInvalidCell();
-      if (invalidCell) {
-        const rowNode = this._gridOptions.api.getRowNode(invalidCell.recordId);
-        if (rowNode && invalidCell.field) {
-          this.startEdition(rowNode.rowIndex, this._gridOptions.columnApi.getColumn(invalidCell.field.name));
-        }
-      }
     }
   }
-  savingCanceled(fields, recordId) {
-    const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    const rowIndex = this._gridOptions.api.getRowNode(recordId).rowIndex;
-    const columnFocus = displayedColumns.find(column => this.isColumnEditable(rowIndex, column) && fields.find(field => field.name === column.getColId()));
-    this.focusByCollAndRow(columnFocus, rowIndex);
-    this.startEdition(rowIndex, columnFocus);
-  }
-  refresh(scrollToSelectedRow = false) {
+  refresh() {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
     this._gridOptions.api.refreshServerSide({ purge: true });
     this._options.onRefresh();
-    if (scrollToSelectedRow)
-      this.scrollToSelectedRow();
-  }
-  scrollToSelectedRow() {
-    const rowNode = this._gridOptions.api.getSelectedNodes();
-    if (!rowNode || rowNode.length === 0)
-      return;
-    if (this._gridShowDom) {
-      this._gridOptions.api.ensureNodeVisible(rowNode[0]);
-    }
-    else {
-      this.peddingExecutionsOnGridShow.push(() => this._gridOptions.api.ensureNodeVisible(rowNode[0]));
-    }
   }
   focusOnGridContainer() {
     this._container.setAttribute('tabindex', '-1');
@@ -543,14 +487,6 @@ export default class AgGridController {
     var _a;
     (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.setAutoFocus(autoFocus);
   }
-  setEnableGridInsert(enable) {
-    var _a;
-    (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.setEnableGridInsert(enable);
-  }
-  setEnableContinuousInsert(enable) {
-    var _a;
-    (_a = this._editionManager) === null || _a === void 0 ? void 0 : _a.setEnableContinuousInsert(enable);
-  }
   setFocusFirstRow() {
     const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
     if (firstRow) {
@@ -566,38 +502,9 @@ export default class AgGridController {
       this.setFocusOnRow(lastRow.rowIndex);
     }
   }
-  startEditionOnRowByIndex(rowIndex) {
-    const firstCol = this.getFirstEditableColl(rowIndex);
-    this.focusByCollAndRow(firstCol, rowIndex);
-    this.startEdition(rowIndex, firstCol);
-  }
-  startEdition(rowIndex, firstCol) {
-    this._gridOptions.api.clearRangeSelection();
-    this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
-    this._gridOptions.api.setFocusedCell(rowIndex, firstCol);
-    this._gridOptions.api.startEditingCell({ rowIndex, colKey: firstCol });
-    const cellEditor = this._gridOptions.api.getCellEditorInstances()[0];
-    if (cellEditor) {
-      cellEditor.focusIn();
-    }
-  }
-  getFirstEditableColl(rowIndex) {
-    const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    return displayedColumns.find(column => this.isColumnEditable(rowIndex, column));
-  }
-  isColumnEditable(rowIndex, column) {
-    if (column.getColDef().headerName === '' || rowIndex === -1)
-      return false;
-    const rowId = this._dataUnit.records[rowIndex][this._idAttribName];
-    const rowNode = this._gridOptions.api.getRowNode(rowId);
-    return column.isCellEditable(rowNode);
-  }
   setFocusOnRow(rowIndex) {
     let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    let firstColl = displayedColumns.find(column => column.getColDef().headerName !== '');
-    this.focusByCollAndRow(firstColl, rowIndex);
-  }
-  focusByCollAndRow(firstCell, rowIndex) {
+    let firstCell = displayedColumns.find(column => column.getColDef().headerName !== '');
     this._gridOptions.api.ensureColumnVisible(firstCell);
     this._gridOptions.api.ensureIndexVisible(rowIndex);
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
@@ -977,13 +884,4 @@ export default class AgGridController {
     this._editionManager.setCellRenders(customRenders);
     (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
   }
-  clearInvalidCells(action) {
-    if (!this._editionManager)
-      return;
-    this._editionManager.clearInvalidCells(action);
-    this._gridOptions.api.refreshCells({ force: true });
-  }
-  destroy() {
-    this.observer.disconnect();
-  }
 }

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

@@ -2,73 +2,6 @@ import { Action, ObjectUtils } from '@sankhyalabs/core';
 import { EZ_GRID_LOADING_SOURCE } from "../../../../utils/constants";
 import { DataSourceInterceptor } from "./DataSourceInterceptor";
 export default class DataSource {
-  handleSavingCanceled(action) {
-    var _a, _b, _c, _d;
-    if (!((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fields) || !((_b = action.payload) === null || _b === void 0 ? void 0 : _b.recordId))
-      return;
-    this._controller.savingCanceled((_c = action.payload) === null || _c === void 0 ? void 0 : _c.fields, (_d = action.payload) === null || _d === void 0 ? void 0 : _d.recordId);
-  }
-  handleDataChanged(action) {
-    var _a, _b;
-    if (!this._options.enableGridInsert) {
-      this.handleRefresh(action);
-      return;
-    }
-    this.updateGridRowNodes((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : []);
-  }
-  /**
-   *  Nesse ponto, o registro já se encontra atualizado no DU,
-   *  basta então passar seu valor para que a garde possa atualizar sua linha.
-  */
-  updateGridRowNodes(recordIDList) {
-    const recordsToUpdate = recordIDList === null || recordIDList === void 0 ? void 0 : recordIDList.map(id => this.getRecordById(id));
-    this._controller.updateRows(recordsToUpdate);
-  }
-  getRecordById(recordId) {
-    return this._dataUnit.records.find(record => record['__record__id__'] === recordId);
-  }
-  /**
-   * Em caso de necessidade de reload (isWaitingToReload), eh preciso chamar o dataUnit.gotoPage, pois ele aplica tambem a ordenacao dos registros,
-   * enquanto que o _controller.refresh apenas recarrega os dados na ordem que atua.
-   */
-  handleRefreshOrReload(action) {
-    if (this._dataUnit.isWaitingToReload()) {
-      this.handleReload();
-      return;
-    }
-    this.handleRefresh(action);
-  }
-  handleReload() {
-    this._dataUnit.setWaitingToReload(false);
-    this._dataUnit.gotoPage(0);
-  }
-  handleRefresh(action) {
-    if (this.isSilentChange(action)) {
-      return;
-    }
-    this._controller.refresh(action.type === Action.DATA_SAVED);
-  }
-  handleRecordsAdded() {
-    if (this._options.enableGridInsert) {
-      this._controller.refresh();
-      this.focusOnNewRecord();
-    }
-  }
-  focusOnNewRecord() {
-    /**
-     * O SetTimeout eh utilizado pois é preciso aguardar que o novo registro seja renderizado na grade.
-     * Tentamos utilizar a api da grade para adicionar um event listener, porém na versão que utilizamos, não existe
-     * algo que resolva nosso cenário.
-     *
-     * Sugiro no futuro utilizar algo como o applyServerSideTransaction, porém será preciso lidar com os handlers
-     * e callbacks implementados no AgGridController e GridEditionManager.
-     */
-    setTimeout(() => {
-      var _a;
-      const newRowIndex = ((_a = this._dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) - 1;
-      this._controller.startEditionOnRowByIndex(newRowIndex);
-    }, 500);
-  }
   updateLoadedRecords(action) {
     const records = action.payload;
     if ((records === null || records === void 0 ? void 0 : records.length) > 0) {
@@ -120,20 +53,15 @@ export default class DataSource {
             this._options.onPaginationUpdate(this._dataUnit.getPaginationInfo());
           }
           break;
-        case Action.RECORDS_ADDED:
-          this.handleRecordsAdded();
-          break;
+        case Action.RECORDS_REMOVED:
         case Action.DATA_SAVED:
         case Action.EDITION_CANCELED:
-          this._controller.clearInvalidCells(action.type);
-          this.handleRefreshOrReload(action);
-          break;
         case Action.DATA_CHANGED:
         case Action.DATA_RESOLVED:
-          this.handleDataChanged(action);
-          break;
-        case Action.RECORDS_REMOVED:
-          this.handleRefresh(action);
+          if (this.isSilentChange(action)) {
+            return;
+          }
+          this._controller.refresh();
           break;
         case Action.SELECTION_CHANGED:
         case Action.NEXT_SELECTED:
@@ -143,9 +71,6 @@ export default class DataSource {
         case Action.RECORD_LOADED:
           this.updateLoadedRecords(action);
           break;
-        case Action.SAVING_CANCELED:
-          this.handleSavingCanceled(action);
-          break;
       }
     };
     this._dataUnit = dataUnit;
@@ -167,9 +92,6 @@ export default class DataSource {
   setAutoFocus(autoFocus) {
     this._options.autoFocus = autoFocus;
   }
-  setEnableGridInsert(enable) {
-    this._options.enableGridInsert = enable;
-  }
   getRows(params) {
     if (this.needReload(params)) {
       this._lastLoadingParams = params;

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

@@ -1,20 +1,19 @@
-import { Action, UserInterface } from "@sankhyalabs/core";
+import { UserInterface } from "@sankhyalabs/core";
 import { KeyCode } from "ag-grid-community";
 import { RecordValidationProcessor } from "../../../../utils/validators/recordvalidator/RecordValidationProcessor";
 import EzCellEditor from "./editor/EzCellEditor";
 import EzGridCustomCellEditor from "./components/EzGridCustomCellEditor";
 import EzGridCustomCellRender from "./components/EzGridCustomCellRender";
 export default class GridEditionManager {
-  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert) {
+  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders) {
     this._dataUnit = dataUnit;
     this._recordValidationProcessor = new RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this.getRequiredFields(),
-      markAsInvalid: (invalidField, recordId) => { this.setInvalidCell(invalidField, recordId); },
-      getMessageForField: () => null,
+      markAsInvalid: () => { },
+      getMessageForField: () => null
     }, recordsValidator);
     this._useEnterLikeTab = useEnterLikeTab;
     this._editionIsDisabled = editionIsDisabled;
-    this._enableContinuousInsert = enableContinuousInsert;
     this._customEditors = customEditors;
     this._customRenders = customRenders;
   }
@@ -29,10 +28,6 @@ export default class GridEditionManager {
     };
     return options;
   }
-  canContinuousInsert() {
-    var _a;
-    return this._enableContinuousInsert && (this._dataUnit.records.length - 1) === ((_a = this._lastCellEdited) === null || _a === void 0 ? void 0 : _a.rowIndex);
-  }
   proceedAutoSave() {
     if (!this._dataUnit.isDirty()) {
       this.saveSuccess();
@@ -45,33 +40,15 @@ export default class GridEditionManager {
     if (currentRercord == undefined) {
       return;
     }
-    this._invalidCell = undefined;
     this._recordValidationProcessor
-      .validate(true)
+      .validate()
       .then(() => {
       this._dataUnit.saveData()
-        .then(() => {
-        if (this.canContinuousInsert()) {
-          this._dataUnit.addRecord();
-        }
-        else {
-          this.saveSuccess();
-        }
-      })
+        .then(() => this.saveSuccess())
         .catch(reason => this.saveFail(reason));
     })
       .catch(reason => this.saveFail(reason));
   }
-  async recordValidate() {
-    if (!this._dataUnit.isDirty())
-      return;
-    try {
-      this._invalidCell = undefined;
-      await this._recordValidationProcessor.validate(false);
-    }
-    catch (error) { }
-    this._gridOptions.api.refreshCells({ force: true });
-  }
   navigateByEnterKey(keyboardEvent) {
     const backwards = keyboardEvent.shiftKey;
     if (this._useEnterLikeTab) {
@@ -280,34 +257,6 @@ export default class GridEditionManager {
   setCellRenders(customRenders) {
     this._customRenders = customRenders;
   }
-  setInvalidCell(invalidCell, recordId) {
-    this._invalidCell = { field: invalidCell, recordId };
-  }
-  getInvalidCell() {
-    return this._invalidCell;
-  }
-  clearInvalidCells(action) {
-    this._invalidCell = undefined;
-    if (action === Action.EDITION_CANCELED) {
-      this._isGridEdition = false;
-    }
-    else if (action === Action.DATA_SAVED && this.canContinuousInsert()) {
-      this._dataUnit.addRecord();
-    }
-  }
-  setEnableContinuousInsert(enable) {
-    this._enableContinuousInsert = enable;
-  }
-  hasInvalidField(fieldName, recordId) {
-    if (!this.hasInvalidCell())
-      return false;
-    return this._invalidCell.field.name === fieldName && this._invalidCell.recordId === recordId;
-  }
-  hasInvalidCell() {
-    if (!this._invalidCell || !this._invalidCell.field || !this._invalidCell.recordId)
-      return false;
-    return true;
-  }
 }
 class TargetEdition {
   constructor(rowIndex, column, backwards) {

package/dist/collection/components/ez-grid/controller/ag-grid/editor/templates/Search.tpl.js

@@ -9,8 +9,7 @@ export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) =
     />`);
   const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
   ezSearch.optionLoader = (argument) => loader(argument, name, dataUnit);
-  ezSearch.ensureClearButtonVisible = true;
-  ezSearch.suppressPreLoad = true;
+  ezSearch.fromGrid = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;

package/dist/collection/components/ez-grid/controller/ag-grid/test/constants/GridEditionMock.js

@@ -36,6 +36,5 @@ export function buildOptions(dataUnit) {
     serverURL: '',
     statusResolver: {},
     useEnterLikeTab: true,
-    enableContinuousInsert: false,
   });
 }

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

@@ -99,8 +99,14 @@
 }
 
 .grid-header__pagination{
+  width: 30%;
+  min-width: 100px;
   justify-content: flex-end;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
+}
+
+.grid-header__left-container{
+  width: 70%
 }
 
 .grid-header__pagination-label {
@@ -111,19 +117,3 @@
 .overflowed {
   display: none;
 }
-
-.pagination-contracted {
-  width: 100px;
-}
-
-.pagination-expanded{
-  min-width: 150px;
-}
-
-.left__header-contracted {
-  width: calc(100% - 100px);
-}
-
-.left__header-expanded{
-  flex-grow: 1;
-}

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

@@ -36,9 +36,6 @@ export class EzGrid {
     this.recordsValidator = undefined;
     this.canEdit = true;
     this.autoFocus = true;
-    this.paginationCounterMode = 'show';
-    this.enableGridInsert = false;
-    this.enableContinuousInsert = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -174,14 +171,6 @@ export class EzGrid {
       this._refPaginationLabelTooltip.setAttribute('data-tooltip', this._getPaginationTooltip());
     }
   }
-  observePaginationCounterMode(newValue) {
-    if (newValue === 'hidden') {
-      this._hidePaginationDescription();
-    }
-    if (newValue === 'show') {
-      this._showPaginationDescription();
-    }
-  }
   onSelectionChange(evt) {
     this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
     if (this.dataUnit) {
@@ -345,16 +334,11 @@ export class EzGrid {
     this._paginationChangedByKeyboard = false;
     (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
   }
-  resolvePaginationClassMode() {
-    if (this.paginationCounterMode == 'show')
-      return "pagination-expanded";
-    return "pagination-contracted";
-  }
   getPaginationControl() {
     if (!this._paginationInfo)
       return null;
     const { currentPage, hasMore } = this._paginationInfo;
-    return (h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, this.paginationCounterMode == 'show' && h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.paginationCounterMode == 'show' && this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
+    return (h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
   }
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
@@ -378,8 +362,6 @@ export class EzGrid {
       editionIsDisabled: () => !this.canEdit,
       customFormatters: this._customFormatters,
       autoFocus: this.autoFocus,
-      enableGridInsert: this.enableGridInsert,
-      enableContinuousInsert: this.enableContinuousInsert,
       onRefresh: () => {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
@@ -396,8 +378,7 @@ export class EzGrid {
     this.setEvents();
     this.componentReady.emit();
     this._gridController.configFilterColumn(this._filterColumn);
-    if (this.paginationCounterMode === 'auto')
-      this._initHeaderOverflowWatcher();
+    this._initHeaderOverflowWatcher();
   }
   handlePaginationChange(selectFirstRecord, paginationInfo) {
     var _a;
@@ -424,7 +405,8 @@ export class EzGrid {
     return this._getActualPageLabel() + this._getRemainingPageLabel();
   }
   _initHeaderOverflowWatcher() {
-    this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
+    if (this._refPaginationControl)
+      this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
   }
   buildOverFlowWatcherParams() {
     return {
@@ -473,8 +455,6 @@ export class EzGrid {
   }
   componentDidUpdate() {
     this._gridController.setAutoFocus(this.autoFocus);
-    this._gridController.setEnableGridInsert(this.enableGridInsert);
-    this._gridController.setEnableContinuousInsert(this.enableContinuousInsert);
     if (this.dataUnit) {
       this.setSelection(this.dataUnit.getSelectionInfo());
     }
@@ -486,14 +466,9 @@ export class EzGrid {
   hideHeader() {
     return (!!this._element.getAttribute("no-header") && !this._paginationInfo);
   }
-  resolveLeftHeaderClass() {
-    if (this.paginationCounterMode == 'show')
-      return "left__header-expanded";
-    return "left__header-contracted";
-  }
   render() {
     var _a;
-    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--small 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 grid-header__left-container ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+    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 grid-header__left-container" }, h("slot", { name: "leftButtons" })), 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__footer" }, h("slot", { name: "footer" }))));
   }
@@ -723,60 +698,6 @@ export class EzGrid {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "true"
-      },
-      "paginationCounterMode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'show' | 'hidden' | 'auto'",
-          "resolved": "\"auto\" | \"hidden\" | \"show\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Define se a grid ser\u00E1 focada ao ser carregada."
-        },
-        "attribute": "pagination-counter-mode",
-        "reflect": false,
-        "defaultValue": "'show'"
-      },
-      "enableGridInsert": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
-        },
-        "attribute": "enable-grid-insert",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "enableContinuousInsert": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa/desativa a inser\u00E7\u00E3o continua na grade\nS\u00F3 funciona quando a prop enableGridInsert est\u00E1 ativa"
-        },
-        "attribute": "enable-continuous-insert",
-        "reflect": false,
-        "defaultValue": "true"
       }
     };
   }
@@ -1292,9 +1213,6 @@ export class EzGrid {
       }, {
         "propName": "_paginationInfo",
         "methodName": "updatePaginationTooltip"
-      }, {
-        "propName": "paginationCounterMode",
-        "methodName": "observePaginationCounterMode"
       }];
   }
   static get listeners() {

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

@@ -147,7 +147,6 @@ p {
 
 .item-content {
   display: flex;
-  align-items: center;
   overflow: hidden;
   justify-content: flex-start;
   width: 100%;
@@ -177,7 +176,7 @@ p {
 
 .draggable-list li > div {
   /*public*/
-  padding: var(--space--3xs, 4px) var(--space--3xs, 4px);
+  padding: var(--space--2xs, 8px) var(--space--3xs, 4px);
   margin: var(--ez-list__item--margin);
 }
 

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

@@ -1,6 +1,6 @@
 :host {
   /*@doc Define a camada em que o componente será exibido.*/
-  --ez-modal-z-index: var(--elevation--22, 22);
+  --ez-modal-z-index: var(--elevation--12, 12);;
   /*@doc Define o espaçamento vertical do conteúdo do modal.*/
   --ez-modal-vertical-padding: var(--space--large, 24px);
   /*@doc Define o padding entre o conteúdo e o modal */

package/dist/collection/components/ez-modal-container/ez-modal-container.js

@@ -48,7 +48,7 @@ export class EzModalContainer {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--large" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }