@sankhyalabs/ezui 0.0.0-bugfix-dev-59880.5 → 0.0.0-bugfix-dev-KB-59889.0

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._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-tabselector/ez-tabselector.js

@@ -58,9 +58,13 @@ export class EzTabselector {
     this.selectedTab = undefined;
     this.tabs = undefined;
   }
-  observeTabs(newValue) {
+  observeTabs(newValue, oldValue) {
     if (newValue && typeof newValue !== "string") {
       this._processedTabs = newValue;
+      return;
+    }
+    if (newValue !== oldValue) {
+      this.processesTabs();
     }
   }
   handleTabClick(tab) {
@@ -70,36 +74,37 @@ export class EzTabselector {
     this.ezChange.emit(tab);
     this.setFocusedBtn(false, tab.index);
   }
-  componentWillRender() {
-    if (!this._processedTabs) {
-      if (this.tabs) {
-        if (Array.isArray(this.tabs)) {
-          this._processedTabs = [...this.tabs];
-        }
-        else {
-          this._processedTabs = [];
-          this.tabs.split(",").forEach((label) => {
-            label = label.trim();
-            this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-            this.buildElementIdTab(this._processedTabs);
-          });
-        }
+  componentWillLoad() {
+    this.processesTabs();
+  }
+  processesTabs() {
+    if (this.tabs) {
+      if (Array.isArray(this.tabs)) {
+        this._processedTabs = [...this.tabs];
+      }
+      else {
+        this._processedTabs = [];
+        this.tabs.split(",").forEach((label) => {
+          label = label.trim();
+          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+          this.buildElementIdTab(this._processedTabs);
+        });
       }
-      this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
-        const tabKey = elem.getAttribute("tabKey");
-        const label = elem.getAttribute("label");
-        const leftIcon = elem.getAttribute("leftIcon");
-        const rightIcon = elem.getAttribute("rightIcon");
-        const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
-        const content = elem.firstChild;
-        if (content) {
-          content.setAttribute("slot", "tab" + tab.index);
-          this._hostElem.appendChild(content);
-        }
-        this._processedTabs.push(tab);
-        this.buildElementIdTab(this._processedTabs);
-      });
     }
+    this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
+      const tabKey = elem.getAttribute("tabKey");
+      const label = elem.getAttribute("label");
+      const leftIcon = elem.getAttribute("leftIcon");
+      const rightIcon = elem.getAttribute("rightIcon");
+      const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
+      const content = elem.firstChild;
+      if (content) {
+        content.setAttribute("slot", "tab" + tab.index);
+        this._hostElem.appendChild(content);
+      }
+      this._processedTabs.push(tab);
+      this.buildElementIdTab(this._processedTabs);
+    });
   }
   componentDidRender() {
     this.updateScroll();

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
+    },
+  ]
+};