@sankhyalabs/sankhyablocks 1.3.31-beta.1 → 1.3.31-beta.11

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

@@ -0,0 +1,271 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { TaskbarElement, buildElem, AuthorizationElements } from './elements/taskbar-elements';
+export class SnkTaskbar {
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  /**
+   * 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-taskbar.msg.ts"
+   */
+  getTitle(element) {
+    switch (element) {
+      case TaskbarElement.UPDATE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleUpdate", {});
+      case TaskbarElement.PREVIOUS:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titlePrevious", {});
+      case TaskbarElement.NEXT:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleNext", {});
+      case TaskbarElement.REFRESH:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleRefresh", {});
+      case TaskbarElement.CLONE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleClone", {});
+      case TaskbarElement.REMOVE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleRemove", {});
+      case TaskbarElement.MORE_OPTIONS:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleMoreOptions", {});
+      case TaskbarElement.INSERT:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleInsert", {});
+      case TaskbarElement.CANCEL:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleCancel", {});
+      case TaskbarElement.SAVE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleSave", {});
+      case TaskbarElement.GRID_MODE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleGridMode", {});
+      case TaskbarElement.CONFIG_GRID:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleConfigGrid", {});
+      case TaskbarElement.FORM_MODE:
+        return this._application.messagesBuilder.getMessage("snkTaskbar.titleFormMode", {});
+    }
+    return "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  isEnabled(elem) {
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index, def) {
+    let element;
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index > 1) {
+      className += "ez-padding-left--medium";
+    }
+    element = buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
+    return element;
+  }
+  // Lifecycle
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
+    }
+    else {
+      this._permissions = {};
+    }
+  }
+  componentWillRender() {
+    if (this._definitions == undefined && this._permissions) {
+      this._definitions = this.elementsFromString(this.buttons);
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index = 0;
+    return (h(Host, null, this._definitions.map((btn) => {
+      if (btn === TaskbarElement.DIVIDER) {
+        index = 0;
+      }
+      else {
+        index++;
+      }
+      if (TaskbarElement[btn]) {
+        return this.getElement(index, TaskbarElement[btn]);
+      }
+      else {
+        index;
+        return h("slot", { name: btn });
+      }
+    })));
+  }
+  static get is() { return "snk-taskbar"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["snk-taskbar.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["snk-taskbar.css"]
+  }; }
+  static get properties() { return {
+    "buttons": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Lista separada por virgula, contendo todos os elementos a serem criados"
+      },
+      "attribute": "buttons",
+      "reflect": false
+    },
+    "actionsList": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Array<Action>",
+        "resolved": "Action[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "Action": {
+            "location": "local"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
+      }
+    },
+    "primaryButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Qual bot\u00E3o deve ter apar\u00EAncia prim\u00E1ria"
+      },
+      "attribute": "primary-button",
+      "reflect": false
+    },
+    "disabledButtons": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Array<string>",
+        "resolved": "string[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Array contendo todos os bot\u00F5es a serem desabilitados"
+      }
+    },
+    "dataUnit": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DataUnit",
+        "resolved": "DataUnit",
+        "references": {
+          "DataUnit": {
+            "location": "import",
+            "path": "@sankhyalabs/core"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Inst\u00E2ncia do DataUnit"
+      }
+    }
+  }; }
+  static get states() { return {
+    "_permissions": {}
+  }; }
+  static get events() { return [{
+      "method": "actionClick",
+      "name": "actionClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }]; }
+  static get watchers() { return [{
+      "propName": "buttons",
+      "methodName": "observeButtons"
+    }]; }
+}

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -4,7 +4,7 @@ import UrlUtils from "../../../lib/utils/urlutils";
 import { StringUtils } from '@sankhyalabs/core';
 export class DataFetcher {
   constructor() {
-    this.GRAPHQL_PATH = window['applicationenv'] === "sankhyaom" ? "/mge/graphql" : "";
+    this.GRAPHQL_PATH = "/mge/graphql";
     this.watingRequestsById = new Map();
   }
   static get() {

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -1,9 +1,10 @@
-import { DataUnit, ChangeOperation, StringUtils, DataType, } from "@sankhyalabs/core";
-import { DataFetcher } from "../DataFetcher";
+import { ChangeOperation, DataType, DataUnit, StringUtils } from "@sankhyalabs/core";
 import { gql } from "graphql-request";
+import { DataFetcher } from "../DataFetcher";
 export default class DataUnitFetcher {
   constructor() {
     this.templateByQuery = new Map();
+    this._loadDataTimeout = {};
     this.buldTemplates();
   }
   buldTemplates() {
@@ -32,9 +33,9 @@ export default class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(limit: $limit offset: $offset filters: $filter sort: $sort){
+              data(limit: $limit offset: $offset filters: $filters sort: $sort){
                 limit
                 offset
                 total
@@ -63,7 +64,7 @@ export default class DataUnitFetcher {
   getDataUnit(entityName, resourceID) {
     const dataUnit = new DataUnit(`dd://${entityName}/${resourceID}`);
     dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, page, sort, filters) => this.loadData(dataUnit, page, sort, filters);
+    dataUnit.dataLoader = (dataUnit, request) => this.loadData(dataUnit, request);
     dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
     return dataUnit;
@@ -100,25 +101,39 @@ export default class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filter) {
+  loadData(dataUnit, request) {
+    const duName = dataUnit.name;
+    if (this._loadDataTimeout[duName]) {
+      clearTimeout(this._loadDataTimeout[duName]);
+      delete this._loadDataTimeout[duName];
+    }
     return new Promise((resolve, reject) => {
-      var _a, _b, _c;
-      const variables = { dataunit: dataUnit.name, sort, filter };
-      if (page) {
-        variables.limit = page.limit;
-        variables.offset = page.offset;
-      }
-      if (!StringUtils.isEmpty((_a = page === null || page === void 0 ? void 0 : page.quickFilter) === null || _a === void 0 ? void 0 : _a.term)) {
+      this._loadDataTimeout[duName] = setTimeout(() => {
+        delete this._loadDataTimeout[duName];
+        this.doLoadData(dataUnit, request)
+          .then(result => resolve(result))
+          .catch(reason => reject(reason));
+      }, 200);
+    });
+  }
+  doLoadData(dataUnit, request) {
+    return new Promise((resolve, reject) => {
+      var _a;
+      const { sort, filters, limit, offset, quickFilter } = request;
+      const variables = { dataunit: dataUnit.name, sort, filters };
+      variables.limit = limit;
+      variables.offset = offset;
+      if (!StringUtils.isEmpty(quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.term)) {
         if (variables.filter === undefined) {
           variables.filter = [];
         }
         const quickFilterCriteria = {
           name: "__QUICK_FILTER__",
           expression: "__QUICK_FILTER__",
-          params: [{ name: "term", dataType: DataType.TEXT, value: page.quickFilter.term }]
+          params: [{ name: "term", dataType: DataType.TEXT, value: quickFilter.term }]
         };
-        if (((_c = (_b = page.quickFilter) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: page.quickFilter.fields });
+        if (((_a = quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.fields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: quickFilter.fields });
         }
         variables.filter.push(quickFilterCriteria);
       }
@@ -128,16 +143,32 @@ export default class DataUnitFetcher {
         query: this.templateByQuery.get("fetchData"),
       })
         .then((resp) => {
-        const pageResult = resp.data;
-        const records = [];
-        pageResult.records.forEach((responseRecord) => {
+        const { limit, offset, total, hasMore, records } = resp.data;
+        let paginationInfo;
+        if (limit) {
+          const firstRecord = offset + 1;
+          const lastRecord = offset + Math.min(records.length, limit);
+          const currentPage = offset / limit;
+          paginationInfo = {
+            firstRecord,
+            lastRecord,
+            total,
+            currentPage,
+            hasMore
+          };
+        }
+        const processedRecords = [];
+        records.forEach((responseRecord) => {
           const duRecord = { __record__id__: responseRecord.id };
           responseRecord.fields.forEach(({ name, value }) => {
             duRecord[name] = dataUnit.valueFromString(name, value);
           });
-          records.push(duRecord);
+          processedRecords.push(duRecord);
+        });
+        resolve({
+          paginationInfo,
+          records: processedRecords
         });
-        resolve(Object.assign(Object.assign({}, pageResult), { records }));
       })
         .catch((error) => {
         reject(error);

package/dist/collection/lib/http/data-fetcher/fetchers/grid-config-fetcher.js

@@ -4,15 +4,16 @@ export default class GridConfigFetcher extends ResourceFetcher {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
-  getConfig(resourceID) {
+  getConfig(_gridName, resourceID) {
     const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
     return new Promise((resolve, reject) => {
       this.loadResource(completePath)
         .then(loadedResource => {
+        let config = undefined;
         if (loadedResource) {
-          let config = JSON.parse(loadedResource);
-          resolve(config);
+          config = JSON.parse(loadedResource);
         }
+        resolve(config);
       }).catch((error) => {
         reject(error);
       });

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -16,6 +16,8 @@ export class PesquisaFetcher {
             }`);
   }
   loadSearchOptions(entityName, argument, criteria, options) {
+    const cleanText = (argument === null || argument === void 0 ? void 0 : argument.trim()) || undefined;
+    argument = isNaN(Number(cleanText)) && cleanText ? `%${cleanText}` : cleanText;
     return new Promise((resolve, reject) => {
       DataFetcher.get()
         .callGraphQL({

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -0,0 +1,119 @@
+import snkDataUnitMessages from "./resources/snk-data-unit.msg.js";
+import snkFormMessages from "./resources/snk-form.msg.js";
+import snkTaskbarMessages from "./resources/snk-taskbar.msg.js";
+export class SnkMessageBuilder {
+  constructor() {
+    this._defaults = {
+      snkDataUnit: snkDataUnitMessages,
+      snkForm: snkFormMessages,
+      snkTaskbar: snkTaskbarMessages
+    };
+    this._currentOperation = OperationMap.CLEAN;
+    this.loadAppMessages().then((msgs) => {
+      this._appMessages = msgs;
+    }, error => {
+      console.info('O arquivo de mensagens personalizadas não foi encontrado no caminho /messages/appmessages.js', error);
+    });
+  }
+  /**
+   * Existem mensagens sensíveis a operação. Por exemplo, a mensagem
+   * de inclusão pode ser diferente da mensagem de alteração do mesmo
+   * recurso. Para isso "currentOperation" pode variar de acordo com
+   * OperationMap.
+   */
+  set currentOperation(op) {
+    this._currentOperation = op;
+  }
+  /**
+   * Método usado para se obter mensagens, respeitando o padrão do sistema
+   * ou as mensagens específicas de cada tela
+   *
+   * @param key Chave usada para obter mensagens. Deve-se usar o separador "."
+   * alcançar diversos níveis.
+   * @param params Quando a mensagem possui o padrão {{NOME}} as ocorrências
+   * serão substituidas pelo respectivo valor do param.
+   * @returns A mensagem formatada.
+   */
+  getMessage(key, params) {
+    if (key == undefined) {
+      return undefined;
+    }
+    var parts = key.split(".");
+    let msg = this.resolveMessage(parts, this._appMessages);
+    if (msg == undefined) {
+      msg = this.resolveMessage(parts, this._defaults);
+    }
+    if (this.customMessageBuilder) {
+      const result = this.customMessageBuilder(key, msg, params);
+      msg = result.message;
+      params = result.params;
+    }
+    return this.postProcess(msg, params);
+  }
+  resolveMessage(keys, object) {
+    if (object == undefined) {
+      return undefined;
+    }
+    const key = keys[0];
+    const result = object[key];
+    if (result) {
+      if (this.isOperationSensitive(result)) {
+        return result[this._currentOperation];
+      }
+      else {
+        const isLeaf = keys.length === 1 ||
+          result == undefined ||
+          typeof result === "string";
+        return isLeaf ? result : this.resolveMessage(keys.slice(1), result);
+      }
+    }
+  }
+  isOperationSensitive(value) {
+    return value[OperationMap.CLONE] != undefined ||
+      value[OperationMap.INSERT] != undefined ||
+      value[OperationMap.UPDATE] != undefined ||
+      value[OperationMap.CLEAN] != undefined;
+  }
+  postProcess(message, params) {
+    if (message) {
+      const propPattern = /(.*?)\{\{(.+?)\}\}/g;
+      let processed = "";
+      let tail = message;
+      let result;
+      while ((result = propPattern.exec(message)) !== null) {
+        const [match, head, attribute] = result;
+        const tailIndex = result.index + match.length;
+        tail = tailIndex < message.length ? message.substring(tailIndex) : "";
+        let replacement = params ? params[attribute] : undefined;
+        if (replacement == undefined) {
+          replacement = "";
+        }
+        processed += head + replacement;
+      }
+      return processed + tail;
+    }
+    else {
+      return message;
+    }
+  }
+  loadAppMessages() {
+    return new Promise((accept, reject) => {
+      const messagesUrl = window['applicationenv'] !== "dev" ? `/${window["MGE_MODULE_NAME"]}/labsApps/${window["APPLICATION_NAME"]}/messages/appmessages.js`
+        : '/messages/appmessages.js';
+      import(/* webpackIgnore: true */ messagesUrl)
+        .then(module => {
+        accept(module.default);
+      })
+        .catch(reason => {
+        reject(reason);
+      });
+    });
+  }
+}
+export var OperationMap;
+(function (OperationMap) {
+  OperationMap["CLONE"] = "clone";
+  OperationMap["INSERT"] = "insert";
+  OperationMap["UPDATE"] = "update";
+  OperationMap["CLEAN"] = "clean";
+})(OperationMap || (OperationMap = {}));

package/dist/collection/lib/message/resources/snk-data-unit.msg.js

@@ -0,0 +1,22 @@
+const snkDataUnitMessages = {
+  saveInfo: {
+    clone: "Duplicação realizada!",
+    insert: "Inclusão realizada!",
+    update: "Aleração realizada!"
+  },
+  cancelInfo: {
+    clone: "Duplicação descartada!",
+    insert: "A inclusão descartada!",
+    update: "A edição foi descartada!"
+  },
+  removeInfo: "Registro removido com sucesso!",
+  cancelConfirmationTitle: "Aviso",
+  cancelConfirmation: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?",
+  removeConfirmationTitle: "Excluir",
+  removeConfirmation: "Deseja realmente excluir o registro atual?",
+  forbiddenUpdate: "Não é possível fazer alterações. Verifique as permissões de acesso.",
+  forbiddenInsert: "Não é possível incluir. Verifique as permissões de acesso.",
+  forbiddenClone: "Não é possível duplicar. Verifique as permissões de acesso.",
+  forbiddenRemove: "Não é possível remover. Verifique as permissões de acesso."
+};
+export default snkDataUnitMessages;

package/dist/collection/lib/message/resources/snk-form.msg.js

@@ -0,0 +1,10 @@
+const snkFormMessages = {
+  title: {
+    clone: "Duplicar registro",
+    insert: "Cadastrar registro",
+    update: "Alterar registro",
+    clean: "{{ENTITY_NAME}}"
+  },
+  goBackTitle: "Voltar"
+};
+export default snkFormMessages;

package/dist/collection/lib/message/resources/snk-taskbar.msg.js

@@ -0,0 +1,16 @@
+const snkTaskbarMessages = {
+  titleUpdate: "Editar",
+  titlePrevious: "Anterior",
+  titleNext: "Próximo",
+  titleRefresh: "Atualizar",
+  titleClone: "Duplicar",
+  titleRemove: "Excluir",
+  titleMoreOptions: "Mais Opções",
+  titleInsert: "Cadastrar",
+  titleCancel: "Cancelar",
+  titleSave: "Salvar",
+  titleGridMode: "Modo Grade",
+  titleConfigGrid: "Configuração da grade",
+  titleFormMode: "Modo Formulário"
+};
+export default snkTaskbarMessages;