@sankhyalabs/sankhyablocks 6.10.0 → 7.0.0

package/dist/components/snk-filter-advanced-mode2.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { StringUtils } from '@sankhyalabs/core';
+
+const snkFilterAdvancedModeCss = ".sc-snk-filter-advanced-mode-h{display:block;--snk-personalized-filter--title--color:var(--title--primary, #2B3A54)}.snk-filter-advanced-mode__title.sc-snk-filter-advanced-mode{color:var(--snk-personalized-filter--title--color)}";
+
+const SnkFilterAdvancedMode = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezExpressionChange = createEvent(this, "ezExpressionChange", 7);
+    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 style() { return snkFilterAdvancedModeCss; }
+}, [2, "snk-filter-advanced-mode", {
+    "filterAssistent": [1040],
+    "application": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-advanced-mode"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterAdvancedMode);
+      }
+      break;
+  } });
+}
+
+export { SnkFilterAdvancedMode as S, defineCustomElement as d };

package/dist/components/snk-filter-assistent-mode.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkFilterAssistentMode extends Components.SnkFilterAssistentMode, HTMLElement {}
+export const SnkFilterAssistentMode: {
+  prototype: SnkFilterAssistentMode;
+  new (): SnkFilterAssistentMode;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-filter-assistent-mode.js

@@ -0,0 +1,6 @@
+import { S as SnkFilterAssistentMode$1, d as defineCustomElement$1 } from './snk-filter-assistent-mode2.js';
+
+const SnkFilterAssistentMode = SnkFilterAssistentMode$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterAssistentMode, defineCustomElement };

package/dist/components/snk-filter-assistent-mode2.js

@@ -0,0 +1,77 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
+import { d as defineCustomElement$4 } from './snk-expression-group2.js';
+import { d as defineCustomElement$3 } from './snk-expression-item2.js';
+import { d as defineCustomElement$2 } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
+
+const snkFilterAssistentModeCss = ".sc-snk-filter-assistent-mode-h{display:flex;flex-direction:column;height:100%;--text-area--font-family:var(--font-pattern, Arial);--text-area__label--floating--top:var(--space--small, 6px);--snk-filter-assistent-mode__container--border-radius:var(--border--radius-medium, 12px);--snk-filter-assistent-mode__container--background:var(--background--medium, #f0f3f7);--snk-filter-assistent-mode__container--margin:var(--space--small, 6px) var(--space--medium, 12px)}.ez-box__container--external.sc-snk-filter-assistent-mode{height:100px;width:100%;overflow-y:auto;background-color:var(--snk-filter-assistent-mode__container--background);border-radius:var(--snk-filter-assistent-mode__container--border-radius)}.ez-box__container--internal.sc-snk-filter-assistent-mode{margin:var(--snk-filter-assistent-mode__container--margin)}.ez-box__container--title.sc-snk-filter-assistent-mode{display:block;user-select:none;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.sc-snk-filter-assistent-mode{display:block;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.sc-snk-filter-assistent-mode{width:100%;height:2px;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)}";
+
+const SnkFilterAssistentMode = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezChangeFilter = createEvent(this, "ezChangeFilter", 7);
+    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 style() { return snkFilterAssistentModeCss; }
+}, [2, "snk-filter-assistent-mode", {
+    "filterAssistent": [1040],
+    "messagesBuilder": [1040],
+    "filterId": [1025, "filter-id"],
+    "entityUri": [1025, "entity-uri"],
+    "application": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-assistent-mode", "snk-expression-group", "snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-assistent-mode":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterAssistentMode);
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkFilterAssistentMode as S, defineCustomElement as d };

package/dist/components/snk-filter-bar2.js

@@ -6,8 +6,10 @@ import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { a as FilterOperand, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { d as defineCustomElement$8 } from './snk-expression-group2.js';
-import { d as defineCustomElement$7 } from './snk-expression-item2.js';
+import { d as defineCustomElement$a } from './snk-expression-group2.js';
+import { d as defineCustomElement$9 } from './snk-expression-item2.js';
+import { d as defineCustomElement$8 } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$7 } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$6 } from './snk-filter-detail2.js';
 import { d as defineCustomElement$5 } from './snk-filter-field-search2.js';
 import { d as defineCustomElement$4 } from './snk-filter-item2.js';
