@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-77074.0 → 0.0.0-bugfix-dev-kb-77634.0

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -13,6 +13,7 @@ export class EzDateTimeInput {
     this.showSeconds = false;
     this.mode = "regular";
     this.canShowError = true;
+    this.autoFocus = false;
   }
   observeLabel() {
     if (this._textInput) {
@@ -49,8 +50,8 @@ export class EzDateTimeInput {
   /**
    * Aplica o foco no campo.
    */
-  async setFocus() {
-    this._textInput.setFocus();
+  async setFocus(options) {
+    this._textInput.setFocus(options);
   }
   /**
    * Remove o foco do campo.
@@ -217,6 +218,11 @@ export class EzDateTimeInput {
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
     this.setInputValue();
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
@@ -360,6 +366,24 @@ export class EzDateTimeInput {
         "attribute": "can-show-error",
         "reflect": true,
         "defaultValue": "true"
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
+        },
+        "attribute": "auto-focus",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }
@@ -424,11 +448,18 @@ export class EzDateTimeInput {
     return {
       "setFocus": {
         "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
+          "signature": "(options?: TFocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "TFocusOptions": {
+              "location": "import",
+              "path": "../ez-text-input/ez-text-input"
             }
           },
           "return": "Promise<void>"

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

@@ -2,7 +2,7 @@
 
   /* Container */
   /*@doc Define o espaçamento do container.*/
-  --dialog__container-padding: var(--space--large, 24px);
+  --dialog__container-padding: var(--space--md, 20px);
   
   /* Botões */
   /*@doc Define a cor de fundo do botão de fechar.*/
@@ -31,7 +31,7 @@
   /*@doc Define o peso do texto da mensagem.*/
   --dialog__body--text-weight--medium: var(--text-weight--medium, 400);
   /*@doc Define o espaçamento inferior do texto da mensagem.*/
-  --dialog__body--padding-bottom: var(--space--large, 24px);
+  --dialog__body--padding-bottom: var(--space--medium, 12px);
   /*@doc Define o tamanho do texto da mensagem.*/
   --dialog__body--font-size: var(--text--medium, 14px);
   /*@doc Define a cor do texto da mensagem.*/
@@ -141,7 +141,7 @@ h2 {
   color: var(--dialog__body--color);
   max-height: 30vh;
   content-visibility: auto;
-  margin-bottom: 24px;
+  margin-bottom: var(--space--medium);
   overflow-y: auto;
 }
 

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

@@ -1,6 +1,7 @@
 import { h, forceUpdate, } from '@stencil/core';
 import { DialogType } from "./DialogType";
 import { ElementIDUtils, FloatingManager } from "@sankhyalabs/core";
+import FocusResolver from '../../utils/FocusResolver';
 class Message {
   constructor(title, message, dialogType, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, callBack, beforeClose) {
     this.title = title;
@@ -164,6 +165,7 @@ export class EzDialog {
     const dialog = this._element.shadowRoot.querySelector('.overlay .dialog');
     if (dialog instanceof HTMLDivElement) {
       dialog.style.outline = 'none';
+      this._lastActiveElement = document.activeElement;
       dialog.focus();
     }
   }
@@ -176,7 +178,13 @@ export class EzDialog {
   focusOnPrimaryButton() {
     const btnConfirm = this._element.shadowRoot.querySelector(`#${this.PRIMARY_BUTTON_ID}`);
     const buttonElement = btnConfirm === null || btnConfirm === void 0 ? void 0 : btnConfirm.shadowRoot.querySelector('button');
-    buttonElement === null || buttonElement === void 0 ? void 0 : buttonElement.focus();
+    requestAnimationFrame(() => {
+      buttonElement === null || buttonElement === void 0 ? void 0 : buttonElement.focus();
+    });
+  }
+  disconnectedCallback() {
+    FocusResolver.resolveFocus(this._lastActiveElement);
+    this._lastActiveElement = undefined;
   }
   render() {
     if (this.opened && this._currentMessage) {

package/dist/collection/components/ez-filter-input/ez-filter-input.css

@@ -1,15 +1,4 @@
 :host {
-  /*@doc Define a largura do slot direito.*/
-  --ez-filter-slot--right--width: 70px;
-
   display: block;
   width: 100%;
 }
-
-.pointerCursor {
-  cursor: pointer;
-}
-
-ez-text-input {
-  --ez-text-input__icon--right--width: var(--ez-filter-slot--right--width)
-}

package/dist/collection/components/ez-filter-input/ez-filter-input.js

@@ -5,16 +5,13 @@ export class EzFilterInput {
   constructor() {
     this._searchingText = "";
     this.handleFocus = () => {
-      this.ezFocusIn.emit();
-      if (!this.asyncSearch) {
-        return;
-      }
       if (this._searchingText === "") {
         this._textInput.value = "";
       }
       else {
         this._textInput.value = this._searchingText;
       }
+      this.ezFocusIn.emit();
     };
     this.label = undefined;
     this.value = undefined;
@@ -24,7 +21,7 @@ export class EzFilterInput {
     this.mode = "regular";
     this.asyncSearch = false;
     this.canShowError = true;
-    this.enabledIconClick = false;
+    this.autoFocus = false;
   }
   observeLabel() {
     if (this._textInput) {
@@ -45,8 +42,8 @@ export class EzFilterInput {
   /**
    * Aplica o foco no campo.
    */
-  async setFocus() {
-    this._textInput.setFocus();
+  async setFocus(options) {
+    this._textInput.setFocus(options);
   }
   /**
    * Remove o foco do campo.
@@ -86,14 +83,6 @@ export class EzFilterInput {
       this._textInput.value = this.value;
     }
   }
-  /**
-   * Método usado para emitir o evento de clique no ícone
-   */
-  async handleIconClick() {
-    if (this.enabledIconClick) {
-      this.ezIconClick.emit(true);
-    }
-  }
   handleChange(evt) {
     const newValue = evt.detail;
     this.errorMessage = "";
@@ -107,10 +96,15 @@ export class EzFilterInput {
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.handleChange(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode, onFocusin: this.handleFocus, canShowError: this.canShowError }, h("ez-icon", { slot: "leftIcon", iconName: "search", onClick: () => this.handleIconClick(), class: this.enabledIconClick ? 'pointerCursor' : '' }), h("slot", { name: "right", slot: "rightIcon" })));
+    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.handleChange(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode, onFocusin: this.handleFocus, canShowError: this.canShowError }, h("ez-icon", { slot: "leftIcon", iconName: "search" })));
   }
   static get is() { return "ez-filter-input"; }
   static get encapsulation() { return "shadow"; }
@@ -266,7 +260,7 @@ export class EzFilterInput {
         "reflect": true,
         "defaultValue": "true"
       },
-      "enabledIconClick": {
+      "autoFocus": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -278,9 +272,9 @@ export class EzFilterInput {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Se true permite ao usu\u00E1rio interagir com o \u00EDcone de pesquisa"
+          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
         },
-        "attribute": "enabled-icon-click",
+        "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
       }
@@ -332,32 +326,24 @@ export class EzFilterInput {
           "resolved": "void",
           "references": {}
         }
-      }, {
-        "method": "ezIconClick",
-        "name": "ezIconClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando tem intera\u00E7\u00E3o com o \u00CDcone de pesquisa"
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
       }];
   }
   static get methods() {
     return {
       "setFocus": {
         "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
+          "signature": "(options?: TFocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "TFocusOptions": {
+              "location": "import",
+              "path": "../ez-text-input/ez-text-input"
             }
           },
           "return": "Promise<void>"
@@ -433,22 +419,6 @@ export class EzFilterInput {
           "text": "M\u00E9todo respons\u00E1vel por resetar o valor do campo para o ultimo valor inputado.",
           "tags": []
         }
-      },
-      "handleIconClick": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "M\u00E9todo usado para emitir o evento de clique no \u00EDcone",
-          "tags": []
-        }
       }
     };
   }

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

@@ -94,6 +94,7 @@ export class EzForm {
     if (this.dataUnit === undefined) {
       this.dataUnit = new DataUnit("ez-form");
     }
+    this.dataUnit.unsubscribe(this.onDataUnitAction);
     this.dataUnit.subscribe(this.onDataUnitAction);
     this._dataBinder = new DataBinder(this.dataUnit);
     this._store = createStore(formReducer);

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

@@ -56,7 +56,7 @@ export class EzCustomFormInput {
     }
   }
   getContent() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const fieldProps = new Map();
     for (const prop in this.formViewField.props) {
       fieldProps.set(prop, this.formViewField.props[prop]);
@@ -94,7 +94,8 @@ export class EzCustomFormInput {
     if (typeof gui === 'string') {
       gui = HTMLBuilder.parseElement(gui);
     }
-    gui.setAttribute('value', this.value);
+    const value = (_e = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : this.value) !== null && _e !== void 0 ? _e : '';
+    gui.setAttribute('value', value);
     this.gui = h("div", { key: StringUtils.generateUUID(), ref: el => el && el.appendChild(gui) });
   }
   setValue(value) {

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 ez-padding-horizontal--small" }, h("ez-text-input", { 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, 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,7 +33,7 @@ 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';
@@ -43,7 +49,13 @@ export default class AgGridController {
     this._customFormatters = new Map();
     this._gridShowDom = false;
     this.peddingExecutionsOnGridShow = [];
-    this._enterprise = enterprise;
+    ModuleRegistry.registerModules([
+      EnterpriseCoreModule,
+      RangeSelectionModule,
+      ServerSideRowModelModule,
+      ClipboardModule,
+      MenuModule
+    ]);
   }
   getGridConfig() {
     return this._gridConfig;
@@ -121,6 +133,7 @@ export default class AgGridController {
     var _a;
     this._options = options;
     this._container = container;
+    const lockerId = options.enableLockManger ? LockManager.addLockManagerCtxId(this._container) : null;
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
       this._columnStateChangeCallback = options.onColumnStateChange;
@@ -128,7 +141,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, options.enableGridInsert);
+      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert, lockerId);
       this._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
@@ -175,12 +188,7 @@ export default class AgGridController {
       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);
@@ -340,7 +348,7 @@ export default class AgGridController {
   defineRowModelType(opt, sourceOptions) {
     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);
       opt.serverSideSortOnServer = true;
       opt.columnDefs = this._colDefs;
     }
@@ -491,7 +499,7 @@ export default class AgGridController {
         r.setData(data);
       });
       this._gridOptions.api.refreshCells({ force: true });
-      const invalidCell = this._editionManager.getInvalidCell();
+      const invalidCell = this._editionManager.getNextInvalidCell();
       if (invalidCell) {
         const rowNode = this._gridOptions.api.getRowNode(invalidCell.recordId);
         if (rowNode && invalidCell.field) {
@@ -511,6 +519,7 @@ export default class AgGridController {
     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)
@@ -533,12 +542,15 @@ 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;
@@ -582,6 +594,23 @@ export default class AgGridController {
       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) {
     this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
@@ -612,6 +641,7 @@ export default class AgGridController {
     let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
     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);
@@ -651,6 +681,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.');
@@ -935,18 +973,24 @@ export default class AgGridController {
     return false;
   }
   onSelectionChange(event) {
+    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(() => {
-      this.handleExecuteProceedAutosave();
+    this._selectionChangeDeboucing = window.setTimeout(async () => {
+      const saveSuccess = (!isNewRecord && selectedRowId) ? await this.handleExecuteProceedAutosave() : true;
+      if (!saveSuccess)
+        return;
       this.processBuildSelectionChangeCallback(event);
     }, 0);
   }
-  handleExecuteProceedAutosave() {
+  async handleExecuteProceedAutosave() {
     if (this._gridShowDom) {
-      this._editionManager.proceedAutoSave();
+      return await this._editionManager.proceedAutoSave();
     }
+    return true;
   }
   processBuildSelectionChangeCallback(event) {
     if (this._dataUnit) {
@@ -971,7 +1015,12 @@ export default class AgGridController {
     });
   }
   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);
     }
   }
@@ -987,22 +1036,29 @@ export default class AgGridController {
     }
   }
   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)
@@ -1014,6 +1070,19 @@ export default class AgGridController {
     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();
   }
 }

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

@@ -6,12 +6,14 @@ export default class DataSource {
     this._controller.clearInvalidCells();
     this.handleRefreshOrReload(action);
     this._controller.processContinuousInsert();
+    this._controller.showSelectionColumn();
   }
   handleEditionCanceled(action) {
     if (this._options.enableGridInsert) {
       this._controller.processEditionCanceled();
     }
     this.handleRefreshOrReload(action);
+    this._controller.showSelectionColumn();
   }
   handleSavingCanceled(action) {
     var _a, _b, _c, _d;
@@ -66,6 +68,7 @@ export default class DataSource {
   }
   handleRecordsAdded() {
     if (this._options.enableGridInsert) {
+      this._controller.hideSelectionColumn();
       this._controller.refresh();
       this.focusOnNewRecord();
     }
@@ -213,6 +216,11 @@ export default class DataSource {
   destroy() {
     this._dataUnit.unsubscribe(this.duObserver);
   }
+  registryListeners() {
+    var _a, _b;
+    (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.duObserver);
+    (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.subscribe(this.duObserver);
+  }
   buildColumnDefs() {
     const gridConfig = this._controller.getGridConfig() || [];
     const columnDefs = [];