@sankhyalabs/sankhyablocks 8.16.0-dev.3 → 8.16.0-dev.31

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

@@ -27,6 +27,8 @@ export class SnkGuidesViewer {
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
+    this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -95,7 +97,7 @@ export class SnkGuidesViewer {
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -113,7 +115,7 @@ export class SnkGuidesViewer {
   }
   onContentCardChanged(evt) {
     SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this._configManager)
-      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataState.insertionMode, this.dataUnit));
+      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataUnit));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -204,10 +206,13 @@ export class SnkGuidesViewer {
     const invisibleButtons = this.getInvisibleButtons();
     this._taskbarProcessor = new TaskbarProcessor({
       "snkGuideViewer.regular": btnsRegularMode,
-      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
+      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE", this.handleAddGridMode()],
     });
     this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
   }
+  handleAddGridMode() {
+    return this.enableGridInsert ? TaskbarElement.GRID_MODE : "";
+  }
   getInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
@@ -360,11 +365,14 @@ export class SnkGuidesViewer {
       this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
     }
   }
+  setMasterFormConfig(config) {
+    this.masterFormConfig = config;
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
@@ -392,7 +400,7 @@ export class SnkGuidesViewer {
     return this._fieldSearch;
   }
   fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+    return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
   onSelectField(option, actionButton) {
@@ -464,6 +472,10 @@ export class SnkGuidesViewer {
     }
     return "";
   }
+  getTitle() {
+    var _a, _b;
+    return (_b = (_a = this.getCustomTitle) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.getMessage("snkCrud.title");
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
@@ -477,7 +489,7 @@ export class SnkGuidesViewer {
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
@@ -794,6 +806,39 @@ export class SnkGuidesViewer {
         },
         "attribute": "form-legacy-config-name",
         "reflect": false
+      },
+      "enableGridInsert": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+        },
+        "attribute": "enable-grid-insert",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "getCustomTitle": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => string",
+          "resolved": "() => string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fornece  uma fun\u00E7\u00E3o para obter um t\u00EDtulo customizado do formul\u00E1rio."
+        }
       }
     };
   }

package/dist/collection/components/snk-data-exporter/exporter-email-sender/options-step.js

@@ -4,7 +4,7 @@ export const OptionsStep = ({ getMessage, changeInfo, data }) => {
   const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
   const formatOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
-    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLS"), value: "xls" }
   ];
   const typeOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },

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

@@ -1,7 +1,6 @@
 import { UserInterface } from "@sankhyalabs/core";
 import { DataFetcher } from "../../../lib";
 import { getOptionKey, getVisibleColumns } from "../utils/ParserExport";
