@sankhyalabs/sankhyablocks 6.10.0 → 7.0.0

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

@@ -6,7 +6,7 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
-const ConfigStorage = require('./ConfigStorage-da2bf3bf.js');
+const ConfigStorage = require('./ConfigStorage-97468a0f.js');
 const index$1 = require('./index-0e663819.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const index$2 = require('./index-102ba62d.js');
@@ -16,7 +16,7 @@ require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.js');
 require('./filter-item-type.enum-aa823a00.js');
 
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:300px}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";

package/dist/cjs/{snk-guides-viewer-36766466.js → snk-guides-viewer-897368ea.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-d7cc9118.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-bef6e022.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const taskbarElements = require('./taskbar-elements-b98dd6e9.js');

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-36766466.js');
+const snkGuidesViewer = require('./snk-guides-viewer-897368ea.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-d7cc9118.js');
-require('./ConfigStorage-da2bf3bf.js');
+require('./SnkFormConfigManager-bef6e022.js');
+require('./ConfigStorage-97468a0f.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.js');
 require('./filter-item-type.enum-aa823a00.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./taskbar-processor-bce3f499.js');

package/dist/cjs/snk-personalized-filter.cjs.entry.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-cfcd9af2.js');
-const ConfigStorage = require('./ConfigStorage-da2bf3bf.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-9848e09b.js');
+const ConfigStorage = require('./ConfigStorage-97468a0f.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const IExpressionItem = require('./IExpressionItem-0e32ebb7.js');
-const index$1 = require('./index-102ba62d.js');
+const index$1 = require('./index-c5771aba.js');
+const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-aa823a00.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.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 = class {
   constructor(hostRef) {
@@ -73,7 +73,7 @@ const SnkPersonalizedFilter = class {
           }
         ],
         childrenGroups: [],
-        operand: IExpressionItem.FilterGroupCondition.AND
+        operand: index$1.FilterGroupCondition.AND
       }
     };
     this._originalFilterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
@@ -95,8 +95,8 @@ const SnkPersonalizedFilter = class {
   }
   componentWillLoad() {
     var _a;
-    if (index$1.store.get(`filterFieldsDataSource.${this.entityUri}`) == undefined) {
-      index$1.store.set(`filterFieldsDataSource.${this.entityUri}`, this._dataSourceFetcher);
+    if (index$2.store.get(`filterFieldsDataSource.${this.entityUri}`) == undefined) {
+      index$2.store.set(`filterFieldsDataSource.${this.entityUri}`, this._dataSourceFetcher);
     }
     if (!this.messagesBuilder) {
       this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -104,6 +104,13 @@ const SnkPersonalizedFilter = class {
     }
     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(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, core.ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
+    }
+  }
   getMessage(key, params) {
     return this._application.messagesBuilder.getMessage(key, params);
   }
@@ -121,26 +128,55 @@ const SnkPersonalizedFilter = class {
   removeFilter() {
     ConfigStorage.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.PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
-    this._elTextAreaExpression.value = PersonalizedFilterUtils.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.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.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.PersonalizedFilterUtils.buildGroupExpression(assistent) : expression;
     this._filterAssistent.expression = expressionQuery;
     this.ezSave.emit(expressionQuery);
     this.saveFilter();
   }
+  saveAdvancedMode() {
+    if (this._filterAssistent.assistent) {
+      utils.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();
@@ -174,32 +210,87 @@ const SnkPersonalizedFilter = class {
     }
     return resp;
   }
-  handleExpressionChange(expression) {
+  handleExpressionChangeAdvancedMode(expression) {
     this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
     this._elButtonSave.enabled = !this.hasChangesToSave();
   }
-  getWarningMessageComponent() {
-    var _a;
-    if (core.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 (index.h("div", { class: "ez-flex" }, index.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 (index.h(index.Fragment, null, index.h("ez-button", { class: "snk-personalized-filter__button-mode", label: this.getMessage("snkPersonalizedFilter.info.addField"), enabled: true, onClick: (evt) => this.onAddField(evt.target) }, index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), index.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 (index.h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, index.h("stack-item", null, this._filterAssistentMode &&
+      index.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) })), index.h("stack-item", null, index.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 (index.h(index.Fragment, null, index.h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, index.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 })), index.h("div", null, index.h("div", { class: "snk-personalized-filter__expression-input--line" }), index.h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, index.h("div", { class: "ez-box" }, index.h("div", { class: "ez-box__container" }, index.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 })))))));
+      utils.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.PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+          this._filterAssistent.expression = expression;
+          this._elButtonSave.enabled = !this.hasChangesToSave();
+        }
+      });
     }
     else {
-      return (index.h(index.Fragment, null, index.h("span", { class: "ez-text ez-text--small ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), index.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.PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+        if (expressionBefore !== expression) {
+          utils.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 (index.h(index.Host, null, index.h("div", { class: "snk-personalized-filter" }, index.h("div", null, index.h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, index.h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, index.h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), index.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) })))), index.h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, index.h("div", { class: "ez-box__container" }, index.h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, index.h("div", { class: "ez-flex" }, index.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 (index.h(index.Host, null, index.h("div", { class: "snk-personalized-filter" }, index.h("div", null, index.h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, index.h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, index.h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), index.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) })))), index.h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, index.h("div", { class: "ez-box__container" }, index.h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, index.h("div", { class: "ez-flex" }, index.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(), index.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"]

package/dist/collection/collection-manifest.json

@@ -41,6 +41,8 @@
     "./components/snk-personalized-filter/snk-personalized-filter.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js",
+    "./components/snk-personalized-filter/subcomponents/snk-filter-advanced-mode/snk-filter-advanced-mode.js",
+    "./components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode.js",
     "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
     "./components/snk-print-selector/snk-print-selector.js",

package/dist/collection/components/snk-filter-bar/snk-filter-bar.js

@@ -224,7 +224,7 @@ export class SnkFilterBar {
   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));

package/dist/collection/components/snk-personalized-filter/snk-personalized-filter.css

@@ -38,4 +38,8 @@
 
 .ez-box__main {
   height: 90%;
-}
+}
+
+.snk-personalized-filter__button-mode{
+  height: 35px;
+}

package/dist/collection/components/snk-personalized-filter/snk-personalized-filter.js

@@ -3,7 +3,7 @@ import { ApplicationContext, StringUtils } from '@sankhyalabs/core';
 import { PersonalizedFilterUtils } from './subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 import { ConfigStorage } from "../../lib/configs/ConfigStorage";
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
-import { ObjectUtils } from "@sankhyalabs/core";
+import { ObjectUtils, ElementIDUtils } from "@sankhyalabs/core";
 import { FilterGroupCondition } from './interfaces/IExpressionItem';
 import store from '../../lib/store';
 import PersonalizedFilterFetcher from "../../lib/http/data-fetcher/fetchers/personalized-filter-fetcher";
@@ -90,6 +90,13 @@ export class SnkPersonalizedFilter {
     }
     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);
   }
