@sankhyalabs/ezui 1.1.30 → 1.1.34

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

@@ -0,0 +1,198 @@
+import { Component, h, Prop, Method, Event } from '@stencil/core';
+export class EzDialog {
+  constructor() {
+    /**
+     * Define se o componente será utilizado no modo de confirmação.
+     */
+    this.confirm = false;
+    /**
+    * Define se o componente terá o visual de erro ou de aviso
+    */
+    this.critical = false;
+    /**
+     * Controla a exibição do componente
+     */
+    this.oppened = false;
+  }
+  handleButtonClick(selectedOption) {
+    this.oppened = false;
+    this.ezChange.emit(selectedOption);
+  }
+  render() {
+    if (this.oppened) {
+      return (h("div", { class: "overlay" },
+        h("div", { class: "dialog" },
+          h("div", { class: this.critical === true ? "dialog__critical--indicator" : "dialog__warning--indicator" }),
+          h("div", { class: "dialog__container" },
+            h("div", { class: "title__container" },
+              h("div", { class: "title__box" },
+                this.personalizedIconPath ?
+                  h("svg", { class: "iconePersonalizado", role: "img" },
+                    h("use", { xlinkHref: this.personalizedIconPath }))
+                  :
+                    h("div", { class: this.critical ? "title-icon title-icon--critical" : "title-icon" }),
+                h("div", { class: "title title--label" },
+                  h("h2", null, this.title))),
+              h("button", { class: "btn-close", onClick: () => { this.oppened = false; this.ezChange.emit("CANCEL"); } })),
+            h("div", { class: "text text--primary text--medium message" }, this.message),
+            this.confirm ?
+              h("div", { class: "button-yes-no__container" },
+                h("ez-button", { class: "button__no", mode: "link", label: "N\u00E3o", onClick: () => this.handleButtonClick("N") }),
+                h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick("S") }))
+              : undefined,
+            !this.confirm ?
+              h("div", { class: "button__ok--container" },
+                h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick("S") }))
+              : undefined))));
+    }
+    return null;
+  }
+  static get is() { return "ez-dialog"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-dialog.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-dialog.css"]
+  }; }
+  static get properties() { return {
+    "confirm": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define se o componente ser\u00E1 utilizado no modo de confirma\u00E7\u00E3o."
+      },
+      "attribute": "confirm",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "critical": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define se o componente ter\u00E1 o visual de erro ou de aviso"
+      },
+      "attribute": "critical",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "message": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Menssagem exibida dentro do Dialog"
+      },
+      "attribute": "message",
+      "reflect": false
+    },
+    "oppened": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Controla a exibi\u00E7\u00E3o do componente"
+      },
+      "attribute": "oppened",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "personalizedIconPath": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define o \u00EDcone a ser exibido ao lado do t\u00EDtulo do"
+      },
+      "attribute": "personalized-icon-path",
+      "reflect": false
+    },
+    "title": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define o t\u00EDtulo do componente."
+      },
+      "attribute": "title",
+      "reflect": false
+    }
+  }; }
+  static get events() { return [{
+      "method": "ezChange",
+      "name": "ezChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento disparado ao clicar em algum dos bot\u00F5es de confirma\u00E7\u00E3o."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }]; }
+  static get methods() { return {
+    "handleButtonClick": {
+      "complexType": {
+        "signature": "(selectedOption: any) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {},
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+}

package/dist/collection/components/ez-form/subcomponents/structure/Field.js

@@ -64,8 +64,9 @@ export const Field = ({ dataUnit, field, forceScroll }) => {
           }, ref: elem => scrollToView(forceScroll, elem), key: key }));
     case 'FILE':
       var target = properties.find(prop => prop.name === 'URL').value;
+      const token = localStorage.getItem('token');
       return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("ez-upload", { onEzChange: (event) => changeFieldHandler(event.target['value']), target: target })));