@@ -402,7 +404,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   loadConfigFromStorage() {
     return new Promise(accept => {
       ConfigStorage.get().then(instance => {
-        instance.loadFilterBarConfig(this.configName)
+        instance.loadFilterBarConfig(this.configName, { contextURI: this.dataUnit.name })
           .then((filters) => {
           accept();
           this.filterConfig = filters.map(item => this.normalizeItem(item));
@@ -518,7 +520,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-filter-bar", "snk-expression-group", "snk-expression-item", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-personalized-filter", "snk-simple-bar"];
+  const components = ["snk-filter-bar", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-personalized-filter", "snk-simple-bar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
@@ -527,10 +529,20 @@ function defineCustomElement() {
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$a();
       }
       break;
     case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }

package/dist/components/snk-filter-param-config2.js

@@ -16,6 +16,9 @@ const SnkFilterParamConfig = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this._canSave = false;
     this.messagesBuilder = undefined;
   }
+  /**
+   * Abre o modal de configuração de valor variável
+   */
   open(expressionItem) {
     this._opened = true;
     this._expressionItem = expressionItem;
@@ -24,6 +27,9 @@ const SnkFilterParamConfig = /*@__PURE__*/ proxyCustomElement(class extends HTML
       this._promiseResolver = accept;
     });
   }
+  /**
+   * Fecha o modal de configuração de valor variável
+   */
   close() {
     this._opened = false;
     return new Promise(accept => {

package/dist/components/snk-grid2.js

@@ -7,11 +7,13 @@ import { P as PresentationMode } from './index2.js';
 import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
 import { s as store } from './index3.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { d as defineCustomElement$f } from './snk-actions-button2.js';
-import { d as defineCustomElement$e } from './snk-data-exporter2.js';
-import { d as defineCustomElement$d } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$c } from './snk-expression-group2.js';
-import { d as defineCustomElement$b } from './snk-expression-item2.js';
+import { d as defineCustomElement$h } from './snk-actions-button2.js';
+import { d as defineCustomElement$g } from './snk-data-exporter2.js';
+import { d as defineCustomElement$f } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$e } from './snk-expression-group2.js';
+import { d as defineCustomElement$d } from './snk-expression-item2.js';
+import { d as defineCustomElement$c } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$b } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$a } from './snk-filter-bar2.js';
 import { d as defineCustomElement$9 } from './snk-filter-detail2.js';
 import { d as defineCustomElement$8 } from './snk-filter-field-search2.js';
@@ -345,7 +347,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -354,25 +356,35 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }

package/dist/components/snk-personalized-filter2.js

@@ -1,16 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
-import { StringUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
+import { StringUtils, ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { F as FilterGroupCondition, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { s as store } from './index3.js';
-import { d as defineCustomElement$5 } from './snk-expression-group2.js';
-import { d as defineCustomElement$4 } from './snk-expression-item2.js';
+import { d as defineCustomElement$7 } from './snk-expression-group2.js';
+import { d as defineCustomElement$6 } from './snk-expression-item2.js';
+import { d as defineCustomElement$5 } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$4 } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$3 } from './snk-filter-field-search2.js';
 import { d as defineCustomElement$2 } from './snk-filter-param-config2.js';
 import { d as defineCustomElement$1 } from './snk-simple-bar2.js';
 
-const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;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)}.ez-box__main.sc-snk-personalized-filter{height:90%}";
+const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;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)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";
 
 const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -99,6 +101,13 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     }
     this.loadFilter(this.filterId, undefined);
   }
+  componentDidRender() {
+    var _a;
+    (_a = this._viewStackRef) === null || _a === void 0 ? void 0 : _a.show(this._filterAssistentMode ? 0 : 1);
+    if (this._elButtonMode) {
+      this._elButtonMode.setAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
+    }
+  }
   getMessage(key, params) {
     return this._application.messagesBuilder.getMessage(key, params);
   }
