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

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);
   }
@@ -326,14 +332,10 @@ export class EzGrid {
     (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
   }
   getPaginationControl() {
-    if (this._paginationInfo) {
-      const { currentPage, hasMore } = this._paginationInfo;
-      return [
-        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())),
-        h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })),
-      ];
-    }
-    return null;
+    if (!this._paginationInfo)
+      return null;
+    const { currentPage, hasMore } = this._paginationInfo;
+    return (h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
   }
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
@@ -450,7 +452,7 @@ export class EzGrid {
   }
   render() {
     var _a;
-    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container grid-header__left-container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container grid-header__left-container" }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
         ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }
@@ -1150,6 +1152,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-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
+    },
+  ]
+};

package/dist/custom-elements/index.d.ts

@@ -56,6 +56,12 @@ export const EzCardItem: {
   new (): EzCardItem;
 };
 
+interface EzChart extends Components.EzChart, HTMLElement {}
+export const EzChart: {
+  prototype: EzChart;
+  new (): EzChart;
+};
+
 interface EzCheck extends Components.EzCheck, HTMLElement {}
 export const EzCheck: {
   prototype: EzCheck;