@sankhyalabs/sankhyablocks 5.19.1 → 6.0.1

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

@@ -1,11 +1,13 @@
 import { Host, h } from '@stencil/core';
-import { ApplicationContext, UserInterface } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, 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';
+import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+const DEFAULT_FIELD_NAME = 'NOT_DEFINED';
 export class SnkExpressionItem {
   constructor() {
     this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -17,30 +19,107 @@ export class SnkExpressionItem {
     this.expression = undefined;
     this.canRemove = true;
     this.messagesBuilder = undefined;
+    this.entityURI = undefined;
   }
   expressionChanged(newValue, oldValue) {
     if (newValue !== oldValue) {
       this.ezFilterItemChange.emit(newValue);
+      this.updateFieldSelected();
     }
   }
   componentWillLoad() {
-    this._dataSourceFetcher = store.get("filterFieldsDataSource");
-    store.onChange('filterFieldsDataSource', () => {
-      this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    this._dataSourceFetcher = store.get(`filterFieldsDataSource.${this.entityURI}`);
+    store.onChange(`filterFieldsDataSource.${this.entityURI}`, () => {
+      this._dataSourceFetcher = store.get(`filterFieldsDataSource.${this.entityURI}`);
     });
+    if (this.expression) {
+      this.updateFieldSelected();
+      this._optionNotNull = this.expression.operand === 'NULL' || this.expression.operand === 'NOT_NULL';
+    }
+  }
+  componentDidRender() {
+    this._showValueVariable = this._elValueVariable.value;
+  }
+  updateFieldSelected() {
+    const field = {
+      dataType: this.expression.type,
+      description: this.expression.description,
+      name: this.expression.fieldName,
+      label: this.expression.fieldLabel,
+      entityName: this.expression.entityName,
+      onlyDate: false,
+      path: this.expression.description,
+      properties: this.expressionPropsToFieldProps(this.expression.props),
+      type: SelectedItemType.FIELD,
+      uri: "",
+      userInterface: this.expression.userInterface
+    };
+    this._fieldSelected = field;
+  }
+  buildExpression(entityName, fieldName, entityPath) {
+    if (entityPath.length > 0) {
+      entityPath.shift();
+    }
+    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
   }
   setValueExpression(key, value) {
-    this.expression[key] = value;
+    if (key === "fieldName") {
+      this.expression.description = value.path;
+      this.expression.expression = this.buildExpression(value.entityName, value.name, value.entityPath);
+      this.expression.fieldName = value.name;
+      this.expression.fieldLabel = value.label;
+      this.expression.type = value.dataType;
+      this.expression.userInterface = value.userInterface;
+      this.expression.entityName = value.entityName;
+      this.expression.value = undefined;
+      this.expression.props = this.fieldPropsToExpressionProps(value.properties);
+    }
+    else {
+      this.expression[key] = value;
+    }
     this.expressionChanged(this.expression);
   }
+  fieldPropsToExpressionProps(properties) {
+    const parsedProps = [];
+    if (!properties) {
+      return parsedProps;
+    }
+    for (const key in properties) {
+      let propValue = properties[key];
+      if (typeof propValue == "object") {
+        propValue = JSON.stringify(propValue);
+      }
+      parsedProps.push({ name: key, value: propValue });
+    }
+    return parsedProps;
+  }
+  expressionPropsToFieldProps(properties) {
+    const parsedProps = {};
+    if (!properties) {
+      return parsedProps;
+    }
+    properties.forEach(prop => {
+      try {
+        parsedProps[prop.name] = JSON.parse(prop.value);
+      }
+      catch (_a) {
+        parsedProps[prop.name] = prop.value;
+      }
+    });
+    return parsedProps;
+  }
   getMessage(key, params) {
     return this.application.messagesBuilder.getMessage(key, params);
   }
   handleSelectItem(filterField) {
+    if (filterField.name === this.expression.fieldName) {
+      this._elFilterInput.value = filterField.path;
+      return;
+    }
     if (filterField.type === SelectedItemType.FIELD) {
       const field = filterField;
       this._fieldSelected = field;
-      this.setValueExpression("fieldName", field.name);
+      this.setValueExpression("fieldName", field);
     }
   }
   handleFocus() {
@@ -56,6 +135,8 @@ export class SnkExpressionItem {
       this._elFieldDynamic.value = undefined;
       this._elFieldDynamic.enabled = !showValueVariable;
     }
+    this.expression["paramVariable"] = showValueVariable;
+    this.expressionChanged(this.expression);
   }
   openSnkFilterParamConfig() {
     var _a;
@@ -80,7 +161,8 @@ export class SnkExpressionItem {
     this.setValueExpression("operand", optionSelected);
   }
   checkOptionIsNull(optionSelected) {
-    if (optionSelected === FilterOperand.NULL || optionSelected === FilterOperand.NOT_NULL) {
+    const filterOperandValue = FilterOperand[optionSelected];
+    if ([FilterOperand.NULL, FilterOperand.NOT_NULL].includes(filterOperandValue)) {
       this._optionNotNull = true;
       if (this._elFieldDynamic) {
         this._elFieldDynamic.enabled = false;
@@ -97,7 +179,7 @@ export class SnkExpressionItem {
   confirmRemove(evt) {
     evt.preventDefault();
     evt.stopPropagation();
-    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirm.title"), this.getMessage("snkPersonalizedFilter.confirm.description"))
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmExpression.title"), this.getMessage("snkPersonalizedFilter.confirmExpression.description"))
       .then((canRemove) => {
       if (canRemove) {
         this.ezFilterItemRemove.emit(this.expression);
@@ -105,18 +187,31 @@ export class SnkExpressionItem {
     });
   }
   buildFieldByType() {
-    var _a, _b;
+    var _a, _b, _c;
     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) {
+    if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData || this.expression.paramVariable || this._showValueVariable || !((_c = this._fieldSelected) === null || _c === void 0 ? void 0 : _c.dataType)) {
       inputFieldData.$attrs$.enabled = false;
     }
+    if (this.expression.value) {
+      inputFieldData.$attrs$.value = this.getExpressiontValue(this.expression);
+    }
+    inputFieldData.$attrs$.onEzChange = (event) => {
+      this.setValueExpression("value", event.target.value);
+    };
+    if (this.expression.userInterface === 'SWITCH' && this.expression.value == undefined) {
+      this.setValueExpression("value", false);
+    }
     return h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
         this._elFieldDynamic = el;
-      } }));
+      }, label: this.expression.fieldLabel || this._fieldSelected.label }));
+  }
+  getExpressiontValue(expression) {
+    return convertType(expression.type, expression.value);
   }
   configureFieldByType() {
+    var _a, _b;
     const field = {
       userInterface: this._fieldSelected.userInterface,
       name: this._fieldSelected.name,
@@ -126,10 +221,7 @@ export class SnkExpressionItem {
     switch (field.userInterface) {
       case UserInterface.OPTIONSELECTOR:
         field.props = {
-          options: this._fieldSelected.properties.map(option => ({
-            value: option.value,
-            label: option.name,
-          })),
+          options: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.options,
         };
         break;
       case UserInterface.LONGTEXT:
@@ -144,25 +236,26 @@ export class SnkExpressionItem {
     return field;
   }
   setCriteriaSearch({ mode, argument }, application) {
+    var _a, _b;
     if (application == undefined)
       return;
     const searchOptions = {
       showInactives: false
     };
     const options = {
-      entity: this._fieldSelected.properties.ENTITYNAME,
-      searchOptions: searchOptions,
-      entityDescription: this._fieldSelected.label
+      entity: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.ENTITYNAME,
+      searchOptions,
+      entityDescription: this._fieldSelected.description
     };
     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 ?
+    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, 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() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || DEFAULT_FIELD_NAME}` })), 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", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || DEFAULT_FIELD_NAME}` }))), 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) })))))));
+      h("ez-check", { ref: ref => this._elValueVariable = ref, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
+      h("ez-icon", Object.assign({ class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: 'iconConfig' }, { 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" }, h("ez-button", { mode: "icon", iconName: "delete", enabled: this.canRemove, label: this.getMessage("snkPersonalizedFilter.info.labelDeleteItem"), onClick: (evt) => this.confirmRemove(evt) })))))));
   }
   static get is() { return "snk-expression-item"; }
   static get encapsulation() { return "scoped"; }
@@ -236,6 +329,23 @@ export class SnkExpressionItem {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "entityURI": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identificador da unidade de dados."
+        },
+        "attribute": "entity-u-r-i",
+        "reflect": false
       }
     };
   }

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

@@ -1 +1,5 @@
-export {};
+export var FilterGroupCondition;
+(function (FilterGroupCondition) {
+  FilterGroupCondition["AND"] = "AND";
+  FilterGroupCondition["OR"] = "OR";
+})(FilterGroupCondition || (FilterGroupCondition = {}));

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './IExpressionItem';
+export * from './ISystemFilterConfig';
+export * from './IUserFilterConfig';

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

@@ -142,7 +142,7 @@ export class SnkFilterParamConfig {
     };
   }
   onSearch({ mode, argument }, entity) {
-    if (this._application == undefined) {
+    if (this._application == undefined || !this._opened) {
       return;
     }
     const isField = entity === FilterEntities.FIELD;

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

@@ -1,35 +1,45 @@
+import { DataType, DateUtils, NumberUtils, UserInterface } from "@sankhyalabs/core";
 import { FilterOperand } from "../../../../../lib/@types";
+import FilterItemType from "../../../../snk-filter-bar/filter-item/filter-item-type.enum";
 export class PersonalizedFilterUtils {
   /**
    * Cria uma expressão de filtro a partir de um IExpressionItem.
    * @param expressionItem - Objeto com os parâmetros necessários para montar a expressão.
    * @returns Retorna a expressão de filtro.
    */
-  static buildFilterExpression(expressionItem) {
+  static buildFilterExpression(expressionItem, ignoreInvalidExpressions = false) {
     if (expressionItem == undefined) {
       return;
     }
-    const value = this.buildVariableParameterValue(expressionItem);
+    if (!this.validateExpressionItem(expressionItem) && ignoreInvalidExpressions) {
+      return "";
+    }
+    let value = this.buildVariableParameterValue(expressionItem);
     let expression = expressionItem.expression || "";
+    let commas = "'";
+    if (expressionItem.paramVariable) {
+      commas = "";
+    }
     switch (expressionItem.operand) {
-      case FilterOperand.IN:
-        expression += ` ${expressionItem.operand} (${value})`;
+      case "IN":
+        expression += ` ${FilterOperand[expressionItem.operand]} (${value})`;
         break;
-      case FilterOperand.NULL:
-      case FilterOperand.NOT_NULL:
-        expression += ` IS ${value}`;
+      case "NULL":
+      case "NOT_NULL":
+        expression += ` IS ${FilterOperand[expressionItem.operand]}`;
         break;
-      case FilterOperand.LIKE:
-        expression += ` LIKE '%${value}%'`;
+      case "LIKE":
+        expression += ` LIKE ${commas}%${value}%${commas}`;
         break;
-      case FilterOperand.START_WITH:
-        expression += ` LIKE '${value}%'`;
+      case "START_WITH":
+        expression += ` LIKE ${commas}${value}%${commas}`;
         break;
-      case FilterOperand.FINISHED_WITH:
-        expression += ` LIKE '%${value}'`;
+      case "FINISHED_WITH":
+        expression += ` LIKE ${commas}%${value}${commas}`;
         break;
       default:
-        expression += ` ${expressionItem.operand} ${value}`;
+        value = isNaN(value) ? `${commas}${value}${commas}` : value;
+        expression += ` ${FilterOperand[expressionItem.operand]} ${value}`;
     }
     return expression;
   }
@@ -39,9 +49,43 @@ export class PersonalizedFilterUtils {
    * @returns Retorna o valor do parâmetro.
    */
   static buildVariableParameterValue(expressionItem) {
-    if (expressionItem == undefined) {
+    var _a;
+    if (expressionItem == undefined)
       return;
+    if (expressionItem.paramVariable) {
+      return this.proccessVarialbeParameter(expressionItem);
+    }
+    if (expressionItem.operand !== FilterOperand.NULL && expressionItem.operand !== "NOT_NULL") {
+      let value = expressionItem.value;
+      const type = expressionItem.type;
+      /*
+       Precisamos validar o expressionItem.userInterface além do expressionItem.type
+       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) {
+        value = (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : value;
+      }
+      if (DataType.NUMBER == type && value != undefined) {
+        value = NumberUtils.stringToNumber(value);
+        this.checkIsValidNumber(value);
+      }
+      else if (DataType.DATE == type) {
+        value = this.convertDataValue(value);
+      }
+      else if (DataType.BOOLEAN == type) {
+        value = value ? "S" : "N";
+      }
+      return value;
+    }
+    return expressionItem.operand;
+  }
+  static checkIsValidNumber(value) {
+    if (isNaN(value)) {
+      throw new Error('O valor informado não é um número válido.');
     }
+  }
+  static proccessVarialbeParameter(expressionItem) {
     if (expressionItem.systemConfig != undefined) {
       const systemConfig = expressionItem.systemConfig;
       return `?:{entidade=${systemConfig.entity || ""};campo=${systemConfig.fieldName || ""}}`;
@@ -52,4 +96,129 @@ export class PersonalizedFilterUtils {
     }
     return `?:{entidade=${expressionItem.entityName || ""};campo=${expressionItem.fieldName || ""}}`;
   }
+  static convertDataValue(value) {
+    if (typeof value == 'string') {
+      value = new Date(value);
+    }
+    return DateUtils.formatDate(value);
+  }
+  /*
+  * Cria uma expressão de filtro para um grupo de itens.
+  */
+  static buildGroupExpression(expressionGroup, ignoreInvalidExpressions = false) {
+    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} `);
+    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}))`;
+    }
+    return `(${itemExpressions})`;
+  }
+  /*
+  * Valida se os campos das expressão estão válidas para serem criada ou editada.
+  */
+  static validateFields(expressionGroup) {
+    const allItems = this.buildPlainExpressionItems(expressionGroup);
+    for (const item of allItems) {
+      const isValidItem = this.validateExpressionItem(item);
+      if (!isValidItem) {
+        return false;
+      }
+    }
+    return true;
+  }
+  static buildPlainExpressionItems(expressionGroup) {
+    const { items = [], childrenGroups = [] } = expressionGroup || {};
+    const getItemsFromChildren = (childrenGroup) => {
+      return childrenGroup.reduce((listAcc, children) => {
+        var _a;
+        if (children.items)
+          listAcc = listAcc.concat(children.items);
+        if ((_a = children.childrenGroups) === null || _a === void 0 ? void 0 : _a.length) {
+          listAcc = listAcc.concat(getItemsFromChildren(children.childrenGroups));
+        }
+        return listAcc;
+      }, []);
+    };
+    return items.concat(getItemsFromChildren(childrenGroups));
+  }
+  static validateExpressionItem(expressionItem) {
+    const requiredFields = {
+      fieldName: (value) => !!value,
+      value: (value, byPassValue) => {
+        if (byPassValue)
+          return true;
+        return !!value;
+      },
+      operand: (value) => !!value
+    };
+    const isAllValidFields = Object.entries(requiredFields).every(entries => {
+      const [fieldName, validate] = entries;
+      const byPassValue = expressionItem.paramVariable || expressionItem.userInterface === 'SWITCH' || ["NULL", "NOT_NULL"].includes(expressionItem.operand);
+      return validate(expressionItem[fieldName], byPassValue);
+    });
+    return isAllValidFields;
+  }
+  static getNormalizedValue(params, value) {
+    return params.reduce((arrayValues, currentParam, index) => {
+      if (currentParam.dataType === DataType.BOOLEAN && (arrayValues == undefined || arrayValues[index] == undefined)) {
+        arrayValues = !!arrayValues && !Array.isArray(arrayValues) ? [arrayValues] : arrayValues || [];
+        arrayValues[index] = false;
+      }
+      return arrayValues;
+    }, value);
+  }
+  /*
+  * Valida se os filtros personalizados com campo variável são válido.
+  */
+  static validateVariableValues(config, editorValue) {
+    if (!config)
+      return true;
+    let valuesArray = editorValue || config.value;
+    let isValid = true;
+    if (config.type === FilterItemType.PERSONALIZED) {
+      const activeFilters = (config.groupedItems || []).filter(item => item.visible);
+      const allFilterWithVariableParams = activeFilters.filter(activeFilter => { var _a, _b, _c; return !!((_c = (_b = (_a = activeFilter.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters) === null || _c === void 0 ? void 0 : _c.length); });
+      const allParamsWithValues = allFilterWithVariableParams.flatMap(filter => { var _a; return (_a = filter.props.personalizedFilter) === null || _a === void 0 ? void 0 : _a.parameters; });
+      const valuesFromParams = allFilterWithVariableParams.flatMap(filter => {
+        const isBoolean = filter.props.personalizedFilter.parameters[0].dataType === DataType.BOOLEAN;
+        return isBoolean ? false : filter.value;
+      });
+      valuesArray = this.getNormalizedValue(allParamsWithValues, valuesArray);
+      isValid = allParamsWithValues.length === valuesFromParams.length && valuesFromParams.every(value => value != null);
+    }
+    return isValid;
+  }
+  /*
+  * Constroi uma lista parâmetros para todos os itens de grupos e subgrupos que são
+  * do tipo variavel;
+  */
+  static buildVariableParameters(expressionGroup) {
+    var _a, _b, _c, _d;
+    const allItems = this.buildPlainExpressionItems(expressionGroup);
+    const allParams = [];
+    for (const item of allItems) {
+      if (!item.paramVariable) {
+        continue;
+      }
+      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
+          }
+        }
+      });
+    }
+    return allParams;
+  }
 }

package/dist/collection/lib/@types/index.js

@@ -37,9 +37,11 @@ export var FilterConfigType;
 export var FilterUserConfigTypes;
 (function (FilterUserConfigTypes) {
   FilterUserConfigTypes["DATE"] = "D";
+  FilterUserConfigTypes["HORA"] = "H";
   FilterUserConfigTypes["TEXT"] = "S";
   FilterUserConfigTypes["INTEGER"] = "I";
   FilterUserConfigTypes["DECIMAL"] = "F";
+  FilterUserConfigTypes["NUMBER"] = "NUMBER";
 })(FilterUserConfigTypes || (FilterUserConfigTypes = {}));
 export var FilterOperand;
 (function (FilterOperand) {

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

@@ -2,6 +2,7 @@ import { ApplicationContext } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../http/data-fetcher/fetchers/form-config-fetcher";
 import GridConfigFetcher from "../http/data-fetcher/fetchers/grid-config-fetcher";
 import FilterBarConfigFetcher from "../http/data-fetcher/fetchers/filter-bar-config-fetcher";
+import PersonalizedFilterFetcher from "../http/data-fetcher/fetchers/personalized-filter-fetcher";
 const CONFIG_SOURCE = {
   form: "form",
   grid: "grid",
@@ -65,6 +66,19 @@ export class ConfigStorage {
     this.configById.delete(cacheID);
     return this.gridConfigFetcher.saveConfig(config, name, this.resourceID);
   }
+  static async loadPersonalizedFilter(filterId, configName) {
+    return this.personalizedFilterFetcher.loadPersonalizedFilter(this.resourceID, filterId, configName);
+  }
+  static async savePersonalizedFilter(personalizedFilter, configName) {
+    //Ao criar ou alterar um filtro personalizado, 
+    //precisamos remover o cache do status da filterbar.
+    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar);
+    this.configById.delete(cacheID);
+    return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, this.resourceID, configName);
+  }
+  static async removePersonalizedFilter(personalizedFilter, configName) {
+    return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, this.resourceID, configName);
+  }
   static buildCacheID(name, source) {
     if (name == undefined) {
       return `req_${source}_${this.resourceID}`;
@@ -76,3 +90,4 @@ ConfigStorage.configById = new Map();
 ConfigStorage.filterBarConfigFetcher = new FilterBarConfigFetcher();
 ConfigStorage.formConfigFetcher = new FormConfigFetcher();
 ConfigStorage.gridConfigFetcher = new GridConfigFetcher();
+ConfigStorage.personalizedFilterFetcher = new PersonalizedFilterFetcher();