@sankhyalabs/sankhyablocks 9.2.0-dev.17 → 9.2.0-dev.19

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const core = require('@sankhyalabs/core');
-const presentationMode = require('./presentationMode-52ec3bdd.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 require('./index-62760a9c.js');
 
 const SnkFilterDetail = class {
@@ -17,13 +17,30 @@ const SnkFilterDetail = class {
     this.config = undefined;
     this.getMessage = undefined;
     this.showHardFixed = true;
+    this.removalBlocked = false;
   }
   /**
-   * Exibe o componente snk-filter-detail.
+   * Define o foco no campo do editor.
    */
-  async show() {
-    var _a, _b;
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["show"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+  async setFocusField() {
+    var _a, _b, _c, _d;
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["setFocus"]) {
+      (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    else if (this._editor["focus"]) {
+      (_d = (_c = this._editor) === null || _c === void 0 ? void 0 : _c["focus"]) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }
+  async clearValue() {
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["clearValue"]) {
+      await this._editor["clearValue"]();
+    }
   }
   observeConfig(newValue) {
     var _a, _b;
@@ -95,7 +112,7 @@ const SnkFilterDetail = class {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (index.h(index.Fragment, null, !this.config.removalBlocked &&
+    return (index.h(index.Fragment, null, !this.removalBlocked && !this.config.removalBlocked &&
       this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
       this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
+const ConfigStorage = require('./ConfigStorage-52c38bb9.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-0ebc800f.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
-require('./form-config-fetcher-05d210e7.js');
-require('./DataFetcher-602cdc72.js');
+require('./form-config-fetcher-d7bb4f41.js');
+require('./DataFetcher-9af55840.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
@@ -25,12 +25,6 @@ const SnkFilterModalItem = class {
     this.configName = undefined;
     this.resourceID = undefined;
   }
-  observeFilterItem(newValue) {
-    var _a, _b;
-    this._editor && (this._editor["config"] = newValue);
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
-    this.filterChange.emit(newValue);
-  }
   getContentEditorConfig() {
     const props = { presentationMode: presentationMode.EPresentationMode.MODAL };
     switch (this.filterItem.type) {
@@ -65,6 +59,7 @@ const SnkFilterModalItem = class {
     return !this.filterItem.visible ? newValue !== undefined : true;
   }
   updateFilterValue(data) {
+    var _a, _b;
     const newValue = (data === null || data === void 0 ? void 0 : data.value) !== undefined ? data.value : data;
     if (this.filterItem.groupedItems != undefined) {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
@@ -72,6 +67,9 @@ const SnkFilterModalItem = class {
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (filterItemType_enum.FilterItemType.SEARCH || filterItemType_enum.FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
+    this._editor && (this._editor["config"] = this.filterItem);
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this.filterChange.emit(this.filterItem);
   }
   handleDeleteFilter(filter, filterItemType) {
     if (filterItemType === filterItemType_enum.FilterItemType.PERSONALIZED) {
@@ -101,12 +99,9 @@ const SnkFilterModalItem = class {
   }
   render() {
     const { tag: ContentEditor, props } = this.getContentEditorConfig();
-    return (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), index.h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
+    return (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin-bottom--extra-small", htmlFor: `filter-item-${this.filterItem.id}` }, this.filterItem.detailModal)), index.h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, id: `filter-item-${this.filterItem.id}`, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
   }
   get _element() { return index.getElement(this); }
-  static get watchers() { return {
-    "filterItem": ["observeFilterItem"]
-  }; }
 };
 SnkFilterModalItem.style = snkFilterModalItemCss;
 

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

@@ -12,21 +12,32 @@ const SnkFilterMultiSelect = class {
     this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.value = undefined;
     this.config = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-multi-select
    */
   ezChangeListener(evt) {
     var _a;
+    this.errorMessage = undefined;
     this.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value;
     this.valueChanged.emit(this.value);
   }
   /**
-   * Exibe o componente snk-filter-multi-select
+   * Define o foco no componente snk-filter-multi-select.
    */
-  async show() {
+  async setFocus() {
     this._comboElement.setFocus();
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._comboElement) {
+      this._comboElement.value = this.config.value;
+    }
+  }
   componentDidLoad() {
     if (this._element) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -36,7 +47,9 @@ const SnkFilterMultiSelect = class {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.MULTI_SELECT) {
       return undefined;
     }
-    return (index.h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options, enabled: this.config.enabled, errorMessage: this.errorMessage, onEzVisibilityChange: (event) => {
+        event.stopPropagation();
+      } })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
-const presentationMode = require('./presentationMode-52ec3bdd.js');
 const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {
@@ -19,11 +19,13 @@ const SnkFilterPeriod = class {
     this.getMessage = undefined;
     this.value = undefined;
     this.presentationMode = presentationMode.EPresentationMode.CHIP;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-number
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
@@ -44,6 +46,35 @@ const SnkFilterPeriod = class {
     }
     this._numberElement.setFocus();
   }
+  /**
+   * Define o foco no componente snk-filter-number
+   */
+  async setFocus() {
+    if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
+      await this._startInterval.setFocus();
+      return;
+    }
+    await this._numberElement.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    var _a, _b;
+    this.value = this.config.value;
+    if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
+      const intervalValue = this.config.value;
+      if (this._startInterval) {
+        this._startInterval.value = (_a = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.start) !== null && _a !== void 0 ? _a : null;
+      }
+      if (this._endInterval) {
+        this._endInterval.value = (_b = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.end) !== null && _b !== void 0 ? _b : null;
+      }
+    }
+    else if (this._numberElement) {
+      this._numberElement.value = this.config.value;
+    }
+  }
   getIntervalValue(prop) {
     const objValue = this.value ? this.value[prop] : null;
     return objValue !== null && objValue !== void 0 ? objValue : null;
@@ -75,9 +106,9 @@ const SnkFilterPeriod = class {
       return undefined;
     }
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
-      return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }), this.buildLabel(), index.h("ez-number-input", { id: `${this.config.id}_end`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision })));
+      return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), enabled: this.config.enabled, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision, errorMessage: this.errorMessage }), this.buildLabel(), index.h("ez-number-input", { id: `${this.config.id}_end`, label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), enabled: this.config.enabled, precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision, errorMessage: this.errorMessage }))));
     }
-    return (index.h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision }));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -14,37 +14,77 @@ const SnkFilterPeriod = class {
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
+    this.internalChange = {
+      start: false,
+      end: false
+    };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = undefined;
+    this.value = {
+      start: null,
+      end: null
+    };
     this.presentationMode = presentationMode.EPresentationMode.CHIP;
+    this.errorMessage = undefined;
+  }
+  configChanged(newValue, oldValue) {
+    if (this.internalChange.end) {
+      this.internalChange.end = false;
+      return;
+    }
+    if (this.internalChange.start) {
+      this.internalChange.start = false;
+      return;
+    }
+    if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
+      this.valueStart = this.parseDate(newValue.start);
+      this.valueEnd = this.parseDate(newValue.end);
+    }
+  }
+  ezChangeListener(event, field) {
+    this.errorMessage = undefined;
+    this.internalChange[field] = true;
+    this.value = Object.assign(Object.assign({}, (this.value || {})), { [field]: event.detail ? this.parseDate(event.detail) : null });
+    this.valueChanged.emit(this.value);
   }
   /**
-   * Emitido quando acontece a alteração de valor do componente snk-filter-period
+   * Define o foco no componente snk-filter-period.
    */
-  ezChangeListener() {
-    const start = this._startDate.value;
-    const end = this._endDate.value;
-    this.value = (start || end ? { start, end } : undefined);
-    this.valueChanged.emit(this.value);
+  async setFocus() {
+    this._startDate.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    this.valueStart = this.getDate("start");
+    this.valueEnd = this.getDate("end");
   }
   componentDidLoad() {
     if (this._element) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+      this._element.querySelectorAll('ez-date-input').forEach(input => {
+        const textInput = input.shadowRoot.querySelector('ez-text-input');
+        textInput.style.setProperty('--ez-text-input__min-width', '120px');
+      });
     }
   }
-  getDate(prop) {
-    const objValue = this.value ? this.value[prop] : null;
-    if (objValue instanceof Date) {
-      return objValue;
+  parseDate(date) {
+    if (date instanceof Date) {
+      return date;
     }
-    if (typeof objValue === "string") {
-      let date = new Date(objValue);
+    if (typeof date === "string") {
+      date = new Date(date);
       date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
       return date;
     }
     return null;
   }
+  getDate(prop) {
+    const objValue = this.value ? this.value[prop] : null;
+    return this.parseDate(objValue);
+  }
   /**
    * Exibe o componente snk-filter-period
    */
@@ -62,14 +102,19 @@ const SnkFilterPeriod = class {
       this._endDateLabel = this.getMessage('snkFilterBar.labelEnd');
       this._toLabel = this.getMessage('snkFilterBar.labelTo');
     }
+    this.valueStart = this.getDate("start");
+    this.valueEnd = this.getDate("end");
   }
   render() {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERIOD) {
       return undefined;
     }
-    return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, value: this.getDate("start") }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endDateLabel, ref: ref => this._endDate = ref, value: this.getDate("end") })));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'end') }))));
   }
   get _element() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["configChanged"]
