@sankhyalabs/sankhyablocks 6.10.0 → 7.0.1

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);
+}

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

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

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

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

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

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

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

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

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

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

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -1,6 +1,6 @@
-import { ApplicationContext, DataType, ObjectUtils, UserInterface } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, ObjectUtils, UserInterface, } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
-import { VIEW_MODE, SIMPLE_CRUD_MODE } from '../../lib/utils/constants';
+import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { PresentationMode } from '../../lib';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
@@ -151,7 +151,7 @@ export class SnkSimpleCrud {
     this.dataState = Object.assign({}, evt.detail);
   }
   getTaskBarDisabledButtons() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const disabledButtons = [];
     if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasNext)) {
       disabledButtons.push(TaskbarElement.NEXT);
@@ -159,11 +159,21 @@ export class SnkSimpleCrud {
     if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasPrevious)) {
       disabledButtons.push(TaskbarElement.PREVIOUS);
     }
+    if ((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.isEmpty()) {
+      disabledButtons.push(TaskbarElement.FORM_MODE);
+    }
     return disabledButtons;
   }
+  handleCancelEdit() {
+    var _a;
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
+      this.goToView(VIEW_MODE.GRID);
+      this.dataUnit.clearSelection();
+    }
+  }
   render() {
     var _a;
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: this._multiSelectionListDataSource }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: this._multiSelectionListDataSource }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }

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

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

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

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