@@ -107,26 +114,55 @@ export class SnkPersonalizedFilter {
   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();
@@ -160,32 +196,87 @@ export class SnkPersonalizedFilter {
     }
     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 is() { return "snk-personalized-filter"; }
   static get encapsulation() { return "scoped"; }

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

@@ -25,8 +25,8 @@ export class SnkExpressionGroup {
     this.updateDashes();
   }
   /*
-  * Retorna o grupo da expressão.
-  */
+   * Retorna o grupo da expressão.
+   */
   async getExpressionGroup() {
     return this._group;
   }
@@ -40,9 +40,7 @@ export class SnkExpressionGroup {
     if (!this.getDataGroupLevel()) {
       this._element.setAttribute('data-group-level', this.FIRST_LEVEL);
     }
-    if (!this.filterId) {
-      this.canAddExpression = false;
-    }
+    this.canAddExpression = this.group.items.every(this.isFilledItem);
   }
   componentDidRender() {
     this.setSelfTop();
@@ -227,7 +225,7 @@ export class SnkExpressionGroup {
   }
   render() {
     const canAddGroup = this.canAddGroup();
-    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, this.getMessage("snkPersonalizedFilter.info.condition")), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
+    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, this.getMessage("snkPersonalizedFilter.info.condition")), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
   }
   static get is() { return "snk-expression-group"; }
   static get encapsulation() { return "scoped"; }

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

@@ -38,7 +38,8 @@ export class SnkExpressionItem {
     }
   }
   componentDidRender() {
-    this._showValueVariable = this._elValueVariable.value;
+    var _a;
+    this._showValueVariable = (_a = this._elValueVariable) === null || _a === void 0 ? void 0 : _a.value;
   }
   updateFieldSelected() {
     const field = {

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

@@ -0,0 +1,10 @@
+:host {
+  display: block;
+
+  /*@doc Define a cor da fonte do título.*/
+  --snk-personalized-filter--title--color: var(--title--primary, #2B3A54);
+}
+
+.snk-filter-advanced-mode__title {
+  color: var(--snk-personalized-filter--title--color);
+}