@sankhyalabs/ezui 5.22.0-dev.10 → 5.22.0-dev.101

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

@@ -6,13 +6,16 @@
   /*@doc Define o tamanho mínimo dos itens do formulário.*/
   --ez-form-view__item--min-width: 220px;
   /*@doc Define o espaçamento entre itens do formulário.*/
-  --ez-form-view__item--sapce-width: 5px;
+  --ez-form-view__item--width: var(--space--small);
+  /*@doc Define o padding do formulário.*/
+  --ez-form-view__item--padding: var(--space--small);
 }
 
 .form-view__content{
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));
-  gap: var(--ez-form-view__item--sapce-width);
+  gap: var(--ez-form-view__item--width);
+  padding-inline: var(--ez-form-view__item--padding);
   width: 100%;
 }
 

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

@@ -2,7 +2,7 @@ import { UserInterface } from "@sankhyalabs/core";
 import { REQUIRED_INFO } from "../../../utils/constants";
 import { buildCheckBox, buildSwitch } from "./templates/CheckBox.tpl";
 import { buildComboBox } from "./templates/ComboBox.tpl";
-import { buildDate, buildTime, buildDateTime } from "./templates/DateInput.tpl";
+import { buildDate, buildTime, buildDateTime, buildTimeSeconds } from "./templates/DateInput.tpl";
 import { buildFile } from "./templates/FileInput.tpl";
 import { buildDecimal, buildInteger } from "./templates/NumberInput.tpl";
 import { buildSearch } from "./templates/SearchInput.tpl";
@@ -14,6 +14,7 @@ uiBuilders.set(UserInterface.SWITCH, buildSwitch);
 uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
 uiBuilders.set(UserInterface.DATE, buildDate);
 uiBuilders.set(UserInterface.TIME, buildTime);
+uiBuilders.set(UserInterface.ELAPSEDTIME, buildTimeSeconds);
 uiBuilders.set(UserInterface.DATETIME, buildDateTime);
 uiBuilders.set(UserInterface.FILE, buildFile);
 uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);

package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js

@@ -7,5 +7,5 @@ export const buildCheckBox = (field) => {
   return buildField(field.name, field.label, field.readOnly, field.contextName, false);
 };
 function buildField(fieldName, fieldLabel, readOnly, contextName, switchMode) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-bottom--large" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
 }

package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js

@@ -9,5 +9,5 @@ export const buildComboBox = ({ name, label, readOnly, required, props, contextN
   else {
     options = prop;
   }
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-combo-box", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, options: options, canShowError: canShowError })));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-combo-box", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, options: options, canShowError: canShowError })));
 };

package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js

@@ -1,10 +1,14 @@
 import { h } from "@stencil/core";
 export const buildDate = ({ name, label, readOnly, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError })));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-date-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError })));
 };
-export const buildTime = ({ name, label, readOnly, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError })));
+export const buildTime = ({ name, label, readOnly, canShowError, props }) => {
+  var _a;
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, "show-seconds": (_a = props === null || props === void 0 ? void 0 : props.showSeconds) !== null && _a !== void 0 ? _a : false })));
+};
+export const buildTimeSeconds = ({ name, label, readOnly, canShowError }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, showSeconds: true })));
 };
 export const buildDateTime = ({ name, label, readOnly, contextName, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-date-time-input", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError })));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-date-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError })));
 };

package/dist/collection/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.js

@@ -9,5 +9,5 @@ export const buildFile = ({ name, label, readOnly, contextName, props }) => {
       INTERNAL_FILENAME: props.INTERNAL_FILENAME
     })),
   });
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-upload", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name }, uploadProps))));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-upload", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name }, uploadProps))));
 };

package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js

@@ -9,5 +9,5 @@ export const buildInteger = ({ name, label, readOnly, contextName, canShowError
   return buildNumeric(name, label, readOnly, 0, 0, contextName, canShowError);
 };
 function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision, contextName, canShowError) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName, canShowError: canShowError })));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-number-input", { class: "ez-input__no-margin", enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName, canShowError: canShowError })));
 }

