@sankhyalabs/sankhyablocks 5.19.1 → 6.0.1

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

@@ -2,124 +2,196 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
-const DataFetcher = require('./DataFetcher-a9d0228f.js');
-const index$1 = require('./index-f400b1d6.js');
-const index$2 = require('./index-de79181a.js');
+const index = require('./index-aaaa2af5.js');
 const core = require('@sankhyalabs/core');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7d959e91.js');
+const ConfigStorage = require('./ConfigStorage-0a738cdc.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const IExpressionItem = require('./IExpressionItem-1090c3fd.js');
+const index$1 = require('./index-59a3e2de.js');
+require('./index-614af008.js');
+require('./filter-item-type.enum-aa823a00.js');
+require('./form-config-fetcher-92bc8fe7.js');
+require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-75219599.js');
 
-class PersonalizedFilterFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buildTemplates();
-  }
-  buildTemplates() {
-    const query = DataFetcher.dist.gql `
-    query($name: String!) {
-      $queryAlias$: fetchFilterFields(name: $name){
-        currentLink {
-          description
-          uri
-        }
-        links {
-          description
-          uri
-          fieldCount
-        }
-        fields {
-          name
-          description
-          uri
-          onlyDate
-          dataType
-          userInterface
-          properties {
-            name
-            value
-          }
-        }
-      }
-    }
-    `;
-    this.templateByQuery.set("fetchFilterFields", query);
-  }
-  loadFields(uri) {
-    return new Promise((resolve, reject) => {
-      DataFetcher.DataFetcher.get()
-        .callGraphQL({
-        values: { name: uri },
-        query: this.templateByQuery.get("fetchFilterFields"),
-      })
-        .then((resp) => {
-        let fields = resp.fields;
-        for (const field of fields) {
-          if (Array.isArray(field.properties) && field.properties.length > 0 && field.userInterface === "SEARCH") {
-            const propertiesConvertedObject = field.properties.reduce((accumulator, prop) => {
-              accumulator[prop.name] = prop.value;
-              return accumulator;
-            }, {});
-            field.properties = propertiesConvertedObject;
-          }
-        }
-        resolve(Object.assign(Object.assign({}, resp), { fields: fields }));
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-}
-
-const snkPersonalizedFilterCss = ":host{display:flex}";
+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 SnkPersonalizedFilter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this._personalizedFilterFetcher = new PersonalizedFilterFetcher();
+    this.ezCancel = index.createEvent(this, "ezCancel", 7);
+    this.ezSave = index.createEvent(this, "ezSave", 7);
+    this._personalizedFilterFetcher = new ConfigStorage.PersonalizedFilterFetcher();
     this._dataSourceFetcher = {
       fetchData: async (entity) => {
         let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
         if (core.StringUtils.isEmpty(entityURI)) {
-          entityURI = "dd://Financeiro/br.com.sankhya.fin.cad.receber"; //TODO: Receber como prop
+          entityURI = this.entityUri;
         }
         return await this._personalizedFilterFetcher.loadFields(entityURI);
       }
     };
-    this.items = {
-      entityName: "Financeiro",
-      fieldName: "CODBCO",
-      description: "Financeiro >> Banco",
-      type: index$1.FilterUserConfigTypes.DECIMAL,
-      expression: "Financeiro.CODBCO",
-      operand: index$1.FilterOperand.EQUAL,
-      paramVariable: false,
-      value: "61",
-      systemConfig: null,
-      userConfig: null
-    };
-    this.handleFilterItemChange = (changes) => {
-      console.log("Campo do ExpressionItem alterado");
-      console.log(changes);
-    };
-    this.handleFilterItemRemove = (expression) => {
-      console.log("Event de deleção disparado");
-      console.log(expression);
-    };
+    this._filterAssistentMode = true;
+    this._filterAssistent = undefined;
     this.messagesBuilder = undefined;
+    this.entityUri = undefined;
+    this.filterId = undefined;
+    this.configName = undefined;
+  }
+  /*
+   * Cria um novo filtro se não houver nenhum filtro existente
+   */
+  async createPersonalizedFilter() {
+    const newPersonalizedFilter = {
+      name: "",
+      active: true,
+      expression: "",
+      parameters: [],
+      assistent: {
+        id: core.StringUtils.generateUUID(),
+        items: [
+          {
+            id: core.StringUtils.generateUUID(),
+            entityName: "",
+            fieldName: "",
+            description: "",
+            fieldLabel: "Valor",
+            type: undefined,
+            expression: undefined,
+            operand: undefined,
+            paramVariable: false,
+            value: undefined,
+            systemConfig: null,
+            userConfig: null
+          }
+        ],
+        childrenGroups: [],
+        operand: IExpressionItem.FilterGroupCondition.AND
+      }
+    };
+    this._originalFilterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
+    this._filterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
+  }
+  loadFilter(newValue, oldValue) {
+    if (newValue == null || oldValue == newValue) {
+      return;
+    }
+    ConfigStorage.ConfigStorage.get().then((_instance) => {
+      ConfigStorage.ConfigStorage.loadPersonalizedFilter(newValue, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.addLabelToItems(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = core.ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
+    });
   }
   componentWillLoad() {
-    if (index$2.store.get("filterFieldsDataSource") == undefined) {
-      index$2.store.set("filterFieldsDataSource", this._dataSourceFetcher);
+    var _a;
+    if (index$1.store.get(`filterFieldsDataSource.${this.entityUri}`) == undefined) {
+      index$1.store.set(`filterFieldsDataSource.${this.entityUri}`, this._dataSourceFetcher);
     }
     if (!this.messagesBuilder) {
-      const snkApp = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-      this.messagesBuilder = snkApp === null || snkApp === void 0 ? void 0 : snkApp.messagesBuilder;
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
     }
+    this.loadFilter(this.filterId, undefined);
+  }
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  saveFilter() {
+    ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.configName).then((personalizedFilter) => {
+      this._elButtonSave.enabled = false;
+      utils.ApplicationUtils.info(this.getMessage("snkPersonalizedFilter.confirmSave.title", { name: this._filterAssistent.name }), { iconName: "check" });
+      const updatedFilterAssistent = Object.assign(Object.assign({}, personalizedFilter), this._filterAssistent);
+      updatedFilterAssistent.parameters = PersonalizedFilterUtils.PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
+      this._originalFilterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+      this._filterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+    });
+  }
+  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() {
+    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();
+  }
+  handleCancel() {
+    if (this.hasChangesToSave()) {
+      return this.ezCancel.emit();
+    }
+    utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmCancel.title"), this.getMessage("snkPersonalizedFilter.confirmCancel.description"))
+      .then((canCancel) => {
+      var _a;
+      if (canCancel) {
+        this._filterAssistent = core.ObjectUtils.copy((_a = this._originalFilterAssistent) !== null && _a !== void 0 ? _a : {});
+        this.ezCancel.emit();
+        this._elButtonSave.enabled = false;
+      }
+    });
+  }
+  handleTitleChange(name) {
+    this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { name });
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+  }
+  addLabelToItems(resp) {
+    //Workaround: Alguns filtros foram salvos sem o fieldLabel. Para evitar transtornos
+    //tentamos usar o fieldLabel que pode estar informado no parametro.
+    if (resp.assistent && resp.assistent.items && resp.assistent.items.length > 0) {
+      resp.assistent.items.forEach(item => {
+        if (item.fieldLabel == undefined) {
+          const param = (resp.parameters || []).find(param => param.fieldName === item.fieldName);
+          if (param) {
+            item.fieldLabel = param.label;
+          }
+        }
+      });
+    }
+    return resp;
+  }
+  handleExpressionChange(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;
+    }
+    return (index.h("div", { class: "ez-flex" }, index.h("ez-alert", { alertType: "warn" }, this._filterAssistent.warningMessage)));
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("snk-expression-item", { expression: this.items, canRemove: true, onEzFilterItemChange: (evt) => this.handleFilterItemChange(evt.detail), onEzFilterItemRemove: (evt) => this.handleFilterItemRemove(evt.detail), messagesBuilder: this.messagesBuilder }))));
+    var _a, _b, _c, _d, _e;
+    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._filterAssistentMode ?
+      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: (_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.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: (_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.expression })))))) :
+      index.h(index.Fragment, null, index.h("span", { class: "ez-text ez-text--small ez-text--bold ez-padding-bottom--medium" }, "Express\u00E3o a ser aplicada:"), index.h("ez-text-area", { label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_e = this._filterAssistent) === null || _e === void 0 ? void 0 : _e.expression, onEzChange: (evt) => this.handleExpressionChange(evt.detail) }), this.getWarningMessageComponent())))))));
   }
