@sankhyalabs/sankhyablocks 5.5.0 → 5.7.0

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

@@ -4,71 +4,94 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
-const core = require('@sankhyalabs/core');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const filterType_enum = require('./filter-type.enum-b14ce507.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 
-const snkFilterModalCss = ".snk-filter__modal-container{width:359px;max-width:359px}";
+const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px}.snk-filter__modal-container{width:344px;max-width:344px;overflow:hidden}.snk-filter__modal-content{display:flex;flex-direction:column;gap:12px;max-height:760px;overflow-x:clip;overflow-y:auto;padding-right:4px}.snk-filter__modal-content::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}.snk-filter__modal-collapsible-box{border:1px solid #DCE0E8;border-radius:var(--border--radius-medium)}";
 
 const SnkFilterModal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this._filterArgument = undefined;
     this.getMessage = undefined;
-    this.items = undefined;
-    this.modalTitle = undefined;
-    this.modalSubTitle = undefined;
-    this.cancelButtonLabel = undefined;
-    this.okButtonLabel = undefined;
-    this.infoText = undefined;
-    this.useSearch = undefined;
-    this.processModalAction = undefined;
+    this.filters = undefined;
+    this.applyFilters = undefined;
+    this.clearAll = undefined;
+    this.closeModal = undefined;
   }