+        h("ez-upload", { onEzChange: (event) => changeFieldHandler(event.target['value']), target: target, headers: { 'Authorization': token } })));
     case 'DATE':
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
         h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: !readOnly, onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));

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

@@ -15,8 +15,7 @@ export class EzModal {
     this.closeoutsideclick = false;
     this.handleKeyboardEvent = (ev) => {
       if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Escape' && this.closeesc) {
-        this.oppened = false;
-        this.ezChange.emit(this.oppened);
+        this.closeModal();
       }
     };
   }
@@ -35,6 +34,10 @@ export class EzModal {
       document.removeEventListener('keydown', this.handleKeyboardEvent);
     }
   }
+  closeModal() {
+    this.oppened = false;
+    this.ezChange.emit(this.oppened);
+  }
   ///////
   // trapTabKey(e) {
   //   // Check for TAB key press
@@ -83,22 +86,26 @@ export class EzModal {
   componentDidLoad() {
     this.handleOppenedChange();
   }
+  onMouseDownHandler(event) {
+    if (this.closeoutsideclick && event.target === this._overlay) {
+      this.closeModal();
+    }
+  }
+  onWeelHandler(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  }
   //Ainda teremos ajustes visuais
   render() {
-    return (h(Host, null, this.oppened ?
-      h("div", { class: 'modal' /* ref={el => this._overlay = el} */ /* onClick={(ev) => this.handleClickOverlay(ev)} */ },
-        this.align === 'left'
-          ?
-            h("div", { class: "modal__container modal__container--left" },
-              h("div", { class: "modal__content modal__content--left " + this.modalsize },
-                h("slot", null)))
-          : undefined,
-        this.align === 'right' ?
-          h("div", { class: "modal__container modal__container--right" },
-            h("div", { class: "modal__content modal__content--right " + this.modalsize },
-              h("slot", null)))
-          : undefined)
-      : undefined));
+    const positionSufix = this.align === "left" ? "left" : "right";
+    return (h(Host, null, this.oppened
+      ?
+        h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt), onWheel: evt => this.onWeelHandler(evt) },
+          h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref },
+            h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalsize}` },
+              h("slot", null))))
+      :
+        undefined));
   }
   static get is() { return "ez-modal"; }
   static get encapsulation() { return "shadow"; }
@@ -111,7 +118,7 @@ export class EzModal {
   static get properties() { return {
     "modalsize": {
       "type": "string",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "string",
         "resolved": "string",
@@ -124,11 +131,11 @@ export class EzModal {
         "text": "Define o tamanho do modal devem ser utilizados os tamanhos definidos de colunas como \"col-sd-3\""
       },
       "attribute": "modalsize",
-      "reflect": true
+      "reflect": false
     },
     "align": {
       "type": "string",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "string",
         "resolved": "string",
@@ -141,11 +148,11 @@ export class EzModal {
         "text": "Define o alinhamento do modal, seus valores podem ser 'right' ou 'left'"
       },
       "attribute": "align",
-      "reflect": true
+      "reflect": false
     },
     "oppened": {
       "type": "boolean",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -158,12 +165,12 @@ export class EzModal {
         "text": "Controle de exibi\u00E7\u00E3o do Modal"
       },
       "attribute": "oppened",
-      "reflect": true,
+      "reflect": false,
       "defaultValue": "true"
     },
     "closeesc": {
       "type": "boolean",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -176,12 +183,12 @@ export class EzModal {
         "text": "Define se o modal ser\u00E1 fechado ao digitar ESC"
       },
       "attribute": "closeesc",
-      "reflect": true,
+      "reflect": false,
       "defaultValue": "false"
     },
     "closeoutsideclick": {
       "type": "boolean",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -194,7 +201,7 @@ export class EzModal {
         "text": "Define se o modal ser\u00E1 fechado ao clicar fora do conte\u00FAdo."
       },
       "attribute": "closeoutsideclick",
-      "reflect": true,
+      "reflect": false,
       "defaultValue": "false"
     }
   }; }