@sankhyalabs/sankhyablocks 8.15.0-dev.6 → 8.15.0-dev.60

package/dist/collection/components/snk-data-exporter/snk-data-exporter.js

@@ -4,17 +4,15 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { ItemBuilder } from './structure/ItemBuilder';
 import { DataExporterFormat, DataExporterOption, DataExporterType } from '../../lib/@types';
 import { REPORT_LAUNCHER_RESOURCE_ID } from '../../lib/utils/constants';
-import fetchDataExporter from '../../lib/http/data-fetcher/fetchers/fetchDataExporter';
 import fileViewer from '../../lib/utils/fileViewer';
 import getPersonalizedReports from '../../lib/http/data-fetcher/fetchers/fetchDataExporter/personalized-reports-fetcher';
 import { SnkDataUnit } from '../snk-data-unit/snk-data-unit';
-const LIMIT_PER_EXPORT = 5000;
+import ServerSideExporterStrategy from './exporter-strategy/ServerSideExporterStrategy';
+import ClientSideExporterStrategy from './exporter-strategy/ClientSideExporterStrategy';
 export class SnkDataExporter {
   constructor() {
     this._selectedNumber = 0;
     this._customPrefix = "$custom$";
-    this._items = [];
-    this._showDropdown = false;
     this._releasedToExport = [
       DataExporterOption.EXPORT_TO_PDF,
       DataExporterOption.EXPORT_TO_XLS,
@@ -24,6 +22,8 @@ export class SnkDataExporter {
       DataExporterOption.EXPORT_PAGE_TO_PDF,
       DataExporterOption.EXPORT_PAGE_TO_XLS
     ];
+    this._items = [];
+    this._showDropdown = false;
     this.provider = null;
     this.messagesBuilder = undefined;
   }
@@ -94,33 +94,16 @@ export class SnkDataExporter {
     if (this.provider == undefined || resolveProps == undefined || callbackResolver == undefined) {
       return;
     }
-    const filters = this.provider.getFilters();
-    const columns = await this.provider.getColumnsMetadata();
-    const sort = this.provider.getOrders();
-    const resourceURI = this.provider.getResourceURI();
-    const selectedIDs = this.provider.getSelectedIDs();
-    const option = resolveProps.exportOption;
-    const currentPageOptions = [
-      DataExporterOption.EXPORT_PAGE_TO_PDF,
-      DataExporterOption.EXPORT_PAGE_TO_XLS
-    ];
-    delete resolveProps.exportOption;
-    let params = Object.assign({ filters,
-      columns,
-      sort,
-      resourceURI, selectedIDs: selectedIDs.slice(0, LIMIT_PER_EXPORT) }, resolveProps);
-    if (currentPageOptions.includes(option) || resolveProps.type == "page") {
-      const offset = this.provider.getOffset();
-      const limit = this.provider.getLimit();
-      params = Object.assign(Object.assign({}, params), { offset,
-        limit, selectedIDs: [] });
-    }
-    else if (resolveProps.type == "all") {
-      params = Object.assign(Object.assign({}, params), { offset: 0, limit: LIMIT_PER_EXPORT, selectedIDs: [] });
-    }
-    fetchDataExporter(params)
+    this.getExporterStrategy().executeExport(resolveProps)
       .then((result) => callbackResolver(result))
-      .catch((exception) => ApplicationUtils.error(this.getMessage("snkDataExporter.message.exportError"), exception ? exception.statusMessage : this.getMessage("snkDataExporter.message.exportError")));
+      .catch((exception) => {
+      console.error(exception);
+      let { title, message, statusMessage } = exception || {};
+      ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
+  }
+  getExporterStrategy() {
+    return this.provider.getRecords == undefined ? new ServerSideExporterStrategy(this.provider) : new ClientSideExporterStrategy(this.provider);
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)
@@ -129,7 +112,7 @@ export class SnkDataExporter {
     });
   }
   dispatchExporter(option) {
-    var _a;
+    var _a, _b, _c;
     const optionKey = this.getOptionKey(option);
     const fileType = (_a = DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : DataExporterType.EXPORT_TO_PDF;
     const isDownload = DataExporterType[optionKey] === DataExporterType.EXPORT_TO_XLS;
@@ -138,7 +121,7 @@ export class SnkDataExporter {
       fileName: this._appLabel,
       titleGrid: this._appLabel,
       exportOption: option,
-      limit: LIMIT_PER_EXPORT
+      limit: (_c = (_b = this.provider) === null || _b === void 0 ? void 0 : _b.getExportLimit) === null || _c === void 0 ? void 0 : _c.call(_b)
     };
     this.resolveExporter(params, (response) => {
       fileViewer(Object.assign(Object.assign({}, response), { fileType,
@@ -146,7 +129,7 @@ export class SnkDataExporter {
     });
   }
   async processExporter(evt) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
     const exportCurrentPageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
     const isCustomReport = (_a = item === null || item === void 0 ? void 0 : item.id) === null || _a === void 0 ? void 0 : _a.includes(this._customPrefix);
@@ -154,18 +137,19 @@ export class SnkDataExporter {
       return;
     const selectedRecords = (_b = this.provider) === null || _b === void 0 ? void 0 : _b.getSelectedIDs();
     const totalRecords = (_c = this.provider) === null || _c === void 0 ? void 0 : _c.getTotalRecords();
-    const totalPerPage = (_d = this.provider) === null || _d === void 0 ? void 0 : _d.getLimit();
+    const totalPerPage = (_e = (_d = this.provider) === null || _d === void 0 ? void 0 : _d.getPageSize) === null || _e === void 0 ? void 0 : _e.call(_d);
+    const exportLimit = (_g = (_f = this.provider) === null || _f === void 0 ? void 0 : _f.getExportLimit) === null || _g === void 0 ? void 0 : _g.call(_f);
     let limitExceeded = false;
-    if ((exportCurrentPageOptions.includes(item === null || item === void 0 ? void 0 : item.id) && totalPerPage <= LIMIT_PER_EXPORT) || isCustomReport) {
+    if ((exportCurrentPageOptions.includes(item === null || item === void 0 ? void 0 : item.id) && totalPerPage <= exportLimit) || isCustomReport) {
       limitExceeded = false;
     }
     else if (selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) {
-      limitExceeded = selectedRecords.length > LIMIT_PER_EXPORT;
+      limitExceeded = selectedRecords.length > exportLimit;
     }
-    else if (totalRecords > LIMIT_PER_EXPORT)
+    else if (totalRecords > exportLimit)
       limitExceeded = true;
     if (limitExceeded) {
-      const formattedLimit = LIMIT_PER_EXPORT.toLocaleString('pt-BR', { minimumFractionDigits: 0 });
+      const formattedLimit = exportLimit.toLocaleString('pt-BR', { minimumFractionDigits: 0 });
       const limitModalMessages = {
         title: this.getMessage("snkDataExporter.limitExceeded.title"),
         description: `
@@ -190,7 +174,7 @@ export class SnkDataExporter {
       this._showDropdown = false;
       return;
     }
-    if (!this._releasedToExport.includes(item === null || item === void 0 ? void 0 : item.id)) {
+    if (!this.getFilteredReleasedToExport().includes(item === null || item === void 0 ? void 0 : item.id)) {
       return;
     }
     if (item.id === DataExporterOption.EXPORT_BY_EMAIL) {
@@ -201,9 +185,20 @@ export class SnkDataExporter {
     }
     this._showDropdown = false;
   }
+  getFilteredReleasedToExport() {
+    var _a, _b;
+    if (this.provider == undefined) {
+      return this._releasedToExport;
+    }
+    const hiddenOptions = (_b = (_a = this.provider).getHiddenOptions) === null || _b === void 0 ? void 0 : _b.call(_a);
+    if (hiddenOptions == undefined) {
+      return this._releasedToExport;
+    }
+    return this._releasedToExport.filter(option => !hiddenOptions.includes(option));
+  }
   loadItems() {
     const items = [];
-    this._releasedToExport
+    this.getFilteredReleasedToExport()
       .forEach((option) => {
       var _a;
       (_a = this._itemBuilder) === null || _a === void 0 ? void 0 : _a.setExportOption(option, items);
@@ -211,8 +206,8 @@ export class SnkDataExporter {
     this.loadPersonalizedItems(items);
   }
   async loadPersonalizedItems(items) {
-    var _a;
-    const recordID = (_a = this.provider) === null || _a === void 0 ? void 0 : _a.getRecordID();
+    var _a, _b;
+    const recordID = (_b = (_a = this.provider) === null || _a === void 0 ? void 0 : _a.getRecordID) === null || _b === void 0 ? void 0 : _b.call(_a);
     if (recordID == undefined) {
       this._items = items;
       return;
@@ -228,18 +223,18 @@ export class SnkDataExporter {
     this._items = items;
   }
   openPersonalizedReports(option) {
-    var _a;
+    var _a, _b;
     const pkObject = [];
     const appId = (option === null || option === void 0 ? void 0 : option.replace(this._customPrefix, "")) || "";
-    (_a = this.provider) === null || _a === void 0 ? void 0 : _a.getSelectedIDs().forEach(({ name, type, value }, index) => {
-      const fields = [];
+    (_b = (_a = this.provider) === null || _a === void 0 ? void 0 : _a.getSelectedIDs) === null || _b === void 0 ? void 0 : _b.call(_a).forEach(({ name, type, value }, index) => {
+      const fields = {};
       fields['fields'] = [];
       // Se for o primeiro elemento, adiciona essa primeira PK
       if (index === 0) {
         pkObject[`PK_${name}`] = { type: this.parseDataType(type), value };
         pkObject['pks'] = [];
       }
-      const dataFields = { nome: name, tipo: type, valor: value };
+      const dataFields = { nome: `PK_${name}`, tipo: this.parseDataType(type), valor: value };
       fields['fields'].push(dataFields);
       pkObject['pks'].push(fields);
     });
@@ -367,8 +362,7 @@ export class SnkDataExporter {
   static get states() {
     return {
       "_items": {},
-      "_showDropdown": {},
-      "_releasedToExport": {}
+      "_showDropdown": {}
     };
   }
   static get elementRef() { return "_element"; }

package/dist/collection/components/snk-data-exporter/test/resources/ClientSideExporterStrategyResources.js

@@ -0,0 +1,88 @@
+import { DataType, StringUtils } from "@sankhyalabs/core";
+export const testMetadata = {
+  name: 'metadataName',
+  label: 'metadataLabel',
+  fields: [{
+      name: 'TESTFIELD',
+      label: 'Test label',
+      dataType: DataType.TEXT,
+    }]
+};
+export const recordId1 = StringUtils.generateUUID();
+export const recordId2 = StringUtils.generateUUID();
+export const testRecords = [
+  {
+    __record__id__: recordId1,
+    TESTFIELD: 'TESTVALUE'
+  },
+  {
+    __record__id__: recordId2,
+    TESTFIELD: 'TESTVALUE2'
+  },
+];
+export const dataFetcherPDFResponse = {
+  chavePDF: {
+    valor: 'KEYPDF'
+  },
+  permiteImprimir: {
+    valor: "S"
+  },
+  permiteExportar: {
+    valor: "S"
+  },
+  canSendEmail: {
+    valor: "S"
+  },
+};
+export const dataFetcherXLSResponse = {
+  chaveXLS: {
+    valor: 'KEYXLS'
+  },
+};
+export const exportPDFParams = {
+  methodName: 'exportToPDF',
+  fileName: '',
+  titleGrid: '',
+};
+export const exportXLSParams = {
+  methodName: 'exportToXLS',
+  fileName: '',
+  titleGrid: '',
+};
+export const serviceNamePDF = "GridPDFBuilderSP.buildPDFFromJson";
+export const serviceNameXLS = "GridXLSBuilderSP.buildXLSFromJson";
+export function buildExpectedResponse({ serviceName, titleGrid, value, align = 'left', type = 'S' }) {
+  return {
+    serviceName: serviceName,
+    requestBody: {
+      grid: {
+        titleGrid: titleGrid,
+        columns: {
+          column: [
+            {
+              align: align,
+              id: "TESTFIELD",
+              index: 1,
+              label: "Test label",
+              presentationType: "P",
+              type: type,
+              width: undefined,
+            }
+          ]
+        },
+        customOptions: {
+          xlsxExtension: false
+        },
+        rows: {
+          row: [
+            {
+              c1: {
+                $: value
+              }
+            }
+          ]
+        }
+      }
+    }
+  };
+}

package/dist/collection/components/snk-data-exporter/utils/RecordIDUtils.js

@@ -0,0 +1,38 @@
+import { DataType, JSUtils } from "@sankhyalabs/core";
+export const getSelectedIDs = (dataUnit) => {
+  const selectionInfo = dataUnit.getSelectionInfo();
+  if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
+    return [];
+  }
+  const selectedRecordsIDsInfo = [];
+  const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.recordIds;
+  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
+    selectedRecords.forEach(recordId => {
+      if (!dataUnit.isNewRecord(recordId)) {
+        /*
+          Esse if foi necessário para tratar corretamente o ID
+          do record quando está sendo utilizado no modo standAlone
+          isso não faz a exportação da grid funcionar no modo standAlone
+          mas deixa de causar erro nas oprações de CRUD.
+        */
+        if (!JSUtils.isBase64(recordId)) {
+          selectedRecordsIDsInfo.push({
+            name: "__record__id__",
+            type: DataType.TEXT,
+            value: recordId
+          });
+          return;
+        }
+        const revertBase64ToObject = JSON.parse(window.atob(recordId));
+        Object.entries(revertBase64ToObject).forEach(([name, value]) => {
+          const metadataField = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(name);
+          if (metadataField == undefined) {
+            return;
+          }
+          selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
+        });
+      }
+    });
+  }
+  return selectedRecordsIDsInfo;
+};

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -1,7 +1,8 @@
 import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, DataUnitAction, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { getSelectedIDs } from '../snk-data-exporter/utils/RecordIDUtils';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -117,43 +118,7 @@ export class SnkDataUnit {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    var _a;
-    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
-    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
-      return [];
-    }
-    const selectedRecordsIDsInfo = [];
-    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
-    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
-      selectedRecords.forEach(({ __record__id__ }) => {
-        if (!this.dataUnit.isNewRecord(__record__id__)) {
-          /*
-            Esse if foi necessário para tratar corretamente o ID
-            do record quando está sendo utilizado no modo standAlone
-            isso não faz a exportação da grid funcionar no modo standAlone
-            mas deixa de causar erro nas oprações de CRUD.
-          */
-          if (!JSUtils.isBase64(__record__id__)) {
-            selectedRecordsIDsInfo.push({
-              name: "__record__id__",
-              type: DataType.TEXT,
-              value: __record__id__
-            });
-            return;
-          }
-          const revertBase64ToObject = JSON.parse(window.atob(__record__id__));
-          Object.entries(revertBase64ToObject).forEach(([name, value]) => {
-            var _a;
-            const metadataField = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
-            if (metadataField == undefined) {
-              return;
-            }
-            selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
-          });
-        }
-      });
-    }
-    return selectedRecordsIDsInfo;
+    return Promise.resolve(getSelectedIDs(this.dataUnit));
   }
   getCleanOnCopyFields() {
     var _a;
@@ -774,10 +739,6 @@ export class SnkDataUnit {
             },
             "Array": {
               "location": "global"
-            },
-            "Record": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
             }
           },
           "return": "Promise<IRecordID[]>"

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

@@ -56,16 +56,18 @@ export class SnkEntityList {
     this.loadListSource();
   }
   optionLoader(searchArgument) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const { mode, argument } = searchArgument;
     if (this._application === undefined) {
       return;
     }
     const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const criteria = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.criteria;
     const options = {
-      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label,
       entity: this._entityName,
-      searchOptions: searchOptions
+      searchOptions: searchOptions,
+      criteria,
     };
     return this._application.executePreparedSearch(mode, argument, options);
   }

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

@@ -10,7 +10,8 @@ export class SnkFilterMultiSelect {
    * Emitido quando acontece a alteração de valor do componente snk-filter-multi-select
    */
   ezChangeListener(evt) {
-    this.value = evt.detail.value;
+    var _a;
+    this.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value;
     this.valueChanged.emit(this.value);
   }
   /**

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

@@ -55,8 +55,10 @@ export class SnkFilterPersonalized {
     return this.presentationMode === EPresentationMode.MODAL;
   }
   doSearch(mode, argument, param) {
+    const context = Object.assign({}, param.searchContext);
+    context.searchOptions = Object.assign(Object.assign({}, context.searchOptions), { showInactives: "true" });
     return new Promise((resolve, reject) => {
-      this._application.executePreparedSearch(mode, argument, param.searchContext)
+      this._application.executePreparedSearch(mode, argument, context)
         .then(result => {
         resolve(result);
       }).catch(reason => {

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

@@ -8,6 +8,7 @@ export class SnkFilterDetail {
   constructor() {
     this.config = undefined;
     this.getMessage = undefined;
+    this.showHardFixed = true;
   }
   /**
    * Exibe o componente snk-filter-detail.
@@ -85,7 +86,9 @@ export class SnkFilterDetail {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (h(Fragment, null, !this.config.removalBlocked && this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), !this.config.hardFixed && this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
+    return (h(Fragment, null, !this.config.removalBlocked &&
+      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
+      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }
   buildIcon(title, iconName, action) {
     return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
@@ -196,6 +199,24 @@ export class SnkFilterDetail {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showHardFixed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controla a visibilidade do bot\u00E3o de fixar elemento"
+        },
+        "attribute": "show-hard-fixed",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

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

@@ -14,6 +14,7 @@ export class SnkFilterItem {
     this.detailIsVisible = undefined;
     this.config = undefined;
     this.getMessage = undefined;
+    this.showChips = true;
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -45,19 +46,22 @@ export class SnkFilterItem {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       backClickListener: () => this.onDetailCloseCallback(),
-      left: this.getScrollOffsetLeft(),
-      top: this.getScrollOffsetTop(),
+      left: this.getOffsetLeft(),
+      top: this.getOffsetTop(),
       useOverlay: true,
       overlayClassName: 'ez-scrim ez-scrim--light',
       isFixed: true
     };
   }
-  getScrollOffsetLeft() {
+  getOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.x}px + ${padding})`;
+    // Width baseado no conteudo do snk-filter-detail. Nesse momento ele retorna 0px pois ainda não foi criado em tela.
+    const filterDetailWidth = 430;
+    const adjustRightPosition = filterDetailWidth - (document.body.clientWidth - rect.left);
+    return `calc(${rect.x}px + ${padding} - ${adjustRightPosition > 0 ? adjustRightPosition : 0}px)`;
   }
-  getScrollOffsetTop() {
+  getOffsetTop() {
     const rect = this._filterItemElement.getBoundingClientRect();
     return (rect.y + rect.height) + "px";
   }
@@ -254,6 +258,9 @@ export class SnkFilterItem {
   }
   canClearFilter() {
     const { value, groupedItems = [] } = this.config;
+    if (value != undefined && this.config.type === FilterItemType.MULTI_LIST) {
+      return value.some((item) => item.check);
+    }
     return value !== undefined || groupedItems.some(item => item.visible);
   }
   getRightIconName() {
@@ -286,7 +293,7 @@ export class SnkFilterItem {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, this.showChips && (h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" }))), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips }))));
   }
   static get is() { return "snk-filter-item"; }
   static get properties() {
@@ -324,6 +331,24 @@ export class SnkFilterItem {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showChips": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para controlar a visibilidade dos chips de filtros"
+        },
+        "attribute": "show-chips",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

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

@@ -17,6 +17,7 @@ export class SnkFilterModal {
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.disablePersonalizedFilter = undefined;
   }
   /**
    * Emitido quando um filtro personalizado é deletado.
@@ -233,7 +234,7 @@ export class SnkFilterModal {
     const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
     const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
-    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
+    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
   }
   static get is() { return "snk-filter-modal"; }
   static get originalStyleUrls() {
@@ -411,6 +412,23 @@ export class SnkFilterModal {
           "text": "Guarda filtros a serem deletados no Apply do modal"
         },
         "defaultValue": "[]"
+      },
+      "disablePersonalizedFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros) \ne no modal lateral de filtros (container de filtros personalizados)."
+        },
+        "attribute": "disable-personalized-filter",
+        "reflect": false
       }
     };
   }

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

@@ -1,6 +1,6 @@
 :host {
   display: grid;
-  grid-template-columns: minmax(100px, 100%) 1fr 1fr;
+  grid-template-columns: 1fr minmax(100px, 100%) 1fr 1fr;
 
    /*@doc Define o z-index do componente.*/
    --snk-personalized-filter--z-index: var(--elevation--20, 20);
@@ -8,6 +8,29 @@
    --snk-personalized-filter--background-color: var(--background--xlight, #fff);
 }
 
+.snk-filter-bar__title {
+  max-width: 260px;
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 16px;
+  font-family: var(--font-pattern, Arial);
+  font-weight: var(--text-weight--large, 600);
+  color: var(--color--title-primary, #2B3A54);
+  margin-top: 8px;
+}
+
+:host([data-mode="hidden"]) {
+  width: 0px;
+  height: 0px;
+}
+
+:host([data-mode="button"]) {
+  grid-template-columns: 1fr;
+  width: fit-content;
+}
+
 .snk-filter__popover-container{
   /*private*/
   display: flex;