-import { DataExporterType } from "../../../lib/@types";
 export default class ClientSideExporterStrategy {
   constructor(provider) {
     this._provider = provider;
@@ -12,15 +11,16 @@ export default class ClientSideExporterStrategy {
     return visibleColumns;
   }
   async executeExport(resolveProps) {
-    const { methodName, titleGrid } = resolveProps;
+    var _a;
+    const { methodName, gridTitle } = resolveProps;
     const records = await this._provider.getRecords();
-    const columns = [DataExporterType.EXPORT_TO_PDF, DataExporterType.EXPORT_PAGE_TO_PDF, DataExporterType.EXPORT_PDF_TO_EMAIL, DataExporterType.EXPORT_ALL_RECORDS_TO_PDF].includes(getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
     const [serviceName, processor] = this.getExecutor(methodName);
     const payload = {
       serviceName,
       requestBody: {
         grid: {
-          titleGrid,
+          gridTitle,
           columns: this.buildColumnsObject(columns),
           rows: this.buildRowsObject(columns, records),
           customOptions: { xlsxExtension: false }

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 import { DataFetcher } from '../../../lib/http/data-fetcher/DataFetcher';
-import { DataExporterOption, DataExporterType } from "../../../lib/@types";
+import { DataExporterOption } from "../../../lib/@types";
 import { getOptionKey, getVisibleColumns } from "../utils/ParserExport";
 export default class ServerSideExporterStrategy {
   constructor(provider) {
@@ -24,11 +24,11 @@ export default class ServerSideExporterStrategy {
     return visibleColumns;
   }
   async getParams(resolveProps) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const filters = (_b = (_a = this._provider).getFilters) === null || _b === void 0 ? void 0 : _b.call(_a);
-    const columns = [DataExporterType.EXPORT_TO_PDF, DataExporterType.EXPORT_PAGE_TO_PDF, DataExporterType.EXPORT_PDF_TO_EMAIL, DataExporterType.EXPORT_ALL_RECORDS_TO_PDF].includes(getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
-    const sort = (_d = (_c = this._provider).getOrders) === null || _d === void 0 ? void 0 : _d.call(_c);
-    const resourceURI = (_f = (_e = this._provider).getResourceURI) === null || _f === void 0 ? void 0 : _f.call(_e);
+    const columns = ((_c = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _c === void 0 ? void 0 : _c.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    const sort = (_e = (_d = this._provider).getOrders) === null || _e === void 0 ? void 0 : _e.call(_d);
+    const resourceURI = (_g = (_f = this._provider).getResourceURI) === null || _g === void 0 ? void 0 : _g.call(_f);
     const selectedIDs = this._provider.getSelectedIDs();
     const option = resolveProps.exportOption;
     const currentPageOptions = [

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

@@ -1,6 +1,6 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
 import { UserInterface } from "@sankhyalabs/core";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 import { DataExporterOption } from "../../../lib/@types";
 export default class ClientSideExporterProvider extends CommonsExporter {
   getSelectedNumber() {

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

@@ -1,5 +1,5 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 export default class ServerSideExporterProvider extends CommonsExporter {
   getFilters() {
     var _a;

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

@@ -42,7 +42,7 @@ export class SnkDataExporter {
       resolver: ({ type, format, email: { to, subject, message } }) => {
         var _a;
         const methodName = (_a = DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : DataExporterFormat.PDF;
-        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, gridTitle: this._appLabel }, () => {
           this._snkEmailSender.close();
           ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
         });
@@ -130,7 +130,7 @@ export class SnkDataExporter {
     const params = {
       methodName: DataExporterOption[`EXPORT_TO_${fileType}`],
       fileName: this._appLabel,
-      titleGrid: this._appLabel,
+      gridTitle: this._appLabel,
       exportOption: option,
       limit: (_c = (_b = this.provider) === null || _b === void 0 ? void 0 : _b.getExportLimit) === null || _c === void 0 ? void 0 : _c.call(_b),
       type: this.getExportType(option),

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

@@ -110,7 +110,7 @@ export class ItemBuilder {
   getExportToXLS(groupName) {
     return {
       id: DataExporterOption.EXPORT_TO_XLS,
-      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`,
       group: groupName
     };
   }
@@ -153,7 +153,7 @@ export class ItemBuilder {
   getExportPageToXLS() {
     return {
       id: DataExporterOption.EXPORT_PAGE_TO_XLS,
-      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`
     };
   }
   /**

package/dist/collection/components/snk-data-exporter/test/resources/ClientSideExporterStrategyResources.js

@@ -42,21 +42,21 @@ export const dataFetcherXLSResponse = {
 export const exportPDFParams = {
   methodName: 'exportToPDF',
   fileName: '',
-  titleGrid: '',
+  gridTitle: '',
 };
 export const exportXLSParams = {
   methodName: 'exportToXLS',
   fileName: '',
-  titleGrid: '',
+  gridTitle: '',
 };
 export const serviceNamePDF = "GridPDFBuilderSP.buildPDFFromJson";
 export const serviceNameXLS = "GridXLSBuilderSP.buildXLSFromJson";
-export function buildExpectedResponse({ serviceName, titleGrid, value, align = 'left', type = 'S' }) {
+export function buildExpectedResponse({ serviceName, gridTitle, value, align = 'left', type = 'S' }) {
   return {
     serviceName: serviceName,
     requestBody: {
       grid: {
-        titleGrid: titleGrid,
+        gridTitle: gridTitle,
         columns: {
           column: [
             {

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

@@ -4,8 +4,8 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { DatasetStrategy } from '../../lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy';
 import { getRecordValue } from '../../lib/dataUnit/ValueFormatter';
-import { getSelectedIDs } from '../snk-data-exporter/utils/RecordIDUtils';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { getSelectedRecordsIDsInfo } from '../../lib/utils/GetSelectedRecordsIDsInfo';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -54,6 +54,7 @@ export class SnkDataUnit {
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.domainMessagesBuilder = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -109,7 +110,7 @@ export class SnkDataUnit {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    return Promise.resolve(getSelectedIDs(this.dataUnit));
+    return getSelectedRecordsIDsInfo(this.dataUnit);
   }
   /**
    * Retorna os campos que possuem a propriedade "rmp" (Row Metadata Provider).
@@ -470,21 +471,15 @@ export class SnkDataUnit {
     if (this.ignoreSaveMessage) {
       return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
+    const saveOperation = action.payload.changes[0]._operation.toLowerCase();
+    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
   handleRecordsRemoved(action) {
     var _a, _b;
-    const cachedRecords = action.payload.cachedRecords;
-    let removeFinishMsg;
-    if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
-    }
-    else {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
-    }
+    let removeFinishMsg = this.buildRemoveFinishMessage(action);
     if (removeFinishMsg != undefined) {
       this.showSuccessMessage(removeFinishMsg);
     }
@@ -495,16 +490,27 @@ export class SnkDataUnit {
       this.dataUnit.gotoPage(page);
     }
   }
+  buildRemoveFinishMessage(action) {
+    const records = action.payload.records;
+    if (!records || !records.length)
+      return undefined;
+    if ((records === null || records === void 0 ? void 0 : records.length) > 1)
+      return this.getMessage('snkDataUnit.removeAllInfo', { size: records.length });
+    return this.getMessage('snkDataUnit.removeInfo', records);
+  }
   /**
    * 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-data-unit.msg.ts"
    */
-  getMessage(key, params = undefined) {
+  getMessage(key, params = undefined, customOperation) {
     if (!params) {
       params = this.getMessageParams();
     }
+    if (customOperation) {
+      this.messagesBuilder.currentOperation = customOperation;
+    }
     return this.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
@@ -535,19 +541,28 @@ export class SnkDataUnit {
       return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName, this.resourceID);
     }
   }
+  updateMetadataWithRMP() {
+    this.fillFieldsWithRmp(this.dataUnit.metadata);
+    this.fillFieldsWithRmPrecision(this.dataUnit.metadata);
+    const dataUnitUpdatedMetadata = this.handleDULinksOnMetadataLoaded(this.dataUnit.metadata);
+    this.dataUnit.metadata = dataUnitUpdatedMetadata;
+  }
   async loadDataUnit() {
-    var _a;
+    var _a, _b;
     if (this.dataUnit == null && this._application && this.entityName) {
       this.dataUnit = await this.getDataUnitParentOrChild();
     }
     if (this.dataUnit) {
       this.dataUnit.pageSize = this.pageSize;
       this.dataUnit.unsubscribe(this._dataUnitObserver);
-      this.dataUnit.addInterceptor(this);
       this.dataUnit.subscribe(this._dataUnitObserver);
-      await this.dataUnit.loadMetadata();
-      if ((_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) {
-        this.getMetadataByRow(this.dataUnit);
+      if ((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) {
+        this.updateMetadataWithRMP();
+      }
+      this.dataUnit.addInterceptor(this);
+      if ((_b = this.dataUnit.records) === null || _b === void 0 ? void 0 : _b.length) {
+        const { records } = this.getMetadataByRow(this.dataUnit);
+        this.dataUnit.records = records;
       }
       this.dataState = this.buildDataState();
       let resolver;
@@ -611,6 +626,13 @@ export class SnkDataUnit {
       parent = parent.parentElement;
     }
   }
+  instanceMessagesBuilder() {
+    var _a;
+    if (this.messagesBuilder) {
+      return;
+    }
+    this.messagesBuilder = new SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -618,9 +640,7 @@ export class SnkDataUnit {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     this._parentSnkDataUnit = this.getParentSnkDataUnit();
-    if (this.messagesBuilder == undefined) {
-      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
-    }
+    this.instanceMessagesBuilder();
   }
   disconnectedCallback() {
     if (this.dataUnit) {
@@ -860,6 +880,23 @@ export class SnkDataUnit {
         },
         "attribute": "resource-i-d",
         "reflect": false
+      },
+      "domainMessagesBuilder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a chave customizada para sobrescrever as mensagens (N\u00E3o pegando pela entidade)"
+        },
+        "attribute": "domain-messages-builder",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-checkbox-list.js

@@ -19,7 +19,7 @@ export class SnkFilterCheckboxList {
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   renderOptions() {
-    return this.optionsList.map(option => (h("ez-check", { label: option.label, compact: true, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
   }
   isChecked(itemName) {
     var _a;

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

@@ -105,7 +105,7 @@
 
 .snk-filter-bar__filter-item-container {
   display: flex;
-  align-self: center;
+  align-items: start;
 }
 
 .snk-filter-bar__scroller :first-child {

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

@@ -1,4 +1,4 @@
-import { ApplicationContext, ElementIDUtils, ErrorException, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, ErrorException } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -15,18 +15,19 @@ export class SnkFilterBar {
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
-      let index = item.hardFixed ? 1000000 : 0;
-      //campos Hard Fixed não variam a ordem
-      if (!item.hardFixed) {
-        index += item.fixed ? 100000 : 0;
-        index += item.value == undefined ? 0 : 10000;
-        index += this._updateSequence.lastIndexOf(item.id) + 1;
-      }
+      if (!item.visible)
+        return 0;
+      if (item.hardFixed)
+        return 1000000; //campos Hard Fixed não variam a ordem
+      let index = item.fixed ? 100000 : 0;
+      index += this.hasValidValue(item) ? 10000 : 0;
+      index += this._updateSequence.lastIndexOf(item.id) + 1;
       return index;
     };
     this._filtersComparator = (a, b) => {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
+    this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
     this.configName = undefined;
@@ -42,6 +43,13 @@ export class SnkFilterBar {
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
   }
+  hasValidValue(item) {
+    if (item.value === undefined || item.value === null)
+      return false;
+    if (!Array.isArray(item.value))
+      return true;
+    return item.value.some(filterItem => filterItem.check === true);
+  }
   observeFilterConfig(newValue, oldValue) {
     if (ObjectUtils.equals(newValue, oldValue))
       return;
@@ -268,7 +276,7 @@ export class SnkFilterBar {
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
-    this.filterConfig
+    this.filterConfig.sort((a, b) => this._filtersComparator(a, b))
       .filter(this.filterActiveFilter)
       .forEach((item, index) => {
       item = ObjectUtils.copy(item);
@@ -330,19 +338,23 @@ export class SnkFilterBar {
     }
   }
   async loadConfigFromStorage(clearCache) {
-    if (clearCache) {
-      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    try {
+      if (clearCache) {
+        await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+      }
+      let config;
+      if (this.customFilterBarConfig) {
+        config = await this.customFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      else {
+        config = await ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      this.filterConfig = config.map(item => this.normalizeItem(item));
+      this.filterConfig.sort((a, b) => this._filtersComparator(a, b));
+    }
+    catch (e) {
+      throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), e);
     }
-    return new Promise(accept => {
-      ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
-        .then((filters) => {
-        accept();
-        this.filterConfig = filters.map(item => this.normalizeItem(item));
-      })
-        .catch(reason => {
-        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-      });
-    });
   }
   attachDataUnit() {
     if (this.dataUnit == undefined) {
@@ -469,6 +481,32 @@ export class SnkFilterBar {
   }
   static get properties() {
     return {
+      "customFilterBarConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(configName: string, resourceId: string, options: any) => Promise<Array<SnkFilterItemConfig>>",
+          "resolved": "(configName: string, resourceId: string, options: any) => Promise<SnkFilterItemConfig[]>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Loader customizado para carregar as configura\u00E7\u00F5es"
+        }
+      },
       "dataUnit": {
         "type": "unknown",
         "mutable": true,

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

@@ -87,7 +87,7 @@ export class SnkForm {
     if (this.resourceID == undefined) {
       this.resourceID = await ResourceIDUtils.getResourceID();
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, undefined, this._dataUnit);
     this.addFormLegacyConfig();
     await this._configManager.loadConfig();
   }
@@ -117,7 +117,7 @@ export class SnkForm {
     if (!this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
+    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
       h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
   }
   static get is() { return "snk-form"; }