package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
 export const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
   var _a;
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-search", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
 };

package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.js

@@ -1,4 +1,4 @@
 import { h } from "@stencil/core";
 export const buildTextArea = ({ name, label, readOnly, contextName, rows, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small", key: name }, h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows, canShowError: canShowError })));
+  return (h("div", { class: "ez-col ez-col--sd-12", key: name }, h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows, canShowError: canShowError })));
 };

package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js

@@ -1,4 +1,4 @@
 import { h } from "@stencil/core";
-export const buildTextInput = ({ name, label, readOnly, contextName, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-text-input", { label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, canShowError: canShowError })));
+export const buildTextInput = ({ name, label, readOnly, contextName, canShowError, props }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-text-input", { class: "ez-input__no-margin", label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, canShowError: canShowError, mask: props === null || props === void 0 ? void 0 : props.mask, "clean-value-mask": props === null || props === void 0 ? void 0 : props.cleanValueMask })));
 };

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

@@ -1,6 +1,6 @@
-import { ApplicationContext, DataType, MaskFormatter, NumberUtils, SortMode, StringUtils, UserInterface, } from '@sankhyalabs/core';
-import { Grid } from 'ag-grid-community';
-import { Grid as EnterpriseGrid, LicenseManager } from 'ag-grid-enterprise';
+import { ApplicationContext, DataType, LockManager, LockManagerOperation, MaskFormatter, NumberUtils, SortMode, StringUtils, UserInterface, } from '@sankhyalabs/core';
+import { Grid } from "@ag-grid-community/core";
+import { LicenseManager } from '@ag-grid-enterprise/core';
 import DataSource from './DataSource';
 import { EzGridCustomHeader } from './components/EzGridCustomHeader';
 import { CellRendererStatus } from './components/cellRendererStatus';
@@ -8,6 +8,12 @@ import SelectionHeader from './components/selectionHeader';
 import gridTerms from './i18n/pt-BR';
 import { DISTINCT_FILTER_NAME_PREFIX, EZ_GRID_LOADING_SOURCE } from '../../../../utils/constants';
 import GridEditionManager from './GridEditionManager';
+import { ModuleRegistry } from '@ag-grid-community/core';
+import { EnterpriseCoreModule } from '@ag-grid-enterprise/core';
+import { RangeSelectionModule } from '@ag-grid-enterprise/range-selection';
+import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';
+import { ClipboardModule } from '@ag-grid-enterprise/clipboard';
+import { MenuModule } from '@ag-grid-enterprise/menu';
 export default class AgGridController {
   configFilterColumn(filterColumn) {
     this._filterColumn = filterColumn;
@@ -27,21 +33,33 @@ export default class AgGridController {
     var _a;
     (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);
   }
-  constructor(enterprise) {
+  constructor(_enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
     this.DEFAULT_HEADER_ROW_HEIGHT = 32;
     this.CHECK_BOX_COL_ID = 'checkBoxColumn';
     this.STATUS_COL_ID = 'statusColumn';
     this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
     this.BLOCK_LOAD_DEBOUNCE = 100;
-    this.DOC_WIDTH = 1150;
+    this.DEFAULT_FONT_SIZE = 14;
+    this.DEFAULT_FONT_SIZE_HTML5 = 32;
+    this.DEFAULT_ICON_SIZE = 12;
+    this.DEFAULT_MAX_SIZE = 200;
+    this.DOC_WIDTH = 800;
     this._menuItems = [];
     this._idAttribName = '__record__id__';
     this._gridConfig = [];
     this._filteredColumns = new Map();
     this._filterColumnleftPosition = 0;
     this._customFormatters = new Map();
-    this._enterprise = enterprise;
+    this._gridShowDom = false;
+    this.peddingExecutionsOnGridShow = [];
+    ModuleRegistry.registerModules([
+      EnterpriseCoreModule,
+      RangeSelectionModule,
+      ServerSideRowModelModule,
+      ClipboardModule,
+      MenuModule
+    ]);
   }
   getGridConfig() {
     return this._gridConfig;
@@ -119,6 +137,12 @@ export default class AgGridController {
     var _a;
     this._options = options;
     this._container = container;
+    const lockerIdTaskbarClick = (options === null || options === void 0 ? void 0 : options.enableLockManagerTaskbarClick) ? LockManager === null || LockManager === void 0 ? void 0 : LockManager.addLockManagerCtxId(this._container) : null;
+    let resolveLoading = undefined;
+    if (options === null || options === void 0 ? void 0 : options.enableLockManagerLoadingComp) {
+      const lockerIdAppLoading = LockManager === null || LockManager === void 0 ? void 0 : LockManager.addLockManagerCtxId(this._container);
+      resolveLoading = LockManager === null || LockManager === void 0 ? void 0 : LockManager.lock(lockerIdAppLoading, LockManagerOperation.APP_LOADING);
+    }
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
       this._columnStateChangeCallback = options.onColumnStateChange;
@@ -126,7 +150,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);
+      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert, lockerIdTaskbarClick);
       this._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
@@ -146,10 +170,16 @@ 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%'
           }
         },
+        rowClassRules: {
+          'row-striped': ({ node }) => (options.enableRowTableStriped && node.rowIndex % 2 === 0),
+        },
         suppressFieldDotNotation: true,
         components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
         context: {
@@ -166,16 +196,11 @@ export default class AgGridController {
           processCellCallback: this.processFormatterCellCallback
         }
       };
-      this.defineRowModelType(this._gridOptions, options);
+      this.defineRowModelType(this._gridOptions, options, resolveLoading);
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsSupress(this._gridOptions);
       this._gridOptions = this._editionManager.configureGrid(this._gridOptions);
-      if (this._enterprise) {
-        this._grid = new EnterpriseGrid(container, this._gridOptions);
-      }
-      else {
-        this._grid = new Grid(container, this._gridOptions);
-      }
+      this._grid = new Grid(container, this._gridOptions);
       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);
@@ -185,6 +210,23 @@ 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) {
@@ -315,10 +357,10 @@ export default class AgGridController {
     }
     return null;
   }
-  defineRowModelType(opt, sourceOptions) {
+  defineRowModelType(opt, sourceOptions, resolveLoading) {
     if (this._dataUnit != undefined) {
       opt.rowModelType = 'serverSide';
-      opt.serverSideDatasource = new DataSource(this._dataUnit, this, sourceOptions);
+      opt.serverSideDatasource = this._dataSource = new DataSource(this._dataUnit, this, sourceOptions, resolveLoading);
       opt.serverSideSortOnServer = true;
       opt.columnDefs = this._colDefs;
     }
@@ -362,7 +404,7 @@ export default class AgGridController {
     return status;
   }
   updateSelectionForAll(selectAll) {
-    this._dataUnit.updatePageSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
+    selectAll ? this._dataUnit.selectAllRecords() : this._dataUnit.unSelectAllRecords();
   }
   setData(data) {
     if (this._grid === undefined) {
@@ -375,10 +417,17 @@ export default class AgGridController {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
   }
-  updateRows() {
+  updateRows(rows) {
     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.updateCurrentEditorGuiValue(row);
+    this._editionManager.recordValidate();
   }
   selectAll(quietly = false) {
     try {
@@ -461,14 +510,45 @@ export default class AgGridController {
         });
         r.setData(data);
       });
+      this._gridOptions.api.refreshCells({ force: true });
+      const invalidCell = this._editionManager.getNextInvalidCell();
+      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));
+        }
+      }
     }
   }
