@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-78812-2.0 → 0.0.0-bugfix-dev-KB-76362.1

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

@@ -1,16 +1,15 @@
-import { LockManager, LockManagerOperation, UserInterface } from '@sankhyalabs/core';
-import { KeyCode, } from "@ag-grid-community/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';
-import { DataBinder } from '../../../../utils';
 export default class GridEditionManager {
-  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert, lockerId) {
+  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert) {
     this._dataUnit = dataUnit;
     this._recordValidationProcessor = new RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this.getRequiredFields(),
-      markAsInvalid: (invalidField, recordId) => { this.pushInvalidCell(invalidField, recordId); },
+      markAsInvalid: (invalidField, recordId) => { this.setInvalidCell(invalidField, recordId); },
       getMessageForField: () => null,
     }, recordsValidator);
     this._useEnterLikeTab = useEnterLikeTab;
@@ -19,34 +18,16 @@ export default class GridEditionManager {
     this._enableGridInsert = enableGridInsert;
     this._customEditors = customEditors;
     this._customRenders = customRenders;
-    this._lockerId = lockerId;
   }
   configureGrid(options) {
     this._gridOptions = options;
     options.readOnlyEdit = true;
     options.onCellEditRequest = evt => this.onCellEditRequest(evt);
-    options.onCellEditingStarted = async (evt) => {
-      var _a;
-      if (this._dataUnit.hasNewRecord()) {
-        this.handleCellEditingStartedRowAdd(evt);
-      }
-      else {
-        this._lastCellOpened = this._lastCellEdited = { rowIndex: evt.rowIndex, column: evt.column, rowPinned: undefined };
-      }
-      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
-      this._currentEditLock = LockManager.lock(this._lockerId, LockManagerOperation.TASKBAR_CLICK);
-    };
-    options.onCellEditingStopped = () => {
-      var _a;
-      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
-    };
     options.onCellKeyDown = evt => {
       if (evt.event && evt["column"]) {
         this.onCellKeyDown(evt);
       }
     };
-    options.isRowSelectable = (node) => this.isSelectableRow(node);
-    options.onCellFocused = () => this.lockFocusWhenAddRow();
     return options;
   }
   updateCurrentEditorGuiValue(updatedRowValue) {
@@ -59,82 +40,37 @@ export default class GridEditionManager {
     const value = updatedRowValue[fieldName];
     currentEditor.setGuiValue(value);
   }
-  lockFocusWhenAddRow() {
-    var _a, _b, _c, _d;
-    const api = this._gridOptions.api;
-    const newFocusCell = api.getFocusedCell();
-    const rowIndex = newFocusCell === null || newFocusCell === void 0 ? void 0 : newFocusCell.rowIndex;
-    const recordId = (_b = (_a = this._dataUnit.getAddedRecords()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.__record__id__;
-    const rowNode = api.getRowNode(recordId);
-    if (!this._dataUnit.hasNewRecord() || rowIndex == (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex)) {
-      return;
-    }
-    const lastCell = (_d = (_c = this._lastCellOpened) !== null && _c !== void 0 ? _c : this._lastCellEdited) !== null && _d !== void 0 ? _d : this._lastCellClicked;
-    if ((lastCell === null || lastCell === void 0 ? void 0 : lastCell.rowIndex) < (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex)) {
-      return;
-    }
-    api.clearFocusedCell();
-    if (!lastCell || (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) == undefined) {
-      return;
-    }
-    lastCell.rowIndex = rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex;
-    this.focusOnCell(lastCell);
-  }
-  handleCellEditingStartedRowAdd(evt) {
-    var _a, _b, _c, _d, _e;
-    const nodeId = (_a = evt.node) === null || _a === void 0 ? void 0 : _a.id;
-    const addedRecordId = (_c = (_b = this._dataUnit.getAddedRecords()) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
-    if (nodeId == addedRecordId) {
-      this._lastCellOpened = this._lastCellEdited = { rowIndex: evt.rowIndex, column: evt === null || evt === void 0 ? void 0 : evt.column, rowPinned: undefined };
-      return;
-    }
-    evt.api.stopEditing();
-    const rowIndex = (_d = evt.api.getRowNode(addedRecordId)) === null || _d === void 0 ? void 0 : _d.rowIndex;
-    this._lastCellOpened = this._lastCellEdited = { rowIndex: rowIndex, column: (_e = this._lastCellEdited) === null || _e === void 0 ? void 0 : _e.column, rowPinned: undefined };
-  }
-  isSelectableRow(node) {
-    if (!this._dataUnit.hasNewRecord()) {
-      return true;
-    }
-    if (!this._dataUnit.isNewRecord(node.id)) {
-      return false;
-    }
-    return true;
-  }
   canContinuousInsert() {
     var _a;
     return this._enableContinuousInsert && (this._dataUnit.records.length - 1) === ((_a = this._lastCellEdited) === null || _a === void 0 ? void 0 : _a.rowIndex);
   }
-  async proceedAutoSave() {
+  proceedAutoSave() {
     if (!this._dataUnit.isDirty()) {
       this.saveSuccess();
-      return true;
-    }
-    const currentRecord = this._dataUnit.getSelectedRecord();
-    if (currentRecord == undefined) {
-      return true;
+      return;
     }
-    this.clearInvalidCells(false);
-    try {
-      await this._recordValidationProcessor.validate(true);
-      await this.saveDataUnit();
-      this.saveSuccess();
-      return true;
+    if (!this._isGridEdition) {
+      return;
     }
-    catch (reason) {
-      this.saveFail(reason);
-      return false;
+    const currentRercord = this._dataUnit.getSelectedRecord();
+    if (currentRercord == undefined) {
+      return;
     }
-  }
-  async saveDataUnit() {
-    await this._dataUnit.saveData();
-    return true;
+    this._invalidCell = undefined;
+    this._recordValidationProcessor
+      .validate(true)
+      .then(() => {
+      this._dataUnit.saveData()
+        .then(() => this.saveSuccess())
+        .catch(reason => this.saveFail(reason));
+    })
+      .catch(reason => this.saveFail(reason));
   }
   async recordValidate() {
     if (!this._dataUnit.isDirty())
       return;
     try {
-      this.clearInvalidCells(false);
+      this._invalidCell = undefined;
       await this._recordValidationProcessor.validate(false);
     }
     catch (error) { }
@@ -162,13 +98,6 @@ export default class GridEditionManager {
     return { ezCellEditor: EzCellEditor };
   }
   verifyClickToEdition(api, cellClicked) {
-    var _a, _b;
-    const selectedRecordID = (_a = this._dataUnit.getSelectedRecord()) === null || _a === void 0 ? void 0 : _a.__record__id__;
-    if (this._dataUnit.hasNewRecord() && selectedRecordID) {
-      const dataUnitRecordIndex = (_b = api.getRowNode(selectedRecordID)) === null || _b === void 0 ? void 0 : _b.rowIndex;
-      if (dataUnitRecordIndex != cellClicked.rowIndex)
-        return;
-    }
     if (this.isSecondClick(cellClicked)) {
       api.startEditingCell({ rowIndex: cellClicked.rowIndex, colKey: cellClicked.column.getColId() });
     }
@@ -178,9 +107,6 @@ export default class GridEditionManager {
     col.cellEditor = 'ezCellEditor';
     col.editable = params => this.canEdit(params);
     col.suppressKeyboardEvent = (params) => {
-      if (params.event.key === KeyCode.ESCAPE && params.editing) {
-        return this._dataUnit.isDirty();
-      }
       return params.event.key === KeyCode.ENTER;
     };
     col.cellEditorSelector = (params) => {
@@ -210,21 +136,10 @@ export default class GridEditionManager {
     return col;
   }
   getRequiredFields() {
-    const formRequiredFields = this.getFormRequiredFields();
-    return this._gridOptions.columnApi.getAllDisplayedColumns()
-      .filter(column => {
-      const fieldDefinition = this._dataUnit.getField(column.getColId());
-      return (fieldDefinition && fieldDefinition.required) || formRequiredFields.includes(column.getColId());
-    })
-      .map(column => column.getColId());
-  }
-  getFormRequiredFields() {
-    const formRequiredFields = [];
-    const dataBinders = DataBinder.getDataBindersByDataUnit(this._dataUnit);
-    dataBinders.forEach(dataBinder => {
-      formRequiredFields.push(...dataBinder.getFormRequiredFields());
-    });
-    return formRequiredFields;
+    return this._gridOptions.columnApi.getAllDisplayedColumns().filter(c => {
+      const fieldDefinition = this._dataUnit.getField(c.getColId());
+      return fieldDefinition && fieldDefinition.required;
+    }).map(c => c.getColId());
   }
   saveSuccess() {
     var _a;
@@ -237,11 +152,10 @@ export default class GridEditionManager {
     this._isGridEdition = false;
   }
   saveFail(reason) {
-    var _a;
-    this.focusOnCell((_a = this._lastCellOpened) !== null && _a !== void 0 ? _a : this._lastCellEdited);
+    this.focusOnCell(this._lastCellEdited);
     this._isGridEdition = false;
     if (reason) {
-      throw reason;
+      Promise.reject(reason);
     }
   }
   focusOnCell(cell) {
@@ -306,9 +220,6 @@ export default class GridEditionManager {
     this.moveEditionVertically(api, 1);
   }
   moveEditionVertically(api, offset) {
-    if (this._dataUnit.hasNewRecord() && this._isGridEdition) {
-      return;
-    }
     const editionCell = api.getEditingCells()[0];
     if (!editionCell) {
       return;
@@ -353,63 +264,41 @@ export default class GridEditionManager {
     return true;
   }
   onCellEditRequest(event) {
-    var _a;
-    const value = event.newValue;
-    if (event.oldValue == value) {
-      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
-      return;
-    }
-    if (value instanceof Promise) {
-      this.handlePromiseValue(event, value);
-      return;
-    }
-    this.updateCellValue(event, value);
-  }
-  async handlePromiseValue(event, value) {
-    const fieldName = event.colDef.field;
-    const fieldDescriptor = this._dataUnit.getField(event.colDef.colId);
-    const initialValue = (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.userInterface) === UserInterface.SEARCH ? value : event.oldValue;
-    event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: initialValue }));
-    const resolved = await value;
-    return this.updateCellValue(event, resolved);
-  }
-  updateCellValue(event, newValue) {
-    var _a;
     const fieldName = event.colDef.field;
-    event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: newValue }));
-    (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
-    if (event.oldValue !== newValue) {
+    const value = event.newValue;
+    if (event.oldValue != value) {
+      if (value instanceof Promise) {
+        const fieldDescriptor = this._dataUnit.getField(event.colDef.colId);
+        event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.userInterface) === UserInterface.SEARCH ? value : event.oldValue }));
+        value.then(resolved => event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: resolved })));
+      }
+      else {
+        event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: value }));
+      }
       this._isGridEdition = true;
-      this._dataUnit.setFieldValue(fieldName, newValue, [event.data.__record__id__], { suppressCreateNewRecord: true });
+      this._dataUnit.setFieldValue(fieldName, value, [event.data.__record__id__], { suppressCreateNewRecord: true });
       this._lastCellEdited = { rowIndex: event.rowIndex, column: event.column, rowPinned: undefined };
     }
   }
   setCellEditors(customEditors) {
-    var _a;
     this._customEditors = customEditors;
-    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.stopEditing();
   }
   setCellRenders(customRenders) {
     this._customRenders = customRenders;
   }
-  pushInvalidCell(invalidField, recordId) {
-    this._invalidCells.push({ field: invalidField, recordId });
-    this._nextInvalidCell = this._invalidCells[0];
-  }
-  getInvalidCells() {
-    return this._invalidCells;
+  setInvalidCell(invalidCell, recordId) {
+    this._invalidCell = { field: invalidCell, recordId };
   }
-  getNextInvalidCell() {
-    return this._nextInvalidCell;
+  getInvalidCell() {
+    return this._invalidCell;
   }
-  async processContinuousInsert() {
+  processContinuousInsert() {
     if (!this.canContinuousInsert())
       return;
     this._dataUnit.addRecord();
   }
   clearInvalidCells(stopEdition) {
-    this._invalidCells = [];
-    this._nextInvalidCell = undefined;
+    this._invalidCell = undefined;
     if (stopEdition) {
       this._isGridEdition = false;
     }
@@ -420,17 +309,10 @@ export default class GridEditionManager {
   hasInvalidField(fieldName, recordId) {
     if (!this.hasInvalidCell())
       return false;
-    this._nextInvalidCell = this._invalidCells[0];
-    const containsFieldName = this._nextInvalidCell.field.name === fieldName;
-    const containsRecordId = this._nextInvalidCell.recordId === recordId;
-    return containsFieldName && containsRecordId;
+    return this._invalidCell.field.name === fieldName && this._invalidCell.recordId === recordId;
   }
   hasInvalidCell() {
-    var _a, _b, _c;
-    const hasInvalidCell = ((_a = this._invalidCells) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    const hasField = (_b = this._invalidCells) === null || _b === void 0 ? void 0 : _b.filter(invalidCell => { invalidCell.field; });
-    const hasRecordId = (_c = this._invalidCells) === null || _c === void 0 ? void 0 : _c.filter(invalidCell => { invalidCell.recordId; });
-    if (!hasInvalidCell || !hasField || !hasRecordId)
+    if (!this._invalidCell || !this._invalidCell.field || !this._invalidCell.recordId)
       return false;
     return true;
   }

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

@@ -2,7 +2,6 @@ import { HTMLBuilder } from "@sankhyalabs/core";
 import { CustomEditorSource } from "../../../../../utils/customEditor/interfaces/ICustomEditor";
 import EzCellEditor from "../editor/EzCellEditor";
 import { getViewPortHeight } from "../editor/GridEditorUtils";
-import FocusResolver from "../../../../../utils/FocusResolver";
 export default class EzGridCustomCellEditor extends EzCellEditor {
   init(params) {
     var _a, _b;
@@ -66,10 +65,4 @@ export default class EzGridCustomCellEditor extends EzCellEditor {
       return this._customGui.value;
     return this._value;
   }
-  afterGuiAttached() {
-    this.focusIn();
-  }
-  focusIn() {
-    FocusResolver.resolveFocus(this._customGui);
-  }
 }

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

@@ -19,7 +19,6 @@ export const buildComboBox = ({ required, props, eGridCell }) => {
   combo.options = options;
   combo.stopPropagateEnterKeyEvent = true;
   combo.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
-  combo.autoFocus = true;
   return combo;
 };
 export const buildSwitch = (fieldMetadata) => {

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

@@ -7,7 +7,6 @@ export const buildDate = () => {
             data-is-fixed="true"
         />`);
   dateInput.valueGetter = () => dateInput.getValueAsync();
-  dateInput.autoFocus = true;
   return dateInput;
 };
 export const buildTime = ({ readOnly }) => {

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

@@ -17,6 +17,5 @@ function buildNumeric(readOnly, precision, prettyPrecision) {
         mode="slim"
     />`);
   input.valueGetter = () => input.getValueAsync();
-  input.autoFocus = true;
   return input;
 }

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

@@ -13,7 +13,6 @@ export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) =
   ezSearch.suppressPreLoad = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   ezSearch.stopPropagateEnterKeyEvent = true;
-  ezSearch.autoFocus = true;
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;
 };

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

@@ -2,14 +2,12 @@ import { HTMLBuilder } from "@sankhyalabs/core";
 const MINIMIUM_WIDTH_TEXTAREA = 210;
 const PADDING_VALUE_TEXTAREA = 12;
 export const buildTextInput = ({ name, contextName }) => {
-  const textInput = HTMLBuilder.parseElement(`<ez-text-input
+  return HTMLBuilder.parseElement(`<ez-text-input
         class="ez-grid grid_editor"
         data-field-name=${name}
         data-context-name=${contextName}
         mode="slim"
     />`);
-  textInput.autoFocus = true;
-  return textInput;
 };
 export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   const element = HTMLBuilder.parseElement(`<ez-text-area
@@ -19,7 +17,6 @@ export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   element.addEventListener('keydown', event => handlePressEnterEvent(event, element, editionManager));
   setElementInitialWidth(eGridCell, element);
   element.isPopUp = true;
-  element.autoFocus = true;
   return element;
 };
 function setElementInitialWidth(eGridCell, element) {

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

@@ -39,7 +39,6 @@ export class EzGrid {
     this.paginationCounterMode = 'show';
     this.enableGridInsert = false;
     this.enableContinuousInsert = true;
-    this.enableLockManger = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -164,18 +163,6 @@ export class EzGrid {
   async setFocus() {
     this._gridController.setFocus();
   }
-  /**
-   * Para a edição da grade.
-   */
-  async stopEdit() {
-    this._gridController.stopEdit();
-  }
-  async checkStopEditOutsideClick(event) {
-    var _a;
-    if ((_a = this._container) === null || _a === void 0 ? void 0 : _a.contains(event.target))
-      return;
-    this._gridController.stopEdit();
-  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -201,9 +188,6 @@ export class EzGrid {
       this.setSelection(this.dataUnit.getSelectionInfo());
     }
   }
-  async handleClick(event) {
-    this.checkStopEditOutsideClick(event);
-  }
   setSelection(selectionInfo) {
     var _a;
     this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
@@ -359,7 +343,7 @@ export class EzGrid {
   resetPaginationState() {
     var _a;
     this._paginationChangedByKeyboard = false;
-    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.resetPaginationState();
+    (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
   }
   resolvePaginationClassMode() {
     if (this.paginationCounterMode == 'show')
@@ -400,8 +384,7 @@ export class EzGrid {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
         }
-      },
-      enableLockManger: this.enableLockManger
+      }
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -473,13 +456,8 @@ export class EzGrid {
     this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
-    (_b = this._gridController) === null || _b === void 0 ? void 0 : _b.destroy();
-  }
-  connectedCallback() {
     var _a;
-    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.registryListeners();
+    (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   componentWillRender() {
     this.configSelectionCounter();
@@ -800,24 +778,6 @@ export class EzGrid {
         "attribute": "enable-continuous-insert",
         "reflect": false,
         "defaultValue": "true"
-      },
-      "enableLockManger": {
-        "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-lock-manger",
-        "reflect": false,
-        "defaultValue": "true"
       }
     };
   }
@@ -1322,47 +1282,6 @@ export class EzGrid {
           "text": "Atribui o foco para a grade.",
           "tags": []
         }
-      },
-      "stopEdit": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Para a edi\u00E7\u00E3o da grade.",
-          "tags": []
-        }
-      },
-      "checkStopEditOutsideClick": {
-        "complexType": {
-          "signature": "(event: MouseEvent) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "MouseEvent": {
-              "location": "global"
-            },
-            "Node": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
       }
     };
   }
@@ -1386,12 +1305,6 @@ export class EzGrid {
         "target": undefined,
         "capture": false,
         "passive": false
-      }, {
-        "name": "click",
-        "method": "handleClick",
-        "target": undefined,
-        "capture": true,
-        "passive": false
       }];
   }
 }