@sankhyalabs/sankhyablocks 8.15.0-dev.2 → 8.15.0-dev.20

package/dist/collection/components/snk-attach/structure/builder/attach-crud-config.builder.js

@@ -0,0 +1,62 @@
+import { ApplicationContext, DataType, UserInterface } from "@sankhyalabs/core";
+const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+const getMessage = (key) => {
+  var _a, _b;
+  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+};
+export const attachCrudConfig = {
+  grid: {
+    columns: [
+      { name: "CODATA", orderIndex: 0, width: 0 },
+      { name: "DESCRICAO", orderIndex: 1, width: 0 },
+      { name: "ARQUIVO", orderIndex: 2, width: 0 },
+      { name: "DTALTER", orderIndex: 3, width: 0 },
+      { name: "USUARIO", orderIndex: 4, width: 0 },
+    ],
+  },
+  form: {
+    emptyConfig: false,
+    fields: [
+      {
+        name: "DESCRICAO",
+        label: getMessage("snkAttach.attachMetadata.lblDescription"),
+        visible: true,
+        readOnly: false,
+        required: true,
+      },
+      {
+        name: "CAMINHO_ARQUIVO",
+        label: getMessage("snkAttach.attachMetadata.lblFile"),
+        visible: true,
+        readOnly: false,
+        required: true,
+      },
+    ],
+  },
+};
+export const attachFetcherMetadataBuilder = {
+  name: "Attach",
+  label: "Attach List",
+  fields: [
+    { name: "CODATA", label: getMessage("snkAttach.attachMetadata.lblCode"), dataType: DataType.TEXT },
+    { name: "DESCRICAO", label: getMessage("snkAttach.attachMetadata.lblDescription"), dataType: DataType.TEXT },
+    { name: "ARQUIVO", label: getMessage("snkAttach.attachMetadata.lblFileOrLink"), dataType: DataType.TEXT },
+    { name: "USUARIO", label: getMessage("snkAttach.attachMetadata.lblUser"), dataType: DataType.TEXT },
+    { name: "DTALTER", label: getMessage("snkAttach.attachMetadata.lblDate"), dataType: DataType.TEXT },
+    {
+      name: "CAMINHO_ARQUIVO",
+      label: getMessage("snkAttach.attachMetadata.lblFileUpload"),
+      dataType: DataType.OBJECT,
+      userInterface: UserInterface.FILE,
+      readOnly: false,
+      required: true,
+      visible: true,
+      properties: {
+        subTitle: getMessage("snkAttach.attachMetadata.lblSubTitle"),
+        MAX_FILES: 1,
+        STORAGESTRATEGY: "SESSION",
+        INTERNAL_FILENAME: "Attach.upload",
+      }
+    },
+  ],
+};

package/dist/collection/components/snk-attach/structure/{taskbar-builder.js → builder/taskbar-builder.js}