+  static get watchers() { return {
+    "filterId": ["loadFilter"]
+  }; }
 };
 SnkPersonalizedFilter.style = snkPersonalizedFilterCss;
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const core = require('@sankhyalabs/core');
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";

package/dist/cjs/snk-select-box.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const constants = require('./constants-3787fa32.js');
 
 const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";

package/dist/cjs/snk-simple-bar.cjs.entry.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-aaaa2af5.js');
+const core = require('@sankhyalabs/core');
+
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.clickBreadcrumbItem = index.createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = index.createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-simple-bar.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    core.ElementIDUtils.addIDInfo(this._element);
+    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (index.h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, index.h("div", { class: "simple-bar__left-slot" }, index.h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), index.h("div", { class: "simple-bar__column" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), index.h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), index.h("div", { class: "simple-bar__right-slot" }, index.h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return index.getElement(this); }
+};
+SnkSimpleBar.style = snkSimpleBarCss;
+
+exports.snk_simple_bar = SnkSimpleBar;

package/dist/cjs/{snk-simple-bar_2.cjs.entry.js → snk-simple-crud.cjs.entry.js}

@@ -2,54 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-3787fa32.js');
-const taskbarElements = require('./taskbar-elements-3be287d6.js');
+const taskbarElements = require('./taskbar-elements-068aa945.js');
 require('./DataFetcher-a9d0228f.js');
 require('./pesquisa-fetcher-954b74c3.js');
