@sankhyalabs/ezui 4.6.0 → 4.7.0

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

@@ -8,7 +8,6 @@
 
 .modal {
   position: fixed;
-  padding: var(--ez-modal-vertical-padding) 0;
   display: flex;
   top: 0px;
   z-index: var(--ez-modal-z-index);
@@ -20,6 +19,10 @@
   background: rgba(0, 4, 12, 0.4);
 }
 
+.modal__vertical-padding{
+  padding: var(--ez-modal-vertical-padding) 0;
+}
+
 @keyframes expand-modal--left {
   from {
     transform: translate(-100%)
@@ -60,7 +63,6 @@
   overflow-y: auto;
   background-color: rgb(255, 255, 255);
   padding: 24px;
-  border-radius: 12px 0px 0px 12px;
   box-shadow: rgb(0 38 111 / 12%) 0px 0px 16px 0px;
 }
 

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

@@ -8,6 +8,7 @@ export class EzModal {
     };
     this.modalSize = undefined;
     this.align = undefined;
+    this.heightMode = "regular";
     this.opened = true;
     this.closeEsc = false;
     this.closeOutsideClick = false;
@@ -39,9 +40,11 @@ export class EzModal {
   }
   render() {
     const positionSufix = this.align === "left" ? "left" : "right";
+    const regularVerticalPaddingClass = this.heightMode === "regular" ? 'modal__vertical-padding' : '';
+    const modalContentHeightMode = this.heightMode === "regular" ? `modal__content--${positionSufix}` : '';
     return (h(Host, null, this.opened
       ?
-        h("div", { class: "modal", onMouseDown: evt => this.onMouseDownHandler(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))))
+        h("div", { class: `modal ${regularVerticalPaddingClass}`, onMouseDown: evt => this.onMouseDownHandler(evt) }, h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, h("div", { class: `modal__content ${modalContentHeightMode} ${this.modalSize}` }, h("slot", null))))
       :
         undefined));
   }
@@ -93,6 +96,28 @@ export class EzModal {
         "attribute": "align",
         "reflect": false
       },
+      "heightMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "keyof THeightMode",
+          "resolved": "\"full\" | \"regular\"",
+          "references": {
+            "THeightMode": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espa\u00E7o dispon\u00EDvel."
+        },
+        "attribute": "height-mode",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
       "opened": {
         "type": "boolean",
         "mutable": true,

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

@@ -35,6 +35,7 @@
   --ez-upload--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
   /*@doc Define a cor dos textos do componente.*/
   --ez-upload--text--primary: var(--text-primary, #626e82);
+  --ez-upload--text--secondary: var(--text-secondary, #a2abb9);
   /*@doc Define o tamanho dos textos do componente.*/
   --ez-upload--font-size: var(--text--medium, 14px);
   /*@doc Define a família dos textos do componente.*/
@@ -178,6 +179,14 @@ progress[value]::-webkit-progress-value {
   align-items: center;
 }
 
+.padding-large {
+  padding: var(--ez-upload--padding--large) 0px;
+}
+
+.padding-extra-small {
+  padding: var(--ez-upload--padding--extra-small) 0px;
+}
+
 .text {
   font-family: var(--font-pattern, "Roboto");
   text-shadow: 0 0 0 #353535, 0 0 1px transparent;
@@ -188,6 +197,11 @@ progress[value]::-webkit-progress-value {
   text-shadow: var(--ez-upload--text-shadow);
 }
 
+.text--secondary{
+  color: var(--ez-upload--text--secondary);
+  text-shadow: var(--ez-upload--text-shadow);
+}
+
 .text--ellipsis {
   white-space: nowrap;
   overflow: hidden;
@@ -269,7 +283,6 @@ progress[value]::-webkit-progress-value {
   justify-content: center;
   display: flex;
   cursor: pointer;
-  padding: var(--ez-upload--padding--large) 0px;
   box-sizing: border-box;
 }
 

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

@@ -6,6 +6,7 @@ export class EzUpload {
   constructor() {
     this._filePointers = new Map();
     this.label = undefined;
+    this.subtitle = undefined;
     this.enabled = true;
     this.maxFileSize = undefined;
     this.maxFiles = undefined;
@@ -246,7 +247,8 @@ export class EzUpload {
     }
   }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
+    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: "padding-large" }, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura")), this.subtitle &&
+      h("div", { class: this.evalDisabledClass("padding-extra-small text text--center text--small text--secondary", "text--disabled") }, this.subtitle))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -305,6 +307,23 @@ export class EzUpload {
         "attribute": "label",
         "reflect": false
       },
+      "subtitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o subt\u00EDtulo utilizado no campo de upload"
+        },
+        "attribute": "subtitle",
+        "reflect": false
+      },
       "enabled": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/utils/form/DataBinder.js

@@ -12,7 +12,6 @@ export default class DataBinder {
         case Action.RECORDS_COPIED:
         case Action.EDITION_CANCELED:
         case Action.SELECTION_CHANGED:
-        case Action.SELECTION_REMOVED:
         case Action.NEXT_SELECTED:
         case Action.PREVIOUS_SELECTED:
           this.clearInvalid();