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

package/dist/components/snk-filter-assistent-mode2.js

@@ -17,6 +17,7 @@ const SnkFilterAssistentMode = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.filterId = undefined;
     this.entityUri = undefined;
     this.application = undefined;
+    this.isDefaultFilter = false;
   }
   getMessage(key, params) {
     return this.application.messagesBuilder.getMessage(key, params);
@@ -30,7 +31,7 @@ const SnkFilterAssistentMode = /*@__PURE__*/ proxyCustomElement(class extends HT
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri })), h("div", { class: "ez-margin-top--auto" }, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container--external" }, h("div", { class: "ez-box__container--internal" }, h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
+    return (h(Host, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri, isDefaultFilter: this.isDefaultFilter })), h("div", { class: "ez-margin-top--auto" }, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container--external" }, h("div", { class: "ez-box__container--internal" }, h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
   }
   static get style() { return snkFilterAssistentModeCss; }
 }, [2, "snk-filter-assistent-mode", {
@@ -38,7 +39,8 @@ const SnkFilterAssistentMode = /*@__PURE__*/ proxyCustomElement(class extends HT
     "messagesBuilder": [1040],
     "filterId": [1025, "filter-id"],
     "entityUri": [1025, "entity-uri"],
-    "application": [1040]
+    "application": [1040],
+    "isDefaultFilter": [4, "is-default-filter"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-filter-bar2.js

@@ -232,16 +232,16 @@ class SnkFilterModalFactory {
     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);
+    filterModal.addPersonalizedFilter = (isDefault) => this._addPersonalizedFilterFn(isDefault);
+    filterModal.editPersonalizedFilter = (id, isDefault) => this._editPersonalizedFilterFn(id, isDefault);
+    filterModal.deletePersonalizedFilter = (filter, configName, isDefault) => this._onDeletePersonalizedFilter(filter, configName, isDefault);
     return filterModal;
   }
   async showModal() {
     const filterModal = this.buildFilterModal();
     const modalProps = {
       content: filterModal,
-      position: 'left',
+      position: 'right',
       heightMode: 'full',
       closeOutsideClick: false,
       useScrimLight: true
@@ -265,6 +265,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._configUpdated = false;
     this._firstLoad = true;
     this._pendingVariables = false;
+    this._isDefaultFilter = false;
     this._customfiltersToBeUpdated = [];
     this._resolveLoading = undefined;
     this._calculateSortIndex = (item) => {
@@ -497,10 +498,10 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     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) {
@@ -589,7 +590,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
   addFilterBarLegacyConfigName() {
-    if (this.filterBarLegacyConfigName && this.configName) {
+    if (this.filterBarLegacyConfigName) {
       ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
     }
   }
@@ -612,7 +613,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), e);
     }
   }
-  attachDataUnit() {
+  async attachDataUnit() {
     if (this.dataUnit == undefined) {
       let parent = this._element.parentElement;
       while (parent) {
@@ -620,12 +621,12 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           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;
@@ -634,7 +635,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       parent = parent.parentElement;
     }
     else {
-      this.registryFilterProvider();
+      await this.registryFilterProvider();
     }
   }
   /**
@@ -662,27 +663,34 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       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);
     }
@@ -700,6 +708,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   hidePersonalizedFilter() {
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = false;
+    this._isDefaultFilter = false;
   }
   async componentWillLoad() {
     var _a;
@@ -730,7 +739,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       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/components/snk-filter-modal-item2.js

@@ -9,6 +9,7 @@ var FilterType;
   FilterType["QUICK_FILTER"] = "QUICK_FILTER";
   FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
   FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+  FilterType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
 })(FilterType || (FilterType = {}));
 const FilterType$1 = FilterType;
 

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

@@ -3,9 +3,10 @@ import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-mod
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterType, d as defineCustomElement$2 } from './snk-filter-modal-item2.js';
 import { F as FilterItemType } from './filter-item-type.enum.js';
-import { ObjectUtils } from '@sankhyalabs/core';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
+import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
+import { P as PersonalizedFilterUtils, D as DefaultFilter } from './PersonalizedFilterUtils.js';
 import { F as FilterNumberVariation } from './filterNumberVariation.js';
+import { A as ActionDefaultFilter, d as defineCustomElement$3 } from './snk-default-filter2.js';
 
 const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px}.snk-filter-modal__container{width:344px;max-width:344px;min-width:344px;overflow:hidden}.snk-filter-modal__content{display:flex;flex-direction:column;gap:var(--space--medium, 12px);padding-right:var(--space--3xs, 4px)}.snk-filter-modal__collapsible-box{border:var(--border--small, 1px solid) var(--color--strokes, #DCE0E8);border-radius:var(--border--radius-medium);padding:var(--space--medium, 12px) var(--space--small, 6px)}.snk-filter-modal__rendered-items{max-height:760px;overflow-x:hidden;overflow-y:auto}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
 
@@ -22,6 +23,7 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.filterDefaultToDelete = undefined;
     this.disablePersonalizedFilter = undefined;
   }
   /**
@@ -80,8 +82,12 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       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;
@@ -92,7 +98,7 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     });
   }
   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);
     }
@@ -102,6 +108,11 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       });
       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);
@@ -226,6 +237,39 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     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;
+    }
+  }
+  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');
@@ -236,10 +280,11 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       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 style() { return snkFilterModalCss; }
 }, [0, "snk-filter-modal", {
@@ -251,20 +296,26 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "addPersonalizedFilter": [16],
     "editPersonalizedFilter": [16],
     "deletePersonalizedFilter": [16],
-    "filtersToDelete": [16],
+    "filtersToDelete": [1040],
+    "filterDefaultToDelete": [1040],
     "disablePersonalizedFilter": [4, "disable-personalized-filter"]
   }, [[0, "deleteFilter", "deletePersonalizedFilterListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-filter-modal", "snk-filter-modal-item"];
+  const components = ["snk-filter-modal", "snk-default-filter", "snk-filter-modal-item"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-filter-modal":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkFilterModal$1);
       }
       break;
+    case "snk-default-filter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
     case "snk-filter-modal-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();