@sankhyalabs/sankhyablocks 10.1.0-dev.37 → 10.1.0-dev.39

package/dist/collection/components/snk-actions-button/snk-actions-button.js

@@ -16,6 +16,7 @@ export class SnkActionsButton {
       action.execute(Object.assign({}, selectedAction));
       this._showDropdown = false;
     };
+    this.size = 'medium';
     this._items = [];
     this._showDropdown = false;
   }
@@ -65,12 +66,13 @@ export class SnkActionsButton {
     document.addEventListener("scroll", this.positionDropdown.bind(this));
   }
   async componentWillLoad() {
+    var _a, _b;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
-    this._entityName = this._dataUnit.name.split('/')[2];
+    this._entityName = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split('/')[2];
     if (this._resourceID == undefined) {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
@@ -110,9 +112,9 @@ export class SnkActionsButton {
   }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
-      (h("div", { class: `ez-padding-left--medium snk-actions-button
+      (h("div", { class: `snk-actions-button
                             ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-                        ` }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", size: "small", mode: "icon", title: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined), onClick: () => this.controlDropdown() }, this.getElementID("button"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
+                        ` }, h("ez-tooltip", { message: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined) }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
           "snk-actions-button__dropdown--show" :
           "snk-actions-button__dropdown"}
                             ` }, this.getElementID("dropdown")), (this.canShowDropdown()) &&
@@ -131,6 +133,28 @@ export class SnkActionsButton {
       "$": ["snk-actions-button.css"]
     };
   }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do bot\u00E3o, podendo ser 'small', 'medium' ou 'large'."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'medium'"
+      }
+    };
+  }
   static get states() {
     return {
       "_items": {},

package/dist/collection/components/snk-attach/snk-attach.css

@@ -1,14 +1,36 @@
-.snk-attach__header, .snk-attach__crud-section {
-  padding: 0 var(--space--lg);
+.snk-attach__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space--6, 6px);
+}
+
+.snk-attach__header > section {
+  display: flex;
+  align-items: center;
 }
 
 .snk-attach__file-info {
-  padding: var(--space--small);
-    max-width: 50%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--space--8, 8px);
 }
-.snk-attach__main{
-  height: 85%;
+
+.snk-attach__main {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
-.ez-box__container{
+
+.ez-box__container {
   height: 100%;
 }
+
+.snk-attach__crud-section {
+  padding: 1px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}

package/dist/collection/components/snk-attach/snk-attach.js

@@ -21,20 +21,21 @@ export class SnkAttach {
     this.handleBack = () => {
       this._currentDataUnit.cancelEdition().then((cancelationConfirmed) => {
         if (cancelationConfirmed)
-          this.back.emit();
+          this.close();
       });
     };
     this.handleFinish = () => {
       if (!this._currentDataUnit.isDirty())
-        return this.back.emit();
+        return this.close();
       if (!this.validateAnexoSistema()) {
         return;
       }
       this._currentDataUnit.saveData().then(() => {
         this.showFinishedToast();
-        this.back.emit();
+        this.close();
       });
     };
+    this._isOpen = false;
     this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
@@ -47,6 +48,40 @@ export class SnkAttach {
     this._currentDataUnit = undefined;
     this.crudConfig = undefined;
   }
+  // Garante que o popup só abre via método open()
+  // Não há mais caminhos alternativos de abertura
+  /**
+   * Abre o popup do SnkAttach.
+   */
+  /**
+   * Abre o popup do SnkAttach.
+   * Inicializa o componente apenas na abertura.
+   */
+  async open() {
+    this._isOpen = true;
+    // Inicialização só ocorre na abertura
+    if (!this._currentDataUnit) {
+      await this.initAttach();
+    }
+    if (this._refPopup) {
+      this._refPopup.opened = true;
+    }
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
+    if (this._currentDataUnit == null) {
+      this.loadAttachmentDataUnit();
+    }
+  }
+  /**
+   * Fecha o popup do SnkAttach.
+   */
+  async close() {
+    this._isOpen = false;
+    if (this._refPopup) {
+      this._refPopup.opened = false;
+    }
+  }
   async registerKeyWatcher(newRegisterKey, oldRegisterKey) {
     var _a;
     if (this._currentDataUnit == null) {
@@ -242,16 +277,9 @@ export class SnkAttach {
   }
   async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    await this.initAttach();
-  }
-  componentWillRender() {
-    if (!this.fetcherType) {
-      this.fetcherType = "AnexoSistema";
-    }
-    if (this._currentDataUnit == null) {
-      this.loadAttachmentDataUnit();
-    }
+    // Não inicializa DataUnit aqui, só na abertura
   }
+  // Removido: não inicializa DataUnit no ciclo de vida, apenas na abertura
   async handleOnDataStateChange({ detail }) {
     if (this.fetcherType !== 'Attach')
       return;
@@ -271,9 +299,7 @@ export class SnkAttach {
   }
   render() {
     var _a, _b;
-    if (!this._currentDataUnit)
-      return null;
-    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName() }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
+    return (h("ez-popup", { ref: (el) => this._refPopup = el, size: 'x-large', ezTitle: this.getMessage("snkAttach.title"), useHeader: false, autoClose: false, onEzClosePopup: () => this.close() }, this._isOpen && this._currentDataUnit && (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("section", null, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.handleBack() }), h("div", { class: "snk-attach__file-info" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))), h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })), h("div", { class: "snk-attach__crud-section" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName(), outlineMode: true }))))));
   }
   static get is() { return "snk-attach"; }
   static get encapsulation() { return "scoped"; }
@@ -446,6 +472,7 @@ export class SnkAttach {
   }
   static get states() {
     return {
+      "_isOpen": {},
       "_currentFetcher": {},
       "_currentDataUnit": {},
       "crudConfig": {}
@@ -453,14 +480,14 @@ export class SnkAttach {
   }
   static get events() {
     return [{
-        "method": "back",
-        "name": "back",
+        "method": "ezClosePopup",
+        "name": "ezClosePopup",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Evento disparado quando o usu\u00E1rio clica no bot\u00E3o voltar."
+          "text": "Evento emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
         },
         "complexType": {
           "original": "void",
@@ -469,6 +496,42 @@ export class SnkAttach {
         }
       }];
   }
+  static get methods() {
+    return {
+      "open": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Abre o popup do SnkAttach.\nInicializa o componente apenas na abertura.",
+          "tags": []
+        }
+      },
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Fecha o popup do SnkAttach.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get watchers() {
     return [{
         "propName": "registerKey",

package/dist/collection/components/snk-crud/snk-crud.css

@@ -3,4 +3,50 @@
   flex-direction: column;
   height: 100%;
   width: 100%;
+  overflow-y: auto;
+  scrollbar-gutter: stable both-edges;
+}
+
+snk-grid {
+  --snk-grid-padding: 0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px);
+}
+stack-item.sc-snk-crud {
+  display: grid;
+  min-height: 100%;
+}
+
+.snk-crud__grid-stack-item {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  padding: 0 var(--space--2, 2px);
+}
+
+.snk-crud__header-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--space--8, 8px);
+  padding-top: var(--space--12, 12px);
+}
+
+.snk-crud__header-bottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 var(--space--8, 8px) 0 var(--space--6, 6px);
+}
+
+.snk-crud__header-bottom > snk-taskbar {
+  padding-bottom: var(--space--8, 8px);
+  margin-left: var(--space--12, 12px);
+}
+
+.snk-crud--hidden {
+  display: none !important;
+}
+
+ez-record-navigation, ez-grid-pagination {
+  margin-bottom: var(--space--8, 8px);
 }