-  updateValue(id, value = undefined) {
-    this.items = this.items.map(item => {
-      if (item.id === id && item.enabled) {
-        if (value == undefined) {
-          value = !item.active;
-        }
-        return Object.assign(Object.assign({}, item), { active: value });
-      }
-      return item;
-    });
+  getCustomMessage(key, params) {
+    var _a;
+    return (_a = this.getMessage) === null || _a === void 0 ? void 0 : _a.call(this, `snkFilterBar.filterModal.${key}`, params);
+  }
+  handleClearAll() {
+    const cleanedFilters = this.clearAll(this.filters);
+    this.filters = cleanedFilters;
   }
-  getActiveFiltersMsg() {
-    const activeFilters = this.items.filter(item => item.active).length;
-    if (activeFilters === 0) {
-      return this.getMessage("snkFilterBar.noActiveFilters");
+  modalActionListener(evt) {
+    const modalAction = evt.detail;
+    switch (modalAction) {
+      case ezModalContainer.ModalAction.CANCEL:
+        this.handleClearAll();
+        break;
+      case ezModalContainer.ModalAction.OK:
+        this.applyFilters(this.filters);
+      case ezModalContainer.ModalAction.CLOSE:
+        this.closeModal();
     }
-    return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
   }
-  buildItems(list) {
-    return list.map(item => {
-      return (index.h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index.h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: utils.CheckMode.SWITCH }), index.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
-    });
+  handleFilterChange(filterConfig) {
+    this.filters = this.filters.map(filter => filter.id === filterConfig.id ? filterConfig : filter);
   }
-  itemKeyBoardSelect(event, item) {
-    if (event.key === "Enter" || event.key === " ") {
-      this.updateValue(item.id);
-    }
+  handleClearFilters(filterList) {
+    this.filters = this.filters.map(filter => filterList.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: undefined })) : filter);
   }
-  modalActionListener(evt) {
-    const modalAction = evt.detail;
-    if (modalAction === ezModalContainer.ModalAction.LOAD) {
-      if (this._filterInput) {
-        this._filterInput.setFocus();
+  renderFilterItem(filterItem, fullRow) {
+    return (index.h("snk-filter-modal-item", { class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-col ez-col--sd-6 ez-padding--small', filterItem: filterItem, onFilterChange: (event) => this.handleFilterChange(event.detail) }));
+  }
+  mountFiltersLines(filters) {
+    const MAX_LINE_LENGTH = 2;
+    let currentLine = 0;
+    let forceAddCurrent = false;
+    const filtersLines = {};
+    for (let curr = 0; curr < filters.length; curr++) {
+      filtersLines[currentLine] = filtersLines[currentLine] || [];
+      const item = filters[curr];
+      const isLast = curr === filters.length - 1;
+      const currentItemMatch = [filterItemType_enum.FilterItemType.TEXT, filterItemType_enum.FilterItemType.NUMBER].includes(item.type);
+      const nextItemMatch = isLast ? false : [filterItemType_enum.FilterItemType.TEXT, filterItemType_enum.FilterItemType.NUMBER].includes(filters[curr + 1].type);
+      if ((currentItemMatch && nextItemMatch) || forceAddCurrent) {
+        filtersLines[currentLine].push(item);
+        forceAddCurrent = filtersLines[currentLine].length < MAX_LINE_LENGTH;
+        if (filtersLines[currentLine].length === MAX_LINE_LENGTH)
+          ++currentLine;
+        continue;
       }
+      filtersLines[currentLine] = filtersLines[currentLine] || [];
+      filtersLines[currentLine].push(item);
+      ++currentLine;
     }
-    else {
-      this.processModalAction(modalAction);
-    }
+    return Object.values(filtersLines);
+  }
+  renderFilterLine(filters) {
+    const fullLine = filters.length === 1;
+    return (index.h("div", { class: "ez-row" }, filters.map((filter) => this.renderFilterItem(filter, fullLine))));
+  }
+  renderCollapsibleFilterBox(label, listItems) {
+    if (!listItems.length)
+      return null;
+    const appliedFilters = listItems.filter(filterItem => !!filterItem.value).length;
+    const lines = this.mountFiltersLines(listItems);
+    return (index.h("ez-collapsible-box", { className: "snk-filter__modal-collapsible-box ez-padding--medium", headerSize: "medium", value: true, label: label }, !!appliedFilters && (index.h("ez-badge", { className: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters })), lines.map(this.renderFilterLine.bind(this)), index.h("div", { class: "ez-flex ez-flex--justify-end grow" }, index.h("ez-button", { className: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => this.handleClearFilters(listItems) }))));
+  }
+  componentWillRender() {
+    this._modalTitle = this.getCustomMessage('title');
+    this._okButtonLabel = this.getCustomMessage('okButtonLabel');
+    this._cancelButtonLabel = this.getCustomMessage('cancelButtonLabel');
   }
   render() {
-    const allowCancel = this.items.filter(item => item.active).length > 0;
-    const items = (this.items ? core.ArrayUtils.applyStringFilter(this._filterArgument, this.items) : []);
-    return (index.h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ezModalContainer.ModalButtonStatus.ENABLED : ezModalContainer.ModalButtonStatus.DISABLED }, index.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, index.h("div", null, this.useSearch ?
-      index.h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
-      :
-        undefined), items.length > 0 ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, index.h("div", null, this.buildItems(items)), index.h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
+    const customFilters = this.filters.filter(filter => filter.filterType === filterType_enum.FilterType.CUSTOM_FILTER);
+    const quickFilters = this.filters.filter(filter => filter.filterType === filterType_enum.FilterType.QUICK_FILTER);
+    const otherFilters = this.filters.filter(filter => filter.filterType === filterType_enum.FilterType.OTHER_FILTERS);
+    return (index.h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, index.h("div", { class: "snk-filter__modal-content" }, this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter])))));
   }
 };
 SnkFilterModal.style = snkFilterModalCss;

package/dist/cjs/snk-filter-multi-select.cjs.entry.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 
 const SnkFilterMultiSelect = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.value = undefined;
     this.config = undefined;
   }
@@ -17,6 +18,7 @@ const SnkFilterMultiSelect = class {
    */
   ezChangeListener(evt) {
     this.value = evt.detail.value;
+    this.valueChanged.emit(this.value);
   }
   /**
    * Exibe o componente snk-filter-multi-select

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

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
   }
@@ -17,6 +18,7 @@ const SnkFilterPeriod = class {
    */
   ezChangeListener(evt) {
     this.value = evt.detail;
+    this.valueChanged.emit(this.value);
   }
   /**
    * Exibe o componente snk-filter-number

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

@@ -4,13 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
+    this.presentationMode = presentationMode.EPresentationMode.CHIP;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-period
@@ -19,6 +22,7 @@ const SnkFilterPeriod = class {
     const start = this._startDate.value;
     const end = this._endDate.value;
     this.value = (start || end ? { start, end } : undefined);
+    this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
     if (this._element) {
@@ -43,11 +47,16 @@ const SnkFilterPeriod = class {
   async show() {
     this._startDate.setFocus();
   }
+  buildLabel() {
+    if (this.presentationMode === presentationMode.EPresentationMode.CHIP) {
+      return index.h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9");
+    }
+  }
   render() {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERIOD) {
       return undefined;
     }
-    return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), index.h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
+    return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -6,11 +6,12 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 
 const SnkFilterPersonalized = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
     this.fix = undefined;
@@ -42,6 +43,7 @@ const SnkFilterPersonalized = class {
     if (this.value.filter(item => item != undefined).length == 0) {
       this.value = null;
     }
+    this.valueChanged.emit(this.value || []);
   }
   doSearch(mode, argument, param) {
     const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");

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

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 
 const SnkFilterSearch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
   }
@@ -17,6 +18,7 @@ const SnkFilterSearch = class {
    */
   ezChangeListener(_evt) {
     this.value = this._searchInput.value;
+    this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
     if (this._element) {

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

@@ -8,6 +8,7 @@ const core = require('@sankhyalabs/core');
 const SnkFilterText = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
   }
@@ -16,6 +17,7 @@ const SnkFilterText = class {
    */
   ezChangeListener(evt) {
     this.value = evt.detail;
+    this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
     if (this._element) {

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const taskbarElements = require('./taskbar-elements-80285601.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 const ConfigStorage = require('./ConfigStorage-91adf3fe.js');
 const index$1 = require('./index-f400b1d6.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
+const index$2 = require('./index-de79181a.js');
 require('./form-config-fetcher-fa19680a.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
@@ -209,7 +210,7 @@ const SnkGrid = class {
         return (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
       }
     };
-    taskbarElements.store.set("exporterProviders", Object.assign(Object.assign({}, taskbarElements.store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
+    index$2.store.set("exporterProviders", Object.assign(Object.assign({}, index$2.store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {
     const dataInfo = { dataUnit: this._dataUnit };

package/dist/cjs/{snk-guides-viewer-e6a65393.js → snk-guides-viewer-9784c527.js}

@@ -5,7 +5,7 @@ const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-e1a10283.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-const taskbarElements = require('./taskbar-elements-80285601.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 const constants = require('./constants-3787fa32.js');
 require('./DataFetcher-a9d0228f.js');
 require('./pesquisa-fetcher-954b74c3.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-e6a65393.js');
+const snkGuidesViewer = require('./snk-guides-viewer-9784c527.js');
 require('./index-21bd01e1.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-e1a10283.js');
@@ -12,8 +12,9 @@ require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./taskbar-processor-bce3f499.js');
-require('./taskbar-elements-80285601.js');
+require('./taskbar-elements-bc2598f9.js');
 require('./index-f400b1d6.js');
+require('./index-de79181a.js');
 require('./constants-3787fa32.js');
 require('./pesquisa-fetcher-954b74c3.js');
 

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

@@ -0,0 +1,126 @@
+'use strict';
+
+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 core = require('@sankhyalabs/core');
+require('./_commonjsHelpers-537d719a.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 SnkPersonalizedFilter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this._personalizedFilterFetcher = new 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
+        }
+        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.messagesBuilder = undefined;
+  }
+  componentWillLoad() {
+    if (index$2.store.get("filterFieldsDataSource") == undefined) {
+      index$2.store.set("filterFieldsDataSource", this._dataSourceFetcher);
+    }
+    if (!this.messagesBuilder) {
+      const snkApp = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = snkApp === null || snkApp === void 0 ? void 0 : snkApp.messagesBuilder;
+    }
+  }
+  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 }))));
+  }
+};
+SnkPersonalizedFilter.style = snkPersonalizedFilterCss;
+
+exports.snk_personalized_filter = SnkPersonalizedFilter;

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-3787fa32.js');
-const taskbarElements = require('./taskbar-elements-80285601.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 require('./DataFetcher-a9d0228f.js');
 require('./pesquisa-fetcher-954b74c3.js');
 const index$1 = require('./index-f400b1d6.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
+require('./index-de79181a.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}";

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-80285601.js');
+const taskbarElements = require('./taskbar-elements-bc2598f9.js');
 const index$1 = require('./index-f400b1d6.js');
+require('./index-de79181a.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 

package/dist/cjs/taskbar-elements-bc2598f9.js

@@ -0,0 +1,118 @@
+'use strict';
+
+const index = require('./index-21bd01e1.js');
+const index$2 = require('./index-f400b1d6.js');
+const index$1 = require('./index-de79181a.js');
+
+exports.TaskbarElement = void 0;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  TaskbarElement["SAVE"] = "SAVE";
+  TaskbarElement["GRID_MODE"] = "GRID_MODE";
+  TaskbarElement["FORM_MODE"] = "FORM_MODE";
+  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
+  TaskbarElement["DIVIDER"] = "DIVIDER";
+  TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
+  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
+  TaskbarElement["ATTACH"] = "ATTACH";
+})(exports.TaskbarElement || (exports.TaskbarElement = {}));
+exports.AuthorizationElements = void 0;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIGURATOR"] = "CONFIGURATOR";
+})(exports.AuthorizationElements || (exports.AuthorizationElements = {}));
+exports.VisibleWhenForbidden = void 0;
+(function (VisibleWhenForbidden) {
+  VisibleWhenForbidden["CONFIGURATOR"] = "CONFIGURATOR";
+})(exports.VisibleWhenForbidden || (exports.VisibleWhenForbidden = {}));
+const buildCustomButton = (def, className, dataElementId, action, isEnabled) => {
+  const { hint, text, iconName } = def;
+  if (iconName) {
+    if (text) {
+      return iconTextButton(iconName, def.name, className, dataElementId, hint, text, action, isEnabled);
+    }
+    else {
+      return iconButton(iconName, def.name, className, dataElementId, hint, action, isEnabled);
+    }
+  }
+  else {
+    return textButton(def.name, className, dataElementId, text, hint, action, isEnabled);
+  }
+};
+const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, configName, presentationMode) => {
+  var _a;
+  const title = getTitle(element);
+  switch (element) {
+    case exports.TaskbarElement.PREVIOUS:
+      return iconButton("chevron-left", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.NEXT:
+      return iconButton("chevron-right", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.REFRESH:
+      return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.UPDATE:
+      return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.CLONE:
+      return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.REMOVE:
+      return iconButton("delete", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.INSERT:
+      if (presentationMode === index$2.PresentationMode.PRIMARY) {
+        return iconTextButton("plus", element, className, dataElementId, title, title, action, isEnabled);
+      }
+      else {
+        return iconButton("plus", element, className, dataElementId, title, action, isEnabled);
+      }
+    case exports.TaskbarElement.CANCEL:
+      return textButton(element, className, dataElementId, title, title, action, isEnabled);
+    case exports.TaskbarElement.SAVE:
+      if (presentationMode === index$2.PresentationMode.PRIMARY) {
+        return iconTextButton("save", element, className, dataElementId, title, title, action, isEnabled);
+      }
+      else {
+        return iconButton("save", element, className, dataElementId, title, action, isEnabled);
+      }
+    case exports.TaskbarElement.GRID_MODE:
+      return iconButton("table", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.FORM_MODE:
+      return iconButton("list", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.CONFIGURATOR:
+      return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.MORE_OPTIONS:
+      return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
+    case exports.TaskbarElement.DIVIDER:
+      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+    case exports.TaskbarElement.DATA_EXPORTER:
+      const provider = (_a = index$1.store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
+      return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
+    case exports.TaskbarElement.ATTACH:
+      return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
+  }
+};
+function textButton(name, className, dataElementId, text, title, action, isEnabled) {
+  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) });
+}
+function iconButton(iconName, name, className, dataElementId, title, action, isEnabled) {
+  return index.h("ez-button", { title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
+}
+function iconTextButton(iconName, name, className, dataElementId, text, title, action, isEnabled) {
+  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
+    index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
+}
+function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {
+  return actions && actions.length > 0
+    ? index.h("ez-actions-button", { title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
+    : undefined;
+}
+
+exports.buildCustomButton = buildCustomButton;
+exports.buildElem = buildElem;

package/dist/collection/collection-manifest.json

@@ -26,6 +26,7 @@
     "./components/snk-filter-bar/filter-item/editors/snk-filter-period.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-search.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-text.js",
+    "./components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.js",
     "./components/snk-filter-field-search/snk-filter-field-search.js",
     "./components/snk-form/snk-form.js",
     "./components/snk-form/subcomponents/snk-config-options/snk-config-options.js",
@@ -34,6 +35,8 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid/subcomponents/snk-select-box/snk-select-box.js",
+    "./components/snk-personalized-filter/snk-personalized-filter.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",
     "./components/snk-simple-bar/snk-simple-bar.js",