@sankhyalabs/sankhyablocks 0.0.0-feat-dev-kb-4158.0

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,203 @@
+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 = undefined;
+  }
+  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() {
+    var _a, _b;
+    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: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick }, 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,105 @@
+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(() => {
+        return resolve(ids);
+      });
+    });
+  }
+  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';

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/AuthorizationConfig.js

@@ -0,0 +1,5 @@
+export var AuthorizationConfig;
+(function (AuthorizationConfig) {
+  AuthorizationConfig["CONFIG_GRID"] = "CONFIG_GRID";
+  AuthorizationConfig["CONFIG"] = "CONFIG";
+})(AuthorizationConfig || (AuthorizationConfig = {}));

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

@@ -0,0 +1,159 @@
+:host {
+    /*@doc Define o espaçamento utilizado à esquerda do botão de fechar do componente.*/
+    --snk-configurator__button-close--padding-left: var(--space--medium, 12px);
+
+    /*@doc Define a cor do texto utilizado para o titulo do componente.*/
+    --snk-configurator__title--color: var(--title--primary, #2B3A54);
+
+    /*@doc Define o estilo da fonte utilizada para o titulo do componente.*/
+    --snk-configurator__title--font-family: var(--font-pattern, "Roboto");
+
+    /*@doc Define o tamanho da fonte utilizada para o titulo do componente.*/
+    --snk-configurator__title--font-size: var(--title--large, 20px);
+
+    /*@doc Define o peso da fonte utilizada para o titulo do componente.*/
+    --snk-configurator__title--font-weight: var(--text-weight--extra-large, 700);
+
+    /*@doc Define a cor do texto utilizado para o subtitulo do componente.*/
+    --snk-configurator__subtitle--color: var(--title--primary, #2B3A54);
+
+    /*@doc Define o estilo da fonte utilizada para o subtitulo do componente.*/
+    --snk-configurator__subtitle--font-family: var(--font-pattern, "Roboto");
+
+    /*@doc Define o tamanho da fonte utilizada para o subtitulo do componente.*/
+    --snk-configurator__subtitle--font-size: var(--text--medium, 14px);
+
+    /*@doc Define o peso da fonte utilizada para o subtitulo do componente.*/
+    --snk-configurator__subtitle--font-weight: var(--text-weight--large, 600);
+
+    /* scrollbar */
+    /*@doc Define a cor da barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--color-default: var(--scrollbar--default, #626e82);
+    /*@doc Define a cor de fundo da barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
+    /*@doc Define a cor do hover na barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
+    /*@doc Define a cor do active na barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
+    /*@doc Define o raio da borda da barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--border-radius: var(--border--radius-small, 6px);
+    /*@doc Define a largura da barra de rolagem do componente.*/
+    --snk-configurator__scrollbar--width: var(--space--medium, 12px);
+}
+
+.snk-configurator {
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    max-height: 100%;
+    width: 100%;
+}
+
+.snk-configurator__collsable-box-action {
+  width: 100%;
+}
+
+.snk-configurator__action-buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: var(--space--medium);
+}
+
+.snk-configurator__outline {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space--small);
+  margin-top: var(--space--small);
+  margin-bottom: var(--space--large);
+}
+
+@media screen and (min-width: 480px) {
+    .snk-configurator {
+        width: 359px;
+        max-width: 359px;
+    }
+}
+
+.snk-configurator__button-config {
+    --ez-button--min-width: 100%;
+}
+
+.snk-configurator__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.snk-configurator__title {
+    display: flex;
+    margin: 0;
+    line-height: normal;
+    letter-spacing: 0em;
+    text-align: left;
+
+    /*public*/
+    color: var(--snk-configurator__title--color);
+    font-size: var(--snk-configurator__title--font-size);
+    font-family: var(--snk-configurator__title--font-family);
+    font-weight: var(--snk-configurator__title--font-weight);
+}
+
+.snk-configurator__subtitle {
+    display: flex;
+    margin: 0;
+
+    /*public*/
+    padding-top: var(--space--medium);
+    padding-bottom: var(--space--small);
+    color: var(--snk-configurator__subtitle--color);
+    font-size: var(--snk-configurator__subtitle--font-size);
+    font-family: var(--snk-configurator__subtitle--font-family);
+    font-weight: var(--snk-configurator__subtitle--font-weight);
+}
+
+.snk-configurator__button-close {
+    /*public*/
+    padding-left: var(--snk-configurator__button-close--padding-left);
+}
+
+.snk-configurator__main {
+    overflow-y: auto;
+    scrollbar-width: thin;
+    margin: var(--space--medium) 0;
+
+    /*public*/
+    scrollbar-color: var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background);
+}
+
+.snk-configurator__main::-webkit-scrollbar {
+    /*public*/
+    background-color: var(--snk-configurator__scrollbar--color-background);
+    width: var(--snk-configurator__scrollbar--width);
+    max-width: var(--snk-configurator__scrollbar--width);
+    min-width: var(--snk-configurator__scrollbar--width);
+}
+
+.snk-configurator__main::-webkit-scrollbar-track {
+    /*public*/
+    background-color: var(--snk-configurator__scrollbar--color-background);
+    border-radius: var(--snk-configurator__scrollbar--border-radius);
+}
+
+.snk-configurator__main::-webkit-scrollbar-thumb {
+    /*public*/
+    background-color: var(--snk-configurator__scrollbar--color-default);
+    border-radius: var(--snk-configurator__scrollbar--border-radius);
+}
+
+.snk-configurator__main::-webkit-scrollbar-thumb:vertical:hover,
+.snk-configurator__main::-webkit-scrollbar-thumb:horizontal:hover {
+    /*public*/
+    background-color: var(--snk-configurator__scrollbar--color-hover);
+}
+
+.snk-configurator__main::-webkit-scrollbar-thumb:vertical:active,
+.snk-configurator__main::-webkit-scrollbar-thumb:horizontal:active {
+    /*public*/
+    background-color: var(--snk-configurator__scrollbar--color-clicked);
+}