@sankhyalabs/sankhyablocks 5.4.3 → 5.6.0

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js

@@ -0,0 +1,298 @@
+import { Host, h } from '@stencil/core';
+import { ApplicationContext, UserInterface } from '@sankhyalabs/core';
+import { SelectedItemType } from "../../../snk-filter-field-search/interfaces";
+import { CheckMode, ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
+import { fieldBuilder } from "@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder";
+import { FilterOperand } from '../../../../lib/@types';
+import { FilterOperandDefault, FilterOperandTypeTextSearch, FIELD_TYPE_SEARCH_AND_TEXT } from "./filter-operands/filter-operands";
+import store from '../../../../lib/store';
+export class SnkExpressionItem {
+  constructor() {
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.filterOperandDefault = FilterOperandDefault;
+    this.filterOperandTypeTextSearch = FilterOperandTypeTextSearch;
+    this._showValueVariable = false;
+    this._fieldSelected = undefined;
+    this._optionNotNull = false;
+    this.expression = undefined;
+    this.canRemove = true;
+    this.messagesBuilder = undefined;
+  }
+  expressionChanged(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.ezFilterItemChange.emit(newValue);
+    }
+  }
+  componentWillLoad() {
+    this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    store.onChange('filterFieldsDataSource', () => {
+      this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    });
+  }
+  setValueExpression(key, value) {
+    this.expression[key] = value;
+    this.expressionChanged(this.expression);
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  handleSelectItem(filterField) {
+    if (filterField.type === SelectedItemType.FIELD) {
+      const field = filterField;
+      this._fieldSelected = field;
+      this.setValueExpression("fieldName", field.name);
+    }
+  }
+  handleFocus() {
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show();
+  }
+  handleChangeFilterInput(evt) {
+    this._elFilterFieldSearch.applyFilter(evt.detail);
+  }
+  handleChangeValueVariable(showValueVariable) {
+    this._showValueVariable = showValueVariable;
+    if (this._elFieldDynamic) {
+      this._elFieldDynamic.value = undefined;
+      this._elFieldDynamic.enabled = !showValueVariable;
+    }
+  }
+  openSnkFilterParamConfig() {
+    var _a;
+    (_a = this._elFilterParamConfigRef) === null || _a === void 0 ? void 0 : _a.open(this.expression).then(this.onOpenPromiseReady.bind(this)).catch(error => {
+      console.error(error);
+    });
+  }
+  onOpenPromiseReady(changes) {
+    this.expression = changes;
+  }
+  buildOptionsOperator() {
+    var _a;
+    if (FIELD_TYPE_SEARCH_AND_TEXT.includes((_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.userInterface)) {
+      return this.filterOperandTypeTextSearch;
+    }
+    else {
+      return this.filterOperandDefault;
+    }
+  }
+  handleChangeOperator(optionSelected) {
+    this.checkOptionIsNull(optionSelected);
+    this.setValueExpression("operand", optionSelected);
+  }
+  checkOptionIsNull(optionSelected) {
+    if (optionSelected === FilterOperand.NULL || optionSelected === FilterOperand.NOT_NULL) {
+      this._optionNotNull = true;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = false;
+        this._elFieldDynamic.value = undefined;
+      }
+    }
+    else {
+      this._optionNotNull = false;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = this._showValueVariable ? false : true;
+      }
+    }
+  }
+  confirmRemove(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirm.title"), this.getMessage("snkPersonalizedFilter.confirm.description"))
+      .then((canRemove) => {
+      if (canRemove) {
+        this.ezFilterItemRemove.emit(this.expression);
+      }
+    });
+  }
+  buildFieldByType() {
+    var _a, _b;
+    if (!this._fieldSelected)
+      return;
+    const inputFieldData = (_a = fieldBuilder(this.configureFieldByType())) === null || _a === void 0 ? void 0 : _a.$children$.shift();
+    if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData) {
+      inputFieldData.$attrs$.enabled = false;
+    }
+    return h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
+        this._elFieldDynamic = el;
+      } }));
+  }
+  configureFieldByType() {
+    const field = {
+      userInterface: this._fieldSelected.userInterface,
+      name: this._fieldSelected.name,
+      label: this._fieldSelected.label,
+      canShowError: false
+    };
+    switch (field.userInterface) {
+      case UserInterface.OPTIONSELECTOR:
+        field.props = {
+          options: this._fieldSelected.properties.map(option => ({
+            value: option.value,
+            label: option.name,
+          })),
+        };
+        break;
+      case UserInterface.LONGTEXT:
+        field.rows = 1;
+        break;
+      case UserInterface.SEARCH:
+        field.optionLoader = searchArgument => this.setCriteriaSearch(searchArgument, this.application);
+        break;
+      default:
+        break;
+    }
+    return field;
+  }
+  setCriteriaSearch({ mode, argument }, application) {
+    if (application == undefined)
+      return;
+    const searchOptions = {
+      showInactives: false
+    };
+    const options = {
+      entity: this._fieldSelected.properties.ENTITYNAME,
+      searchOptions: searchOptions,
+      entityDescription: this._fieldSelected.label
+    };
+    return application.executePreparedSearch(mode, argument, options);
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", { value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", { label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => this.handleChangeOperator(evt.detail.value), suppressEmptyOption: true })), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
+      h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
+      this.buildFieldByType()), h("div", { class: "box__container--input-value-variable", title: this.getMessage("snkPersonalizedFilter.info.titleTooltip") }, !this._optionNotNull &&
+      h("ez-check", { ref: ref => this._elValueVariable = ref, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
+      h("ez-icon", { class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted", onClick: () => this.openSnkFilterParamConfig() }), h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), h("div", { class: "box__container--button-delete" }, h("div", { class: "box__container--button-delete--icon" }, this.canRemove && h("ez-button", { mode: "icon", iconName: "delete", onClick: (evt) => this.confirmRemove(evt) })))))));
+  }
+  static get is() { return "snk-expression-item"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-expression-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-expression-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expression": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IExpressionItem",
+          "resolved": "IExpressionItem",
+          "references": {
+            "IExpressionItem": {
+              "location": "import",
+              "path": "../../../snk-personalized-filter/subcomponents/snk-filter-param-config/interfaces/IExpressionItem"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Express\u00E3o que ser\u00E1 representada visualmente."
+        },
+        "defaultValue": "undefined"
+      },
+      "canRemove": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controla a exibi\u00E7\u00E3o do bot\u00E3o Remover."
+        },
+        "attribute": "can-remove",
+        "reflect": true,
+        "defaultValue": "true"
+      },
+      "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 {
+      "_showValueVariable": {},
+      "_fieldSelected": {},
+      "_optionNotNull": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezFilterItemChange",
+        "name": "ezFilterItemChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece altera\u00E7\u00F5es na express\u00E3o."
+        },
+        "complexType": {
+          "original": "IExpressionItem",
+          "resolved": "IExpressionItem",
+          "references": {
+            "IExpressionItem": {
+              "location": "import",
+              "path": "../../../snk-personalized-filter/subcomponents/snk-filter-param-config/interfaces/IExpressionItem"
+            }
+          }
+        }
+      }, {
+        "method": "ezFilterItemRemove",
+        "name": "ezFilterItemRemove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao confirmar uma remo\u00E7\u00E3o."
+        },
+        "complexType": {
+          "original": "IExpressionItem",
+          "resolved": "IExpressionItem",
+          "references": {
+            "IExpressionItem": {
+              "location": "import",
+              "path": "../../../snk-personalized-filter/subcomponents/snk-filter-param-config/interfaces/IExpressionItem"
+            }
+          }
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "expression",
+        "methodName": "expressionChanged"
+      }];
+  }
+}

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js

