@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-76362.1 → 0.0.0-bugfix-dev-KB-79020.0

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) {
@@ -501,6 +509,8 @@ export default class AgGridController {
     }
   }
   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()));
@@ -511,6 +521,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 +544,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,7 +596,26 @@ 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) {
+    if (!this._gridShowDom)
+      return;
     this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
     this._gridOptions.api.setFocusedCell(rowIndex, firstCol);
@@ -612,6 +645,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 +685,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 +977,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 +1019,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 +1040,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 +1074,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 = [];