@sankhyalabs/ezui 1.2.0-beta.2 → 1.2.0-beta.21

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

@@ -40,10 +40,12 @@
   /* Ícones */
   /*@doc Define a cor dos ícones dos indicadores de modo.*/
   --dialog__icon--color: var(--text--inverted, #fff);
-  /*@doc Define a cor de fundo dos indicadores do modo crítico.*/
+  /*@doc Define a cor do indicador do dialog de erro.*/
   --dialog__critical--background-color: var(--color--alert-error-800, #BD0025);
-  /*@doc Define a cor de fundo da lista de opções.*/
+  /*@doc Define a cor do indicador do dialog de alert.*/
   --dialog__warning--background-color: var(--color--alert-warning-500, #EFB103);
+  /*@doc Define a cor do indicador do dialog de sucesso.*/
+  --dialog__success--background-color: var(--color--alert-success-500, #00523c);
   
   /*@doc Define a camada que o dialog será exibido.*/
   --dialog-z-index: var(--most-visible, 3);
@@ -123,6 +125,13 @@ h2 {
   background-color: var(--dialog__warning--background-color);
 }
 
+.dialog__success--indicator{
+  width: 12px;
+  border-radius: 6px 0px 0px 6px;
+  box-sizing: border-box;
+  background-color: var(--dialog__success--background-color);
+}
+
 .message {
   font-size: var(--dialog__body--font-size);
   font-weight: var(--dialog__body--text-weight--medium);
@@ -178,23 +187,18 @@ h2 {
   padding-left: 0;
 }
 
-.title-icon {
-  outline: none;
-  border: none;
-  background-color: var(--dialog__warning--background-color);
-  width: 26px;
-  height: 26px;
-  border-radius: 100%;
-  padding: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 .title-icon--critical {
   background-color: var(--dialog__critical--background-color);
 }
 
+.title-icon--success {
+  background-color: var(--dialog__success--background-color);
+}
+
+.title-icon--warn {
+  background-color: var(--dialog__warning--background-color);
+}
+
 .btn-close {
   justify-content: flex-end;
   align-self: flex-start;
@@ -227,16 +231,6 @@ h2 {
   mask-image: var(--dialog--warning__image);
 }
 
-.title-icon--critical::after {
-  content: '';
-  display: flex;
-  background-color: #FFFF;
-  width: 13px;
-  height: 13px;
-  -webkit-mask-image: var(--dialog--critical__image);
-  mask-image: var(--dialog--critical__image);
-}
-
 .button-yes-no__container {
   display: flex;
   box-sizing: border-box;

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

@@ -55,19 +55,54 @@ export class EzDialog {
     return dialogType === DialogType.CRITICAL;
   }
   getIconElement(message) {
-    if (message.icon) {
-      return h("ez-icon", { class: this.isCritical(message.dialogType) ? "changeable__icon critical" : "changeable__icon", size: "small", iconName: message.icon });
-    }
     if (message.dialogType === DialogType.DEFAULT) {
       return;
     }
-    return h("div", { class: this.isCritical(message.dialogType) ? "title-icon title-icon--critical" : "title-icon" });
+    return h("ez-icon", { class: "changeable__icon " + this.getIconClass(message.dialogType), size: "small", iconName: this.getIconName(message) });
+  }
+  getIconClass(dialogType) {
+    if (this.isCritical(dialogType)) {
+      return "title-icon--critical";
+    }
+    else if (dialogType === DialogType.SUCCESS) {
+      return "title-icon--success";
+    }
+    else if (dialogType === DialogType.WARN) {
+      return "title-icon--warn";
+    }
+    return "";
+  }
+  getIconName(message) {
+    if (message.icon) {
+      return message.icon;
+    }
+    else if (this.isCritical(message.dialogType)) {
+      return "alert-circle-inverted";
+    }
+    else if (message.dialogType === DialogType.WARN) {
+      return "warning-outline";
+    }
+    else if (message.dialogType === DialogType.SUCCESS) {
+      return "check";
+    }
   }
   getTypeIndicatorElement(message) {
     if (message.dialogType === DialogType.DEFAULT) {
       return;
     }
-    return h("div", { class: this.isCritical(message.dialogType) ? "dialog__critical--indicator" : "dialog__warning--indicator" });
+    return h("div", { class: this.getClassIconIndicator(message.dialogType) });
+  }
+  getClassIconIndicator(dialogType) {
+    if (this.isCritical(dialogType)) {
+      return "dialog__critical--indicator";
+    }
+    else if (dialogType == DialogType.SUCCESS) {
+      return "dialog__success--indicator";
+    }
+    else if (dialogType == DialogType.WARN) {
+      return "dialog__warning--indicator";
+    }
+    return "";
   }
   getClassContainer(message) {
     const type = message.dialogType || DialogType.DEFAULT;
@@ -142,7 +177,7 @@ export class EzDialog {
       "mutable": true,
       "complexType": {
         "original": "DialogType",
-        "resolved": "DialogType.CRITICAL | DialogType.DEFAULT | DialogType.WARN",
+        "resolved": "DialogType.CRITICAL | DialogType.DEFAULT | DialogType.SUCCESS | DialogType.WARN",
         "references": {
           "DialogType": {
             "location": "import",

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

@@ -18,6 +18,7 @@ export default class DataBinder {
         case Action.DATA_CHANGED:
         case Action.CHANGE_UNDONE:
         case Action.CHANGE_REDONE:
+        case Action.RECORD_LOADED:
           (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
             this.updateValue(field.fieldName, field.field);
           });

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

@@ -1,5 +1,5 @@
 import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch, Event } from "@stencil/core";
-import { DataUnit, Action, DataUnitAction } from "@sankhyalabs/core";
+import { DataUnit, Action, DataUnitAction, DateUtils } from "@sankhyalabs/core";
 import { FormSheet } from "./structure/FormSheet";
 import { buildFromConfig, buildFromDataUnit } from "./structure/FormSheetMetadata";
 import { createStore } from "redux";
@@ -101,7 +101,7 @@ export class EzForm {
   }
   processMetadata() {
     if (!this.isStatic() && this.dataUnit) {
-      const metadata = this.config && this.config.length > 0 ? buildFromConfig(this.config, this.dataUnit) : buildFromDataUnit(this.dataUnit);
+      const metadata = this.config != undefined ? buildFromConfig(this.config, this.dataUnit) : buildFromDataUnit(this.dataUnit);
       this._store.dispatch(loadMetadata(metadata));
     }
   }
@@ -109,6 +109,16 @@ export class EzForm {
     var _a;
     return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
+  getValidatedValue(value) {
+    switch (value) {
+      case "${data}":
+        return DateUtils.getToday();
+      case "${datahora}":
+        return DateUtils.getToday(true);
+      default:
+        return value;
+    }
+  }
   interceptAction(action) {
     if (action.type === Action.RECORDS_COPIED) {
       const metadata = selectFormMetadata(this._store.getState());
@@ -137,7 +147,9 @@ export class EzForm {
         return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
           const newRecord = Object.assign({}, record);
           for (const field in defaultValues) {
-            newRecord[field] = this.dataUnit.valueFromString(field, defaultValues[field]);
+            const defaultValue = defaultValues[field].value;
+            const fieldValue = defaultValue != undefined ? defaultValue : defaultValues[field];
+            newRecord[field] = this.dataUnit.valueFromString(field, this.getValidatedValue(fieldValue));
           }
           return newRecord;
         }));
@@ -201,13 +213,10 @@ export class EzForm {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "Array<FieldConfig>",
-        "resolved": "FieldConfig[]",
+        "original": "IFormConfig",
+        "resolved": "IFormConfig",
         "references": {
-          "Array": {
-            "location": "global"
-          },
-          "FieldConfig": {
+          "IFormConfig": {
             "location": "local"
           }
         }
@@ -223,10 +232,10 @@ export class EzForm {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "RecordValidator",
-        "resolved": "RecordValidator",
+        "original": "IRecordValidator",
+        "resolved": "IRecordValidator",
         "references": {
-          "RecordValidator": {
+          "IRecordValidator": {
             "location": "local"
           }
         }
@@ -303,7 +312,7 @@ export class EzForm {
             "location": "import",
             "path": "@sankhyalabs/core"
           },
-          "ValidationResult": {
+          "IValidationResult": {
             "location": "local"
           }
         },

package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js

@@ -41,7 +41,7 @@ export const buildField = (field) => {
     builder = uiBuilders.get(descriptor.userInterface);
   }
   if (config.required) {
-    config.label = `* ${config.label} (obrigatório)`;
+    config.label = `${config.label} (obrigatório) *`;
   }
   if (!builder) {
     builder = buildTextInput;

package/dist/collection/components/ez-form/structure/FormSheetMetadata.js

@@ -59,35 +59,45 @@ function getTabConfig(tab, sheets) {
 function sortTabs(a, b) {
   return a[0].label == '__main' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
 }
-export const buildFromConfig = (fields, dataUnit) => {
+export const buildFromConfig = (config, dataUnit) => {
+  var _a, _b;
   const sheets = new Map();
+  const hiddenTabs = new Map();
   const requiredFields = [];
   const cleanOnCopyFields = [];
   const defaultValues = {};
-  fields.forEach(config => {
+  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
     var _a, _b, _c;
-    if (config.visible !== false) {
-      const tabConfig = getTabConfig(config.tab || "__main", sheets);
-      const descriptor = dataUnit.getField(config.name);
+    if (field.visible !== false) {
+      const tabConfig = getTabConfig(field.tab || "__main", sheets);
+      if (hiddenTabs.has(tabConfig.label)) {
+        return;
+      }
+      const descriptor = dataUnit.getField(field.name);
       if (descriptor && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, new Map());
         }
         const tabItens = sheets.get(tabConfig);
-        const isRequired = config.required === undefined ? descriptor.required : config.required;
+        const isRequired = field.required == undefined ? descriptor.required : field.required;
         if (isRequired) {
-          requiredFields.push(config.name);
+          requiredFields.push(field.name);
         }
-        const clearOnCopy = config.cleanOnCopy === undefined ? (((_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy) || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.autoNum)) : config.cleanOnCopy;
+        const clearOnCopy = field.cleanOnCopy == undefined ? (((_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy) || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.autoNum)) : field.cleanOnCopy;
         if (clearOnCopy) {
-          cleanOnCopyFields.push(config.name);
+          cleanOnCopyFields.push(field.name);
         }
-        const defaultValue = config.defaultValue === undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : config.defaultValue;
+        const defaultValue = field.defaultValue == undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : field.defaultValue;
         if (defaultValue) {
-          defaultValues[config.name] = config.defaultValue;
+          defaultValues[field.name] = field.defaultValue;
         }
-        const fieldMD = { config, descriptor };
-        const group = config.group;
+        const fieldMD = { config: field, descriptor };
+        const group = field.group;
         if (group) {
           const key = `group::${group}`;
           if (!tabItens.has(key)) {
@@ -98,7 +108,7 @@ export const buildFromConfig = (fields, dataUnit) => {
           }
         }
         else {
-          tabItens.set(config.name, fieldMD);
+          tabItens.set(field.name, fieldMD);
         }
       }
     }

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

@@ -26,6 +26,9 @@ export default class DataUnitBridge {
           const changes = Object.assign({}, action.payload);
           delete changes.records;
           this._gridController.changeValues(changes, action.payload.records);
+          break;
+        case Action.RECORD_LOADED:
+          this._gridController.changeValues(changes, action.payload.records);
       }
     };
     this._gridController = gridController;

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

@@ -1,14 +1,15 @@
 import { Grid as EnterpriseGrid, LicenseManager } from "ag-grid-enterprise";
 import { Grid } from "ag-grid-community";
+import { ApplicationContext, DataType, SortMode, UserInterface, NumberUtils, StringUtils } from "@sankhyalabs/core";
 import gridTerms from "./i18n/pt-BR.js";
 import getHeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
 import DataSource from "./DataSource";
-import { ApplicationContext, DataType, SortMode, UserInterface } from "@sankhyalabs/core";
-import { NumberUtils, StringUtils } from "@sankhyalabs/core";
+import { CellRenderer } from "./components/cellRenderer";
 export default class AgGridController {
   constructor(enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
     this.CHECK_BOX_COL_ID = "checkBoxColumn";
+    this.STATUS_COL_ID = "statusColumn";
     this.RECORD_ARCHIVE_COL_ID = "__RECORD_ARCHIVE__";
     this.BLOCK_LOAD_DEBOUNCE = 400;
     this._menuItems = [];
@@ -38,6 +39,7 @@ export default class AgGridController {
       this._doubleClickCallBack = options.onDoubleClick;
       this._multipleSelection = options.allowMultipleSelection;
       this._dataUnit = options.dataUnit;
+      this._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
       }
@@ -61,7 +63,11 @@ export default class AgGridController {
           }));
           return items;
         },
-        getRowHeight: this.getRowHeight.bind(this)
+        getRowHeight: this.getRowHeight.bind(this),
+        defaultColDef: {
+          headerClass: "ez-grid__cell-header",
+          cellClass: "ez-grid__cell-body"
+        }
       };
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsSupress(this._gridOptions);
@@ -173,7 +179,29 @@ export default class AgGridController {
         suppressMovable: true,
         suppressAutoSize: true,
         suppressMenu: true,
-        lockPosition: true
+        lockPosition: true,
+        pinned: true
+      });
+    }
+    if (this._statusResolver != undefined) {
+      newColDefs.push({
+        colId: this.STATUS_COL_ID,
+        headerName: "",
+        checkboxSelection: false,
+        headerCheckboxSelection: false,
+        width: 28,
+        suppressMovable: true,
+        suppressAutoSize: true,
+        suppressMenu: true,
+        lockPosition: true,
+        pinned: true,
+        cellRenderer: CellRenderer,
+        cellRendererParams: {
+          statusResolver: this._statusResolver
+        },
+        cellStyle: {
+          "text-align": "center"
+        }
       });
     }
     cols.forEach(c => {
@@ -189,7 +217,7 @@ export default class AgGridController {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
     const colDef = this._gridOptions.columnApi.getAllColumns();
-    return colDef.filter(c => c.getColId() !== "checkBoxColumn").map(c => {
+    return colDef.filter(c => ![this.CHECK_BOX_COL_ID, this.STATUS_COL_ID].includes(c.getColId())).map(c => {
       const def = c.getColDef();
       const colDef = { name: def.field, label: def.headerName };
       this.conditionalSet(colDef, "sortable", def.sortable);
@@ -258,7 +286,7 @@ export default class AgGridController {
         term,
         fields: this._gridOptions.columnApi
           .getColumns()
-          .filter(col => col.isVisible() && ![this.CHECK_BOX_COL_ID, this.RECORD_ARCHIVE_COL_ID].includes(col.getColId()))
+          .filter(col => col.isVisible() && ![this.CHECK_BOX_COL_ID, this.STATUS_COL_ID, this.RECORD_ARCHIVE_COL_ID].includes(col.getColId()))
           .map(col => col.getColId())
       };
       this._dataSource.quickFilter = quickFilter;
@@ -290,11 +318,34 @@ export default class AgGridController {
       },
       valueFormatter: params => {
         return this.getFormatterByColumn(params, source);
-      }
+      },
+      cellStyle: this.getStyleByColumn(source)
+    };
+  }
+  getInitCellStyle() {
+    return {
+      "line-height": (this.getRowHeight() - 1) + "px"
     };
   }
+  getStyleByColumn(source) {
+    let cellStyle = this.getInitCellStyle();
+    switch (source === null || source === void 0 ? void 0 : source.userInterface) {
+      case UserInterface.DECIMALNUMBER:
+      case UserInterface.INTEGERNUMBER:
+        cellStyle["text-align"] = "right";
+        break;
+      case UserInterface.DATE:
+      case UserInterface.DATETIME:
+      case UserInterface.TIME:
+        cellStyle["text-align"] = "center";
+        break;
+      default:
+        cellStyle["text-align"] = "left";
+    }
+    return cellStyle;
+  }
   getFormatterByColumn(params, source) {
-    var _a, _b;
+    var _a;
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === "OPTIONSELECTOR" && source.options) {
       const prop = source === null || source === void 0 ? void 0 : source.options;
       let options;
@@ -322,8 +373,11 @@ export default class AgGridController {
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.SEARCH) {
-      if (params.value != undefined) {
-        return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
+      if (((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
+        return params.value.value + " - " + params.value.label;
+      }
+      else {
+        return params === null || params === void 0 ? void 0 : params.value;
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DECIMALNUMBER) {

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

@@ -0,0 +1,31 @@
+export class CellRenderer {
+  constructor() {
+    this._eGui = undefined;
+  }
+  init(params) {
+    this.renderStatus(params);
+  }
+  refresh(params) {
+    this.renderStatus(params);
+    return true;
+  }
+  destroy() {
+    this._eGui = undefined;
+  }
+  getGui() {
+    return this._eGui;
+  }
+  renderStatus(params) {
+    const statusResolver = params === null || params === void 0 ? void 0 : params.statusResolver;
+    if (statusResolver != undefined) {
+      const statusKey = Object.keys(statusResolver)[0];
+      const statusValues = statusResolver[statusKey];
+      const value = params === null || params === void 0 ? void 0 : params.data[statusKey];
+      const color = statusValues != undefined && value != undefined && statusValues[value];
+      this._eGui = document.createElement('div');
+      this._eGui.innerHTML = `
+                <span class="ez-grid__cell-status" style="background-color: ${color || ""};"></span>
+            `;
+    }
+  }
+}

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

@@ -134,7 +134,8 @@ export class EzGrid {
       },
       allowMultipleSelection: this.multipleSelection,
       serverURL: this.serverUrl,
-      dataUnit: this.dataUnit
+      dataUnit: this.dataUnit,
+      statusResolver: this.statusResolver
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -167,7 +168,7 @@ export class EzGrid {
     this._gridController.setColumnsState(config.columns);
     this.closeGridConfig();
   }
-  closeGridConfig() {
+  async closeGridConfig() {
     this._popUpGridConfig = false;
   }
   async openGridConfig() {
@@ -267,7 +268,27 @@ export class EzGrid {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Reposit\u00F3rio de dados, controla a manipula\u00E7\u00E3o dos dados."
+      }
+    },
+    "statusResolver": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "IStatusResolver",
+        "resolved": "IStatusResolver",
+        "references": {
+          "IStatusResolver": {
+            "location": "import",
+            "path": "./controller/EzGridController"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Configura\u00E7\u00E3o do valor da coluna de status.\nExemplo: { \"RECDESP\": { \"-1\" : \"#BD0025\", \"1\" : \"#157A00\" } }"
       }
     }
   }; }
@@ -537,6 +558,22 @@ export class EzGrid {
         "tags": []
       }
     },
+    "closeGridConfig": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "openGridConfig": {
       "complexType": {
         "signature": "() => Promise<void>",