@@ -33,7 +33,8 @@ export class SnkFilterParamConfig {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-param-config.msg.ts"
    */
   getMessage(key, params) {
-    return this.messagesBuilder.getMessage(key, params);
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
   }
   getConfigValue(configName, inputName, inputAlias = "") {
     var _a, _b, _c;
@@ -188,7 +189,6 @@ export class SnkFilterParamConfig {
     })))), h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
   }
   static get is() { return "snk-filter-param-config"; }
-  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
       "$": ["snk-filter-param-config.css"]

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."
+        }
       }
     };
   }

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

@@ -21,6 +21,9 @@ export class SnkSimpleCrud {
     this.dataState = undefined;
     this.dataUnit = undefined;
     this.mode = SIMPLE_CRUD_MODE.SERVER;
+    this.gridConfig = undefined;
+    this.formConfig = undefined;
+    this.useCancelConfirm = true;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
   }
@@ -125,7 +128,9 @@ export class SnkSimpleCrud {
       fieldMetadata.push(field);
     });
     if (fieldMetadata.length > 0) {
-      this._config = formConfig;
+      if (!this.formConfig) {
+        this.formConfig = formConfig;
+      }
       this._metadata = {
         name: "SimpleCrud",
         label: "SimpleCrud",
@@ -149,7 +154,7 @@ export class SnkSimpleCrud {
   }
   render() {
     var _a;
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, 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: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this._config }))))));
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, 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: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), config: this.gridConfig, "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -228,6 +233,64 @@ export class SnkSimpleCrud {
         "reflect": false,
         "defaultValue": "SIMPLE_CRUD_MODE.SERVER"
       },
+      "gridConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IGridConfig",
+          "resolved": "IGridConfig",
+          "references": {
+            "IGridConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "formConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IFormConfig",
+          "resolved": "IFormConfig",
+          "references": {
+            "IFormConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils/form/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "useCancelConfirm": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-cancel-confirm",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "taskbarManager": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -18,6 +18,7 @@ export var TaskbarElement;
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
+  TaskbarElement["ATTACH"] = "ATTACH";
 })(TaskbarElement || (TaskbarElement = {}));
 export var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -90,6 +91,8 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
     case TaskbarElement.DATA_EXPORTER:
       const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
