@sankhyalabs/ezui 0.0.0-bugfix-dev-59880.6 → 0.0.0-bugfix-dev-KB-61161.0

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

@@ -41,6 +41,8 @@ export class EzCustomFormInput {
       value: this.value,
       name: this.formViewField.name,
       currentEditor: this.builderFallback(this.formViewField),
+      setValue: (value) => this.setValue(value),
+      getValue: this.getValue,
       editorMetadata: {
         label: this.formViewField.label,
         hidden: ((_a = this.formViewField.props) === null || _a === void 0 ? void 0 : _a.visible) === false,
@@ -70,6 +72,12 @@ export class EzCustomFormInput {
     gui.setAttribute('value', this.value);
     this.gui = h("div", { key: StringUtils.generateUUID(), ref: el => el && el.appendChild(gui) });
   }
+  setValue(value) {
+    this.value = value;
+  }
+  getValue() {
+    return this.value;
+  }
   handleValue(gui) {
     //@ts-ignore
     gui.$children$.forEach((child) => {
@@ -128,7 +136,7 @@ export class EzCustomFormInput {
       },
       "value": {
         "type": "any",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "any",
           "resolved": "any",

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

@@ -23,7 +23,7 @@ export class EzFormView {
    */
   async setFieldProp(fieldName, propName, value) {
     const fields = this.fields.map(field => {
-      if (field.name === fieldName && (value || value === 0)) {
+      if (field.name === fieldName) {
         field.props = field.props || {};
         field.props[propName] = value;
       }

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

@@ -1,8 +1,7 @@
 import { h } from "@stencil/core";
 export const buildDecimal = ({ name, label, readOnly, props, contextName, canShowError }) => {
-  var _a, _b;
-  const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
-  const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric(name, label, readOnly, precision, prettyPrecision, contextName, canShowError);
 };
 export const buildInteger = ({ name, label, readOnly, contextName, canShowError }) => {

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

@@ -119,6 +119,7 @@ export default class AgGridController {
   }
   initDatagrid(container, options) {
     var _a;
+    this._container = container;
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
       this._columnStateChangeCallback = options.onColumnStateChange;
@@ -473,11 +474,27 @@ export default class AgGridController {
     }
     this._gridOptions.api.refreshServerSide({ purge: true });
   }
+  focusOnGridContainer() {
+    this._container.setAttribute('tabindex', '-1');
+    this._container.focus();
+  }
+  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 {
+      this.focusOnGridContainer();
+    }
+  }
   setFocusFirstRow() {
     const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
     if (firstRow) {
       this.setFocusOnRow(firstRow.rowIndex);
     }
+    else {
+      this.focusOnGridContainer();
+    }
   }
   setFocusLastRow() {
     const lastRow = this._gridOptions.api.getDisplayedRowAtIndex(this._gridOptions.api.getLastDisplayedRow());

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

@@ -82,6 +82,7 @@ export default class DataSource {
     else {
       this._controller.selectRows(selectionInfo.recordIds, true);
     }
+    this._controller.setFocusFirstRow();
   }
   getRows(params) {
     if (this.needReload(params)) {

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

@@ -1,8 +1,7 @@
 import { HTMLBuilder } from "@sankhyalabs/core";
 export const buildDecimal = ({ readOnly, props }) => {
-  var _a, _b;
-  const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
-  const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric(readOnly, precision, prettyPrecision);
 };
 export const buildInteger = ({ readOnly }) => {

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

@@ -31,6 +31,7 @@
   /*private*/
   padding-top: 15px;
   margin-top: -12px;
+  outline: none;
 
   /*public*/
   box-shadow: var(--ez-grid__container--shadow);

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

@@ -153,6 +153,12 @@ export class EzGrid {
   async getCustomValueFormatter(columnName) {
     return this._customFormatters.get(columnName);
   }
+  /**
+   * Atribui o foco para a grade.
+   */
+  async setFocus() {
+    this._gridController.setFocus();
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -1150,6 +1156,22 @@ export class EzGrid {
           "text": "Retorna o formatador customizado da coluna caso exista.",
           "tags": []
         }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Atribui o foco para a grade.",
+          "tags": []
+        }
       }
     };
   }

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

@@ -6,7 +6,6 @@ export class EzNumberInput {
     this._focused = false;
     this._changePending = false;
     this._valuePromiseCallbacks = [];
-    this._value = undefined;
     this.label = undefined;
     this.value = undefined;
     this.enabled = true;
@@ -62,7 +61,24 @@ export class EzNumberInput {
   }
   observeValue(newValue, oldValue) {
     if (this._textInput && newValue != oldValue) {
-      this.handleNewValue(newValue, oldValue);
+      const newValueValidated = this.validateValue(newValue);
+      const oldValueValidated = this.validateValue(oldValue);
+      if (newValueValidated === null) {
+        this._textInput.value = '';
+      }
+      if (newValueValidated != oldValueValidated) {
+        const textValue = this.getTextValue(newValueValidated) || '';
+        if ((this._textInput.value || '') !== textValue) {
+          const parsedNumber = this.getParsedNumber(textValue);
+          if (parsedNumber !== undefined || !this._focused) {
+            this._textInput.value = textValue;
+            this._focused = false;
+            this.errorMessage = "";
+          }
+        }
+        const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
+        this.ezChange.emit(valueEmitted);
+      }
     }
     this._changePending = false;
   }
@@ -71,31 +87,12 @@ export class EzNumberInput {
       this.setInputValue();
     }
   }
-  handleNewValue(newValue, oldValue) {
-    const newValueValidated = this.validateValue(newValue);
-    const oldValueValidated = this.validateValue(oldValue);
-    if (newValueValidated === null) {
-      this._value = '';
-    }
-    if (newValueValidated === oldValueValidated) {
-      return;
-    }
-    const textValue = this.getTextValue(newValueValidated) || '';
-    const parsedNumber = this.getParsedNumber(textValue);
-    if ((this._value || '') !== textValue && (parsedNumber !== undefined || !this._focused)) {
-      this._value = textValue;
-      this._focused = false;
-      this.errorMessage = "";
-    }
-    const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
-    this.ezChange.emit(valueEmitted);
-  }
   validateValue(value) {
     return isNaN(value) || value === undefined ? null : value;
   }
   getTextValue(value) {
     if (value != undefined) {
-      return this.precision >= 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
+      return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
     }
     return undefined;
   }
@@ -148,13 +145,17 @@ export class EzNumberInput {
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
   }
-  getParsedNumber(value = this._textInput.value) {
+  getParsedNumber(value) {
+    var _a;
+    if (value === void 0) {
+      value = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
     return (value === null || value === void 0 ? void 0 : value.trim()) ? NumberUtils.stringToNumber(value) : undefined;
   }
   setInputValue() {
     const textValue = this.getTextValue(this.value) || '';
-    if ((this._value || '') !== textValue) {
-      this._value = textValue;
+    if ((this._textInput.value || '') !== textValue) {
+      this._textInput.value = textValue;
     }
   }
   componentDidLoad() {
@@ -163,7 +164,7 @@ export class EzNumberInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -320,11 +321,6 @@ export class EzNumberInput {
       }
     };
   }
-  static get states() {
-    return {
-      "_value": {}
-    };
-  }
   static get events() {
     return [{
         "method": "ezChange",

package/dist/collection/components/ez-split-panel/ez-split-panel.css

@@ -4,4 +4,5 @@
 .ez-split-gutter {
   cursor: grab;
   background-color: transparent;
+  max-width: 100%;
 }

package/dist/collection/utils/form/DataBinder.js

@@ -35,6 +35,13 @@ export default class DataBinder {
     this.applyDefaultValues();
     this._dataUnit.subscribe(this.onDataUnitEvent);
     this._dataUnit.addInterceptor(this);
+    this.setContextDataBinder(dataUnit);
+  }
+  setContextDataBinder(dataUnit) {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
+    dataBindersByDataUnit.set(dataUnit.dataUnitId, dataBinders);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }
   applyDefaultValues() {
     const recordIds = (this._dataUnit.getAddedRecords() || []).map(r => r.__record__id__);
@@ -61,9 +68,17 @@ export default class DataBinder {
       getMessageForField: field => this.getErrorMessage(field)
     }, recordsValidator);
   }
+  disconnectDataUnit() {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = dataBindersByDataUnit.get(this._dataUnit.dataUnitId);
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => JSON.stringify(dataBinder) !== JSON.stringify(this));
+    dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
+  }
   onDisconnectedCallback() {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
     this._dataUnit.removeInterceptor(this);
+    this.disconnectDataUnit();
   }
   getCurrentRecordId() {
     const record = this._dataUnit.getSelectedRecord();
@@ -110,6 +125,17 @@ export default class DataBinder {
   validate() {
     return this._recordValidatorProcessor.validate();
   }
+  static async validateByDataunit(dataUnit) {
+    try {
+      const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
+      const dataBinders = dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
+      await Promise.all(dataBinders.map((dataBinder) => dataBinder.validate()));
+      return true;
+    }
+    catch (_a) {
+      return false;
+    }
+  }
   updateErrorMessage(fieldName, field, message) {
     if (message == undefined) {
       message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);

package/dist/collection/utils/form/test/DataBinder.test.js

@@ -1,9 +1,46 @@
-import { DataUnit } from "@sankhyalabs/core";
+import { ApplicationContext, DataUnit } from "@sankhyalabs/core";
 import DataBinder from "../DataBinder";
+import { metadataTest } from "./resources/metadataTest";
 describe('DataBinder', () => {
+  let dataBinder;
+  let dataUnit;
+  beforeEach(() => {
+    dataUnit = new DataUnit();
+    dataUnit.metadata = metadataTest;
+    dataUnit.addRecord();
+    dataUnit.selectFirst();
+    dataBinder = new DataBinder(dataUnit);
+  });
   it('constructor', async () => {
-    const du = new DataUnit();
-    const db = new DataBinder(du);
-    expect(db).toBeTruthy();
+    expect(dataBinder).toBeTruthy();
+  });
+  it('ApplicationContext should be filled', () => {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBeGreaterThan(0);
+  });
+  it('ApplicationContext should be filled with two binders', () => {
+    new DataBinder(dataUnit);
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBe(2);
+  });
+  it('should be invalid for empty fields', async () => {
+    const isValid = await DataBinder.validateByDataunit(dataUnit);
+    dataBinder['_recordValidatorProcessor'] = {
+      validate: () => Promise.reject(),
+    };
+    expect(isValid).toBe(false);
+  });
+  it('should be valid for filled fields', async () => {
+    await dataUnit.setFieldValue('NAME', 'João');
+    dataBinder['_recordValidatorProcessor'] = {
+      validate: () => Promise.resolve(),
+    };
+    const isValid = await DataBinder.validateByDataunit(dataUnit);
+    expect(isValid).toBe(true);
+  });
+  it('should be remove dataBinder on disconnected', async () => {
+    dataBinder.onDisconnectedCallback();
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBe(0);
   });
 });

package/dist/collection/utils/form/test/resources/metadataTest.js

@@ -0,0 +1,15 @@
+import { DataType, UserInterface } from "@sankhyalabs/core";
+export const metadataTest = {
+  "name": "clients",
+  "label": "clients",
+  "fields": [
+    {
+      "name": "NAME",
+      "label": "Nome",
+      "dataType": DataType.TEXT,
+      "userInterface": UserInterface.SHORTTEXT,
+      "readOnly": false,
+      "required": true
+    },
+  ]
+};