@sankhyalabs/ezui 3.0.1 → 3.0.2

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

@@ -1,5 +1,5 @@
 import { Action, DataUnit, DataUnitAction, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
-import { Component, Element, Event, Host, Method, Prop, Watch, forceUpdate, h } from "@stencil/core";
+import { Host, forceUpdate, h } from "@stencil/core";
 import { createStore } from "redux";
 import ApplicationUtils from "../../utils/ApplicationUtils";
 import DataBinder from "./DataBinder";
@@ -12,6 +12,12 @@ export class EzForm {
         this.processMetadata();
       }
     };
+    this.dataUnit = undefined;
+    this.config = undefined;
+    this.recordsValidator = undefined;
+    this.multiLevel = undefined;
+    this.levelResolver = undefined;
+    this.contentBuilder = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -98,16 +104,13 @@ export class EzForm {
       };
       return item;
     }));
-    return (h("div", { class: "multi-level__container" },
-      h("div", null,
-        h("ez-tree", { selectedId: currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name, items: treeItems, onEzChange: (evt) => {
-            var _a;
-            const selectedItem = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id;
-            if (selectedItem && selectedItem !== (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name)) {
-              this._store.dispatch(changeTab(selectedItem));
-            }
-          } })),
-      h("div", null, this.buildFormContent(currentSheetId, currentSheet))));
+    return (h("div", { class: "multi-level__container" }, h("div", null, h("ez-tree", { selectedId: currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name, items: treeItems, onEzChange: (evt) => {
+        var _a;
+        const selectedItem = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id;
+        if (selectedItem && selectedItem !== (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name)) {
+          this._store.dispatch(changeTab(selectedItem));
+        }
+      } })), h("div", null, this.buildFormContent(currentSheetId, currentSheet))));
   }
   getDynamicContent() {
     var _a, _b;
@@ -143,8 +146,7 @@ export class EzForm {
       return;
     }
     const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
-    return (h("div", { class: "dynamic-content ez-box__container", "data-element-id": idFormSheet },
-      h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
+    return (h("div", { class: "dynamic-content ez-box__container", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
   }
   processMetadata() {
     if (!this.isStatic() && this.dataUnit && this._store) {
@@ -237,188 +239,200 @@ export class EzForm {
   }
   static get is() { return "ez-form"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-form.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-form.css"]
-  }; }
-  static get properties() { return {
-    "dataUnit": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "DataUnit",
-        "resolved": "DataUnit",
-        "references": {
-          "DataUnit": {
-            "location": "import",
-            "path": "@sankhyalabs/core"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-form.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-form.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
-      }
-    },
-    "config": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IFormConfig",
-        "resolved": "IFormConfig",
-        "references": {
-          "IFormConfig": {
-            "location": "import",
-            "path": "./interfaces"
+      "config": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IFormConfig",
+          "resolved": "IFormConfig",
+          "references": {
+            "IFormConfig": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o do formul\u00E1rio."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Configura\u00E7\u00E3o do formul\u00E1rio."
-      }
-    },
-    "recordsValidator": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IRecordValidator",
-        "resolved": "IRecordValidator",
-        "references": {
-          "IRecordValidator": {
-            "location": "import",
-            "path": "./interfaces"
+      "recordsValidator": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IRecordValidator",
+          "resolved": "IRecordValidator",
+          "references": {
+            "IRecordValidator": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um validador respons\u00E1vel pela integridade dos registros."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define um validador respons\u00E1vel pela integridade dos registros."
-      }
-    },
-    "multiLevel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Habilita o modo de organiza\u00E7\u00E3o com v\u00E1rios n\u00EDveis."
+      "multiLevel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita o modo de organiza\u00E7\u00E3o com v\u00E1rios n\u00EDveis."
+        },
+        "attribute": "multi-level",
+        "reflect": false
       },
-      "attribute": "multi-level",
-      "reflect": false
-    },
-    "levelResolver": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(items: Array<ITreeItem>) => Array<ITreeItem>",
-        "resolved": "(items: ITreeItem[]) => ITreeItem[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "ITreeItem": {
-            "location": "import",
-            "path": "../ez-tree/interfaces/ITreeItem"
+      "levelResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(items: Array<ITreeItem>) => Array<ITreeItem>",
+          "resolved": "(items: ITreeItem[]) => ITreeItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "ITreeItem": {
+              "location": "import",
+              "path": "../ez-tree/interfaces/ITreeItem"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um resolvedor de n\u00EDvel no modo `multiLevel`."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define um resolvedor de n\u00EDvel no modo `multiLevel`."
-      }
-    },
-    "contentBuilder": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string",
-        "resolved": "(selectedTab: string, fields: IFormViewField[]) => string | HTMLElement",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IFormViewField": {
-            "location": "import",
-            "path": "../ez-form-view/interfaces"
-          },
-          "HTMLElement": {
-            "location": "global"
+      "contentBuilder": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string",
+          "resolved": "(selectedTab: string, fields: IFormViewField[]) => string | HTMLElement",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IFormViewField": {
+              "location": "import",
+              "path": "../ez-form-view/interfaces"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um construtor. Isso permite personalizar o conte\u00FAdo do formul\u00E1rio"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define um construtor. Isso permite personalizar o conte\u00FAdo do formul\u00E1rio"
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezReady",
-      "name": "ezReady",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Evento disparado quando o formul\u00E1rio est\u00E1 dispon\u00EDvel na DOM."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "validate": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          },
-          "Record": {
-            "location": "import",
-            "path": "@sankhyalabs/core"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezReady",
+        "name": "ezReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando o formul\u00E1rio est\u00E1 dispon\u00EDvel na DOM."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validate": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "Record": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            },
+            "IValidationResult": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           },
-          "IValidationResult": {
-            "location": "import",
-            "path": "./interfaces"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Realiza valida\u00E7\u00E3o no conte\u00FAdo de todos os campos.",
-        "tags": []
+        "docs": {
+          "text": "Realiza valida\u00E7\u00E3o no conte\u00FAdo de todos os campos.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "config",
-      "methodName": "observeConfig"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "config",
+        "methodName": "observeConfig"
+      }];
+  }
 }

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

@@ -1,7 +1,10 @@
-import { Component, Element, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { fieldBuilder } from './fieldbuilder/FieldBuilder';
 import { ElementIDUtils } from '@sankhyalabs/core';
 export class EzFormView {
+  constructor() {
+    this.fields = undefined;
+  }
   groupFields(fields) {
     const result = new Map();
     fields.forEach(item => {
@@ -36,36 +39,42 @@ export class EzFormView {
   }
   static get is() { return "ez-form-view"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-form-view.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-form-view.css"]
-  }; }
-  static get properties() { return {
-    "fields": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<IFormViewField>",
-        "resolved": "IFormViewField[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IFormViewField": {
-            "location": "import",
-            "path": "./interfaces/IFormViewField"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-form-view.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-form-view.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "fields": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<IFormViewField>",
+          "resolved": "IFormViewField[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IFormViewField": {
+              "location": "import",
+              "path": "./interfaces/IFormViewField"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a lista de metadados usada para criar os campos de user interface."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a lista de metadados usada para criar os campos de user interface."
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -7,6 +7,5 @@ export const buildCheckBox = (field) => {
   return buildField(field.name, field.label, field.readOnly, false);
 };
 function buildField(fieldName, fieldLabel, readOnly, switchMode = false) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" },
-    h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, key: fieldName })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, key: fieldName })));
 }

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

@@ -9,6 +9,5 @@ export const buildComboBox = ({ name, label, readOnly, required, props }) => {
   else {
     options = prop;
   }
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-combo-box", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name, options: options })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-combo-box", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name, options: options })));
 };

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