@@ -1,4 +1,4 @@
-import { TaskbarElement } from "../../snk-taskbar/elements/taskbar-elements";
+import { TaskbarElement } from "../../../snk-taskbar/elements/taskbar-elements";
 import { ApplicationContext } from "@sankhyalabs/core";
 const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
 const getMessage = (key) => {

package/dist/collection/components/snk-attach/structure/fetcher/facade/fetcher.facade.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/snk-attach/structure/{data-unit-builder.js → fetcher/factory/anexo-sistema-data-unit.factory.js}

@@ -1,28 +1,31 @@
 import { Action, ApplicationContext, DataType } from "@sankhyalabs/core";
-import { SaveErrorsEnum } from "../../../lib/http/data-fetcher/fetchers/fecthAttach/interfaces";
-import { VIEW_MODE } from "../../../lib/utils/constants";
-import PreloadManager from '../../../lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager';
-export class AttachmentDataUnitBuilder {
+import { SaveErrorsEnum } from "../../../../../lib/http/data-fetcher/fetchers/AttachFetcher/interfaces";
+import { VIEW_MODE } from "../../../../../lib/utils/constants";
+import PreloadManager from '../../../../../lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager';
+export class AnexoSistemaDataUnitFactory {
   constructor(entityName, getMessage) {
     this.entityName = entityName;
     this.getMessage = getMessage;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
-  initLoaders(dataUnit, attachFetcher, onSuccess) {
+  initLoaders(dataUnit, fetcher, onSuccess) {
     if (!this.loader)
       this.loader = dataUnit.dataLoader;
     dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
-    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, attachFetcher).then((recordIds) => {
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, fetcher).then((recordIds) => {
       if (recordIds.length)
         onSuccess();
       return recordIds;
     });
-    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, attachFetcher).then((recordIds) => {
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, fetcher).then((recordIds) => {
       if (recordIds.length)
         onSuccess();
       return recordIds;
     });
   }
+  metadataLoader(dataUnit) {
+    throw new Error("Method not implemented.");
+  }
   dataLoader(dataUnit, request) {
     return new Promise(resolve => {
       this.loader(dataUnit, request).then(response => {
@@ -38,11 +41,11 @@ export class AttachmentDataUnitBuilder {
       });
     });
   }
-  saveLoader(changes, attachFetcher) {
+  saveLoader(changes, fetcher) {
     return new Promise((resolve) => {
       var _a;
       const change = Array.isArray(changes) ? changes[0] : {};
-      const savePromise = ((_a = change === null || change === void 0 ? void 0 : change.record) === null || _a === void 0 ? void 0 : _a.NUATTACH) >= 0 ? attachFetcher.edit.bind(attachFetcher) : attachFetcher.save.bind(attachFetcher);
+      const savePromise = ((_a = change === null || change === void 0 ? void 0 : change.record) === null || _a === void 0 ? void 0 : _a.NUATTACH) >= 0 ? fetcher.edit.bind(fetcher) : fetcher.save.bind(fetcher);
       savePromise(change).then((records) => {
         resolve(records);
       }).catch((error) => {
@@ -62,11 +65,11 @@ export class AttachmentDataUnitBuilder {
       });
     });
   }
-  removeLoader(dataUnit, ids, attachFetcher) {
+  removeLoader(dataUnit, ids, fetcher) {
     return new Promise((resolve) => {
       const { records } = dataUnit.getSelectionInfo();
       const recordToDelete = records[0];
-      attachFetcher.delete(recordToDelete).then(() => {
+      fetcher.delete(recordToDelete).then(() => {
         PreloadManager.removeRecords(dataUnit, [recordToDelete]);
         return resolve(ids);
       });

package/dist/collection/components/snk-attach/structure/fetcher/factory/attach-fetcher-data-unit.factory.js

@@ -0,0 +1,111 @@
+import { Action, ApplicationContext, StringUtils } from "@sankhyalabs/core";
+import { SaveErrorsEnum } from "../../../../../lib/http/data-fetcher/fetchers/AttachFetcher/interfaces";
+import { AutorizationType } from "../../../../../lib/http/data-fetcher/fetchers/auth-fetcher";
+import { attachFetcherMetadataBuilder } from "../../builder/attach-crud-config.builder";
+import { VIEW_MODE } from "../../../../../lib/utils/constants";
+const SERVICE_LOAD = "Attach.load";
+export class AttachFetcherDataUnitFactory {
+  constructor(getMessage) {
+    this.getMessage = getMessage;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  initLoaders(dataUnit, fetcher, onSuccess) {
+    dataUnit.metadataLoader = (dataUnit) => this.metadataLoader(dataUnit);
+    dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+  }
+  metadataLoader(_) {
+    return Promise.resolve(attachFetcherMetadataBuilder);
+  }
+  async dataLoader(_, request) {
+    if (!request.source) {
+      return Promise.resolve({ records: [] });
+    }
+    const criteria = {
+      criteria: {
+        codata: request.source,
+        tipoAnexo: "N"
+      }
+    };
+    const applicationDataFetcher = await this._application.getDataFetcher();
+    const { anexos: { anexo = [] } } = await applicationDataFetcher.callServiceBroker(SERVICE_LOAD, JSON.stringify(criteria));
+    const records = [];
+    anexo.forEach((param) => {
+      records.push(Object.assign({ __record__id__: StringUtils.generateUUID(), CAMINHO_ARQUIVO: [{
+            name: param === null || param === void 0 ? void 0 : param.ARQUIVO,
+          }] }, param));
+    });
+    return Promise.resolve({ records });
+  }
+  saveLoader(changes, fetcher) {
+    return new Promise((resolve) => {
+      const change = Array.isArray(changes) ? changes[0] : {};
+      fetcher.save(change)
+        .then(resolve)
+        .catch((error) => {
+        if (error.message === SaveErrorsEnum.DESCRIPTION_CANNOT_BE_CHANGED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.descriptionCannotBeChanged.title'), this.getMessage('snkAttach.alertValidation.descriptionCannotBeChanged.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return resolve([]);
+        }
+        if (error.message) {
+          this._application.error((error.title || error.name), error.message);
+          return resolve([]);
+        }
+        resolve([]);
+      });
+    });
+  }
+  removeLoader(dataUnit, ids, fetcher) {
+    return new Promise((resolve) => {
+      dataUnit.getSelectionInfo().records.forEach(async (record) => {
+        this._application.hasAccess(AutorizationType.REMOVE)
+          .then(async (hasAccess) => {
+          if (hasAccess) {
+            await fetcher.delete(record);
+            resolve(ids);
+          }
+        });
+      });
+    });
+  }
+  getFilters() {
+    throw new Error('Method not implemented.');
+  }
+  getInterceptions(dataUnit, action, crudRef) {
+    return new Promise((resolve) => {
+      if (action.type === Action.EDITION_CANCELED) {
+        if (!dataUnit.isDirty())
+          return resolve(action);
+        return this._application.confirm(this.getMessage('snkAttach.cancelConfirmation.title'), this.getMessage('snkAttach.cancelConfirmation.message')).then((cancellationConfirmed) => {
+          if (cancellationConfirmed) {
+            crudRef.goToView(VIEW_MODE.GRID);
+            return resolve(action);
+          }
+          return resolve(undefined);
+        });
+      }
+      if (action.type === Action.DATA_SAVED) {
+        dataUnit.loadData();
+        return resolve(action);
+      }
+      resolve(action);
+    });
+  }
+}

package/dist/collection/components/snk-attach/structure/index.js

@@ -1,3 +1,6 @@
-export * from './data-unit-builder';
-export * from './taskbar-builder';
-export * from './crud-config-builder';
+export * from './fetcher/facade/fetcher.facade';
+export * from './fetcher/factory/anexo-sistema-data-unit.factory';
+export * from './fetcher/factory/attach-fetcher-data-unit.factory';
+export * from './builder/taskbar-builder';
+export * from './builder/anexo-sistema-crud-config.builder';
+export * from './builder/attach-crud-config.builder';

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

@@ -278,7 +278,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -459,7 +459,7 @@ export class SnkCrud {
         "mutable": false,
         "complexType": {
           "original": "PresentationMode",
-          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
           "references": {
             "PresentationMode": {
               "location": "import",

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -134,7 +134,7 @@ export class SnkGuidesViewer {
       });
       this._guides = this._guides.map(guide => {
         if (guide.id === guideItem.id) {
-          return Object.assign(Object.assign({}, guide), guideItem);
+          return Object.assign(Object.assign(Object.assign({}, guide), guideItem), (guideItem.children !== undefined ? {} : { children: undefined }));
         }
         return guide;
       });
@@ -690,7 +690,7 @@ export class SnkGuidesViewer {
         "mutable": false,
         "complexType": {
           "original": "PresentationMode",
-          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
           "references": {
             "PresentationMode": {
               "location": "import",

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

@@ -239,7 +239,7 @@ export class SnkDataExporter {
         pkObject[`PK_${name}`] = { type: this.parseDataType(type), value };
         pkObject['pks'] = [];
       }
-      const dataFields = { nome: name, tipo: type, valor: value };
+      const dataFields = { nome: name, tipo: this.parseDataType(type), valor: value };
       fields['fields'].push(dataFields);
       pkObject['pks'].push(fields);
     });

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/snk-filter-item.js

@@ -254,6 +254,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() {

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

@@ -15,6 +15,15 @@ export class SnkFilterModal {
     this.closeModal = undefined;
     this.addPersonalizedFilter = undefined;
     this.editPersonalizedFilter = undefined;
+    this.deletePersonalizedFilter = undefined;
+    this.filtersToDelete = [];
+    this.disablePersonalizedFilter = undefined;
+  }
+  /**
+   * Emitido quando um filtro personalizado é deletado.
+   */
+  deletePersonalizedFilterListener(event) {
+    this.filtersToDelete.push(event.detail);
   }
   getCustomMessage(key, params) {
     var _a;
@@ -82,6 +91,12 @@ export class SnkFilterModal {
     if (this.isValidCustomFilter(filterPersonalized)) {
       this.applyFilters(this.filters);
     }
+    if (this.filtersToDelete.length > 0) {
+      this.filtersToDelete.forEach(filter => {
+        this.deletePersonalizedFilter(filter, this.configName);
+      });
+      this.filtersToDelete = [];
+    }
   }
   isValidCustomFilter(filterPersonalized) {
     const isValid = PersonalizedFilterUtils.validateVariableValues(filterPersonalized);
@@ -219,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() {
@@ -354,9 +369,76 @@ export class SnkFilterModal {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "A\u00E7\u00E3o executada ao editart um filtro personalizado"
+          "text": "A\u00E7\u00E3o executada ao editar um filtro personalizado"
         }
+      },
+      "deletePersonalizedFilter": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(filter: IPersonalizedFilter, configName: string) => void",
+          "resolved": "(filter: IPersonalizedFilter, configName: string) => void",
+          "references": {
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../../snk-personalized-filter/interfaces/IPersonalizedFilter"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A\u00E7\u00E3o executada ao deletar um filtro personalizado"
+        }
+      },
+      "filtersToDelete": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IPersonalizedFilter[]",
+          "resolved": "IPersonalizedFilter[]",
+          "references": {
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../../snk-personalized-filter/interfaces/IPersonalizedFilter"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "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
       }
     };
   }
+  static get listeners() {
+    return [{
+        "name": "deleteFilter",
+        "method": "deletePersonalizedFilterListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -41,7 +41,6 @@ export class SnkFilterModalItem {
   buildSnkFilterPersonalizedProps() {
     return {
       tag: "snk-personalized-filter-editor", props: {
-        onDeleteFilter: (event) => this.handleDeleteFilter(event.detail, FilterItemType.PERSONALIZED),
         onEditFilter: (event) => this.editPersonalizedFilter.emit(event.detail),
         onAddFilter: () => this.addPersonalizedFilter.emit(),
       }

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

@@ -31,6 +31,7 @@ export class SnkFilterBar {
     this.resourceID = undefined;
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
+    this.disablePersonalizedFilter = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
@@ -74,7 +75,7 @@ export class SnkFilterBar {
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -114,6 +115,24 @@ export class SnkFilterBar {
     this.updateFilter(filterItem);
     return Promise.resolve();
   }
+  /**
+  * Remove um item de filtro.
+  *
+  * @param filterID - ID do a ser adicionado
+  *
+  * @returns {Promise<SnkFilterItemConfig|undefined>} - Retorna o item de filtro removido, ou undefined caso não encontrado.
+  */
+  async removeFilterItem(filterID) {
+    const itemIndex = this.filterConfig.findIndex(item => item.id === filterID);
+    if (itemIndex == -1) {
+      console.warn("[SnkFilterBar.removeFilterItem] FilterItem não encontrado");
+      return Promise.resolve(undefined);
+    }
+    const itemToRemove = this.filterConfig[itemIndex];
+    ;
+    this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
+    return Promise.resolve(itemToRemove);
+  }
   componentDidLoad() {
     if (this._element) {
       const dataInfo = { dataUnit: this.dataUnit };
@@ -161,6 +180,9 @@ export class SnkFilterBar {
    */
   getMessage(key, params, defaultValue) {
     var _a;
+    if (this.messagesBuilder == undefined && this._application) {
+      this.messagesBuilder = this._application.messagesBuilder;
+    }
     return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
   getFilter(_dataUnit) {
@@ -264,7 +286,10 @@ export class SnkFilterBar {
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {
@@ -319,9 +344,11 @@ export class SnkFilterBar {
       filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
+      disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
       onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
-      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id)
+      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
+      onDeletePersonalizedFilter: (filter, configName) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName),
     };
     this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
     await this._filterModalFactory.showModal();
@@ -339,6 +366,11 @@ export class SnkFilterBar {
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
   }
+  deletePersonalizedFilter(filter, filterItemType, configName) {
+    if (filterItemType === FilterItemType.PERSONALIZED) {
+      ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
+    }
+  }
   handleHidePersonalizedFilter(reloadFilterBar) {
     if (reloadFilterBar) {
       this.loadConfigFromStorage().then(() => {
@@ -483,6 +515,23 @@ export class SnkFilterBar {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "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
       }
     };
   }
@@ -612,6 +661,38 @@ export class SnkFilterBar {
               "text": "filterItem - Item a ser adicionado, caso o item j\u00E1 exista com o ID ele n\u00E3o ser\u00E1 adicionado novamente"
             }]
         }
+      },
+      "removeFilterItem": {
+        "complexType": {
+          "signature": "(filterID: string) => Promise<SnkFilterItemConfig | undefined>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "filterID - ID do a ser adicionado"
+                }],
+              "text": "- ID do a ser adicionado"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            }
+          },
+          "return": "Promise<SnkFilterItemConfig>"
+        },
+        "docs": {
+          "text": "Remove um item de filtro.",
+          "tags": [{
+              "name": "param",
+              "text": "filterID - ID do a ser adicionado"
+            }, {
+              "name": "returns",
+              "text": "- Retorna o item de filtro removido, ou undefined caso n\u00E3o encontrado."
+            }]
+        }
       }
     };
   }

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

@@ -1,12 +1,14 @@
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
     this._getMessage = getMessage;
+    this._disablePersonalizedFilter = disablePersonalizedFilter;
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
+    this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
   }
   applyFilters(newFilterConfig) {
     this._onComplete(newFilterConfig);
@@ -17,11 +19,13 @@ class SnkFilterModalFactory {
     filterModal.className = "ez-size-height--full";
     filterModal.filters = this._filterConfig;
     filterModal.configName = this._configName;
+    filterModal.disablePersonalizedFilter = this._disablePersonalizedFilter;
     filterModal.getMessage = this._getMessage.bind(this);
     filterModal.applyFilters = this.applyFilters.bind(this);
     filterModal.closeModal = () => this._closeModal();
     filterModal.addPersonalizedFilter = () => this._addPersonalizedFilterFn();
     filterModal.editPersonalizedFilter = (id) => this._editPersonalizedFilterFn(id);
+    filterModal.deletePersonalizedFilter = (filter, configName) => this._onDeletePersonalizedFilter(filter, configName);
     return filterModal;
   }
   async showModal() {