@sankhyalabs/ezui 1.1.40 → 1.1.41

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

@@ -67,10 +67,9 @@ export const Field = ({ dataUnit, field, forceScroll, enabled }) => {
       const target = getProp(properties, 'URL');
       const strHeaders = getProp(properties, 'HEADERS');
       const headers = strHeaders ? JSON.parse(strHeaders) : {};
+      const maxfiles = Number(getProp(properties, "maxfiles") || 0);
       return (h("div", { class: "col col--sd-12 padding--small" },
-        h("ez-upload", { onEzChange: (event) => {
-            changeFieldHandler(event.target['value']);
-          }, target: target, headers: headers, value: value })));
+        h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlupload: target, requestheaders: headers, maxfiles: maxfiles })));
     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: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));

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

@@ -21,14 +21,7 @@ export const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
       buttonProps.removeVisible ? h("ez-button", { key: du.name + '_remove', label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
       buttonProps.addVisible ? h("ez-button", { key: du.name + '_add', label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.reloadVisible ? h("ez-button", { key: du.name + '_reload', title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.cancelVisible ? h("ez-button", { key: du.name + '_cancel', label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => {
-          Application.confirm("Confirmar cancelamento", "Você perderá a edição atual do registro. Deseja continuar?", /*
-          getAssetPath("./assets/trash-can-outline.svg")*/ null, true).then(ok => {
-            if (ok) {
-              du.cancel();
-            }
-          });
-        }, class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.cancelVisible ? h("ez-button", { key: du.name + '_cancel', label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.saveVisible ? h("ez-button", { key: du.name + '_save', label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => du.save(), class: "button--primary margin-right--medium" }) : null);
   }
   else {

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

@@ -0,0 +1,89 @@
+export default class RemoteFile {
+  constructor(file) {
+    this.file = file;
+    this.size = file.size;
+    this.name = file.name;
+  }
+  abortUpload() {
+    if (this._uploadingXhr) {
+      this._aborted = true;
+      this._uploadingXhr.abort();
+      this._uploadingXhr = undefined;
+    }
+  }
+  isUploading() {
+    return this._uploadingXhr !== undefined;
+  }
+  async upload(server, headers, updateCallBack) {
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      this._uploadingXhr = xhr;
+      this._aborted = false;
+      this.progress = 0;
+      xhr.upload.onprogress = (e) => {
+        const loaded = e.loaded;
+        const total = e.total;
+        this.progress = ~~((loaded / total) * 100);
+        updateCallBack(this, loaded, total);
+      };
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState == 4) {
+          this._uploadingXhr = undefined;
+          const status = xhr.status;
+          if (!this._aborted) {
+            if (status === 0) {
+              reject("Servidor indisponível");
+            }
+            else if (status >= 500) {
+              reject("Erro inesperado no servidor");
+            }
+            else if (status >= 400) {
+              reject("Operação não permitida");
+            }
+          }
+          const response = xhr.response;
+          if (response) {
+            resolve(JSON.parse(response));
+          }
+        }
+      };
+      xhr.ontimeout = () => {
+        reject("Tempo limite de transferência atingido.");
+      };
+      const formData = new FormData();
+      formData.append("ARQUIVO", this.file, this.file.name);
+      xhr.open("POST", server, true);
+      if (headers) {
+        headers.forEach((value, key) => xhr.setRequestHeader(key, value));
+      }
+      xhr.send(formData);
+    });
+  }
+  async delete(item, server, headers) {
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState == 4) {
+          if (xhr.status === 0) {
+            reject("Servidor indisponível");
+          }
+          else if (xhr.status >= 500) {
+            reject("Erro inesperado no servidor");
+          }
+          else if (xhr.status >= 400) {
+            reject("Operação não permitida");
+          }
+          resolve(true);
+        }
+      };
+      xhr.ontimeout = () => {
+        reject("Tempo limite de remoção atingido.");
+      };
+      xhr.open("DELETE", server, true);
+      if (headers) {
+        headers.forEach((value, key) => xhr.setRequestHeader(key, value));
+      }
+      xhr.send(JSON.stringify(item));
+    });
+  }
+}

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

@@ -53,7 +53,6 @@
 
 .iu__container {
   width: 100%;
-  height: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -200,6 +199,22 @@ progress[value]::-webkit-progress-value {
   clip-path: path("M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z");
 }
 
+.iu__label{
+  padding: var(--space--small);
+  padding-top: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  
+  /*public*/
+  font-family: var(--iu--font-family);
+  font-size: var(--text--extra-small);
+  font-weight: var( --iu--font-weight);
+  color: var(--iu--text--primary);
+  text-shadow: var(--iu--text-shadow);
+}
+
 .iu__file-icon {
   outline: none;
   border: none;