-  refresh() {
+  savingCanceled(fields, recordId) {
+    if (!this._gridShowDom)
+      return;
+    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) {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
+    this._gridOptions.api.clearRangeSelection();
     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');
@@ -476,17 +556,28 @@ export default class AgGridController {
   }
   setFocus() {
     var _a, _b;
-    if ((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length) {
-      this.setFocusFirstRow();
-    }
-    else {
+    if (!((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length)) {
       this.focusOnGridContainer();
+      return;
     }
+    if (!this._dataUnit.getSelectedRecord()) {
+      this.setFocusFirstRow();
+      return;
+    }
+    this.syncSelectWithDataUnit();
   }
   setAutoFocus(autoFocus) {
     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) {
@@ -502,17 +593,80 @@ export default class AgGridController {
       this.setFocusOnRow(lastRow.rowIndex);
     }
   }
+  startEditionOnRowByIndex(rowIndex) {
+    this._dataUnit.setSelectionByIndex([rowIndex]);
+    const firstCol = this.getFirstEditableColl(rowIndex);
+    if (!firstCol)
+      return;
+    this.focusByCollAndRow(firstCol, rowIndex);
+    this.startEdition(rowIndex, firstCol);
+  }
+  startEditionOnLastRow() {
+    var _a;
+    if (this._gridShowDom) {
+      const newRowIndex = ((_a = this._dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) - 1;
+      this.startEditionOnRowByIndex(newRowIndex);
+    }
+  }
+  syncSelectWithDataUnit() {
+    const rowNode = this._gridOptions.api.getRowNode(this._dataUnit.getSelectedRecord().__record__id__);
+    if ((rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) < 0)
+      return;
+    const rowRange = this._gridOptions.api.getCellRanges().find(row => row.startRow.rowIndex === rowNode.rowIndex);
+    if ((rowRange === null || rowRange === void 0 ? void 0 : rowRange.columns.length) > 0) {
+      if (this._dataUnit.hasNewRecord()) {
+        this.startEdition(rowNode.rowIndex, rowRange.columns[0]);
+        return;
+      }
+      this.focusByCollAndRow(rowRange.columns[0], rowNode.rowIndex);
+      this._gridOptions.api.addCellRange({ rowStartIndex: rowNode.rowIndex, rowEndIndex: rowNode.rowIndex, columns: rowRange.columns });
+      return;
+    }
+    this._gridOptions.api.clearRangeSelection();
+    this.setFocusOnRow(rowNode.rowIndex);
+  }
+  startEdition(rowIndex, firstCol) {
+    if (!this._gridShowDom)
+      return;
+    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) {
+    try {
+      const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
+      return displayedColumns.find(column => this.isColumnEditable(rowIndex, column));
+    }
+    catch (e) {
+      console.warn(e);
+    }
+  }
+  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 firstCell = displayedColumns.find(column => column.getColDef().headerName !== '');
+    let firstColl = displayedColumns.find(column => column.getColDef().headerName !== '');
+    this.focusByCollAndRow(firstColl, rowIndex);
+    this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstColl] });
+  }
+  focusByCollAndRow(firstCell, rowIndex) {
     this._gridOptions.api.ensureColumnVisible(firstCell);
     this._gridOptions.api.ensureIndexVisible(rowIndex);
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
   }
   setColumnsDef(cols) {
-    const newColDefs = [
-      Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: '', checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection && { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' })),
-    ];
+    const checkBoxColumn = Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: '', checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection && { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' }));
+    const newColDefs = this._options.suppressCheckBoxCol ? [] : [checkBoxColumn];
     if (this._statusResolver != undefined) {
       newColDefs.push({
         colId: this.STATUS_COL_ID,
@@ -542,6 +696,14 @@ export default class AgGridController {
       this._gridOptions.api.setColumnDefs(this._colDefs);
     }
   }
+  hideSelectionColumn() {
+    var _a, _b;
+    (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.columnApi) === null || _b === void 0 ? void 0 : _b.setColumnVisible(this.CHECK_BOX_COL_ID, false);
+  }
+  showSelectionColumn() {
+    var _a, _b;
+    (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.columnApi) === null || _b === void 0 ? void 0 : _b.setColumnVisible(this.CHECK_BOX_COL_ID, true);
+  }
   getColumnsDef() {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
@@ -574,9 +736,8 @@ export default class AgGridController {
     const columnsOffset = colDef.length - columns.length;
     this._gridConfig = state;
     let sort = [];
-    state === null || state === void 0 ? void 0 : state.forEach((cfgColumn, index) => {
-      var _a;
-      const colWidth = (_a = this._gridOptions.columnApi.getColumn(cfgColumn.name)) === null || _a === void 0 ? void 0 : _a.getActualWidth();
+    state.forEach((cfgColumn, index) => {
+      const colWidth = this.getColumnWidth(cfgColumn);
       this._gridOptions.columnApi.moveColumn(cfgColumn.name, index + columnsOffset);
       this._gridOptions.columnApi.setColumnWidth(cfgColumn.name, colWidth);
       visibleColumns.push(cfgColumn.name);
@@ -826,38 +987,54 @@ export default class AgGridController {
     return false;
   }
   onSelectionChange(event) {
-    if (this._selectionChangeCallback) {
-      clearTimeout(this._selectionChangeDeboucing);
-      this._selectionChangeDeboucing = window.setTimeout(() => {
-        this._editionManager.proceedAutoSave();
-        if (this._dataUnit) {
-          if (event.context.selectionChangeQuietly) {
-            const selectionInfo = this._dataUnit;
-            this._selectionChangeCallback({
-              selection: selectionInfo.records,
-              selectionHeaderStatus: this.getSelectionHeaderStatus(),
-            });
-          }
-          else {
-            this._dataUnit.updatePageSelection(this._gridOptions.api.getSelectedRows().map((r) => r.__record__id__)).then(selectionInfo => {
-              this._selectionChangeCallback({
-                selection: selectionInfo.records,
-                selectionHeaderStatus: this.getSelectionHeaderStatus(),
-              });
-            });
-          }
-        }
-        else {
-          this._selectionChangeCallback({
-            selection: this._gridOptions.api.getSelectedRows(),
-            selectionHeaderStatus: this.getSelectionHeaderStatus(),
-          });
-        }
-      }, 0);
+    var _a, _b;
+    const selectedRowId = (_b = (_a = event.api.getSelectedNodes()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id;
+    const isNewRecord = this._dataUnit.isNewRecord(selectedRowId);
+    if (!this._selectionChangeCallback)
+      return;
+    clearTimeout(this._selectionChangeDeboucing);
+    this._selectionChangeDeboucing = window.setTimeout(async () => {
+      const saveSuccess = (!isNewRecord && selectedRowId) ? await this.handleExecuteProceedAutosave() : true;
+      if (!saveSuccess)
+        return;
+      this.processBuildSelectionChangeCallback(event);
+    }, 0);
+  }
+  async handleExecuteProceedAutosave() {
+    if (this._gridShowDom) {
+      return await this._editionManager.proceedAutoSave();
+    }
+    return true;
+  }
+  processBuildSelectionChangeCallback(event) {
+    if (this._dataUnit) {
+      this.handleBuildSelectionChangeWithDU(event.context.selectionChangeQuietly);
+      return;
+    }
+    this.buildSelectionChangeCallback(this._gridOptions.api.getSelectedRows());
+  }
+  handleBuildSelectionChangeWithDU(quietly) {
+    if (quietly) {
+      this.buildSelectionChangeCallback(this._dataUnit.records);
+      return;
     }
+    this._dataUnit.updatePageSelection(this._gridOptions.api.getSelectedRows()
+      .map((r) => r.__record__id__))
+      .then(selectionInfo => this.buildSelectionChangeCallback(selectionInfo.records));
+  }
+  buildSelectionChangeCallback(records) {
+    this._selectionChangeCallback({
+      selection: records,
+      selectionHeaderStatus: this.getSelectionHeaderStatus(),
+    });
   }
   onRowDoubleClick(evt) {
-    if (this._doubleClickCallBack) {
+    var _a, _b;
+    if (this._doubleClickCallBack && (!this._options.enableGridInsert || !this._dataUnit.hasNewRecord())) {
+      /**
+       * Evita mudança de view e a grade permanecer no modo de edição.
+       */
+      (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.stopEditing();
       this._doubleClickCallBack(evt.data);
     }
   }
@@ -866,22 +1043,79 @@ export default class AgGridController {
       host[attribute] = value;
     }
   }
+  processEditionCanceled() {
+    this.clearInvalidCells(true);
+    if (this._gridShowDom) {
+      this._dataUnit.clearSelection();
+    }
+  }
   setCellEditors(customEditors) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (!this._editionManager) {
       this._customEditors = customEditors;
       return;
     }
+    const currentEditingCells = (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.getEditingCells();
     this._editionManager.setCellEditors(customEditors);
-    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
+    if ((currentEditingCells === null || currentEditingCells === void 0 ? void 0 : currentEditingCells.length) > 0) {
+      this._gridOptions.api.startEditingCell({ colKey: (_d = (_c = currentEditingCells[0]) === null || _c === void 0 ? void 0 : _c.column) === null || _d === void 0 ? void 0 : _d.getColId(), rowIndex: (_e = currentEditingCells[0]) === null || _e === void 0 ? void 0 : _e.rowIndex });
+    }
   }
   setCellRenders(customRenders) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f;
     if (!this._editionManager) {
       this._customRenders = customRenders;
       return;
     }
     this._editionManager.setCellRenders(customRenders);
-    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
+    const currentEditingCells = (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.getEditingCells();
+    (_c = this._gridOptions) === null || _c === void 0 ? void 0 : _c.api.redrawRows();
+    if ((currentEditingCells === null || currentEditingCells === void 0 ? void 0 : currentEditingCells.length) > 0) {
+      this._gridOptions.api.startEditingCell({ colKey: (_e = (_d = currentEditingCells[0]) === null || _d === void 0 ? void 0 : _d.column) === null || _e === void 0 ? void 0 : _e.getColId(), rowIndex: (_f = currentEditingCells[0]) === null || _f === void 0 ? void 0 : _f.rowIndex });
+    }
+  }
+  clearInvalidCells(stopEdition) {
+    if (!this._editionManager)
+      return;
+    this._editionManager.clearInvalidCells(stopEdition);
+    this._gridOptions.api.refreshCells({ force: true });
+  }
+  processContinuousInsert() {
+    this._editionManager.processContinuousInsert();
+  }
+  destroy() {
+    var _a;
+    this.observer.disconnect();
+    (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.destroy();
+  }
+  registryListeners() {
+    var _a;
+    (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.registryListeners();
+  }
+  resetPaginationState() {
+    var _a, _b;
+    (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.clearRangeSelection();
+  }
+  stopEdit() {
+    this._gridOptions.api.stopEditing();
+  }
+  getColumnWidth(cfgColumn) {
+    var _a, _b;
+    if (cfgColumn == undefined) {
+      return;
+    }
+    if (cfgColumn.customWidth != undefined) {
+      return cfgColumn.customWidth;
+    }
+    if (cfgColumn.width != undefined && !isNaN(cfgColumn.width)) {
+      // TODO: Valor somado devido a divergência do tamanho das fontes entre HTML5 e Design System.
+      return parseInt(cfgColumn.width) + this.DEFAULT_FONT_SIZE_HTML5;
+    }
+    const field = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(cfgColumn.name);
+    if ((field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH) {
+      return this.DEFAULT_MAX_SIZE;
+    }
+    const labelSize = (((_b = field === null || field === void 0 ? void 0 : field.label) === null || _b === void 0 ? void 0 : _b.length) || 0) * this.DEFAULT_FONT_SIZE + this.DEFAULT_ICON_SIZE;
+    return labelSize > this.DEFAULT_MAX_SIZE ? this.DEFAULT_MAX_SIZE : labelSize;
   }
 }