@@ -116,26 +125,55 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
   removeFilter() {
     ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.configName);
   }
-  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._elTextAreaExpression.value = PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent, true);
-    this._elButtonSave.enabled = !this.hasChangesToSave();
-  }
   hasChangesToSave() {
     return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);
   }
-  handleSave() {
+  async handleSave() {
+    if (this._filterAssistentMode) {
+      const isValid = PersonalizedFilterUtils.validateFields(this._filterAssistent.assistent);
+      if (!isValid || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      this.saveAssistentMode();
+    }
+    else {
+      if (!this._filterAssistent.expression || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      const isValidExpressionForAdvancedMode = await this.validateExpressionBeforeSaving();
+      if (!isValidExpressionForAdvancedMode)
+        return;
+      this.saveAdvancedMode();
+    }
+  }
+  saveAssistentMode() {
     const { assistent, expression } = this._filterAssistent;
-    const isValid = PersonalizedFilterUtils.validateFields(assistent);
-    if (!isValid || !this._filterAssistent.name)
-      return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
     const expressionQuery = !!assistent ? PersonalizedFilterUtils.buildGroupExpression(assistent) : expression;
     this._filterAssistent.expression = expressionQuery;
     this.ezSave.emit(expressionQuery);
     this.saveFilter();
   }
+  saveAdvancedMode() {
+    if (this._filterAssistent.assistent) {
+      ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.description"))
+        .then((confirm) => {
+        if (!confirm)
+          return;
+        this.saveAndTransformToAdvancedMode();
+      });
+    }
+    else {
+      this.saveAndTransformToAdvancedMode();
+    }
+  }
+  saveAndTransformToAdvancedMode() {
+    this._filterAssistent.assistent = undefined;
+    this.ezSave.emit(this._filterAssistent.expression);
+    this.saveFilter();
+  }
+  async validateExpressionBeforeSaving() {
+    const { valid, message } = await this._personalizedFilterFetcher.validatePersonalizedFilter(this.entityUri, this._filterAssistent.expression);
+    valid || this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), message);
+    return valid;
+  }
   handleCancel() {
     if (this.hasChangesToSave()) {
       return this.ezCancel.emit();
@@ -169,32 +207,87 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     }
     return resp;
   }
-  handleExpressionChange(expression) {
+  handleExpressionChangeAdvancedMode(expression) {
     this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
     this._elButtonSave.enabled = !this.hasChangesToSave();
   }
-  getWarningMessageComponent() {
-    var _a;
-    if (StringUtils.isEmpty((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.warningMessage)) {
-      return undefined;
+  handleChangeFilterAssistentMode(filterAssistent) {
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+    this._filterAssistent = Object.assign({}, filterAssistent);
+  }
+  selectField(fieldName) {
+    if (!('name' in fieldName))
+      return;
+    const fieldExpression = this.buildExpression(fieldName.entityName, fieldName.name, fieldName.entityPath);
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    textAreaElement.appendTextToSelection(fieldExpression);
+  }
+  buildExpression(entityName, fieldName, entityPath) {
+    if (entityPath.length > 0) {
+      entityPath.shift();
     }
-    return (h("div", { class: "ez-flex" }, h("ez-alert", { alertType: "warn" }, this._filterAssistent.warningMessage)));
+    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
+  }
+  onAddField(target) {
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    const options = { horizontalGap: 0, verticalGap: 12, fromRight: true };
+    textAreaElement.setFocus();
+    target.setBlur();
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show(target, options);
+  }
+  renderButtonAddField() {
+    if (this._filterAssistentMode)
+      return;
+    return (h(Fragment, null, h("ez-button", { class: "snk-personalized-filter__button-mode", label: this.getMessage("snkPersonalizedFilter.info.addField"), enabled: true, onClick: (evt) => this.onAddField(evt.target) }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), h("snk-filter-field-search", { class: "ez-padding-left--medium", ref: ref => this._elFilterFieldSearch = ref, onEzSelectFilterItem: (evt) => this.selectField(evt.detail), fieldsDataSource: this._dataSourceFetcher })));
   }
   buildContainerPersonalizedFilter() {
-    var _a, _b, _c;
+    return (h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, h("stack-item", null, this._filterAssistentMode &&
+      h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail) })), h("stack-item", null, h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
+  }
+  handleModeChange() {
+    var _a, _b;
     if (this._filterAssistentMode) {
-      return (h(Fragment, 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", null, 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" }, h("ez-text-area", { ref: (el) => this._elTextAreaExpression = el, enabled: false, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.expression })))))));
+      ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.description"))
+        .then((canCancel) => {
+        if (!canCancel)
+          return;
+        this._filterAssistentMode = !this._filterAssistentMode;
+        if (!this.hasChangesToSave()) {
+          const expression = PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+          this._filterAssistent.expression = expression;
+          this._elButtonSave.enabled = !this.hasChangesToSave();
+        }
+      });
     }
     else {
-      return (h(Fragment, null, h("span", { class: "ez-text ez-text--small ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), h("ez-text-area", { label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.expression, onEzChange: (evt) => this.handleExpressionChange(evt.detail) }), this.getWarningMessageComponent()));
+      if (((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.expression) === ((_b = this._originalFilterAssistent) === null || _b === void 0 ? void 0 : _b.expression)) {
+        this._filterAssistentMode = !this._filterAssistentMode;
+      }
+      else {
+        const expressionBefore = this._filterAssistent.expression;
+        const expression = PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+        if (expressionBefore !== expression) {
+          ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.description"))
+            .then((canCancel) => {
+            if (!canCancel)
+              return;
+            this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
+            this._filterAssistentMode = !this._filterAssistentMode;
+          });
+        }
+        else {
+          this._filterAssistentMode = !this._filterAssistentMode;
+        }
+      }
     }
   }
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
       return;
     }
-    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) })), this.buildContainerPersonalizedFilter()))))));
+    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) }), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
   }
   static get watchers() { return {
     "filterId": ["loadFilter"]
@@ -213,7 +306,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-personalized-filter", "snk-expression-group", "snk-expression-item", "snk-filter-field-search", "snk-filter-param-config", "snk-simple-bar"];
+  const components = ["snk-personalized-filter", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-field-search", "snk-filter-param-config", "snk-simple-bar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
@@ -222,10 +315,20 @@ function defineCustomElement() {
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$7();
       }
       break;
     case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/esm/{ConfigStorage-f1e805a0.js → ConfigStorage-02f17a26.js}

@@ -1,7 +1,7 @@
 import { ApplicationContext } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher-533b895e.js';
 import { R as ResourceFetcher } from './resource-fetcher-0f20a072.js';
-import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-a358b8e0.js';
+import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-790283d8.js';
 import { d as dist, D as DataFetcher } from './DataFetcher-fddeb917.js';
 
 class GridConfigFetcher extends ResourceFetcher {
@@ -93,24 +93,6 @@ class PersonalizedFilterFetcher {
         active
         expression
         warningMessage
-        parameters {
-          entityName
-          fieldName
-          dataType
-          description
-          userInterface
-          label
-          searchContext {
-            entity
-            entityDescription
-            searchOptions {
-              rootEntity
-              descriptionFieldName
-              codeFieldName
-              showInactives
-            }
-          }
-        }
         assistent
       }
     }`);
@@ -128,6 +110,13 @@ class PersonalizedFilterFetcher {
         name
       }
     }`);
+    this.templateByQuery.set("validateExpression", dist.gql `
+    query($dataUnitName: String!, $expression: String!) {
+      $queryAlias$: validateExpression(dataUnitName: $dataUnitName, expression: $expression) {
+        valid
+        message
+      }
+    }`);
   }
   async loadPersonalizedFilter(resourceID, filterID, configName) {
     return new Promise((resolve, reject) => {
@@ -177,6 +166,21 @@ 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()
@@ -222,17 +226,16 @@ 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);
   }
@@ -284,6 +287,9 @@ 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}`;