@sankhyalabs/sankhyablocks 1.3.31-beta.14 → 1.3.31-beta.17

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

@@ -1,5 +1,5 @@
 import { ApplicationContext } from '@sankhyalabs/core';
-import { Component, Element, Event, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 export class SnkForm {
   getFormConfig() {
     return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
@@ -94,125 +94,125 @@ export class SnkForm {
     if (!this._configLoaded || !this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (h("section", { class: "snk-form" },
-      h("div", { class: "snk-form__header snk-form__header--fixed ez-row" },
-        h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" },
-          h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }),
-          h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))),
-        h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" },
-          h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))),
-      h("section", null,
-        h("div", { class: "ez-row" },
-          h("div", { class: "ez-col ez-col--sd-12" },
-            h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
+    return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
   }
   static get is() { return "snk-form"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["snk-form.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["snk-form.css"]
-  }; }
-  static get properties() { return {
-    "configName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-form.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-form.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+        },
+        "attribute": "config-name",
+        "reflect": false
       },
-      "attribute": "config-name",
-      "reflect": false
-    },
-    "recordsValidator": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RecordValidator",
-        "resolved": "RecordValidator",
-        "references": {
-          "RecordValidator": {
-            "location": "import",
-            "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+      "recordsValidator": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RecordValidator",
+          "resolved": "RecordValidator",
+          "references": {
+            "RecordValidator": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro"
-      }
-    },
-    "actionsList": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<Action>",
-        "resolved": "Action[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "Action": {
-            "location": "import",
-            "path": "../snk-taskbar/snk-taskbar"
+      "actionsList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
-      }
-    }
-  }; }
-  static get states() { return {
-    "_dataUnit": {},
-    "_configLoaded": {},
-    "_dataState": {},
-    "_editionFormConfig": {},
-    "_insertionFormConfig": {}
-  }; }
-  static get events() { return [{
-      "method": "exit",
-      "name": "exit",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando o bot\u00E3o de voltar \u00E9 acionado"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
       }
-    }, {
-      "method": "actionClick",
-      "name": "actionClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "_dataUnit": {},
+      "_configLoaded": {},
+      "_dataState": {},
+      "_editionFormConfig": {},
+      "_insertionFormConfig": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "exit",
+        "name": "exit",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o bot\u00E3o de voltar \u00E9 acionado"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -1,5 +1,18 @@
-:host {
+.snk-grid__container{
   display: flex;
   height: 100%;
   width: 100%;
 }
+
+.snk-grid__header{
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+
+.snk-grid__filter-bar{
+  width: 100%;
+}
+.snk-grid__header-divider{
+  margin-bottom: var(--space--small);
+}

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

@@ -1,5 +1,5 @@
 import { ApplicationContext } from '@sankhyalabs/core';
-import { Component, Element, h, Prop, State, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 export class SnkGrid {
   getHeaderButtons() {
@@ -48,103 +48,104 @@ export class SnkGrid {
     if (!this._configLoaded || !this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" },
-      h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" },
-        h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" },
-          h("slot", { name: "SnkGridHeader" })),
-        h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" },
-          h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))),
-      h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() },
-        h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })),
-      h("div", { class: "ez-col ez-col--sd-12" },
-        h("slot", { name: "SnkGridFooter" }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { class: "snk-grid__filter-bar ez-align--top" }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["snk-grid.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["snk-grid.css"]
-  }; }
-  static get properties() { return {
-    "configName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o"
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-grid.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-grid.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o"
+        },
+        "attribute": "config-name",
+        "reflect": false
       },
-      "attribute": "config-name",
-      "reflect": false
-    },
-    "actionsList": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<Action>",
-        "resolved": "Action[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "Action": {
-            "location": "import",
-            "path": "../snk-taskbar/snk-taskbar"
+      "actionsList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
-      }
-    }
-  }; }
-  static get states() { return {
-    "_dataUnit": {},
-    "_configLoaded": {},
-    "_dataState": {},
-    "_gridConfig": {}
-  }; }
-  static get events() { return [{
-      "method": "actionClick",
-      "name": "actionClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
       }
-    }, {
-      "method": "gridDoubleClick",
-      "name": "gridDoubleClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido sempre que houver duplo click na grade"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "_dataUnit": {},
+      "_configLoaded": {},
+      "_dataState": {},
+      "_gridConfig": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "gridDoubleClick",
+        "name": "gridDoubleClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver duplo click na grade"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "_element"; }
 }

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

@@ -1,5 +1,5 @@
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { Component, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class SnkPesquisa {
   constructor() {
     this._mdByName = {};
@@ -292,92 +292,93 @@ export class SnkPesquisa {
   }
   render() {
     var _a;
-    return (h(Host, null,
-      h("div", { class: "snk-pesquisa" },
-        h("div", { class: "snk-pesquisa__input" },
-          h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument },
-            h("ez-icon", { slot: "leftIcon", iconName: "search" }),
-            this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
-              ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() },
-                h("ez-icon", { iconName: "close" }))
-              : undefined),
-          h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })),
-        h("label", { class: "snk-pesquisa__records" }, this.getMessageView()),
-        h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
-          return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-        })))));
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+      ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    })))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["snk-pesquisa.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["snk-pesquisa.css"]
-  }; }
-  static get properties() { return {
-    "searchLoader": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Function",
-        "resolved": "Function",
-        "references": {
-          "Function": {
-            "location": "global"
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-pesquisa.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-pesquisa.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "searchLoader": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Function",
+          "resolved": "Function",
+          "references": {
+            "Function": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "selectItem": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Function",
-        "resolved": "Function",
-        "references": {
-          "Function": {
-            "location": "global"
+      "selectItem": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Function",
+          "resolved": "Function",
+          "references": {
+            "Function": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "argument": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "argument",
+        "reflect": false
       }
-    },
-    "argument": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "argument",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "_itemList": {},
-    "_startLoading": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "argument",
-      "methodName": "observeArgument"
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "_itemList": {},
+      "_startLoading": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "argument",
+        "methodName": "observeArgument"
+      }];
+  }
 }