@sankhyalabs/sankhyablocks 6.10.0 → 7.0.0

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-filter-advanced-mode/snk-filter-advanced-mode.js

@@ -0,0 +1,95 @@
+import { Host, h } from '@stencil/core';
+import { StringUtils } from '@sankhyalabs/core';
+export class SnkFilterAdvancedMode {
+  constructor() {
+    this.filterAssistent = undefined;
+    this.application = undefined;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  getWarningMessageComponent() {
+    var _a;
+    if (StringUtils.isEmpty((_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.warningMessage))
+      return undefined;
+    return (h("div", { class: "ez-flex" }, h("ez-alert", { alertType: "warn" }, this.filterAssistent.warningMessage)));
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("span", { class: "ez-title ez-title--small ez-padding-bottom--small snk-filter-advanced-mode__title" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), h("ez-text-area", { rows: 9, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.expression, onEzChange: (evt) => this.ezExpressionChange.emit(evt.detail) }), this.getWarningMessageComponent()));
+  }
+  static get is() { return "snk-filter-advanced-mode"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-filter-advanced-mode.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-filter-advanced-mode.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterAssistent": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IPersonalizedFilter",
+          "resolved": "IPersonalizedFilter",
+          "references": {
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../../interfaces/IPersonalizedFilter"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Propriedade que cont\u00E9m informa\u00E7\u00F5es do filtro personalizado."
+        }
+      },
+      "application": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkApplication",
+          "resolved": "SnkApplication",
+          "references": {
+            "SnkApplication": {
+              "location": "import",
+              "path": "../../../snk-application/snk-application"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Propriedade que mant\u00E9m informa\u00E7\u00F5es relacionadas ao SnkApplication."
+        }
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezExpressionChange",
+        "name": "ezExpressionChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento emitido sempre que uma edi\u00E7\u00E3o na express\u00E3o \u00E9 realizada."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode.css

@@ -0,0 +1,66 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  /*@doc Define a família da fonte.*/
+  --text-area--font-family: var(--font-pattern, Arial);
+  /*@doc Define o posicionamento do label.*/
+  --text-area__label--floating--top: var(--space--small, 6px);
+  /*@doc Define o raio da borda do container*/
+  --snk-filter-assistent-mode__container--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define a cor de fundo do container.*/
+  --snk-filter-assistent-mode__container--background: var(--background--medium, #f0f3f7);
+  /*@doc Define a margem interna do container*/
+  --snk-filter-assistent-mode__container--margin: var(--space--small, 6px) var(--space--medium, 12px);
+}
+
+.ez-box__container--external {
+  /*private*/
+  height: 100px;
+  width: 100%;
+  overflow-y: auto;
+
+  /*public*/
+  background-color: var(--snk-filter-assistent-mode__container--background);
+  border-radius: var(--snk-filter-assistent-mode__container--border-radius);
+}
+
+.ez-box__container--internal {
+  /*public*/
+  margin: var(--snk-filter-assistent-mode__container--margin);
+}
+
+.ez-box__container--title{
+  /*private*/
+  display: block;
+  user-select: none;
+
+  /*public*/
+  font-family: var(--text-area--font-family);
+  font-size: var(--text--extra-small);
+  color: var(--title--primary);
+  top: var(--text-area__label--floating--top);
+}
+
+.ez-box__container--expression{
+  /*private*/
+  display: block;
+
+  /*public*/
+  font-family: var(--text-area--font-family);
+  font-size: var(--text--medium);
+  color: var(--title--primary);
+  top: var(--text-area__label--floating--top);
+}
+
+.snk-personalized-filter__expression-input--line {
+  /*private*/
+  width: 100%;
+  height: 2px; 
+
+  /*public*/
+  background-color: var(--snk-personalized-filter--background-color-line);
+  margin-top: var(--snk-personalized-filter--margin-line);
+  margin-bottom: var(--snk-personalized-filter--margin-line);
+}

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode.js

@@ -0,0 +1,158 @@
+import { Host, h } from '@stencil/core';
+import { PersonalizedFilterUtils } from '../../subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
+export class SnkFilterAssistentMode {
+  constructor() {
+    this.filterAssistent = undefined;
+    this.messagesBuilder = undefined;
+    this.filterId = undefined;
+    this.entityUri = undefined;
+    this.application = undefined;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  async handleFilterGroupChange() {
+    const assistent = await this._mainExpressionGroup.getExpressionGroup();
+    this.filterAssistent = Object.assign(Object.assign({}, this.filterAssistent), { assistent });
+    this.filterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this.filterAssistent.assistent);
+    this.filterAssistent.expression = PersonalizedFilterUtils.buildGroupExpression(this.filterAssistent.assistent);
+    this.ezChangeFilter.emit(this.filterAssistent);
+  }
+  render() {
+    var _a, _b;
+    return (h(Host, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri })), h("div", { class: "ez-margin-top--auto" }, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container--external" }, h("div", { class: "ez-box__container--internal" }, h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
+  }
+  static get is() { return "snk-filter-assistent-mode"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-filter-assistent-mode.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-filter-assistent-mode.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterAssistent": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IPersonalizedFilter",
+          "resolved": "IPersonalizedFilter",
+          "references": {
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../../interfaces/IPersonalizedFilter"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Propriedade que cont\u00E9m informa\u00E7\u00F5es do filtro personalizado."
+        }
+      },
+      "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."
+        }
+      },
+      "filterId": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Id do filtro que ser\u00E1 carregado."
+        },
+        "attribute": "filter-id",
+        "reflect": false
+      },
+      "entityUri": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por receber a URI da entidade."
+        },
+        "attribute": "entity-uri",
+        "reflect": false
+      },
+      "application": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkApplication",
+          "resolved": "SnkApplication",
+          "references": {
+            "SnkApplication": {
+              "location": "import",
+              "path": "../../../snk-application/snk-application"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Propriedade que mant\u00E9m informa\u00E7\u00F5es relacionadas ao SnkApplication."
+        }
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezChangeFilter",
+        "name": "ezChangeFilter",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IPersonalizedFilter",
+          "resolved": "IPersonalizedFilter",
+          "references": {
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../../interfaces/IPersonalizedFilter"
+            }
+          }
+        }
+      }];
+  }
+}

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

