@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.2

package/dist/sankhyablocks/snk-filter-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-2b4d2d14.js';
-import { F as FloatingManager } from './index-f1d3e4da.js';
-import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
+import { F as FloatingManager } from './index-c683b2b0.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterItem = class {
   constructor(hostRef) {
@@ -22,16 +22,20 @@ const SnkFilterItem = class {
         } while ((current = current.offsetParent) != null);
       }
       this.detailIsVisible = false;
+      this.executeCloseCallback();
       return false;
     };
   }
   async showUp(open = false) {
-    this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
-    if (open) {
-      window.requestAnimationFrame(() => {
-        this.showDetail();
-      });
-    }
+    return new Promise(resolve => {
+      this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
+      if (open) {
+        window.requestAnimationFrame(() => {
+          this._closeCallback = resolve;
+          this.showDetail();
+        });
+      }
+    });
   }
   showDetail() {
     this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, { autoClose: true, innerClickTest: this.innerClickCheck, left: this.getScrollOffset() });
@@ -46,6 +50,13 @@ const SnkFilterItem = class {
     }
     this._floatingID = undefined;
     this.detailIsVisible = false;
+    this.executeCloseCallback();
+  }
+  executeCloseCallback() {
+    if (this._closeCallback) {
+      this._closeCallback();
+      this._closeCallback = undefined;
+    }
   }
   //---------------------------------------------
   // Event handlers
@@ -120,6 +131,9 @@ const SnkFilterItem = class {
       if (type === FilterItemType.SEARCH) {
         return `${label}: ${value.value} - ${value.label}`;
       }
+      if (type === FilterItemType.PERSONALIZED) {
+        return label;
+      }
       return `${label}: ${value}`;
     }
     return label;
@@ -134,15 +148,24 @@ const SnkFilterItem = class {
   filterChangeListener() {
     this.hideDetail();
   }
-  getIconName() {
+  getRightIconName() {
     if (this.config.value != undefined) {
       return "close";
     }
     return this.detailIsVisible ? "chevron-up" : "chevron-down";
   }
+  getLeftIconName() {
+    switch (this.config.type) {
+      case FilterItemType.PERIOD:
+        return "calendar";
+      case FilterItemType.PERSONALIZED:
+        return "tune";
+    }
+    return undefined;
+  }
   render() {
-    const leftIcon = this.config.type === FilterItemType.PERIOD ? "calendar" : undefined;
-    return (h(Host, null, h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, 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.getIconName(), class: "ez-padding-left--small", slot: "rightIcon" })), 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", ref: elem => this._popover = elem, key: this.config.id }))));
+    const leftIcon = this.getLeftIconName();
+    return (h(Host, null, h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, 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" })), 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", ref: elem => this._popover = elem, key: this.config.id }))));
   }
   get _filterItemElement() { return getElement(this); }
 };