@@ -1,13 +1,10 @@
 import { h } from "@stencil/core";
 export const buildDate = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 export const buildTime = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 export const buildDateTime = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-date-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-date-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };

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

@@ -1,5 +1,4 @@
 import { h } from "@stencil/core";
 export const buildFile = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" },
-    h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" }, h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };

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

@@ -8,6 +8,5 @@ export const buildInteger = ({ name, label, readOnly }) => {
   return buildNumeric(name, label, readOnly, 0, 0);
 };
 function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
 }

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

@@ -1,5 +1,4 @@
 import { h } from "@stencil/core";
 export const buildSearch = ({ name, label, readOnly, required }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-search", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-search", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name })));
 };

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

@@ -1,5 +1,4 @@
 import { h } from "@stencil/core";
 export const buildTextArea = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small", key: name },
-    h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small", key: name }, h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
 };

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

@@ -1,5 +1,4 @@
 import { h } from "@stencil/core";
 export const buildTextInput = ({ name, label, readOnly }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
-    h("ez-text-input", { label: label, "data-field-name": name, key: name, enabled: !readOnly })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" }, h("ez-text-input", { label: label, "data-field-name": name, key: name, enabled: !readOnly })));
 };

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

@@ -66,4 +66,4 @@ export default class Server {
   
       return currentLastRow <= request.endRow ? currentLastRow : -1;
     }
-  }*/ 
+  }*/