@sankhyalabs/sankhyablocks 5.4.2 → 5.5.0

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",

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

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, VersionUtils } from '@sankhyalabs/core';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { PresentationMode } from '../../lib';
 import { VIEW_MODE } from '../../lib/utils/constants';
@@ -12,6 +12,7 @@ export class SnkCrud {
   constructor() {
     this._dataUnit = undefined;
     this._dataState = undefined;
+    this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this.configName = undefined;
     this.actionsList = undefined;
@@ -33,15 +34,17 @@ export class SnkCrud {
     this.setViewMode(VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === TaskbarElement.GRID_MODE) {
-      this.setViewMode(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
-      this.gridToForm(act !== TaskbarElement.UPDATE);
-    }
-    else if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
+    if (act === TaskbarElement.GRID_MODE)
+      return this.setViewMode(VIEW_MODE.GRID);
+    if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE)
+      return this.gridToForm(act !== TaskbarElement.UPDATE);
+    if (act === TaskbarElement.CONFIGURATOR)
+      return this._snkConfigurator.open();
+    if (act === "ATTACH")
+      return this.setViewMode(VIEW_MODE.ATTACHMENT);
+  }
+  handleAttachBack() {
+    this.setViewMode(VIEW_MODE.GRID);
   }
   setViewMode(viewMode) {
     this._viewStack.show(viewMode);
@@ -104,8 +107,15 @@ export class SnkCrud {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
     }
   }
+  async canRenderAttachment() {
+    var _a, _b, _c, _d, _e;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    const recordCriteria = await ((_c = (_b = this._snkDataUnit) === null || _b === void 0 ? void 0 : _b.getSelectedRecordsIDsInfo) === null || _c === void 0 ? void 0 : _c.call(_b));
+    this.attachmentRegisterKey = (_d = recordCriteria.find(criteria => !!criteria.value)) === null || _d === void 0 ? void 0 : _d.value;
+    return isValidVersion && ((_e = this._dataState) === null || _e === void 0 ? void 0 : _e.selectedRecord) !== undefined;
+  }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, this.canRenderAttachment() && (h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.handleAttachBack.bind(this) }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -288,6 +298,7 @@ export class SnkCrud {
     return {
       "_dataUnit": {},
       "_dataState": {},
+      "attachmentRegisterKey": {},
       "_currentViewMode": {}
     };
   }

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -55,6 +55,7 @@ export class SnkDataUnit {
     this.dataUnit = undefined;
     this.beforeSave = undefined;
     this.afterSave = undefined;
+    this.useCancelConfirm = true;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -204,6 +205,8 @@ export class SnkDataUnit {
           }
           break;
         case Action.EDITION_CANCELED:
+          if (!this.useCancelConfirm)
+            return resolve(action);
           if (this.dataState.hasDirtyRecords) {
             const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
             if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fromParent) {
@@ -563,6 +566,24 @@ export class SnkDataUnit {
           "tags": [],
           "text": "Executado ap\u00F3s a a\u00E7\u00E3o de salvar."
         }
+      },
+      "useCancelConfirm": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina se ser\u00E1 usado mensagem de confirma\u00E7\u00E3o padr\u00E3o na tentativa de cancelar a edi\u00E7\u00E3o."
+        },
+        "attribute": "use-cancel-confirm",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/snk-filter-bar/snk-filter-bar.js

@@ -299,7 +299,7 @@ export class SnkFilterBar {
       instance.loadFilterBarConfig(this.configName)
         .then((filters) => {
         this.filterConfig = filters.map(item => this.normalizeItem(item));
-        if (this.dataUnit && this._loadingPending) {
+        if (this.dataUnit) {
           this.dataUnit.loadData(undefined, undefined, true);
         }
       })

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

@@ -1,6 +1,7 @@
 import { h } from '@stencil/core';
-import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, ElementIDUtils, VersionUtils } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { PresentationMode } from '../../lib/@types';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
@@ -15,7 +16,7 @@ export class SnkGrid {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "DATA_EXPORTER"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", this.getAttachAvailable(), "REFRESH", "DATA_EXPORTER"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
     });
@@ -56,6 +57,13 @@ export class SnkGrid {
   async setConfig(config) {
     this.setGridConfig(config);
   }
+  getAttachAvailable() {
+    var _a;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    if (isValidVersion)
+      return TaskbarElement.ATTACH;
+    return "";
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -225,7 +233,7 @@ export class SnkGrid {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push("CLONE");
+        disabledButtons.push(TaskbarElement.CLONE, "ATTACH");
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
         disabledButtons.push("REMOVE");

package/dist/collection/components/snk-simple-bar/snk-simple-bar.js

@@ -1,17 +1,32 @@
 import { h } from '@stencil/core';
-import { ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 export class SnkSimpleBar {
   constructor() {
     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;
     ElementIDUtils.addIDInfo(this._element);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
   render() {
-    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
   }
   static get is() { return "snk-simple-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -66,6 +81,26 @@ export class SnkSimpleBar {
           "tags": [],
           "text": "Define os itens que ser\u00E3o apresentados pelo breadcrumb"
         }
+      },
+      "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."
+        }
       }
     };
   }