+  }; }
 };
 
 exports.snk_filter_period = SnkFilterPeriod;

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

@@ -13,11 +13,13 @@ const SnkFilterSearch = class {
     this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
   async ezChangeListener(_evt) {
+    this.errorMessage = undefined;
     if (this._isSearchPlus) {
       this.value = await this._searchInput.getValueAsync();
     }
@@ -44,16 +46,25 @@ const SnkFilterSearch = class {
     });
   }
   /**
-   * Exibe o componente snk-filter-search
+   * Define o foco no componente snk-filter-search.
    */
-  async show() {
+  async setFocus() {
     this._searchInput.setFocus();
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._searchInput) {
+      this._searchInput.value = this.config.value;
+    }
+  }
   getInputItem() {
     var _a;
     this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
     const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
-    return (index.h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, enabled: this.config.enabled, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus), errorMessage: this.errorMessage })));
   }
   render() {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.SEARCH) {

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

@@ -11,14 +11,31 @@ const SnkFilterText = class {
     this.valueChanged = index.createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-text.
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     this.value = evt.detail;
     this.valueChanged.emit(this.value);
   }
+  /**
+   * Define o foco no componente snk-filter-text.
+   */
+  async setFocus() {
+    this._textInputElement.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._textInputElement) {
+      this._textInputElement.value = this.config.value;
+    }
+  }
   componentDidLoad() {
     if (this._element) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -29,7 +46,7 @@ const SnkFilterText = class {
     if (!this.config) {
       return undefined;
     }
-    return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-form_2.cjs.entry.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-4b651537.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-cef663d1.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const FormConfigHelper = require('./FormConfigHelper-ebb77625.js');
 const constants = require('./constants-6d82e405.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const formConfigFetcher = require('./form-config-fetcher-05d210e7.js');
-require('./ConfigStorage-0ebc800f.js');
-require('./DataFetcher-602cdc72.js');
+const formConfigFetcher = require('./form-config-fetcher-d7bb4f41.js');
+require('./ConfigStorage-52c38bb9.js');
+require('./DataFetcher-9af55840.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');

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

@@ -4,31 +4,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-const ConfigStorage = require('./ConfigStorage-0ebc800f.js');
-const index$1 = require('./index-e3e39724.js');
-const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const index$2 = require('./index-13d05f03.js');
-const ClientSideExporterProvider = require('./ClientSideExporterProvider-bb0b2273.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./DataFetcher-602cdc72.js');
-require('./ISave-18205d86.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+require('./DataFetcher-9af55840.js');
+require('./ISave-c4918000.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-58ded10c.js');
+const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-93077a2f.js');
+require('./dataunit-fetcher-ae454648.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-05d210e7.js');
+require('./form-config-fetcher-d7bb4f41.js');
 require('./constants-6d82e405.js');
+const ConfigStorage = require('./ConfigStorage-52c38bb9.js');
+const index$2 = require('./index-13d05f03.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
-require('./IFetchDataExporterParams-e78ec415.js');
+const filterValidate = require('./filter-validate-6993f6f2.js');
+const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
+const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./IFetchDataExporterParams-e78ec415.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 
-class ServerSideExporterProvider extends ClientSideExporterProvider.CommonsExporter {
+class ServerSideExporterProvider extends SnkMultiSelectionListDataSource.CommonsExporter {
   getFilters() {
     var _a;
     return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
@@ -117,6 +118,9 @@ const SnkGrid = class {
         if (action.type === core.Action.METADATA_LOADED) {
           return await this.interceptMetadataLoaded(action);
         }
+        if (action.type === core.Action.LOADING_DATA) {
+          return await this.interceptLoadData(action);
+        }
         return action;
       },
     };
@@ -126,7 +130,7 @@ const SnkGrid = class {
     this._popUpGridConfig = false;
     this._showSnkFilterBar = true;
     this._enableContinuousInsert = false;
-    this.columnFilterDataSource = new ClientSideExporterProvider.SnkMultiSelectionListDataSource();
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
@@ -161,6 +165,8 @@ const SnkGrid = class {
     this.suppressCheckboxColumn = undefined;
     this.suppressFilterColumn = false;
     this.compact = undefined;
+    this.filterCustomConfig = undefined;
+    this.filterCustomConfigInterceptor = undefined;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -344,7 +350,7 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    SnkMultiSelectionListDataSource.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   fixColumNameCharset(columnName) {
     try {
@@ -416,7 +422,7 @@ const SnkGrid = class {
      */
     const forceClientSide = await this.hasToForceClientSideExporter();
     const dataExporterProvider = (forceClientSide || this.strategyExporter === index$1.ExporterStrategy.CLIENT_SIDE)
-      ? new ClientSideExporterProvider.ClientSideExporterProvider(this._dataUnit, this._grid)
+      ? new SnkMultiSelectionListDataSource.ClientSideExporterProvider(this._dataUnit, this._grid)
       : new ServerSideExporterProvider(this._dataUnit, this._grid);
     index$2.store.set('exporterProviders', Object.assign(Object.assign({}, index$2.store.get('exporterProviders')), { [this.configName]: dataExporterProvider }));
   }
@@ -439,9 +445,20 @@ const SnkGrid = class {
     this.loadGridCustomFormatters(action.payload.fields);
     return action;
   }
+  async interceptLoadData(action) {
+    var _a;
+    const hasInvalidFilters = !filterValidate.validateFilters((_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig);
+    if (hasInvalidFilters) {
+      const errorTitle = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.title", {});
+      const errorMessage = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.message", {});
+      await this._application.error(errorTitle, errorMessage);
+      return;
+    }
+    return action;
+  }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
-    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    SnkMultiSelectionListDataSource.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -496,10 +513,10 @@ const SnkGrid = class {
       }
       parent = parent.parentElement;
     }
-    this._rmPrecisionCustomValueFormatter = new ClientSideExporterProvider.RmPrecisionCustomValueFormatter();
+    this._rmPrecisionCustomValueFormatter = new SnkMultiSelectionListDataSource.RmPrecisionCustomValueFormatter();
     this.addGridLegacyConfigName();
     this.loadConfig();
-    this._continuousInsertUtils = new ClientSideExporterProvider.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
+    this._continuousInsertUtils = new SnkMultiSelectionListDataSource.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
     if (this.enableGridInsert) {
       this._continuousInsertUtils.getConfig().then(value => this._enableContinuousInsert = value);
     }
@@ -648,7 +665,7 @@ const SnkGrid = class {
       return undefined;
     }
     return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
         this.gridConfigChangeHandler(evt);
       }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }

package/dist/cjs/{snk-guides-viewer-73d40f42.js → snk-guides-viewer-e7c08c71.js}

@@ -2,19 +2,19 @@
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-4b651537.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-cef663d1.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
 const constants = require('./constants-6d82e405.js');
-require('./DataFetcher-602cdc72.js');
-require('./ISave-18205d86.js');
+require('./DataFetcher-9af55840.js');
+require('./ISave-c4918000.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-93077a2f.js');
+require('./dataunit-fetcher-ae454648.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-05d210e7.js');
+require('./form-config-fetcher-d7bb4f41.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');