-const index$1 = require('./index-f400b1d6.js');
-const taskbarProcessor = require('./taskbar-processor-02f0fc84.js');
-require('./index-de79181a.js');
+const index$1 = require('./index-614af008.js');
+const taskbarProcessor = require('./taskbar-processor-6442c585.js');
+require('./index-59a3e2de.js');
 require('./_commonjsHelpers-537d719a.js');
 
-const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
-
-const SnkSimpleBar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clickBreadcrumbItem = index.createEvent(this, "clickBreadcrumbItem", 3);
-    this.exit = index.createEvent(this, "exit", 3);
-    this.label = undefined;
-    this.breadcrumbItens = undefined;
-    this.messagesBuilder = undefined;
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-simple-bar.msg.ts"
-  */
-  getMessage(key, params) {
-    var _a;
-    if (this.messagesBuilder)
-      return this.messagesBuilder.getMessage(key, params);
-    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
-      return this._application.messagesBuilder.getMessage(key, params);
-  }
-  componentDidLoad() {
-    if (!this._element)
-      return;
-    core.ElementIDUtils.addIDInfo(this._element);
-    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-  }
-  render() {
-    return (index.h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, index.h("div", { class: "simple-bar__left-slot" }, index.h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), index.h("div", { class: "simple-bar__column" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), index.h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), index.h("div", { class: "simple-bar__right-slot" }, index.h("slot", { name: "rightSlot" }))));
-  }
-  get _element() { return index.getElement(this); }
-};
-SnkSimpleBar.style = snkSimpleBarCss;
-
 class InMemoryLoader {
   constructor(metadata, records) {
     this.records = records || [];
@@ -327,5 +290,4 @@ const SnkSimpleCrud = class {
 };
 SnkSimpleCrud.style = snkSimpleCrudCss;
 
-exports.snk_simple_bar = SnkSimpleBar;
 exports.snk_simple_crud = SnkSimpleCrud;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-3787fa32.js');

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-3be287d6.js');
-const index$1 = require('./index-f400b1d6.js');
-require('./index-de79181a.js');
+const taskbarElements = require('./taskbar-elements-068aa945.js');
+const index$1 = require('./index-614af008.js');
+require('./index-59a3e2de.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 

package/dist/cjs/{taskbar-elements-3be287d6.js → taskbar-elements-068aa945.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-21bd01e1.js');
-const index$2 = require('./index-f400b1d6.js');
-const index$1 = require('./index-de79181a.js');
+const index = require('./index-aaaa2af5.js');
+const index$2 = require('./index-614af008.js');
+const index$1 = require('./index-59a3e2de.js');
 
 exports.TaskbarElement = void 0;
 (function (TaskbarElement) {

package/dist/cjs/{taskbar-processor-02f0fc84.js → taskbar-processor-6442c585.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const taskbarElements = require('./taskbar-elements-3be287d6.js');
+const taskbarElements = require('./taskbar-elements-068aa945.js');
 const core = require('@sankhyalabs/core');
 
 const MINIMUM_SK_VERSION_TO_ATTACHMENT = "4.22";

package/dist/cjs/teste-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21bd01e1.js');
+const index = require('./index-aaaa2af5.js');
 const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";

package/dist/collection/collection-manifest.json

@@ -19,7 +19,7 @@
     "./components/snk-data-exporter/snk-data-exporter.js",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
     "./components/snk-entity-list/snk-entity-list.js",
-    "./components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js",
+    "./components/snk-filter-bar/filter-item/editors/snk-filter-personalized/snk-filter-personalized.js",
     "./components/snk-filter-bar/snk-filter-bar.js",
     "./components/snk-filter-bar/filter-item/snk-filter-detail.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js",
@@ -39,6 +39,7 @@
     "./components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid/subcomponents/snk-select-box/snk-select-box.js",
     "./components/snk-personalized-filter/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-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { ApplicationContext } from "@sankhyalabs/core";
+import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 export class SnkEntityList {
   constructor() {
     this._searchValue = undefined;
@@ -18,12 +18,14 @@ export class SnkEntityList {
   }
   ezListChangeListener(evt) {
     var _a, _b;
-    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+    const configCopy = ObjectUtils.copy(this.config);
+    (_a = (this.getListConfigValue(configCopy))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       var _a, _b;
       if (value && value.id === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id)) {
         value.check = (_b = evt.detail) === null || _b === void 0 ? void 0 : _b.check;
       }
     });
+    this.config = ObjectUtils.copy(configCopy);
     this.saveConfig.emit(this.config);
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
@@ -94,8 +96,8 @@ export class SnkEntityList {
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a;
-    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt) }), h("label", { class: "label" }, this.getMessage("snkEntityList.selected")), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    var _a, _b;
+    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
   }
   static get is() { return "snk-entity-list"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.js

@@ -1,14 +1,15 @@
 import { DataType } from "@sankhyalabs/core";
 import { toString } from "@sankhyalabs/core/dist/dataunit/metadata/DataType";
 import FilterItemType from "../filter-item-type.enum";
+import { FilterOperand } from "../../../../lib/@types";
 const buildFilter = (item) => {
   switch (item.type) {
     case FilterItemType.DEFAULT_FILTER:
       return buildDefault(item);
     case FilterItemType.BINARY_SELECT:
       return buildBinary(item);
-    case FilterItemType.MULTI_SELECT:
-      return buildMultSelect(item);
+    case FilterItemType.MULTI_LIST:
+      return buildMultiList(item);
     case FilterItemType.PERIOD:
       return buildPeriod(item);
     case FilterItemType.SEARCH:
@@ -33,9 +34,25 @@ function buildBinary(item) {
   const selectedOption = options.find(opt => opt.name === value);
   return { name: id, expression: selectedOption.expression, params: [] };
 }
-function buildMultSelect(item) {
+function buildMultiList(item) {
   const { id, value, props } = item;
-  return { name: id, expression: props.expression, params: [{ name: id, dataType: DataType.TEXT, value }] };
+  const parsedValues = parseMultiListValues(value);
+  if (parsedValues.length > 0) {
+    return {
+      name: id,
+      expression: props.expression,
+      params: [{
+          name: id,
+          dataType: DataType.TEXT,
+          value: JSON.stringify(parsedValues)
+        }]
+    };
+  }
+}
+function parseMultiListValues(multiListValue) {
+  var _a, _b;
+  const value = (_b = (_a = multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.elements) !== null && _a !== void 0 ? _a : multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.members) !== null && _b !== void 0 ? _b : multiListValue;
+  return value.filter(item => item === null || item === void 0 ? void 0 : item.check).map(({ id }) => Number.isNaN(+id) ? String(id) : Number(id));
 }
 function buildPeriod(item) {
   const { id, value, props } = item;
@@ -80,12 +97,13 @@ function buildNumber(item) {
   return { name: id, expression, params: [{ name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, value) }] };
 }
 function buildPersonalized(item) {
-  var _a;
-  const { id, value, props } = item;
-  const expression = props.expression;
-  return {
-    name: id, expression, params: (((_a = props.personalizedFilter) === null || _a === void 0 ? void 0 : _a.parameters) || []).map((param, index) => {
-      const valuesArray = Array.from(value);
+  const { id, groupedItems = [] } = item;
+  const activeFilters = groupedItems.filter(groupItem => !!groupItem.visible);
+  const filters = activeFilters.map(item => {
+    var _a;
+    const expression = item.props.expression;
+    const params = (((_a = item.props.personalizedFilter) === null || _a === void 0 ? void 0 : _a.parameters) || []).map((param, index) => {
+      const valuesArray = Array.from(item.value || 0);
       const dataType = param.dataType;
       let paramValue = (index >= 0 && index < valuesArray.length ? valuesArray[index] : null);
       if (paramValue != undefined && typeof paramValue === "object" && "value" in paramValue) {
@@ -95,6 +113,10 @@ function buildPersonalized(item) {
         paramValue = false;
       }
       return { name: param.name, dataType, value: typeof paramValue === "string" ? paramValue : toString(dataType, paramValue) };
-    })
-  };
+    });
+    return { expression, name: item.id, params };
+  });
+  const expression = filters.map(filter => `(${filter.expression})`).join(` ${FilterOperand.AND} `);
+  const params = filters.flatMap(filter => filter.params);
+  return { name: id, expression, params };
 }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js

@@ -49,8 +49,10 @@ export class SnkFilterPeriod {
     }
   }
   componentWillLoad() {
-    this._startDateLabel = this.getMessage('snkFilterBar.labelStartDatePeriod');
-    this._endDateLabel = this.getMessage('snkFilterBar.labelEndDatePeriod');
+    if (this.getMessage) {
+      this._startDateLabel = this.getMessage('snkFilterBar.labelStartDatePeriod');
+      this._endDateLabel = this.getMessage('snkFilterBar.labelEndDatePeriod');
+    }
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.PERIOD) {