@@ -12,6 +12,9 @@ export class SnkFilterParamConfig {
     this._canSave = false;
     this.messagesBuilder = undefined;
   }
+  /**
+   * Abre o modal de configuração de valor variável
+   */
   open(expressionItem) {
     this._opened = true;
     this._expressionItem = expressionItem;
@@ -20,6 +23,9 @@ export class SnkFilterParamConfig {
       this._promiseResolver = accept;
     });
   }
+  /**
+   * Fecha o modal de configuração de valor variável
+   */
   close() {
     this._opened = false;
     return new Promise(accept => {
@@ -255,7 +261,7 @@ export class SnkFilterParamConfig {
           "return": "Promise<IExpressionItem>"
         },
         "docs": {
-          "text": "",
+          "text": "Abre o modal de configura\u00E7\u00E3o de valor vari\u00E1vel",
           "tags": []
         }
       },
@@ -275,7 +281,7 @@ export class SnkFilterParamConfig {
           "return": "Promise<IExpressionItem>"
         },
         "docs": {
-          "text": "",
+          "text": "Fecha o modal de configura\u00E7\u00E3o de valor vari\u00E1vel",
           "tags": []
         }
       }

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

@@ -7,14 +7,12 @@ export class PersonalizedFilterUtils {
    * @param expressionItem - Objeto com os parâmetros necessários para montar a expressão.
    * @returns Retorna a expressão de filtro.
    */
-  static buildFilterExpression(expressionItem, ignoreInvalidExpressions = false) {
+  static buildFilterExpression(expressionItem) {
+    var _a;
     if (expressionItem == undefined) {
       return;
     }
-    if (!this.validateExpressionItem(expressionItem) && ignoreInvalidExpressions) {
-      return "";
-    }
-    let value = this.buildVariableParameterValue(expressionItem);
+    let value = (_a = this.buildVariableParameterValue(expressionItem)) !== null && _a !== void 0 ? _a : undefined;
     let expression = expressionItem.expression || "";
     let commas = "'";
     if (expressionItem.paramVariable) {
@@ -38,8 +36,13 @@ export class PersonalizedFilterUtils {
         expression += ` LIKE '%${value}'`;
         break;
       default:
-        value = typeof value === 'string' ? `${commas}${value}${commas}` : value;
-        expression += ` ${FilterOperand[expressionItem.operand]} ${value}`;
+        if (expressionItem.operand) {
+          expression += ` ${FilterOperand[expressionItem.operand]}`;
+        }
+        if (value) {
+          value = isNaN(value) ? `${commas}${value}${commas}` : value;
+          expression += ` ${value}`;
+        }
     }
     return expression;
   }
@@ -63,7 +66,7 @@ export class PersonalizedFilterUtils {
        pois para filtros herdados do HTML5 não temos o tipo OBJECT, fazendo com que a expressão
        fique inválida para campos do tipo pesquisa.
       */
-      if (UserInterface.SEARCH === expressionItem.userInterface || DataType.OBJECT == type) {
+      if (UserInterface.SEARCH === expressionItem.userInterface || expressionItem.userInterface === UserInterface.OPTIONSELECTOR || DataType.OBJECT == type) {
         value = (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : value;
       }
       if (DataType.NUMBER == type && value != undefined) {
@@ -105,11 +108,11 @@ export class PersonalizedFilterUtils {
   /*
   * Cria uma expressão de filtro para um grupo de itens.
   */
-  static buildGroupExpression(expressionGroup, ignoreInvalidExpressions = false) {
+  static buildGroupExpression(expressionGroup) {
     var _a, _b;
     if (!((_a = expressionGroup === null || expressionGroup === void 0 ? void 0 : expressionGroup.items) === null || _a === void 0 ? void 0 : _a.length))
       return "";
-    const itemExpressions = expressionGroup.items.map((item) => this.buildFilterExpression(item, ignoreInvalidExpressions)).join(` ${expressionGroup.operand} `);
+    const itemExpressions = expressionGroup.items.map((item) => this.buildFilterExpression(item)).join(` ${expressionGroup.operand} `);
     if (((_b = expressionGroup === null || expressionGroup === void 0 ? void 0 : expressionGroup.childrenGroups) === null || _b === void 0 ? void 0 : _b.length) > 0) {
       const childGroupExpressions = expressionGroup.childrenGroups.map((children) => this.buildGroupExpression(children)).join(` ${expressionGroup.operand} `);
       return `(${itemExpressions} ${expressionGroup.operand} (${childGroupExpressions}))`;
@@ -196,7 +199,6 @@ export class PersonalizedFilterUtils {
   * do tipo variavel;
   */
   static buildVariableParameters(expressionGroup) {
-    var _a, _b, _c, _d;
     const allItems = this.buildPlainExpressionItems(expressionGroup);
     const allParams = [];
     for (const item of allItems) {
@@ -205,18 +207,7 @@ export class PersonalizedFilterUtils {
       }
       allParams.push({
         entityName: item.entityName,
-        fieldName: item.fieldName,
-        dataType: item.type,
-        description: item.description,
-        userInterface: item.userInterface,
-        label: item.fieldLabel,
-        searchContext: {
-          entity: (_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.find(prop => prop.name == "ENTITYNAME")) === null || _b === void 0 ? void 0 : _b.value,
-          entityDescription: (_d = (_c = item.props) === null || _c === void 0 ? void 0 : _c.find(prop => prop.name == "DESCRIPTIONENTITY")) === null || _d === void 0 ? void 0 : _d.value,
-          searchOptions: {
-            showInactives: false
-          }
-        }
+        fieldName: item.fieldName
       });
     }
     return allParams;

package/dist/collection/lib/configs/ConfigStorage.js

@@ -17,17 +17,16 @@ export class ConfigStorage {
         const resourceID = await application.getResourceID();
         ConfigStorage.instance = new ConfigStorage();
         ConfigStorage.resourceID = resourceID;
-        ConfigStorage.instance.loadFilterBarConfig(configName);
         ConfigStorage.instance.loadFormConfig(configName);
         ConfigStorage.instance.loadGridConfig(configName);
       }
     }
     return this.instance;
   }
-  async loadFilterBarConfig(name) {
+  async loadFilterBarConfig(name, urlParams) {
     const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.filterBar);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(ConfigStorage.resourceID, name));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(ConfigStorage.resourceID, name, urlParams));
     }
     return ConfigStorage.configById.get(cacheID);
   }
@@ -79,6 +78,9 @@ export class ConfigStorage {
   static async removePersonalizedFilter(personalizedFilter, configName) {
     return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, this.resourceID, configName);
   }
+  static async validatePersonalizedFilter(dataUnitName, expression) {
+    return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
+  }
   static buildCacheID(name, source) {
     if (name == undefined) {
       return `req_${source}_${this.resourceID}`;

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

@@ -75,9 +75,9 @@ export default class FilterBarConfigFetcher extends ResourceFetcher {
   saveConfig(items, resourceID, configName) {
     return this.saveResource(this.normalize(items), this.getPath(resourceID, configName));
   }
-  getConfig(resourceID, configName) {
+  getConfig(resourceID, configName, urlParams) {
     return new Promise((accept, reject) => {
-      this.loadResource(this.getPath(resourceID, configName))
+      this.loadResource(this.getPath(resourceID, configName, urlParams))
         .then((configAsString) => {
         let fieldsList;
         if (configAsString) {
@@ -125,10 +125,27 @@ export default class FilterBarConfigFetcher extends ResourceFetcher {
       return item;
     });
   }
-  getPath(resourceID, name) {
+  getPath(resourceID, name, urlParams) {
+    let path = `cfg://filter/FilterBarState:${resourceID}`;
     if (name) {
-      return `cfg://filter/FilterBarState:${resourceID}.${name}`;
+      path += `.${name}`;
     }
-    return `cfg://filter/FilterBarState:${resourceID}`;
+    if (urlParams) {
+      path += this.buildQueryString(urlParams);
+    }
+    return path;
+  }
+  buildQueryString(urlParams) {
+    let queryString = '?';
+    for (let key in urlParams) {
+      if (!urlParams.hasOwnProperty(key)) {
+        continue;
+      }
+      if (queryString.length > 1) {
+        queryString += '&';
+      }
+      queryString += key + '=' + urlParams[key];
+    }
+    return queryString;
   }
 }

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

@@ -49,24 +49,6 @@ export default class PersonalizedFilterFetcher {
         active
         expression
         warningMessage
-        parameters {
-          entityName
-          fieldName
-          dataType
-          description
-          userInterface
-          label
-          searchContext {
-            entity
-            entityDescription
-            searchOptions {
-              rootEntity
-              descriptionFieldName
-              codeFieldName
-              showInactives
-            }
-          }
-        }
         assistent
       }
     }`);
@@ -84,6 +66,13 @@ export default class PersonalizedFilterFetcher {
         name
       }
     }`);
+    this.templateByQuery.set("validateExpression", gql `
+    query($dataUnitName: String!, $expression: String!) {
+      $queryAlias$: validateExpression(dataUnitName: $dataUnitName, expression: $expression) {
+        valid
+        message
+      }
+    }`);
   }
   async loadPersonalizedFilter(resourceID, filterID, configName) {
     return new Promise((resolve, reject) => {
@@ -133,6 +122,21 @@ export default class PersonalizedFilterFetcher {
       });
     });
   }
+  async validatePersonalizedFilter(dataUnitName, expression) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { dataUnitName: dataUnitName, expression: expression },
+        query: this.templateByQuery.get("validateExpression"),
+      })
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
   loadFields(uri) {
     return new Promise((resolve, reject) => {
       DataFetcher.get()

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

@@ -15,12 +15,16 @@ export const snkPersonalizedFilterMessages = {
     labelCancel: "Cancelar",
     labelSave: "Salvar",
     labelNameFilter: "Nome do filtro",
-    labelExpression: "Expressão SQL",
+    labelExpression: "Expressão",
     badgeVariable: "variável",
     noDataFound: "Nenhum filtro encontrado",
     condition: "Condição",
     addGroup: "Adicionar grupo",
-    applyExpression: "Expressão a ser aplicada:"
+    addField: "Adicionar campo",
+    applyExpression: "Expressão a ser aplicada:",
+    tooltipDisabledAssistentMode: "Expressão não suportada pelo assistente.",
+    activeModeAdvanced: "Ativar modo avançado",
+    activeModeAssistent: "Ativar modo assistente"
   },
   confirmExpression: {
     title: "Aviso",
@@ -34,6 +38,18 @@ export const snkPersonalizedFilterMessages = {
     title: "Aviso",
     description: `As alterações realizadas serão descartadas.</br></br><b>Gostaria de continuar?</b>`
   },
+  confirmChangeModeAssistent: {
+    title: "Aviso",
+    description: `Ao modificar a expressão, o modo assistente será desabilitado.</br></br><b>Gostaria de continuar?</b>`
+  },
+  confirmChangeModeAdvanced: {
+    title: "Aviso",
+    description: `Ao retornar ao modo assistente suas alterações serão perdidas.</br></br><b>Gostaria de continuar?</b>`
+  },
+  confirmSaveModeAdvanced: {
+    title: "Aviso",
+    description: `Ao modificar a expressão, o modo assistente será desabilitado.</br></br><b>Gostaria de continuar?</b>`
+  },
   operador: {
     firstLevel: "A seleção será habilitada a partir da adição da segunda linha de regras.",
     and: "Será verdadeiro se todas as condições forem obedecidas.",