@sankhyalabs/sankhyablocks 5.4.3 → 5.6.0

package/dist/cjs/snk-select-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
-const constants = require('./constants-ae0ed870.js');
+const constants = require('./constants-3787fa32.js');
 
 const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
 

package/dist/cjs/{snk-simple-crud.cjs.entry.js → snk-simple-bar_2.cjs.entry.js}

@@ -4,15 +4,52 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-ae0ed870.js');
-const taskbarElements = require('./taskbar-elements-5e87cf44.js');
+const constants = require('./constants-3787fa32.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 require('./DataFetcher-a9d0228f.js');
 require('./pesquisa-fetcher-954b74c3.js');
 const index$1 = require('./index-f400b1d6.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-require('./index-fc7ca86c.js');
+require('./index-de79181a.js');
 require('./_commonjsHelpers-537d719a.js');
 
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.clickBreadcrumbItem = index.createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = index.createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-simple-bar.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    core.ElementIDUtils.addIDInfo(this._element);
+    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (index.h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, index.h("div", { class: "simple-bar__left-slot" }, index.h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), index.h("div", { class: "simple-bar__column" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), index.h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), index.h("div", { class: "simple-bar__right-slot" }, index.h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return index.getElement(this); }
+};
+SnkSimpleBar.style = snkSimpleBarCss;
+
 class InMemoryLoader {
   constructor(metadata, records) {
     this.records = records || [];
@@ -146,6 +183,9 @@ const SnkSimpleCrud = class {
     this.dataState = undefined;
     this.dataUnit = undefined;
     this.mode = constants.SIMPLE_CRUD_MODE.SERVER;
+    this.gridConfig = undefined;
+    this.formConfig = undefined;
+    this.useCancelConfirm = true;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
   }
@@ -250,7 +290,9 @@ const SnkSimpleCrud = class {
       fieldMetadata.push(field);
     });
     if (fieldMetadata.length > 0) {
-      this._config = formConfig;
+      if (!this.formConfig) {
+        this.formConfig = formConfig;
+      }
       this._metadata = {
         name: "SimpleCrud",
         label: "SimpleCrud",
@@ -274,7 +316,7 @@ const SnkSimpleCrud = class {
   }
   render() {
     var _a;
-    return (index.h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(constants.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: "ez-flex ez-box ez-box--shadow" }, index.h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: index$1.PresentationMode.SECONDARY }), index.h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), "no-header": true }, index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, index.h("ez-form", { dataUnit: this.dataUnit, config: this._config }))))));
+    return (index.h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(constants.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: "ez-flex ez-box ez-box--shadow" }, index.h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: index$1.PresentationMode.SECONDARY }), index.h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), config: this.gridConfig, "no-header": true }, index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, index.h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {
@@ -284,4 +326,5 @@ const SnkSimpleCrud = class {
 };
 SnkSimpleCrud.style = snkSimpleCrudCss;
 
+exports.snk_simple_bar = SnkSimpleBar;
 exports.snk_simple_crud = SnkSimpleCrud;

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-ae0ed870.js');
+const constants = require('./constants-3787fa32.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkTabConfigCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}.sc-snk-tab-config-h{--snk-tab-config--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--snk-tab-config--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--snk-tab-config__lower-bar--background-color:var(--color--disable-primary, #e5eaf0);--snk-tab-config__lower-bar--border:2px solid var(--color--disable-primary, #e5eaf0);--snk-tab-config__tab--color:var(--text--primary, #626e82);--snk-tab-config__tab--font-family:var(--font-pattern, \"Roboto\");--snk-tab-config__tab--font-size:var(--title--small, 14px);--snk-tab-config__tab--padding:var(--space--small, 6px) var(--space--medium, 12px);--snk-tab-config__tab-is-active--color:var(--color--primary, #008561);--snk-tab-config__tab-hover--color:var(--color--secondary, #383c45);--snk-tab-config__tab-is-focused--border:1px dashed var(--color--primary, #008561);--snk-tab-config__tab-label--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--snk-tab-config__tab-label--margin-bottom:var(--space--extra-small, 3px);--snk-tab-config__new-button-icon--color:var(--color--secondary-700, #1C1D22);--snk-tab-config__forward-button--background-color:var(--text--primary, #626e82);--snk-tab-config__forward-button-hover--background-color:var(--color--primary, #008561);--snk-tab-config__left-icon--padding-right:var(--space--small, 6px);--snk-tab-config__left-icon--color:var(--text--disable, #AFB6C0);--snk-tab-config__tab-label-disabled--color:var(--text--disable, #AFB6C0);--snk-tab-config__slot--margin-left:var(--space--small, 6px);display:flex;position:relative;width:100%;overflow:hidden}.tab-config__scroll.sc-snk-tab-config{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.tab-config__lower-bar.sc-snk-tab-config{position:absolute;left:0%;right:0%;top:91%;bottom:0%;border-radius:2px;background-color:var(--snk-tab-config__lower-bar--background-color);border:var(--snk-tab-config__lower-bar--border)}.tab-config__tab.sc-snk-tab-config{display:flex;border:none;background-color:unset;cursor:pointer;align-items:center;justify-content:center;min-width:fit-content;color:var(--snk-tab-config__tab--color);font-family:var(--snk-tab-config__tab--font-family);font-size:var(--snk-tab-config__tab--font-size);padding:var(--snk-tab-config__tab--padding)}.tab-config__tab.sc-snk-tab-config:focus,.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{outline:none}.tab-config__tab--is-active.sc-snk-tab-config{position:relative;color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-active.sc-snk-tab-config::after{content:\"\";position:absolute;width:100%;height:100%;clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out;background-color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-focused.sc-snk-tab-config{border:var(--snk-tab-config__tab-is-focused--border)}.tab-config__tab-label.sc-snk-tab-config{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--snk-tab-config__tab-label--text-shadow);margin-bottom:var(--snk-tab-config__tab-label--margin-bottom)}.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__new-button-icon--color)}.tab-config__backward-button.sc-snk-tab-config{left:0px;box-shadow:10px 10px 5px 5px white;background:white}.tab-config__forward-button.sc-snk-tab-config{box-shadow:10px 10px 5px 20px white;background:white}.tab-config__forward-button.sc-snk-tab-config::after,.tab-config__backward-button.sc-snk-tab-config::after{content:'';display:flex;width:10px;height:16px;background-color:var(--snk-tab-config__forward-button--background-color)}.tab-config__forward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--forward-icon);mask-image:var(--snk-tab-config--forward-icon)}.tab-config__backward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--backward-icon);mask-image:var(--snk-tab-config--backward-icon)}.tab-config__forward-button.sc-snk-tab-config:hover::after,.tab-config__backward-button.sc-snk-tab-config:hover::after{background-color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__new-button.sc-snk-tab-config:hover ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__hidden.sc-snk-tab-config{display:none}.tab-config__scroll.sc-snk-tab-config::-webkit-scrollbar{display:none}.tab-config__left-icon.sc-snk-tab-config{padding-right:var(--snk-tab-config__left-icon--padding-right);--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__left-icon--eye-off.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__right-icon.sc-snk-tab-config{visibility:hidden;padding-left:var(--snk-tab-config__left-icon--padding-right)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{visibility:visible}.tab-config__tab--is-active.sc-snk-tab-config .tab-config__right-icon.sc-snk-tab-config{visibility:visible;--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__actions-button.sc-snk-tab-config{--ez-actions-button__btn-action--min-width:100px;visibility:hidden;opacity:0;transition:visibility 1s linear, opacity 0.3s linear}.tab-config__tab.sc-snk-tab-config:hover .tab-config__actions-button.sc-snk-tab-config{visibility:visible;opacity:1;transition:visibility 0.2s linear, opacity 0.10s linear}[data-draggable-element].sc-snk-tab-config{cursor:grab}.tab-config__tab-label-disabled.sc-snk-tab-config{color:var(--snk-tab-config__tab-label-disabled--color)}.tab-config__slot.sc-snk-tab-config{margin-left:var(--snk-tab-config__slot--margin-left)}";

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-5e87cf44.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 const index$1 = require('./index-f400b1d6.js');
-require('./index-fc7ca86c.js');
+require('./index-de79181a.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 
@@ -28,7 +28,8 @@ const SnkTaskbar = class {
       [taskbarElements.TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [taskbarElements.TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [taskbarElements.TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
-      [taskbarElements.TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
+      [taskbarElements.TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
+      [taskbarElements.TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
     this.configName = undefined;
@@ -135,7 +136,8 @@ const SnkTaskbar = class {
     if (index > 1) {
       className += "ez-padding-left--medium";
     }
-    if (taskbarElements.TaskbarElement[def.toString()]) {
+    const taskbarElement = taskbarElements.TaskbarElement[def.toString()];
+    if (taskbarElement) {
       return taskbarElements.buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName, this.presentationMode);
     }
     else {

package/dist/cjs/{taskbar-elements-5e87cf44.js → taskbar-elements-bc2598f9.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-21bd01e1.js');
 const index$2 = require('./index-f400b1d6.js');
-const index$1 = require('./index-fc7ca86c.js');
+const index$1 = require('./index-de79181a.js');
 
 exports.TaskbarElement = void 0;
 (function (TaskbarElement) {
@@ -21,6 +21,7 @@ exports.TaskbarElement = void 0;
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
+  TaskbarElement["ATTACH"] = "ATTACH";
 })(exports.TaskbarElement || (exports.TaskbarElement = {}));
 exports.AuthorizationElements = void 0;
 (function (AuthorizationElements) {
@@ -93,6 +94,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case exports.TaskbarElement.DATA_EXPORTER:
       const provider = (_a = index$1.store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
+    case exports.TaskbarElement.ATTACH:
+      return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {

package/dist/collection/collection-manifest.json

@@ -7,6 +7,8 @@
     "./components/snk-filter-bar/filter-list/snk-filter-list.js",
     "./components/snk-filter-bar/filter-modal/snk-filter-modal.js",
     "./components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js",
+    "./components/snk-simple-crud/snk-simple-crud.js",
+    "./components/snk-attach/snk-attach.js",
     "./components/snk-configurator/snk-configurator.js",
     "./components/snk-crud/snk-crud.js",
     "./components/snk-crud/subcomponents/snk-guides-viewer.js",
@@ -32,10 +34,11 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid/subcomponents/snk-select-box/snk-select-box.js",
+    "./components/snk-personalized-filter/snk-personalized-filter.js",
+    "./components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js",
     "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
-    "./components/snk-simple-crud/snk-simple-crud.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+.snk-attach__header, .snk-attach__crud-section {
+  padding: 0 var(--space--lg);
+}
+
+.snk-attach__file-info {
+  padding: var(--space--small);
+    max-width: 50%;
+}

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

@@ -0,0 +1,202 @@
+import { h } from "@stencil/core";
+import { ApplicationContext } from "@sankhyalabs/core";
+import { AttachFetcher } from "../../lib/http/data-fetcher/fetchers/attach-fetcher";
+import { VIEW_MODE } from "../../lib/utils/constants";
+import DataUnitFetcher from "../../lib/http/data-fetcher/fetchers/dataunit-fetcher";
+import { AttachmentDataUnitBuilder, buildTaskBarManager, crudConfig } from "./structure";
+const RESOURCE_ID = 'AnexoSistema';
+const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+export class SnkAttach {
+  constructor() {
+    this.handleTaskbarClick = ({ detail: taskbar }) => {
+      if (["DOWNLOAD", "LINK"].includes(taskbar))
+        return this.downloadAttachment(this.dataUnit.getSelectedRecord());
+    };
+    this.handleBack = () => {
+      this.dataUnit.cancelEdition().then((cancelationConfirmed) => {
+        if (cancelationConfirmed)
+          this.back.emit();
+      });
+    };
+    this.handleFinish = () => {
+      if (!this.dataUnit.isDirty())
+        return this.back.emit();
+      this.dataUnit.saveData().then(() => {
+        this.showFinishedToast();
+        this.back.emit();
+      });
+    };
+    this.registerKey = undefined;
+    this.entityName = undefined;
+    this.messagesBuilder = undefined;
+    this.dataUnit = undefined;
+    this.crudConfig = {};
+  }
+  registerKeyWatcher(newRegisterKey, oldRegisterKey) {
+    var _a;
+    if (oldRegisterKey !== newRegisterKey) {
+      this.returnToGridMode();
+      this._attachFetcher = new AttachFetcher(this.entityName, this.registerKey, (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      this._dataUnitBuilder.initLoaders(this.dataUnit, this._attachFetcher, () => { this.returnToGridMode(); });
+      this.dataUnit.loadData();
+    }
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-attach.msg.ts"
+  */
+  getMessage(key, params) {
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+  }
+  showFinishedToast() {
+    this._application.info(this.getMessage('snkAttach.finishedMessage'), { iconName: "check" });
+  }
+  downloadAttachment(selectedRecord) {
+    if (!selectedRecord)
+      throw new Error('Nenhum registro selecionado');
+    if (selectedRecord.LINK) {
+      window.open(`${selectedRecord.LINK}`);
+      return;
+    }
+    this._attachFetcher.getDownloadKey(selectedRecord).then(({ chave }) => {
+      window.open(`/mge/visualizadorArquivos.mge?chaveArquivo=${chave.valor}&forcarDownload=S`);
+    });
+  }
+  returnToGridMode() {
+    this.dataUnit.clearSelection();
+    if (this._crudElement)
+      this._crudElement.goToView(VIEW_MODE.GRID);
+  }
+  loadAttachmentDataUnit() {
+    var _a;
+    try {
+      const dataUnit = this.dataUnit || new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
+      this._attachFetcher = new AttachFetcher(this.entityName, this.registerKey, (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      if (!dataUnit.metadata)
+        dataUnit.loadMetadata().then(() => {
+          this.crudConfig = crudConfig;
+        });
+      this._dataUnitBuilder = new AttachmentDataUnitBuilder(this.entityName, this.getMessage.bind(this));
+      dataUnit.addFilterProvider({ getFilter: () => this._dataUnitBuilder.getFilters(this.registerKey) });
+      dataUnit.addInterceptor({ interceptAction: (action) => this._dataUnitBuilder.getInterceptions(dataUnit, action, this._crudElement) });
+      this.dataUnit = dataUnit;
+      this.dataUnit.loadData();
+      return this.dataUnit;
+    }
+    catch (error) {
+      throw new Error('There was an error while creating the data unit');
+    }
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadAttachmentDataUnit();
+  }
+  render() {
+    if (!this.dataUnit)
+      return null;
+    return (h("main", null, 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.dataUnit, taskbarManager: buildTaskBarManager(), gridConfig: this.crudConfig.grid, formConfig: this.crudConfig.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick }, 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" }, this.getMessage("snkAttach.description")))))))));
+  }
+  static get is() { return "snk-attach"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-attach.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-attach.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "registerKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identifica\u00E7\u00E3o do registro pai."
+        },
+        "attribute": "register-key",
+        "reflect": false
+      },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade \u00E0 ser utilizada para relacionar o anexo ao DataUnit pai."
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "dataUnit": {},
+      "crudConfig": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "back",
+        "name": "back",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando o usu\u00E1rio clica no bot\u00E3o voltar."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "registerKey",
+        "methodName": "registerKeyWatcher"
+      }];
+  }
+}

package/dist/collection/components/snk-attach/structure/crud-config-builder.js

@@ -0,0 +1,37 @@
+export const crudConfig = {
+  grid: {
+    columns: [
+      { name: "ARQUIVOOULINK", orderIndex: 0, width: 0 },
+      { name: "DESCRICAO", orderIndex: 1, width: 0 },
+      { name: "DHCAD", orderIndex: 2, width: 0 },
+      { name: "DHALTER", orderIndex: 3, width: 0 },
+      { name: "TIPOAPRES", orderIndex: 4, width: 0 },
+      { name: "TIPOACESSO", orderIndex: 5, width: 0 },
+      { name: "CODUSU", orderIndex: 6, width: 0 },
+      { name: "CODUSUALT", orderIndex: 7, width: 0 }
+    ]
+  },
+  form: {
+    emptyConfig: false,
+    fields: [
+      {
+        name: "DESCRICAO",
+        required: true
+      },
+      {
+        name: "TIPOAPRES",
+        required: true,
+      },
+      {
+        name: "TIPOACESSO",
+        required: true,
+      },
+      {
+        name: "LINK"
+      },
+      {
+        name: "NOMEARQUIVO"
+      }
+    ]
+  },
+};

package/dist/collection/components/snk-attach/structure/data-unit-builder.js

@@ -0,0 +1,106 @@
+import { Action, ApplicationContext, DataType } from "@sankhyalabs/core";
+import { SaveErrorsEnum } from "../../../lib/http/data-fetcher/fetchers/fecthAttach/interfaces";
+import { VIEW_MODE } from "../../../lib/utils/constants";
+export class AttachmentDataUnitBuilder {
+  constructor(entityName, getMessage) {
+    this.entityName = entityName;
+    this.getMessage = getMessage;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  initLoaders(dataUnit, attachFetcher, onSuccess) {
+    if (!this.loader)
+      this.loader = dataUnit.dataLoader;
+    dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, attachFetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, attachFetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+  }
+  dataLoader(dataUnit, request) {
+    return new Promise(resolve => {
+      this.loader(dataUnit, request).then(response => {
+        const records = ((response === null || response === void 0 ? void 0 : response.records) || []).map(record => {
+          let fileInfo;
+          if (!record.LINK)
+            fileInfo = [{
+                name: record.NOMEARQUIVO,
+              }];
+          return Object.assign(Object.assign({}, record), { ARQUIVOOULINK: !!record.LINK ? record.LINK : record.NOMEARQUIVO, NOMEARQUIVO: fileInfo });
+        });
+        resolve(Object.assign(Object.assign({}, response), { records }));
+      });
+    });
+  }
+  saveLoader(changes, attachFetcher) {
+    return new Promise((resolve) => {
+      var _a;
+      const change = Array.isArray(changes) ? changes[0] : {};
+      const savePromise = ((_a = change === null || change === void 0 ? void 0 : change.record) === null || _a === void 0 ? void 0 : _a.NUATTACH) >= 0 ? attachFetcher.edit.bind(attachFetcher) : attachFetcher.save.bind(attachFetcher);
+      savePromise(change).then((records) => {
+        resolve(records);
+      }).catch((error) => {
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return resolve([]);
+        }
+        if (error.message) {
+          this._application.error((error.title || error.name), error.message);
+          return resolve([]);
+        }
+        resolve([]);
+      });
+    });
+  }
+  removeLoader(dataUnit, ids, attachFetcher) {
+    return new Promise((resolve) => {
+      const { records } = dataUnit.getSelectionInfo();
+      attachFetcher.delete(records[0]).then(() => {
+        resolve(ids);
+      });
+      resolve([]);
+    });
+  }
+  getFilters(registerKey) {
+    return [
+      {
+        name: 'AttachmentsByPK',
+        expression: 'this.PKREGISTRO = :PKREGISTRO',
+        params: [{
+            name: "PKREGISTRO",
+            dataType: DataType.TEXT,
+            value: `${registerKey}_${this.entityName}`
+          }]
+      }
+    ];
+  }
+  getInterceptions(dataUnit, action, crudRef) {
+    return new Promise((resolve) => {
+      if (action.type === Action.EDITION_CANCELED) {
+        if (!dataUnit.isDirty())
+          return resolve(action);
+        return this._application.confirm(this.getMessage('snkAttach.cancelConfirmation.title'), this.getMessage('snkAttach.cancelConfirmation.message')).then((cancellationConfirmed) => {
+          if (cancellationConfirmed) {
+            crudRef.goToView(VIEW_MODE.GRID);
+            return resolve(action);
+          }
+          return resolve(undefined);
+        });
+      }
+      if (action.type === Action.DATA_SAVED) {
+        dataUnit.loadData();
+        return resolve(action);
+      }
+      resolve(action);
+    });
+  }
+}

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

@@ -0,0 +1,3 @@
+export * from './data-unit-builder';
+export * from './taskbar-builder';
+export * from './crud-config-builder.ts';

package/dist/collection/components/snk-attach/structure/taskbar-builder.js

@@ -0,0 +1,47 @@
+import { TaskbarElement } from "../../snk-taskbar/elements/taskbar-elements";
+import { ApplicationContext } from "@sankhyalabs/core";
+const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+const getMessage = (key) => {
+  var _a, _b;
+  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+};
+export const TaskbarAttachButtons = {
+  DOWNLOAD: {
+    hint: getMessage("snkAttach.taskbar.titleDownload"),
+    name: "DOWNLOAD",
+    iconName: 'file-download'
+  },
+  LINK: {
+    hint: getMessage("snkAttach.taskbar.titleLink"),
+    name: "LINK",
+    iconName: "launch"
+  }
+};
+export const buildTaskBarManager = () => {
+  const disabledButtonsWithoutSelection = [
+    TaskbarElement.REMOVE,
+    "DOWNLOAD",
+    "LINK"
+  ];
+  return {
+    getButtons: (_, dataState, currentButtons) => {
+      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty))
+        return currentButtons.reverse();
+      else
+        currentButtons.splice(currentButtons.indexOf(TaskbarElement.REFRESH), 1);
+      const { selectedRecord } = dataState || {};
+      const taskbarTobeAdded = !!(selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.LINK) ? TaskbarAttachButtons.LINK : TaskbarAttachButtons.DOWNLOAD;
+      currentButtons.splice(currentButtons.indexOf(TaskbarElement.DIVIDER) + 1, 0, TaskbarElement.REMOVE, taskbarTobeAdded, TaskbarElement.DIVIDER);
+      const updatedButtons = Array.from(new Set(currentButtons.filter(button => button !== TaskbarElement.CLONE)));
+      updatedButtons.splice(updatedButtons.indexOf(taskbarTobeAdded) + 1, 0, TaskbarElement.DIVIDER);
+      return updatedButtons;
+    },
+    isEnabled: (_, dataState, currentButton) => {
+      const hasSelectedRecord = (dataState === null || dataState === void 0 ? void 0 : dataState.selectedRecord) !== undefined;
+      const disabledButton = disabledButtonsWithoutSelection.includes(currentButton);
+      if (disabledButton && !hasSelectedRecord)
+        return false;
+      return true;
+    }
+  };
+};

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

@@ -117,7 +117,7 @@ export class SnkConfigurator {
         "mutable": false,
         "complexType": {
           "original": "VIEW_MODE",
-          "resolved": "VIEW_MODE.FORM | VIEW_MODE.GRID",
+          "resolved": "VIEW_MODE.ATTACHMENT | VIEW_MODE.FORM | VIEW_MODE.GRID",
           "references": {
             "VIEW_MODE": {
               "location": "import",
@@ -176,7 +176,7 @@ export class SnkConfigurator {
         },
         "complexType": {
           "original": "VIEW_MODE",
-          "resolved": "VIEW_MODE.FORM | VIEW_MODE.GRID",
+          "resolved": "VIEW_MODE.ATTACHMENT | VIEW_MODE.FORM | VIEW_MODE.GRID",
           "references": {
             "VIEW_MODE": {
               "location": "import",
@@ -196,7 +196,7 @@ export class SnkConfigurator {
         },
         "complexType": {
           "original": "VIEW_MODE",
-          "resolved": "VIEW_MODE.FORM | VIEW_MODE.GRID",
+          "resolved": "VIEW_MODE.ATTACHMENT | VIEW_MODE.FORM | VIEW_MODE.GRID",
           "references": {
             "VIEW_MODE": {
               "location": "import",