+    case TaskbarElement.ATTACH:
+      return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {

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

@@ -18,7 +18,8 @@ export class SnkTaskbar {
       [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
-      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
+      [TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
     this.configName = undefined;
@@ -125,7 +126,8 @@ export class SnkTaskbar {
     if (index > 1) {
       className += "ez-padding-left--medium";
     }
-    if (TaskbarElement[def.toString()]) {
+    const taskbarElement = TaskbarElement[def.toString()];
+    if (taskbarElement) {
       return 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/collection/lib/http/data-fetcher/fetchers/attach-fetcher.js

@@ -0,0 +1,136 @@
+import { DataFetcher } from "../DataFetcher";
+import { SaveErrorsEnum } from "./fecthAttach/interfaces";
+export class AttachFetcher {
+  constructor(entityName, registerKey, dataUnitName) {
+    var _a;
+    this.entityName = entityName;
+    this.registerKey = registerKey;
+    this.dataUnitName = dataUnitName;
+    this.validateFields = (fields) => {
+      if (!!fields.LINK && !!fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME);
+      if (!fields.LINK && !fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED);
+      if (!this.registerKey)
+        throw new Error('Register key can not be null');
+    };
+    this.resourceID = (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID));
+  }
+  async save(change) {
+    var _a, _b;
+    const serviceName = "AnexoSistemaSP.salvar";
+    let { updatingFields: fields } = change;
+    fields = Object.assign(Object.assign({}, fields), { NOMEARQUIVO: (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0] });
+    try {
+      this.validateFields(fields);
+      const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+      const reqBody = {
+        serviceName,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            description: fields.DESCRICAO,
+            fileSelect: fileInfo ? 1 : 0,
+            keySession: (_b = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _b === void 0 ? void 0 : _b.fileNameTmp,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this.registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  async edit(change) {
+    var _a, _b, _c;
+    const serviceName = "AnexoSistemaSP.salvar";
+    let { updatingFields: fields, record } = change;
+    const getFieldValue = (fieldValue) => {
+      if (fields[fieldValue] !== undefined)
+        return fields[fieldValue];
+      return record[fieldValue];
+    };
+    const attachField = getFieldValue('NOMEARQUIVO');
+    const hasNewAttachment = (_b = (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.downloadURL;
+    fields = Object.assign(Object.assign({}, fields), { DESCRICAO: getFieldValue('DESCRICAO'), LINK: getFieldValue('LINK'), TIPOACESSO: getFieldValue('TIPOACESSO'), TIPOAPRES: getFieldValue('TIPOAPRES'), CHAVEARQUIVO: record.CHAVEARQUIVO, NOMEARQUIVO: attachField === null || attachField === void 0 ? void 0 : attachField[0] });
+    const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+    try {
+      this.validateFields(fields);
+      const reqBody = {
+        serviceName,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            nuAttach: record === null || record === void 0 ? void 0 : record.NUATTACH,
+            description: fields.DESCRICAO,
+            fileSelect: hasNewAttachment ? 1 : 0,
+            keySession: (_c = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _c === void 0 ? void 0 : _c.fileNameTmp,
+            keyAttach: fields.CHAVEARQUIVO,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this.registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  delete(record) {
+    var _a;
+    const serviceName = "AnexoSistemaSP.excluir";
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName,
+      requestBody: {
+        paramsDelete: {
+          keyAttach: record.CHAVEARQUIVO,
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+  getDownloadKey(record) {
+    var _a;
+    const serviceName = "AnexoSistemaSP.baixar";
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName,
+      requestBody: {
+        paramsDown: {
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO,
+          keyAttach: record.CHAVEARQUIVO,
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+}

package/dist/collection/lib/http/data-fetcher/fetchers/fecthAttach/interfaces/IDelete.js

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

package/dist/collection/lib/http/data-fetcher/fetchers/fecthAttach/interfaces/IDownloadKey.js

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

package/dist/collection/lib/http/data-fetcher/fetchers/fecthAttach/interfaces/ISave.js

@@ -0,0 +1,6 @@
+export var SaveErrorsEnum;
+(function (SaveErrorsEnum) {
+  SaveErrorsEnum["LINK_AND_FILE_AT_THE_SAME_TIME"] = "LINK_AND_FILE_AT_THE_SAME_TIME";
+  SaveErrorsEnum["ANY_LINK_OR_FILE_FILLED"] = "ANY_LINK_OR_FILE_FILLED";
+  SaveErrorsEnum["UNKNOWN"] = "UNKNOWN";
+})(SaveErrorsEnum || (SaveErrorsEnum = {}));

package/dist/collection/lib/http/data-fetcher/fetchers/fecthAttach/interfaces/index.js

@@ -0,0 +1,3 @@
+export * from './ISave';
+export * from './IDelete';
+export * from './IDownloadKey';