@sankhyalabs/sankhyablocks 3.3.0 → 3.4.1

package/dist/cjs/snk-filter-param-config.cjs.entry.js

@@ -0,0 +1,255 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index$1 = require('./index-21bd01e1.js');
+const core = require('@sankhyalabs/core');
+const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
+const index = require('./index-f400b1d6.js');
+
+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) {
+    if (expressionItem == undefined) {
+      return;
+    }
+    const value = this.buildVariableParameterValue(expressionItem);
+    let expression = expressionItem.expression || "";
+    switch (expressionItem.operand) {
+      case index.FilterOperand.IN:
+        expression += ` ${expressionItem.operand} (${value})`;
+        break;
+      case index.FilterOperand.NULL:
+      case index.FilterOperand.NOT_NULL:
+        expression += ` IS ${value}`;
+        break;
+      case index.FilterOperand.LIKE:
+        expression += ` LIKE '%${value}%'`;
+        break;
+      case index.FilterOperand.START_WITH:
+        expression += ` LIKE '${value}%'`;
+        break;
+      case index.FilterOperand.FINISHED_WITH:
+        expression += ` LIKE '%${value}'`;
+        break;
+      default:
+        expression += ` ${expressionItem.operand} ${value}`;
+    }
+    return expression;
+  }
+  /**
+   * Obtém o valor do parâmetro a partir de um IExpressionItem.
+   * @param expressionItem - Objeto com os parâmetros necessários para montar a expressão.
+   * @returns Retorna o valor do parâmetro.
+   */
+  static buildVariableParameterValue(expressionItem) {
+    if (expressionItem == undefined) {
+      return;
+    }
+    if (expressionItem.systemConfig != undefined) {
+      const systemConfig = expressionItem.systemConfig;
+      return `?:{entidade=${systemConfig.entity || ""};campo=${systemConfig.fieldName || ""}}`;
+    }
+    if (expressionItem.userConfig != undefined) {
+      const userConfig = expressionItem.userConfig;
+      return `?:{desc=${userConfig.description || ""};tipo=${userConfig.type || ""}}`;
+    }
+    return `?:{entidade=${expressionItem.entityName || ""};campo=${expressionItem.fieldName || ""}}`;
+  }
+}
+
+const snkFilterParamConfigCss = ".sc-snk-filter-param-config-h{--snk-filter-param-config__expression--color:var(--title--primary, #2b3a54);display:flex;position:relative}.snk-filter-param-config__expression.sc-snk-filter-param-config{--text-area__input--disabled--color:var(--snk-filter-param-config__expression--color)}";
+
+const SnkFilterParamConfig = class {
+  constructor(hostRef) {
+    index$1.registerInstance(this, hostRef);
+    this._opened = false;
+    this._configType = index.FilterConfigType.SYSTEM_CONFIG;
+    this._expressionItem = undefined;
+    this._informedInstance = false;
+    this._canSave = false;
+  }
+  open(expressionItem) {
+    this._opened = true;
+    this._expressionItem = expressionItem;
+    this.loadValues();
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  /**
+   * 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-filter-param-config.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getConfigValue(configName, inputName, inputAlias = "") {
+    var _a, _b, _c;
+    return ((_b = (_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a[configName]) === null || _b === void 0 ? void 0 : _b[inputName])
+      || ((_c = this._expressionItem) === null || _c === void 0 ? void 0 : _c[inputAlias || inputName]);
+  }
+  loadValues() {
+    var _a;
+    const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+    const fieldName = this.getConfigValue("systemConfig", "fieldName");
+    const description = this.getConfigValue("userConfig", "description");
+    const type = this.getConfigValue("userConfig", "type");
+    if (((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.userConfig) != undefined) {
+      this._configType = index.FilterConfigType.USER_CONFIG;
+    }
+    else {
+      this._configType = index.FilterConfigType.SYSTEM_CONFIG;
+    }
+    if (!core.StringUtils.isEmpty(entityName) && !core.StringUtils.isEmpty(fieldName)) {
+      this._instanceElement.value = { value: entityName, label: "" };
+      this._fieldElement.value = { value: fieldName, label: "" };
+    }
+    if (!core.StringUtils.isEmpty(description) && !core.StringUtils.isEmpty(type)) {
+      this._descriptionElement.value = description;
+      this._typeElement.value = type;
+    }
+    this.buildFilterExpression();
+  }
+  changeDefinitionUsed(option) {
+    this._configType = option !== null && option !== void 0 ? option : index.FilterConfigType.SYSTEM_CONFIG;
+    if (this._configType === index.FilterConfigType.SYSTEM_CONFIG) {
+      const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+      const fieldName = this.getConfigValue("systemConfig", "fieldName");
+      this._instanceElement.value = this._instanceElement.value || { value: entityName, label: "" };
+      this._fieldElement.value = this._fieldElement.value || { value: fieldName, label: "" };
+    }
+    else if (this._configType === index.FilterConfigType.USER_CONFIG) {
+      const description = this.getConfigValue("userConfig", "description");
+      const type = this.getConfigValue("userConfig", "type");
+      this._descriptionElement.value = this._descriptionElement.value || description;
+      this._typeElement.value = this._typeElement.value || type;
+    }
+    this.buildFilterExpression();
+  }
+  getTypeValue() {
+    var _a;
+    const value = (_a = this._typeElement) === null || _a === void 0 ? void 0 : _a.value;
+    return ((value === null || value === void 0 ? void 0 : value.value) || value);
+  }
+  getExpressionValues() {
+    var _a, _b, _c, _d, _e;
+    let systemConfig;
+    let userConfig;
+    if (this._configType === index.FilterConfigType.SYSTEM_CONFIG) {
+      const entity = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+      const fieldName = (_d = (_c = this._fieldElement) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.value;
+      systemConfig = { entity, fieldName };
+    }
+    else if (this._configType === index.FilterConfigType.USER_CONFIG) {
+      const description = (_e = this._descriptionElement) === null || _e === void 0 ? void 0 : _e.value;
+      const type = this.getTypeValue();
+      userConfig = { description, type };
+    }
+    return Object.assign(Object.assign(Object.assign({}, this._expressionItem), { systemConfig }), { userConfig });
+  }
+  isEnabled(value) {
+    return this._configType === value;
+  }
+  isInformedInstance() {
+    var _a, _b;
+    return !core.StringUtils.isEmpty((_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value);
+  }
+  save() {
+    var _a;
+    this._expressionItem = Object.assign(Object.assign({}, this.getExpressionValues()), { expression: (_a = this._expressionElement) === null || _a === void 0 ? void 0 : _a.value });
+    this._promiseResolver(this._expressionItem);
+    this._opened = false;
+  }
+  buildFilterExpression() {
+    var _a;
+    this._informedInstance = this.isInformedInstance();
+    const expression = PersonalizedFilterUtils.buildFilterExpression(this.getExpressionValues());
+    this._expressionElement.value = expression || ((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.expression);
+    this._canSave = this.getCanSave();
+  }
+  handleChangeInstance() {
+    this._informedInstance = this.isInformedInstance();
+    if (this._fieldElement != undefined && !core.StringUtils.isEmpty(this._fieldElement.value)) {
+      this._fieldElement.value = null;
+    }
+    this.buildFilterExpression();
+  }
+  getInstanceCriteria() {
+    var _a, _b;
+    const value = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+    return {
+      expression: "this.NOMETAB = (SELECT NOMETAB FROM TDDINS WHERE NOMEINSTANCIA = ?)",
+      params: [
+        {
+          name: "NOMEINSTANCIA",
+          dataType: core.DataType.TEXT,
+          value
+        }
+      ]
+    };
+  }
+  onSearch({ mode, argument }, entity) {
+    if (this._application == undefined) {
+      return;
+    }
+    const isField = entity === index.FilterEntities.FIELD;
+    const criteria = isField ? this.getInstanceCriteria() : undefined;
+    const messageKey = `snkFilterParamConfig.label${isField ? "Field" : "Instance"}`;
+    const entityDescription = this.getMessage(messageKey);
+    const searchOptions = {
+      descriptionFieldName: isField ? "DESCRCAMPO" : "DESCRINSTANCIA",
+      codeFieldName: isField ? "NOMECAMPO" : "NOMEINSTANCIA",
+      showInactives: false
+    };
+    const options = {
+      entity,
+      entityDescription,
+      criteria,
+      searchOptions
+    };
+    return this._application.executePreparedSearch(mode, argument, options);
+  }
+  getElementID(sufix) {
+    return {
+      [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(sufix)
+    };
+  }
+  getCanSave() {
+    var _a;
+    if (this._configType === index.FilterConfigType.USER_CONFIG) {
+      const description = (_a = this._descriptionElement) === null || _a === void 0 ? void 0 : _a.value;
+      const type = this.getTypeValue();
+      return !core.StringUtils.isEmpty(description) && !core.StringUtils.isEmpty(type);
+    }
+    return true;
+  }
+  componentWillLoad() {
+    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    core.ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkFilterParamConfig');
+    return (index$1.h("ez-popup", Object.assign({ useHeader: false, size: "small", heightMode: "auto", opened: this._opened }, this.getElementID("popup")), index$1.h("ez-modal-container", Object.assign({ onEzModalAction: (evt) => {
+        if (evt.detail === ezModalContainer.ModalAction.CLOSE)
+          this.close();
+      }, modalTitle: this.getMessage("snkFilterParamConfig.modalTitle") }, this.getElementID("modalContainer")), index$1.h("div", { class: "ez-flex" }, index$1.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index$1.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("systemConfigOption")), index$1.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelSystemConfig"), value: index.FilterConfigType.SYSTEM_CONFIG })), index$1.h("ez-search", Object.assign({ ref: (ref) => this._instanceElement = ref, label: this.getMessage("snkFilterParamConfig.labelInstance"), enabled: this.isEnabled(index.FilterConfigType.SYSTEM_CONFIG), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.handleChangeInstance(), optionLoader: (searchArgument) => this.onSearch(searchArgument, index.FilterEntities.INSTANCE) }, this.getElementID("configFindEntity"))), index$1.h("ez-search", Object.assign({ ref: (ref) => this._fieldElement = ref, label: this.getMessage("snkFilterParamConfig.labelField"), enabled: this.isEnabled(index.FilterConfigType.SYSTEM_CONFIG) && this._informedInstance, suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.buildFilterExpression(), optionLoader: (searchArgument) => this.onSearch(searchArgument, index.FilterEntities.FIELD) }, this.getElementID("configFindField")))), index$1.h("div", { class: "ez-flex ez-padding--medium" }, index$1.h("hr", { class: "ez-divider-vertical" })), index$1.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index$1.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("userConfigOption")), index$1.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelUserConfig"), value: index.FilterConfigType.USER_CONFIG })), index$1.h("ez-text-input", Object.assign({ ref: (ref) => this._descriptionElement = ref, label: this.getMessage("snkFilterParamConfig.labelDescription"), enabled: this.isEnabled(index.FilterConfigType.USER_CONFIG), onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamLabel"))), index$1.h("ez-combo-box", Object.assign({ ref: (ref) => this._typeElement = ref, label: this.getMessage("snkFilterParamConfig.labelType"), enabled: this.isEnabled(index.FilterConfigType.USER_CONFIG), suppressEmptyOption: true, onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamType")), Object.keys(index.FilterUserConfigTypes).map((configType) => {
+      return (index$1.h("option", { value: index.FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
+    })))), index$1.h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), index$1.h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, index$1.h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), index$1.h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
+  }
+  get _element() { return index$1.getElement(this); }
+};
+SnkFilterParamConfig.style = snkFilterParamConfigCss;
+
+exports.snk_filter_param_config = SnkFilterParamConfig;

package/dist/cjs/snk-form-config.cjs.entry.js

@@ -7,7 +7,7 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-8f3504ec.js');
-const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
+const ConfigStorage = require('./ConfigStorage-0a2db8e7.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config--z-index:var(--more-visible, 2);--snk-form-config--background-color:var(--background--xlight, #fff);--snk-form-config__icon--color:var(--text--disable, #AFB6C0);--snk-form-config__label-counter--font-weight:var(--text-weight--extra-small, 200);--snk-form-config__add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__add-group-container--background-color:var(--background--medium, #d2dce9);--snk-form-config__add-group-container--padding:var(--space--small, 6px);--snk-form-config__add-group-content--border:2px dashed var(--color-strokes, #DCE0E8);--snk-form-config__add-group-content--border-radius:var(--border--radius-small, 6px);--snk-form-config__add-group-label--padding:var(--space--large, 24px);--snk-form-config__btn-add-group--padding:var(--space--large, 24px) var(--space--medium, 12px) 0;--snk-form-config__btn-add-group-container--padding:var(--space--medium, 12px);--snk-form-config__btn-add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__btn-add-group-container--border:2px solid var(--color-strokes, #DCE0E8);--snk-form-config__btn-add-group-container--background-color:var(--background--body, #fafcff);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--snk-form-config--z-index);background-color:var(--snk-form-config--background-color)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--snk-form-config__icon--color)}.ez-box__label-counter.sc-snk-form-config{margin-top:-7px;font-weight:var(--snk-form-config__label-counter--font-weight)}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:var(--snk-form-config--background-color)}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--snk-form-config--z-index)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--snk-form-config__add-group-container--border-radius);background-color:var(--snk-form-config__add-group-container--background-color);padding:var(--snk-form-config__add-group-container--padding)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:var(--snk-form-config__add-group-content--border);border-radius:var(--snk-form-config__add-group-content--border-radius)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--snk-form-config__add-group-label--padding)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--snk-form-config__btn-add-group--padding)}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--snk-form-config__btn-add-group-container--padding);border-radius:var(--snk-form-config__btn-add-group-container--border-radius);border:var(--snk-form-config__btn-add-group-container--border);background-color:var(--snk-form-config__btn-add-group-container--background-color)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:var(--snk-form-config--background-color)}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -1))}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -2))}}";

package/dist/cjs/snk-form.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
-const index$1 = require('./index-0e663819.js');
+const ConfigStorage = require('./ConfigStorage-0a2db8e7.js');
+const index$1 = require('./index-f400b1d6.js');
 const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/{taskbar-elements-d7eb170e.js → taskbar-elements-5e87cf44.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-21bd01e1.js');
-const index$2 = require('./index-0e663819.js');
+const index$2 = require('./index-f400b1d6.js');
 const index$1 = require('./index-fc7ca86c.js');
 
 exports.TaskbarElement = void 0;

package/dist/collection/collection-manifest.json

@@ -27,6 +27,7 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid/subcomponents/snk-select-box/snk-select-box.js",
+    "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],

package/dist/collection/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js

@@ -1,5 +1,6 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
 import { EmailInfoStep } from './email-info-step';
 import { OptionsStep } from './options-step';
 export class SnkExporterEmailSender {
@@ -84,8 +85,8 @@ export class SnkExporterEmailSender {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkExporterEmailSender');
-    return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: evt => {
-        if (evt.detail === "CLOSE")
+    return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: (evt) => {
+        if (evt.detail === ModalAction.CLOSE)
           this.close();
       }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: this.getSecondButtonClass(), label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
   }

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+:host {
+  /*@doc Define a cor do campo de expressão do componente.*/
+  --snk-filter-param-config__expression--color: var(--title--primary, #2b3a54);
+
+  /*private*/
+  display: flex;
+  position: relative;
+}
+
+.snk-filter-param-config__expression {
+  --text-area__input--disabled--color: var(--snk-filter-param-config__expression--color);
+}

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

@@ -0,0 +1,258 @@
+import { h } from "@stencil/core";
+import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
+import { FilterConfigType, FilterEntities, FilterUserConfigTypes } from "../../../../lib/@types";
+import { PersonalizedFilterUtils } from "./utils/PersonalizedFilterUtils";
+export class SnkFilterParamConfig {
+  constructor() {
+    this._opened = false;
+    this._configType = FilterConfigType.SYSTEM_CONFIG;
+    this._expressionItem = undefined;
+    this._informedInstance = false;
+    this._canSave = false;
+  }
+  open(expressionItem) {
+    this._opened = true;
+    this._expressionItem = expressionItem;
+    this.loadValues();
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  /**
+   * 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-filter-param-config.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getConfigValue(configName, inputName, inputAlias = "") {
+    var _a, _b, _c;
+    return ((_b = (_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a[configName]) === null || _b === void 0 ? void 0 : _b[inputName])
+      || ((_c = this._expressionItem) === null || _c === void 0 ? void 0 : _c[inputAlias || inputName]);
+  }
+  loadValues() {
+    var _a;
+    const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+    const fieldName = this.getConfigValue("systemConfig", "fieldName");
+    const description = this.getConfigValue("userConfig", "description");
+    const type = this.getConfigValue("userConfig", "type");
+    if (((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.userConfig) != undefined) {
+      this._configType = FilterConfigType.USER_CONFIG;
+    }
+    else {
+      this._configType = FilterConfigType.SYSTEM_CONFIG;
+    }
+    if (!StringUtils.isEmpty(entityName) && !StringUtils.isEmpty(fieldName)) {
+      this._instanceElement.value = { value: entityName, label: "" };
+      this._fieldElement.value = { value: fieldName, label: "" };
+    }
+    if (!StringUtils.isEmpty(description) && !StringUtils.isEmpty(type)) {
+      this._descriptionElement.value = description;
+      this._typeElement.value = type;
+    }
+    this.buildFilterExpression();
+  }
+  changeDefinitionUsed(option) {
+    this._configType = option !== null && option !== void 0 ? option : FilterConfigType.SYSTEM_CONFIG;
+    if (this._configType === FilterConfigType.SYSTEM_CONFIG) {
+      const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+      const fieldName = this.getConfigValue("systemConfig", "fieldName");
+      this._instanceElement.value = this._instanceElement.value || { value: entityName, label: "" };
+      this._fieldElement.value = this._fieldElement.value || { value: fieldName, label: "" };
+    }
+    else if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = this.getConfigValue("userConfig", "description");
+      const type = this.getConfigValue("userConfig", "type");
+      this._descriptionElement.value = this._descriptionElement.value || description;
+      this._typeElement.value = this._typeElement.value || type;
+    }
+    this.buildFilterExpression();
+  }
+  getTypeValue() {
+    var _a;
+    const value = (_a = this._typeElement) === null || _a === void 0 ? void 0 : _a.value;
+    return ((value === null || value === void 0 ? void 0 : value.value) || value);
+  }
+  getExpressionValues() {
+    var _a, _b, _c, _d, _e;
+    let systemConfig;
+    let userConfig;
+    if (this._configType === FilterConfigType.SYSTEM_CONFIG) {
+      const entity = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+      const fieldName = (_d = (_c = this._fieldElement) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.value;
+      systemConfig = { entity, fieldName };
+    }
+    else if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = (_e = this._descriptionElement) === null || _e === void 0 ? void 0 : _e.value;
+      const type = this.getTypeValue();
+      userConfig = { description, type };
+    }
+    return Object.assign(Object.assign(Object.assign({}, this._expressionItem), { systemConfig }), { userConfig });
+  }
+  isEnabled(value) {
+    return this._configType === value;
+  }
+  isInformedInstance() {
+    var _a, _b;
+    return !StringUtils.isEmpty((_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value);
+  }
+  save() {
+    var _a;
+    this._expressionItem = Object.assign(Object.assign({}, this.getExpressionValues()), { expression: (_a = this._expressionElement) === null || _a === void 0 ? void 0 : _a.value });
+    this._promiseResolver(this._expressionItem);
+    this._opened = false;
+  }
+  buildFilterExpression() {
+    var _a;
+    this._informedInstance = this.isInformedInstance();
+    const expression = PersonalizedFilterUtils.buildFilterExpression(this.getExpressionValues());
+    this._expressionElement.value = expression || ((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.expression);
+    this._canSave = this.getCanSave();
+  }
+  handleChangeInstance() {
+    this._informedInstance = this.isInformedInstance();
+    if (this._fieldElement != undefined && !StringUtils.isEmpty(this._fieldElement.value)) {
+      this._fieldElement.value = null;
+    }
+    this.buildFilterExpression();
+  }
+  getInstanceCriteria() {
+    var _a, _b;
+    const value = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+    return {
+      expression: "this.NOMETAB = (SELECT NOMETAB FROM TDDINS WHERE NOMEINSTANCIA = ?)",
+      params: [
+        {
+          name: "NOMEINSTANCIA",
+          dataType: DataType.TEXT,
+          value
+        }
+      ]
+    };
+  }
+  onSearch({ mode, argument }, entity) {
+    if (this._application == undefined) {
+      return;
+    }
+    const isField = entity === FilterEntities.FIELD;
+    const criteria = isField ? this.getInstanceCriteria() : undefined;
+    const messageKey = `snkFilterParamConfig.label${isField ? "Field" : "Instance"}`;
+    const entityDescription = this.getMessage(messageKey);
+    const searchOptions = {
+      descriptionFieldName: isField ? "DESCRCAMPO" : "DESCRINSTANCIA",
+      codeFieldName: isField ? "NOMECAMPO" : "NOMEINSTANCIA",
+      showInactives: false
+    };
+    const options = {
+      entity,
+      entityDescription,
+      criteria,
+      searchOptions
+    };
+    return this._application.executePreparedSearch(mode, argument, options);
+  }
+  getElementID(sufix) {
+    return {
+      [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
+    };
+  }
+  getCanSave() {
+    var _a;
+    if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = (_a = this._descriptionElement) === null || _a === void 0 ? void 0 : _a.value;
+      const type = this.getTypeValue();
+      return !StringUtils.isEmpty(description) && !StringUtils.isEmpty(type);
+    }
+    return true;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkFilterParamConfig');
+    return (h("ez-popup", Object.assign({ useHeader: false, size: "small", heightMode: "auto", opened: this._opened }, this.getElementID("popup")), h("ez-modal-container", Object.assign({ onEzModalAction: (evt) => {
+        if (evt.detail === ModalAction.CLOSE)
+          this.close();
+      }, modalTitle: this.getMessage("snkFilterParamConfig.modalTitle") }, this.getElementID("modalContainer")), h("div", { class: "ez-flex" }, h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("systemConfigOption")), h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelSystemConfig"), value: FilterConfigType.SYSTEM_CONFIG })), h("ez-search", Object.assign({ ref: (ref) => this._instanceElement = ref, label: this.getMessage("snkFilterParamConfig.labelInstance"), enabled: this.isEnabled(FilterConfigType.SYSTEM_CONFIG), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.handleChangeInstance(), optionLoader: (searchArgument) => this.onSearch(searchArgument, FilterEntities.INSTANCE) }, this.getElementID("configFindEntity"))), h("ez-search", Object.assign({ ref: (ref) => this._fieldElement = ref, label: this.getMessage("snkFilterParamConfig.labelField"), enabled: this.isEnabled(FilterConfigType.SYSTEM_CONFIG) && this._informedInstance, suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.buildFilterExpression(), optionLoader: (searchArgument) => this.onSearch(searchArgument, FilterEntities.FIELD) }, this.getElementID("configFindField")))), h("div", { class: "ez-flex ez-padding--medium" }, h("hr", { class: "ez-divider-vertical" })), h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("userConfigOption")), h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelUserConfig"), value: FilterConfigType.USER_CONFIG })), h("ez-text-input", Object.assign({ ref: (ref) => this._descriptionElement = ref, label: this.getMessage("snkFilterParamConfig.labelDescription"), enabled: this.isEnabled(FilterConfigType.USER_CONFIG), onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamLabel"))), h("ez-combo-box", Object.assign({ ref: (ref) => this._typeElement = ref, label: this.getMessage("snkFilterParamConfig.labelType"), enabled: this.isEnabled(FilterConfigType.USER_CONFIG), suppressEmptyOption: true, onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamType")), Object.keys(FilterUserConfigTypes).map((configType) => {
+      return (h("option", { value: FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
+    })))), h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
+  }
+  static get is() { return "snk-filter-param-config"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-filter-param-config.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-filter-param-config.css"]
+    };
+  }
+  static get states() {
+    return {
+      "_opened": {},
+      "_configType": {},
+      "_expressionItem": {},
+      "_informedInstance": {},
+      "_canSave": {}
+    };
+  }
+  static get methods() {
+    return {
+      "open": {
+        "complexType": {
+          "signature": "(expressionItem: IExpressionItem) => Promise<IExpressionItem>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IExpressionItem": {
+              "location": "import",
+              "path": "./interfaces/IExpressionItem"
+            }
+          },
+          "return": "Promise<IExpressionItem>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<IExpressionItem>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IExpressionItem": {
+              "location": "import",
+              "path": "./interfaces/IExpressionItem"
+            }
+          },
+          "return": "Promise<IExpressionItem>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+}