package/dist/sankhyablocks/snk-filter-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-2b4d2d14.js';
-import { F as FloatingManager, g as ArrayUtils } from './index-f1d3e4da.js';
+import { F as FloatingManager, h as ArrayUtils } from './index-c683b2b0.js';
 
 const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
 const MAX_FILTERS = 5;

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, h } from './index-2b4d2d14.js';
+import { a as ModalButtonStatus } from './index-c71285cb.js';
+import { h as ArrayUtils } from './index-c683b2b0.js';
+
+const SnkFilterModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  updateValue(id, value) {
+    this.items = this.items.map(item => {
+      if (item.id === id) {
+        return Object.assign(Object.assign({}, item), { active: value });
+      }
+      return item;
+    });
+  }
+  getActiveFiltersMsg() {
+    const activeFilters = this.items.filter(item => item.active).length;
+    if (activeFilters === 0) {
+      return this.getMessage("snkFilterBar.noActiveFilters");
+    }
+    return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
+  }
+  getFilteredItems() {
+    return this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items) : [];
+  }
+  render() {
+    const allowCancel = this.items.filter(item => item.active).length > 0;
+    return (h("ez-modal-container", { modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.processModalAction(evt.detail), cancelButtonStatus: allowCancel ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED }, h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, h("div", null, this.useSearch ? h("ez-filter-input", { label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail }) : undefined), this.getFilteredItems().length > 0 ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, h("div", null, this.getFilteredItems().map(item => h("div", { class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: "switch" }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)))), h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
+  }
+};
+
+export { SnkFilterModal as snk_filter_modal };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-2b4d2d14.js';
-import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterMultiSelect = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-2b4d2d14.js';
-import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-2b4d2d14.js';
-import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {

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

@@ -0,0 +1,85 @@
+import { r as registerInstance, h, f as Host } from './index-2b4d2d14.js';
+import { U as UserInterface, c as convertType, A as ApplicationContext } from './index-c683b2b0.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
+
+const SnkFilterPersonalized = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  getValue(param, index) {
+    if (this.value && index >= 0 && index < this.value.length) {
+      const rawValue = this.value[index];
+      if (param.type === UserInterface.SEARCH) {
+        return rawValue;
+      }
+      return convertType(param.dataType, rawValue);
+    }
+    return undefined;
+  }
+  setValue(index, value) {
+    if (this.value == undefined) {
+      this.value = Array(index).fill(null);
+    }
+    else {
+      this.value = [...this.value];
+    }
+    this.value[index] = value;
+    if (this.value.filter(item => item != undefined).length == 0) {
+      this.value = null;
+    }
+  }
+  doSearch(mode, argument, param) {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this.fix) {
+      this.fix();
+    }
+    return new Promise((resolve, reject) => {
+      application.executePreparedSearch(mode, argument, param.searchContext)
+        .then(result => {
+        resolve(result);
+        if (this.unfix) {
+          this.unfix();
+        }
+      }).catch(reason => {
+        reject(reason);
+        if (this.unfix) {
+          this.unfix();
+        }
+      });
+    });
+  }
+  getParamsInterface() {
+    var _a, _b, _c;
+    const params = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.personalizedFilter) === null || _c === void 0 ? void 0 : _c.parameters;
+    return params.map((param, index) => {
+      var _a;
+      switch (param.type) {
+        case UserInterface.SEARCH:
+          return h("ez-search", { suppressEmptyOption: true, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+        case UserInterface.SWITCH:
+        case UserInterface.CHECKBOX:
+          const mode = UserInterface.SWITCH === param.type ? "switch" : "regular";
+          return h("ez-check", { class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index), label: param.label, onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.DECIMALNUMBER:
+        case UserInterface.INTEGERNUMBER:
+          return h("ez-number-input", { label: param.label, value: this.getValue(param, index), precision: (_a = param.props) === null || _a === void 0 ? void 0 : _a.precision, onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.OPTIONSELECTOR:
+          return h("ez-combo-box", { label: param.label, value: this.getValue(param, index), options: param.options, onEzChange: evt => { var _a; return this.setValue(index, (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); } });
+        case UserInterface.DATE:
+          return h("ez-date-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.DATETIME:
+          return h("ez-date-time-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+        default:
+          return h("ez-text-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+      }
+    });
+  }
+  render() {
+    if (!this.config || this.config.type !== FilterItemType.PERSONALIZED) {
+      return undefined;
+    }
+    return (h(Host, null, this.getParamsInterface()));
+  }
+};
+
+export { SnkFilterPersonalized as snk_filter_personalized };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-2b4d2d14.js';
-import { A as ApplicationContext } from './index-f1d3e4da.js';
-import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
+import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterSearch = class {
   constructor(hostRef) {

package/dist/sankhyablocks/snk-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-2b4d2d14.js';
-import { A as ApplicationContext } from './index-f1d3e4da.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
 import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';
 
 const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-2b4d2d14.js';
-import { A as ApplicationContext } from './index-f1d3e4da.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
 import { T as TaskbarElement } from './taskbar-elements-35d64ff9.js';
 import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';
 

package/dist/sankhyablocks/snk-pesquisa.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, f as Host } from './index-2b4d2d14.js';
-import { O as ObjectUtils, S as StringUtils } from './index-f1d3e4da.js';
+import { O as ObjectUtils, S as StringUtils } from './index-c683b2b0.js';
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-pesquisa__content-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color-primary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, f as Host } from './index-2b4d2d14.js';
-import { A as ApplicationContext } from './index-f1d3e4da.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
 import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-35d64ff9.js';
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";

package/dist/sankhyablocks/teste-pesquisa.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-2b4d2d14.js';
-import { D as DataUnit, b as DataType, U as UserInterface } from './index-f1d3e4da.js';
+import { D as DataUnit, b as DataType, U as UserInterface } from './index-c683b2b0.js';
 
 const testePesquisaCss = ":host{display:block}";
 

package/dist/types/components/snk-application/snk-application.d.ts

@@ -29,6 +29,7 @@ export declare class SnkApplication {
   _filterBarConfigFetcher: FilterBarConfigFetcher;
   _resourceID: string;
   _popUp: HTMLEzPopupElement;
+  _rightModal: HTMLEzModalElement;
   _errorHandler: SnkErrorHandler;
   _authPromises: Array<PendingPromise>;
   _filterConfigPromise: Promise<Array<SnkFilterItemConfig>>;
@@ -85,6 +86,8 @@ export declare class SnkApplication {
    * Mostra o conteúdo passado em um Popup
    */
   showPopUp(content: HTMLElement): Promise<void>;
+  showModal(content: HTMLElement): Promise<void>;
+  closeModal(): Promise<void>;
   /**
    * Fecha o popup, liberando o conteúdo.
    */
@@ -192,7 +195,7 @@ export declare class SnkApplication {
   executeSearch(searchArgument: any, fieldName: string, dataUnit: DataUnit): Promise<Array<Option> | Option>;
   executePreparedSearch(mode: string, argument: string, options: any): Promise<Array<Option> | Option>;
   isDebugMode(): Promise<boolean>;
-  private clearPopUpContent;
+  private clearContent;
   private clearPopUpTitle;
   private setPopUpTitle;
   componentWillLoad(): void;

package/dist/types/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.d.ts

@@ -0,0 +1,4 @@
+import { Filter } from "@sankhyalabs/core";
+import { SnkFilterItemConfig } from "../snk-filter-item";
+declare const buildFilter: (item: SnkFilterItemConfig) => Filter;
+export default buildFilter;

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.d.ts

@@ -0,0 +1,23 @@
+import { DataType, UserInterface } from '@sankhyalabs/core';
+import { Option } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterPersonalized {
+  config: SnkFilterItemConfig;
+  value: Array<Option | boolean | string | number | Date>;
+  fix: () => void;
+  unfix: () => void;
+  getValue(param: FilterParameter, index: number): Option | boolean | string | number | Date;
+  setValue(index: number, value: Option | boolean | string | number | Date): void;
+  doSearch(mode: string, argument: string, param: FilterParameter): Promise<Array<Option> | Option>;
+  getParamsInterface(): any[];
+  render(): any;
+}
+export interface FilterParameter {
+  label: string;
+  name: string;
+  type: UserInterface;
+  dataType: DataType;
+  options?: Array<Option>;
+  searchContext?: any;
+  props?: any;
+}

package/dist/types/components/snk-filter-bar/filter-item/filter-item-type.enum.d.ts

@@ -4,6 +4,8 @@ declare enum FilterItemType {
   PERIOD = "PERIOD",
   SEARCH = "SEARCH",
   TEXT = "TEXT",
-  NUMBER = "NUMBER"
+  NUMBER = "NUMBER",
+  DEFAULT_FILTER = "DEFAULT_FILTER",
+  PERSONALIZED = "PERSONALIZED"
 }
 export default FilterItemType;

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts

@@ -10,5 +10,7 @@ export declare class SnkFilterDetail {
   getContentEditor(): string;
   removeItem(): void;
   getPopUpHeaderButtons(): any[];
+  apply(): void;
+  clear(): void;
   render(): any;
 }

package/dist/types/components/snk-filter-bar/filter-modal/snk-filter-modal.d.ts

@@ -0,0 +1,23 @@
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
+export declare class SnkFilterModal {
+  getMessage: (key: string, props?: any) => string;
+  items: Array<ModalItem>;
+  _filterArgument: string;
+  modalTitle: string;
+  modalSubTitle: string;
+  cancelButtonLabel: string;
+  okButtonLabel: string;
+  infoText: string;
+  useSearch: boolean;
+  processModalAction: (action: ModalAction) => void;
+  updateValue(id: string, value: boolean): void;
+  getActiveFiltersMsg(): string;
+  getFilteredItems(): any[];
+  render(): any;
+}
+export interface ModalItem {
+  id: string;
+  label: string;
+  enabled: boolean;
+  active: boolean;
+}

package/dist/types/components.d.ts

@@ -18,6 +18,8 @@ import { Action, TaskbarManager } from "./components/snk-taskbar/snk-taskbar";
 import { DataState } from "./components/snk-data-unit/snk-data-unit";
 import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
 import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
+import { ModalItem } from "./components/snk-filter-bar/filter-modal/snk-filter-modal";
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
 import { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
@@ -25,6 +27,7 @@ export namespace Components {
           * Mostra o diálogo de alerta de acordo com os parâmetros passados.
          */
         "alert": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        "closeModal": () => Promise<void>;
         /**
           * Fecha o popup, liberando o conteúdo.
          */
@@ -140,6 +143,7 @@ export namespace Components {
           * Salva a configuração de grade.
          */
         "saveGridConfig": (config: IGridConfig) => Promise<boolean>;
+        "showModal": (content: HTMLElement) => Promise<void>;
         /**
           * Mostra o conteúdo passado em um Popup
          */
@@ -180,10 +184,6 @@ export namespace Components {
           * Executado após a ação de salvar
          */
         "afterSave": (dataUnit: DataUnit) => void;
-        /**
-          * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
-         */
-        "autoLoad": boolean;
         /**
           * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
          */
@@ -251,6 +251,17 @@ export namespace Components {
         "items": Array<ListItem>;
         "label": string;
     }
+    interface SnkFilterModal {
+        "cancelButtonLabel": string;
+        "getMessage": (key: string, props?: any) => string;
+        "infoText": string;
+        "items": Array<ModalItem>;
+        "modalSubTitle": string;
+        "modalTitle": string;
+        "okButtonLabel": string;
+        "processModalAction": (action: ModalAction) => void;
+        "useSearch": boolean;
+    }
     interface SnkFilterMultiSelect {
         "config": SnkFilterItemConfig;
         "value": any;
@@ -263,6 +274,12 @@ export namespace Components {
         "config": SnkFilterItemConfig;
         "value": any;
     }
+    interface SnkFilterPersonalized {
+        "config": SnkFilterItemConfig;
+        "fix": ()=>void;
+        "unfix": ()=>void;
+        "value": Array<Option|boolean|string|number|Date>;
+    }
     interface SnkFilterSearch {
         "config": SnkFilterItemConfig;
         "fix": ()=>void;
@@ -428,6 +445,12 @@ declare global {
         prototype: HTMLSnkFilterListElement;
         new (): HTMLSnkFilterListElement;
     };
+    interface HTMLSnkFilterModalElement extends Components.SnkFilterModal, HTMLStencilElement {
+    }
+    var HTMLSnkFilterModalElement: {
+        prototype: HTMLSnkFilterModalElement;
+        new (): HTMLSnkFilterModalElement;
+    };
     interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
     }
     var HTMLSnkFilterMultiSelectElement: {
@@ -446,6 +469,12 @@ declare global {
         prototype: HTMLSnkFilterPeriodElement;
         new (): HTMLSnkFilterPeriodElement;
     };
+    interface HTMLSnkFilterPersonalizedElement extends Components.SnkFilterPersonalized, HTMLStencilElement {
+    }
+    var HTMLSnkFilterPersonalizedElement: {
+        prototype: HTMLSnkFilterPersonalizedElement;
+        new (): HTMLSnkFilterPersonalizedElement;
+    };
     interface HTMLSnkFilterSearchElement extends Components.SnkFilterSearch, HTMLStencilElement {
     }
     var HTMLSnkFilterSearchElement: {
@@ -497,9 +526,11 @@ declare global {
         "snk-filter-detail": HTMLSnkFilterDetailElement;
         "snk-filter-item": HTMLSnkFilterItemElement;
         "snk-filter-list": HTMLSnkFilterListElement;
+        "snk-filter-modal": HTMLSnkFilterModalElement;
         "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
         "snk-filter-number": HTMLSnkFilterNumberElement;
         "snk-filter-period": HTMLSnkFilterPeriodElement;
+        "snk-filter-personalized": HTMLSnkFilterPersonalizedElement;
         "snk-filter-search": HTMLSnkFilterSearchElement;
         "snk-filter-text": HTMLSnkFilterTextElement;
         "snk-form": HTMLSnkFormElement;
@@ -559,10 +590,6 @@ declare namespace LocalJSX {
           * Executado após a ação de salvar
          */
         "afterSave"?: (dataUnit: DataUnit) => void;
-        /**
-          * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
-         */
-        "autoLoad"?: boolean;
         /**
           * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
          */
@@ -643,6 +670,17 @@ declare namespace LocalJSX {
         "label"?: string;
         "onSnkItemSelected"?: (event: SnkFilterListCustomEvent<string>) => void;
     }
+    interface SnkFilterModal {
+        "cancelButtonLabel"?: string;
+        "getMessage"?: (key: string, props?: any) => string;
+        "infoText"?: string;
+        "items"?: Array<ModalItem>;
+        "modalSubTitle"?: string;
+        "modalTitle"?: string;
+        "okButtonLabel"?: string;
+        "processModalAction"?: (action: ModalAction) => void;
+        "useSearch"?: boolean;
+    }
     interface SnkFilterMultiSelect {
         "config"?: SnkFilterItemConfig;
         "value"?: any;
@@ -655,6 +693,12 @@ declare namespace LocalJSX {
         "config"?: SnkFilterItemConfig;
         "value"?: any;
     }
+    interface SnkFilterPersonalized {
+        "config"?: SnkFilterItemConfig;
+        "fix"?: ()=>void;
+        "unfix"?: ()=>void;
+        "value"?: Array<Option|boolean|string|number|Date>;
+    }
     interface SnkFilterSearch {
         "config"?: SnkFilterItemConfig;
         "fix"?: ()=>void;
@@ -763,9 +807,11 @@ declare namespace LocalJSX {
         "snk-filter-detail": SnkFilterDetail;
         "snk-filter-item": SnkFilterItem;
         "snk-filter-list": SnkFilterList;
+        "snk-filter-modal": SnkFilterModal;
         "snk-filter-multi-select": SnkFilterMultiSelect;
         "snk-filter-number": SnkFilterNumber;
         "snk-filter-period": SnkFilterPeriod;
+        "snk-filter-personalized": SnkFilterPersonalized;
         "snk-filter-search": SnkFilterSearch;
         "snk-filter-text": SnkFilterText;
         "snk-form": SnkForm;
@@ -787,9 +833,11 @@ declare module "@stencil/core" {
             "snk-filter-detail": LocalJSX.SnkFilterDetail & JSXBase.HTMLAttributes<HTMLSnkFilterDetailElement>;
             "snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
             "snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
+            "snk-filter-modal": LocalJSX.SnkFilterModal & JSXBase.HTMLAttributes<HTMLSnkFilterModalElement>;
             "snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
             "snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
             "snk-filter-period": LocalJSX.SnkFilterPeriod & JSXBase.HTMLAttributes<HTMLSnkFilterPeriodElement>;
+            "snk-filter-personalized": LocalJSX.SnkFilterPersonalized & JSXBase.HTMLAttributes<HTMLSnkFilterPersonalizedElement>;
             "snk-filter-search": LocalJSX.SnkFilterSearch & JSXBase.HTMLAttributes<HTMLSnkFilterSearchElement>;
             "snk-filter-text": LocalJSX.SnkFilterText & JSXBase.HTMLAttributes<HTMLSnkFilterTextElement>;
             "snk-form": LocalJSX.SnkForm & JSXBase.HTMLAttributes<HTMLSnkFormElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/sankhyablocks",
-  "version": "1.4.0-beta.1",
+  "version": "1.4.0-beta.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,8 +36,8 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.18.2",
-    "@sankhyalabs/core": "1.0.71-beta.9",
-    "@sankhyalabs/ezui": "^1.2.0-beta.6",
+    "@sankhyalabs/core": "1.0.71-beta.10",
+    "@sankhyalabs/ezui": "1.2.0-beta.15",
     "@sankhyalabs/skippeerdeps": "^1.0.2",
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/gitlab": "^6.1.0",

package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts

@@ -1,51 +0,0 @@
-import { DataUnit } from '@sankhyalabs/core';
-import { SnkApplication } from '../snk-application/snk-application';
-import { SnkFilterItemConfig } from './filter-item/snk-filter-item';
-import { FilterProvider, Filter } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { ListItem } from './filter-list/snk-filter-list';
-export declare class SnkFilterBar implements FilterProvider {
-  _element: HTMLElement;
-  _application: SnkApplication;
-  _updateSequence: Array<string>;
-  _calculateSortIndex: (item: SnkFilterItemConfig) => number;
-  _filtersComparator: (a: SnkFilterItemConfig, b: SnkFilterItemConfig) => number;
-  /**
-   * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência
-   * do SnkDataUnit. Necessário para se registrar como provedor de filtros.
-   */
-  dataUnit: DataUnit;
-  /**
-   * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade
-   * serve para separar a configuração de cada uma.
-   */
-  configName: string;
-  /**
-   * Lista de todos os filtros disponíveis ao usuário.
-   */
-  filterConfig: Array<SnkFilterItemConfig>;
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
-   */
-  private getMessage;
-  getFilter(_dataUnit: string): Array<Filter>;
-  buildDUFilter(item: SnkFilterItemConfig): {
-    name: string;
-    expression: any;
-    params: any[];
-  };
-  componentWillLoad(): void;
-  getFilterItems(): Array<HTMLElement>;
-  calculateUpdateSequence(item: SnkFilterItemConfig): void;
-  filterChangeListener(evt: CustomEvent): void;
-  normalizeItem(item: SnkFilterItemConfig): SnkFilterItemConfig;
-  updateFilter(newItem: SnkFilterItemConfig, clear?: boolean): boolean;
-  getAddListItems(): Array<ListItem>;
-  getActiveClass(): "" | "sc-snk-filter-bar snk-filter-bar__filter-list-items-button--active";
-  getAppliedListItems(): Array<ListItem>;
-  addFilterHandler(itemName: string): void;
-  appliedFilterHandler(itemName: string): void;
-  render(): any;
-}