@sankhyalabs/sankhyablocks 8.16.0-dev.113 → 8.16.0-dev.114

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-const ConfigStorage = require('./ConfigStorage-df09fb78.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
+const ConfigStorage = require('./ConfigStorage-48ba265b.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const index$1 = require('./index-c5771aba.js');
+const index$1 = require('./index-62760a9c.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-40d3f752.js');
@@ -45,6 +45,7 @@ const SnkPersonalizedFilter = class {
     this.filterId = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.isDefaultFilter = false;
   }
   /*
    * Cria um novo filtro se não houver nenhum filtro existente
@@ -77,6 +78,9 @@ const SnkPersonalizedFilter = class {
         operand: index$1.FilterGroupCondition.AND
       }
     };
+    if (this.isDefaultFilter) {
+      this.buildDataDefaultFilter(newPersonalizedFilter);
+    }
     this._originalFilterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
     this._filterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
   }
@@ -84,6 +88,16 @@ const SnkPersonalizedFilter = class {
     if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;
     }
+    if (newValue === index$1.DefaultFilter.id) {
+      ConfigStorage.ConfigStorage.loadDefaultFilter(newValue, this.resourceID, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.applyDefaultValues(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = core.ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
+      return;
+    }
     ConfigStorage.ConfigStorage.loadPersonalizedFilter(newValue, this.resourceID, this.configName)
       .then((resp) => {
       const personalizedFilter = this.applyDefaultValues(resp);
@@ -110,20 +124,29 @@ const SnkPersonalizedFilter = class {
       this._elButtonMode.setAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, core.ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
     }
   }
+  buildDataDefaultFilter(data) {
+    data.name = index$1.DefaultFilter.name;
+    data.id = index$1.DefaultFilter.id;
+  }
   getMessage(key, params) {
     return this._application.messagesBuilder.getMessage(key, params);
   }
-  saveFilter() {
-    ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName).then((personalizedFilter) => {
-      this._elButtonSave.enabled = false;
-      const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
-      utils.ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
-      const updatedFilterAssistent = Object.assign(Object.assign({}, personalizedFilter), this._filterAssistent);
-      updatedFilterAssistent.parameters = PersonalizedFilterUtils.PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
-      this._originalFilterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
-      this._filterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
-      this.ezAfterSave.emit();
-    });
+  async saveFilter() {
+    let response;
+    if (this.isDefaultFilter) {
+      response = await ConfigStorage.ConfigStorage.saveDefaultFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    else {
+      response = await ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    this._elButtonSave.enabled = false;
+    const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
+    utils.ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
+    const updatedFilterAssistent = Object.assign(Object.assign({}, response), this._filterAssistent);
+    updatedFilterAssistent.parameters = PersonalizedFilterUtils.PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
+    this._originalFilterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+    this._filterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+    this.ezAfterSave.emit();
   }
   removeFilter() {
     ConfigStorage.ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
@@ -259,7 +282,7 @@ const SnkPersonalizedFilter = class {
   }
   buildContainerPersonalizedFilter() {
     return (index.h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, index.h("stack-item", null, this._filterAssistentMode &&
-      index.h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail) })), index.h("stack-item", null, index.h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
+      index.h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail), isDefaultFilter: this.isDefaultFilter })), index.h("stack-item", null, index.h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
   }
   handleModeChange() {
     var _a, _b;
@@ -298,12 +321,24 @@ const SnkPersonalizedFilter = class {
       }
     }
   }
+  buildTitle() {
+    if (this.isDefaultFilter && !this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleCreateDefault");
+    }
+    if (this.isDefaultFilter && this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEditDefault");
+    }
+    if (this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEdit");
+    }
+    return this.getMessage("snkPersonalizedFilter.info.titleAdd");
+  }
   render() {
     var _a, _b, _c, _d;
     if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
       return;
     }
-    return (index.h(index.Host, null, index.h("div", { class: "snk-personalized-filter" }, index.h("div", null, index.h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, index.h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, index.h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), index.h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), index.h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, index.h("div", { class: "ez-box__container" }, index.h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, index.h("div", { class: "ez-flex" }, index.h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) }), this.renderButtonAddField(), index.h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
+    return (index.h(index.Host, null, index.h("div", { class: "snk-personalized-filter" }, index.h("div", null, index.h("snk-simple-bar", { label: this.buildTitle(), onExit: () => this.handleCancel() }, index.h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, index.h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), index.h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), index.h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, index.h("div", { class: "ez-box__container" }, index.h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, index.h("div", { class: "ez-flex" }, index.h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.textInputDisabled"), active: this.isDefaultFilter }, index.h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail), enabled: !this.isDefaultFilter })), this.renderButtonAddField(), index.h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
   }
   static get watchers() { return {
     "filterId": ["loadFilter"]

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

@@ -17,8 +17,8 @@ const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 const formConfigFetcher = require('./form-config-fetcher-40d3f752.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const ConfigStorage = require('./ConfigStorage-df09fb78.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-45a8d7b7.js');
+const ConfigStorage = require('./ConfigStorage-48ba265b.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-ce7b0951.js');
 const index$2 = require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');

package/dist/collection/collection-manifest.json

@@ -32,6 +32,7 @@
     "./components/snk-filter-bar/filter-item/editors/snk-filter-text.js",
     "./components/snk-filter-bar/filter-modal/snk-filter-modal.js",
     "./components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.js",
+    "./components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter.js",
     "./components/snk-filter-field-search/snk-filter-field-search.js",
     "./components/snk-form/snk-form.js",
     "./components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config.js",

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

@@ -3,9 +3,11 @@ import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-mod
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import FilterType from '../types/filter-type.enum';
 import FilterItemType from '../filter-item/filter-item-type.enum';
-import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
 import { PersonalizedFilterUtils } from '../../snk-personalized-filter/subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 import { FilterNumberVariation } from '../filter-item/editors/enum/filterNumberVariation';
+import { ActionDefaultFilter } from '../types/default-filters';
+import { DefaultFilter } from '../../snk-personalized-filter/interfaces';
 export class SnkFilterModal {
   constructor() {
     this.getMessage = undefined;
@@ -17,6 +19,7 @@ export class SnkFilterModal {
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.filterDefaultToDelete = undefined;
     this.disablePersonalizedFilter = undefined;
   }
   /**
@@ -75,8 +78,12 @@ export class SnkFilterModal {
       return copy;
     });
   }
+  hasChangeToSave() {
+    const hasChangesPersonalizedFilters = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
+    return hasChangesPersonalizedFilters;
+  }
   handleClose() {
-    const hasChangesToSave = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
+    const hasChangesToSave = this.hasChangeToSave();
     if (!hasChangesToSave) {
       this.closeModal();
       return;
@@ -87,7 +94,7 @@ export class SnkFilterModal {
     });
   }
   handleApplyFilters() {
-    const filterPersonalized = this.filters.find(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    const filterPersonalized = this.filters.find(filter => filter.filterType === FilterType.CUSTOM_FILTER || filter.filterType === FilterType.DEFAULT_FILTER);
     if (this.isValidCustomFilter(filterPersonalized)) {
       this.applyFilters(this.filters);
     }
@@ -97,6 +104,11 @@ export class SnkFilterModal {
       });
       this.filtersToDelete = [];
     }
+    if (this.filterDefaultToDelete) {
+      this.deletePersonalizedFilter(this.filterDefaultToDelete, this.configName, true);
+      this._defaultFilter = undefined;
+      this.filterDefaultToDelete = undefined;
+    }
   }
   isValidCustomFilter(filterPersonalized) {
     const isValid = PersonalizedFilterUtils.validateVariableValues(filterPersonalized);
@@ -223,6 +235,41 @@ export class SnkFilterModal {
     const lines = this.mountFiltersLines(listItems);
     return (h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: true, label: label }, !!appliedFilters && (h("ez-badge", { class: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (h("div", { class: "ez-flex ez-flex--justify-end grow" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
   }
+  handleDeleteFilter() {
+    this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.info.deleteDefaultFilterConfirm'), "alert-circle-inverted", "critical").then((actionConfirmed) => {
+      if (!actionConfirmed) {
+        return;
+      }
+      this.filterDefaultToDelete = this._defaultFilter;
+      this.filters = this.filters.filter(filter => filter.id !== FilterType.DEFAULT_FILTER);
+    });
+  }
+  handleActionSelectedDefaultFilter({ detail: action }) {
+    switch (action) {
+      case ActionDefaultFilter.CREATE:
+        this.addPersonalizedFilter(true);
+        break;
+      case ActionDefaultFilter.EDIT:
+        this.editPersonalizedFilter(this._defaultFilter.id, true);
+        break;
+      case ActionDefaultFilter.REMOVE:
+        this.handleDeleteFilter();
+        break;
+      default:
+        break;
+    }
+  }
+  getCustomFilter(filters) {
+    const customFilters = filters.filter((filter) => filter.filterType === FilterType.CUSTOM_FILTER);
+    return customFilters;
+  }
+  getDefaultFilter(filters) {
+    const defaultFilter = filters.find((item) => item.id === DefaultFilter.id);
+    return defaultFilter;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
+  }
   componentWillRender() {
     this._modalTitle = this.getCustomMessage('title');
     this._okButtonLabel = this.getCustomMessage('okButtonLabel');
@@ -233,10 +280,11 @@ export class SnkFilterModal {
       this._originalFilterConfig = this.filters;
   }
   render() {
-    const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    this._defaultFilter = this.getDefaultFilter(this.filters);
+    const customFilters = this.getCustomFilter(this.filters);
     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.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)))));
+    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" }, h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !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() {
@@ -348,8 +396,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "() => void",
-          "resolved": "() => void",
+          "original": "(isDefault?: boolean) => void",
+          "resolved": "(isDefault?: boolean) => void",
           "references": {}
         },
         "required": false,
@@ -363,8 +411,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(id:string) => void",
-          "resolved": "(id: string) => void",
+          "original": "(id:string, isDefault?: boolean) => void",
+          "resolved": "(id: string, isDefault?: boolean) => void",
           "references": {}
         },
         "required": false,
@@ -378,8 +426,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(filter: IPersonalizedFilter, configName: string) => void",
-          "resolved": "(filter: IPersonalizedFilter, configName: string) => void",
+          "original": "(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void",
+          "resolved": "(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void",
           "references": {
             "IPersonalizedFilter": {
               "location": "import",
@@ -396,7 +444,7 @@ export class SnkFilterModal {
       },
       "filtersToDelete": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "IPersonalizedFilter[]",
           "resolved": "IPersonalizedFilter[]",
@@ -415,6 +463,26 @@ export class SnkFilterModal {
         },
         "defaultValue": "[]"
       },
+      "filterDefaultToDelete": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkFilterItemConfig",
+          "resolved": "SnkFilterItemConfig",
+          "references": {
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "../filter-item/snk-filter-item"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Guarda o filtro a ser deletado no Apply do modal"
+        }
+      },
       "disablePersonalizedFilter": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter.css

@@ -0,0 +1,34 @@
+:host {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.default_container {
+  border: none;
+  background: none;
+  display: flex;
+  align-items: center;
+  gap: var(--space--3xs, 4px);
+  font-family: var(--font-pattern);
+  color: var(--title--primary, #2b3a54);
+  font-size: var(--text--medium, 14px);
+  padding: 0;
+  outline: none;
+}
+
+.default_container ez-icon {
+  cursor: pointer;
+}
+
+.default_container ez-icon:hover {
+  color: var(--color--primary-600);
+}
+
+.new_filter {
+  cursor: pointer;
+  margin: 0 var(--space--3xs, 4px);
+}
+
+.new_filter:hover {
+  color: var(--color--primary-600);
+}

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

@@ -0,0 +1,142 @@
+import { h, Host } from '@stencil/core';
+import { ActionDefaultFilter } from '../../../types/default-filters';
+export class SnkDefaultFilter {
+  constructor() {
+    this.OFFSET_HEIGHT = 5;
+    this.getMessage = undefined;
+    this.hasDefaultFilter = false;
+    this._opened = false;
+  }
+  repositionDropDown() {
+    if (!this._refIcon || !this._refDropdown) {
+      return;
+    }
+    const boundingIcon = this._refIcon.getBoundingClientRect();
+    const boundingDropDown = this._refDropdown.getBoundingClientRect();
+    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
+    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
+  }
+  toggleDropdown() {
+    this._opened = !this._opened;
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (!target) {
+      return;
+    }
+    if (!target.closest("#dropdown-parent-demo")) {
+      this._opened = false;
+    }
+  }
+  buildItems() {
+    return ([
+      {
+        id: ActionDefaultFilter.EDIT,
+        label: this.getMessage('defaultFilter.edit'),
+      },
+      {
+        id: ActionDefaultFilter.REMOVE,
+        label: this.getMessage('defaultFilter.remove'),
+      },
+    ]);
+  }
+  onValueSelected({ detail: item }) {
+    this._opened = false;
+    this.actionSelected.emit(item.id);
+  }
+  openCreateNewFilter() {
+    this.actionSelected.emit(ActionDefaultFilter.CREATE);
+  }
+  componentDidRender() {
+    this.repositionDropDown();
+  }
+  componentWillLoad() {
+    this._items = this.buildItems();
+    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
+    document.addEventListener("scroll", this.repositionDropDown.bind(this));
+  }
+  render() {
+    if (!this.hasDefaultFilter) {
+      return (h(Host, null, h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, h("span", null, this.getMessage('defaultFilter.create')))));
+    }
+    return (h(Host, null, h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, h("span", null, this.getMessage('defaultFilter.title')), h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
+      h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
+  }
+  static get is() { return "snk-default-filter"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-default-filter.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-default-filter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "getMessage": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(key: string, props?: any) => string",
+          "resolved": "(key: string, props?: any) => string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
+        }
+      },
+      "hasDefaultFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Informa se j\u00E1 existe um filtro padr\u00E3o criado."
+        },
+        "attribute": "has-default-filter",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_opened": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionSelected",
+        "name": "actionSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ActionDefaultFilter",
+          "resolved": "ActionDefaultFilter.CREATE | ActionDefaultFilter.EDIT | ActionDefaultFilter.REMOVE",
+          "references": {
+            "ActionDefaultFilter": {
+              "location": "import",
+              "path": "../../../types/default-filters"
+            }
+          }
+        }
+      }];
+  }
+}

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

@@ -13,6 +13,7 @@ export class SnkFilterBar {
     this._configUpdated = false;
     this._firstLoad = true;
     this._pendingVariables = false;
+    this._isDefaultFilter = false;
     this._customfiltersToBeUpdated = [];
     this._resolveLoading = undefined;
     this._calculateSortIndex = (item) => {
@@ -246,10 +247,10 @@ export class SnkFilterBar {
     }
     return this.filterActiveFilter(item) && (item.groupedItems || item.value != undefined);
   }
-  registryFilterProvider() {
+  async registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);
     if (this.filterConfig) {
-      this.doLoadData();
+      await this.doLoadData();
     }
   }
   itemFocused(selectedItem) {
@@ -338,7 +339,7 @@ export class SnkFilterBar {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
   addFilterBarLegacyConfigName() {
-    if (this.filterBarLegacyConfigName && this.configName) {
+    if (this.filterBarLegacyConfigName) {
       ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
     }
   }
@@ -361,7 +362,7 @@ export class SnkFilterBar {
       throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), e);
     }
   }
-  attachDataUnit() {
+  async attachDataUnit() {
     if (this.dataUnit == undefined) {
       let parent = this._element.parentElement;
       while (parent) {
@@ -369,12 +370,12 @@ export class SnkFilterBar {
           const snkDataUnit = parent;
           this.dataUnit = snkDataUnit.dataUnit;
           if (this.dataUnit) {
-            this.registryFilterProvider();
+            await this.registryFilterProvider();
           }
           else {
-            snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            snkDataUnit.addEventListener("dataUnitReady", async (evt) => {
               this.dataUnit = evt.detail;
-              this.registryFilterProvider();
+              await this.registryFilterProvider();
             });
           }
           break;
@@ -383,7 +384,7 @@ export class SnkFilterBar {
       parent = parent.parentElement;
     }
     else {
-      this.registryFilterProvider();
+      await this.registryFilterProvider();
     }
   }
   /**
@@ -411,27 +412,34 @@ export class SnkFilterBar {
       onComplete: callbackOnApplyFilter,
       disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
-      onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
-      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
-      onDeletePersonalizedFilter: (filter, configName) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName),
+      onAddPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault),
+      onEditPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault),
+      onDeletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault),
     };
     this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
     await this._filterModalFactory.showModal();
   }
-  addPersonalizedFilter() {
+  addPersonalizedFilter(isDefault = false) {
     this._filterModalFactory.closeModal();
+    this._isDefaultFilter = isDefault;
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = true;
     window.requestAnimationFrame(() => {
       this._elPersonalizedFilter.createPersonalizedFilter();
     });
   }
-  editPersonalizedFilter(id) {
+  editPersonalizedFilter(id, isDefault = false) {
     this._filterModalFactory.closeModal();
+    this._isDefaultFilter = isDefault;
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
   }
-  deletePersonalizedFilter(filter, filterItemType, configName) {
+  deletePersonalizedFilter(filter, filterItemType, configName, isDefault = false) {
+    if (isDefault) {
+      ConfigStorage.removeDefaultFilter(filter, this.resourceID, configName);
+      this._isDefaultFilter = false;
+      return;
+    }
     if (filterItemType === FilterItemType.PERSONALIZED) {
       ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
     }
@@ -449,6 +457,7 @@ export class SnkFilterBar {
   hidePersonalizedFilter() {
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = false;
+    this._isDefaultFilter = false;
   }
   async componentWillLoad() {
     var _a;
@@ -479,7 +488,7 @@ export class SnkFilterBar {
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
+      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, isDefaultFilter: this._isDefaultFilter, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
     if (this.mode !== "regular") {
       return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));

package/dist/collection/components/snk-filter-bar/types/default-filters.js

@@ -0,0 +1,6 @@
+export var ActionDefaultFilter;
+(function (ActionDefaultFilter) {
+  ActionDefaultFilter["EDIT"] = "edit";
+  ActionDefaultFilter["REMOVE"] = "remove";
+  ActionDefaultFilter["CREATE"] = "create";
+})(ActionDefaultFilter || (ActionDefaultFilter = {}));

package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js

@@ -3,5 +3,6 @@ export var FilterType;
   FilterType["QUICK_FILTER"] = "QUICK_FILTER";
   FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
   FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+  FilterType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
 })(FilterType || (FilterType = {}));
 export default FilterType;