@sankhyalabs/sankhyablocks 8.9.4 → 8.10.0-dev.1

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

@@ -31,6 +31,8 @@ export class SnkFilterModalItem {
         return { tag: "snk-filter-number", props };
       case FilterItemType.PERSONALIZED:
         return this.buildSnkFilterPersonalizedProps();
+      case FilterItemType.CHECK_BOX_LIST:
+        return { tag: "snk-filter-checkbox-list", props };
       case FilterItemType.MULTI_LIST:
         return { tag: "snk-entity-list", props: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
     }
@@ -54,7 +56,7 @@ export class SnkFilterModalItem {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
     }
     else {
-      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
+      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (FilterItemType.SEARCH || FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
   }
   handleDeleteFilter(filter, filterItemType) {

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

@@ -311,8 +311,12 @@ export class SnkFilterBar {
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
     };
+    let filtersConfigCopy = ObjectUtils.copy(this.filterConfig);
+    filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
+      return itemA.originOrder - itemB.originOrder;
+    });
     const factoryParams = {
-      filterConfig: ObjectUtils.copy(this.filterConfig),
+      filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
       getMessage: (key, props) => this.getMessage(key, props),

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -6,12 +6,12 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
   function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
   function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
 };
-import { ApplicationContext, ErrorException, ObjectUtils, WarningException, StringUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ErrorException, ObjectUtils, StringUtils, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
-import { ServiceBrokerRecaller } from './recaller/ServiceBrokerRecaller';
-import { GraphQLRecaller } from './recaller/GraphQLRecaller';
 import { PrintUtils } from '../../utils/PrintUtils';
+import { GraphQLRecaller } from './recaller/GraphQLRecaller';
+import { ServiceBrokerRecaller } from './recaller/ServiceBrokerRecaller';
 export class DataFetcher {
   constructor() {
     this.ready = true;
@@ -361,9 +361,13 @@ export class DataFetcher {
     const { data: dataResponse, errors: errorsResponse, extensions } = response;
     //Reject promises with errors from query
     errorsResponse.forEach((errorResponse) => {
-      Object.entries(errorResponse).forEach(([_key, val]) => {
+      Object.entries(errorResponse).forEach(async ([key, val]) => {
         var _a;
-        (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
+        const waitingRequest = watingRequestsById.get(val.request.variables[val.index].queryID);
+        const hasClientEvent = await this.proccesGraphQLClientEvents(extensions, waitingRequest.request, waitingRequest.resolve, waitingRequest.reject);
+        if (!hasClientEvent) {
+          (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
+        }
       });
     });
     //Resolve promises with data from query

package/dist/collection/lib/workspace/workspace.js

@@ -23,6 +23,18 @@ export default class Workspace {
     var _a;
     (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.setScreenToUseOldLayout();
   }
+  static showDesktop() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.showDesktop) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  static searchApp() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.searchApp) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  static openHelp() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.openHelp) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
   static applicationClick() {
     var _a, _b;
     if (!((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.applicationClick)) {

package/dist/components/DataFetcher.js

@@ -1,6 +1,6 @@
 import { DataType, ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils } from '@sankhyalabs/core';
-import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { P as PrintUtils } from './PrintUtils.js';
+import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -6487,21 +6487,6 @@ class UrlUtils {
   }
 }
 
-class ServiceBrokerRecaller {
-  constructor(serviceName, requestBody, successCallback, errorCallback) {
-    this.serviceName = serviceName;
-    this.requestBody = requestBody;
-    this.successCallback = successCallback;
-    this.errorCallback = errorCallback;
-  }
-  reCall(requestBody) {
-    if (requestBody) {
-      this.requestBody = requestBody;
-    }
-    return DataFetcher.get().callServiceBroker(this.serviceName, this.requestBody).then(this.successCallback, this.errorCallback);
-  }
-}
-
 class GraphQLRecaller {
   constructor(req, resolve, reject) {
     this.req = req;
@@ -6528,6 +6513,21 @@ class GraphQLRecaller {
   }
 }
 
+class ServiceBrokerRecaller {
+  constructor(serviceName, requestBody, successCallback, errorCallback) {
+    this.serviceName = serviceName;
+    this.requestBody = requestBody;
+    this.successCallback = successCallback;
+    this.errorCallback = errorCallback;
+  }
+  reCall(requestBody) {
+    if (requestBody) {
+      this.requestBody = requestBody;
+    }
+    return DataFetcher.get().callServiceBroker(this.serviceName, this.requestBody).then(this.successCallback, this.errorCallback);
+  }
+}
+
 var __asyncValues = (undefined && undefined.__asyncValues) || function (o) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var m = o[Symbol.asyncIterator], i;
@@ -6872,9 +6872,13 @@ class DataFetcher {
     const { data: dataResponse, errors: errorsResponse, extensions } = response;
     //Reject promises with errors from query
     errorsResponse.forEach((errorResponse) => {
-      Object.entries(errorResponse).forEach(([_key, val]) => {
+      Object.entries(errorResponse).forEach(async ([key, val]) => {
         var _a;
-        (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
+        const waitingRequest = watingRequestsById.get(val.request.variables[val.index].queryID);
+        const hasClientEvent = await this.proccesGraphQLClientEvents(extensions, waitingRequest.request, waitingRequest.resolve, waitingRequest.reject);
+        if (!hasClientEvent) {
+          (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
+        }
       });
     });
     //Resolve promises with data from query

package/dist/components/filter-item-type.enum.js

@@ -9,6 +9,7 @@ var FilterItemType;
   FilterItemType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
   FilterItemType["PERSONALIZED"] = "PERSONALIZED";
   FilterItemType["MULTI_LIST"] = "MULTI_LIST";
+  FilterItemType["CHECK_BOX_LIST"] = "CHECK_BOX_LIST";
 })(FilterItemType || (FilterItemType = {}));
 const FilterItemType$1 = FilterItemType;
 

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { SnkFilterAdvancedMode as SnkFilterAdvancedMode } from '../types/compone
 export { SnkFilterAssistentMode as SnkFilterAssistentMode } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode';
 export { SnkFilterBar as SnkFilterBar } from '../types/components/snk-filter-bar/snk-filter-bar';
 export { SnkFilterBinarySelect as SnkFilterBinarySelect } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select';
+export { SnkFilterCheckboxList as SnkFilterCheckboxList } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-checkbox-list';
 export { SnkFilterDetail as SnkFilterDetail } from '../types/components/snk-filter-bar/filter-item/snk-filter-detail';
 export { SnkFilterFieldSearch as SnkFilterFieldSearch } from '../types/components/snk-filter-field-search/snk-filter-field-search';
 export { SnkFilterItem as SnkFilterItem } from '../types/components/snk-filter-bar/filter-item/snk-filter-item';

package/dist/components/index.js

@@ -20,6 +20,7 @@ export { SnkFilterAdvancedMode, defineCustomElement as defineCustomElementSnkFil
 export { SnkFilterAssistentMode, defineCustomElement as defineCustomElementSnkFilterAssistentMode } from './snk-filter-assistent-mode.js';
 export { SnkFilterBar, defineCustomElement as defineCustomElementSnkFilterBar } from './snk-filter-bar.js';
 export { SnkFilterBinarySelect, defineCustomElement as defineCustomElementSnkFilterBinarySelect } from './snk-filter-binary-select.js';
+export { SnkFilterCheckboxList, defineCustomElement as defineCustomElementSnkFilterCheckboxList } from './snk-filter-checkbox-list.js';
 export { SnkFilterDetail, defineCustomElement as defineCustomElementSnkFilterDetail } from './snk-filter-detail.js';
 export { SnkFilterFieldSearch, defineCustomElement as defineCustomElementSnkFilterFieldSearch } from './snk-filter-field-search.js';
 export { SnkFilterItem, defineCustomElement as defineCustomElementSnkFilterItem } from './snk-filter-item.js';

package/dist/components/snk-application2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, OnboardingUtils, DependencyType, ElementIDUtils, DataType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
+import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ElementIDUtils, DataType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
@@ -170,6 +170,18 @@ class Workspace {
     var _a;
     (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.setScreenToUseOldLayout();
   }
+  static showDesktop() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.showDesktop) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  static searchApp() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.searchApp) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  static openHelp() {
+    var _a, _b;
+    (_b = (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.openHelp) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
   static applicationClick() {
     var _a, _b;
     if (!((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.applicationClick)) {
@@ -250,6 +262,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
     this.NEW_VERSION_POPUP_LOCKER = "NEW_VERSION_POPUP_LOCKER";
     this._authPromises = [];
+    this._keyboardManager = new KeyboardManager();
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = new RequestListenerLoadingBar();
@@ -309,6 +322,14 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       });
     }
   }
+  /**
+   * Obtém o controlador de teclado.
+   *
+   * @return {KeyboardManager} the keyboard manager
+   */
+  async getKeyboardManager() {
+    return Promise.resolve(this._keyboardManager);
+  }
   /**
    * Obtém `true` caso o usuário logado seja o SUP.
    */
@@ -1082,6 +1103,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   disconnectedCallback() {
     DataFetcher.removeRequestListener(this._requestListener);
+    this.removeShortcuts();
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1092,6 +1114,19 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     });
     ElementIDUtils.addIDInfo(this._element, `resource_${this.applicationResourceID}`);
     await this.handleShowNewVersionPopup();
+    this.initKeyboardManager();
+  }
+  initKeyboardManager() {
+    this._keyboardManager
+      .bind("ctrl + g", Workspace.searchApp.bind(this), { description: "Pesquisar por telas" })
+      .bind("ctrl + d", Workspace.showDesktop.bind(this), { description: "Mostrar o desktop" })
+      .bind("F1", Workspace.openHelp.bind(this), { description: "Abrir ajuda" });
+  }
+  removeShortcuts() {
+    this._keyboardManager
+      .unbind("ctrl + g")
+      .unbind("ctrl + d")
+      .unbind("F1");
   }
   render() {
     return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true })));
@@ -1102,6 +1137,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "messagesBuilder": [1040],
     "configName": [1, "config-name"],
     "loadByPK": [16],
+    "getKeyboardManager": [64],
     "isUserSup": [64],
     "addPendingAction": [64],
     "callServiceBroker": [64],

package/dist/components/snk-crud.js

@@ -156,9 +156,11 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return joinedPrimaryKeys;
   }
   componentWillLoad() {
-    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    application.hasAccess(AutorizationType.UPDATE, this._resourceID).then(canEdit => this._canEdit = canEdit);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     let parent = this._element.parentElement;
+    this._application
+      .hasAccess(AutorizationType.UPDATE, this._resourceID)
+      .then(canEdit => this._canEdit = canEdit);
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
         this._snkDataUnit = parent;
@@ -169,11 +171,11 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         if (!this._dataUnit) {
           this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
             this._dataUnit = evt.detail;
-            this.initDataUnit(application);
+            this.initDataUnit();
           });
         }
         else {
-          this.initDataUnit(application);
+          this.initDataUnit();
         }
         this._snkDataUnit.addEventListener("dataStateChange", async ({ detail: dataState }) => {
           this._dataState = dataState;
@@ -186,10 +188,72 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       parent = parent.parentElement;
     }
     if (!this.configName) {
-      this.configName = application.configName;
+      this.configName = this._application.configName;
     }
   }
-  async initDataUnit(application) {
+  componentDidLoad() {
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    this.removeShortcuts();
+  }
+  async initKeyboardManager() {
+    const keyboardManager = await this._application.getKeyboardManager();
+    if (keyboardManager) {
+      const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
+      keyboardManager
+        .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade." })
+        .bind("F7", dataUnit.saveData.bind(dataUnit), { description: "Salva os dados." })
+        .bind("ctrl + \\", dataUnit.saveData.bind(dataUnit), { description: "Salva os dados." })
+        .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro." })
+        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
+        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
+        .bind("ctrl + .", () => {
+        if (dataUnit.getSelectionInfo().records.length === 0) {
+          return dataUnit.selectFirst();
+        }
+        return dataUnit.nextRecord();
+      }, {
+        description: "Avança para o próximo registro."
+      })
+        .bind("ctrl + ,", dataUnit.previousRecord.bind(dataUnit), { description: "Retorna ao registro anterior." })
+        .bind("F5", async () => {
+        const currentView = await this._viewStack.getSelectedIndex();
+        if (VIEW_MODE.GRID === currentView) {
+          dataUnit.loadData();
+        }
+      }, { description: "Atualiza os dados." })
+        .bind("Escape", () => {
+        if (dataUnit.isDirty()) {
+          dataUnit.cancelEdition();
+        }
+      }, {
+        debounceTime: 1000,
+        description: "Cancela uma ação."
+      });
+    }
+  }
+  async removeShortcuts() {
+    const keyboardManager = await this._application.getKeyboardManager();
+    if (keyboardManager) {
+      keyboardManager
+        .unbind("F6")
+        .unbind("F7")
+        .unbind("ctrl + \\")
+        .unbind("F8")
+        .unbind("F9")
+        .unbind("ctrl + F9")
+        .unbind("ctrl + .")
+        .unbind("ctrl + ,")
+        .unbind("F5")
+        .unbind("Escape");
+    }
+  }
+  async toggleView() {
+    const currentView = await this._viewStack.getSelectedIndex();
+    this.setViewMode(VIEW_MODE.GRID === currentView ? VIEW_MODE.FORM : VIEW_MODE.GRID);
+  }
+  async initDataUnit() {
     this.addDataElementID();
     if (!this.messagesBuilder) {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
@@ -198,7 +262,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       //Tenta pegar o resourceID do snkDataUnit;
       this._resourceID = this._snkDataUnit.resourceID;
       if (this._resourceID == undefined) {
-        this._resourceID = await application.getResourceID();
+        this._resourceID = await this._application.getResourceID();
       }
     }
   }

package/dist/components/snk-data-unit2.js

@@ -265,7 +265,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
               removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
               multipleSelection = true;
             }
-            if (removeConfirmation == undefined) {
+            if (!removeConfirmation) {
               resolve(action);
             }
             else {

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

@@ -38,6 +38,8 @@ const buildFilter = (item) => {
       return buildNumber(item);
     case FilterItemType.PERSONALIZED:
       return buildPersonalized(item);
+    case FilterItemType.CHECK_BOX_LIST:
+      return buildCheckboxList(item);
     default:
       return undefined;
   }
@@ -70,6 +72,23 @@ function buildMultiList(item) {
     };
   }
 }
+function buildCheckboxList(item) {
+  var _a;
+  const { id, value, props } = item;
+  const selectedOptionNames = Object.entries(value !== null && value !== void 0 ? value : {})
+    .filter(([_, valueChecked]) => valueChecked === true)
+    .map(([key, _]) => key);
+  const selectedOptionsObject = (_a = props.options) === null || _a === void 0 ? void 0 : _a.filter(option => selectedOptionNames.includes(option.name));
+  return { name: id, expression: buildCheckboxListExpression(selectedOptionsObject), params: [] };
+}
+function buildCheckboxListExpression(options) {
+  let expression = "";
+  options.forEach((option, index) => {
+    var _a;
+    expression += ` ${index > 0 ? ((_a = option.operand) !== null && _a !== void 0 ? _a : 'OR') : ''} ${option.expression}`;
+  });
+  return expression.trim();
+}
 function parseMultiListValues(multiListValue) {
   var _a, _b;
   const value = (_b = (_a = multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.elements) !== null && _a !== void 0 ? _a : multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.members) !== null && _b !== void 0 ? _b : multiListValue;
@@ -540,8 +559,12 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
     };
+    let filtersConfigCopy = ObjectUtils.copy(this.filterConfig);
+    filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
+      return itemA.originOrder - itemB.originOrder;
+    });
     const factoryParams = {
-      filterConfig: ObjectUtils.copy(this.filterConfig),
+      filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
       getMessage: (key, props) => this.getMessage(key, props),

package/dist/components/snk-filter-checkbox-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkFilterCheckboxList extends Components.SnkFilterCheckboxList, HTMLElement {}
+export const SnkFilterCheckboxList: {
+  prototype: SnkFilterCheckboxList;
+  new (): SnkFilterCheckboxList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-filter-checkbox-list.js

@@ -0,0 +1,68 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { F as FilterItemType } from './filter-item-type.enum.js';
+
+const SnkFilterCheckboxList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.config = undefined;
+    this.optionsList = [];
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+    }
+  }
+  handleToggleCheck(itemChanged, checked) {
+    var _a, _b;
+    let configValueMap = (_a = this.config.value) !== null && _a !== void 0 ? _a : {};
+    configValueMap[itemChanged.name] = checked;
+    this.config = Object.assign(Object.assign({}, this.config), { value: configValueMap });
+    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) })));
+  }
+  isChecked(itemName) {
+    var _a;
+    return (_a = this.config.value) === null || _a === void 0 ? void 0 : _a[itemName];
+  }
+  buidOptions() {
+    var _a, _b, _c;
+    const propsOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.options) !== null && _c !== void 0 ? _c : [];
+    this.optionsList = [...propsOptions];
+  }
+  componentWillRender() {
+    this.buidOptions();
+  }
+  render() {
+    if (!this.config || this.config.type !== FilterItemType.CHECK_BOX_LIST) {
+      return undefined;
+    }
+    return (h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions()));
+  }
+  get _element() { return this; }
+}, [0, "snk-filter-checkbox-list", {
+    "config": [1040],
+    "optionsList": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-checkbox-list"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-checkbox-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterCheckboxList$1);
+      }
+      break;
+  } });
+}
+
+const SnkFilterCheckboxList = SnkFilterCheckboxList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterCheckboxList, defineCustomElement };

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

@@ -55,6 +55,13 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           }
         };
         return snkFilterPersonalizedProps;
+      case FilterItemType.CHECK_BOX_LIST:
+        return {
+          tag: "snk-filter-checkbox-list",
+          props: {
+            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
+          }
+        };
       case FilterItemType.MULTI_LIST:
         return {
           tag: "snk-entity-list",

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

@@ -130,7 +130,7 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   getLabel(isTooltipLabel = false) {
-    var _a;
+    var _a, _b;
     const { type, value, label, props, groupedItems = [] } = this.config;
     if (value || groupedItems.length) {
       if (type === FilterItemType.BINARY_SELECT) {
@@ -191,18 +191,15 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
       if (type === FilterItemType.MULTI_LIST) {
         const selectedOptions = ((_a = value.elements) !== null && _a !== void 0 ? _a : value).filter(item => item === null || item === void 0 ? void 0 : item.check);
-        const checkedAmount = selectedOptions.length;
-        if (checkedAmount === 0) {
-          return `${label}`;
-        }
-        if (checkedAmount > 1) {
-          if (isTooltipLabel) {
-            const selectedOptionsDescrptions = selectedOptions.map(item => item.label);
-            return `${label}: ${selectedOptionsDescrptions.join(',')}`;
-          }
-          return `${label}: ${checkedAmount} ${this.getMessage('snkFilterBar.multiListToltip')}`;
-        }
-        return `${label}: ${selectedOptions[0].label}`;
+        return this.getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel);
+      }
+      if (type === FilterItemType.CHECK_BOX_LIST) {
+        const selectedValues = Object.entries(value !== null && value !== void 0 ? value : {})
+          .filter(([_, value]) => value === true)
+          .map(([key, _]) => key);
+        const options = (_b = props.options) !== null && _b !== void 0 ? _b : [];
+        const selectedOptions = options.filter(option => selectedValues.includes(option.name));
+        return this.getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel);
       }
       if (type === FilterItemType.NUMBER && props.variation === FilterNumberVariation.INTERVAL) {
         const { start, end } = value;
@@ -220,6 +217,20 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return label;
   }
+  getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel) {
+    const checkedAmount = selectedOptions.length;
+    if (checkedAmount === 0) {
+      return `${label}`;
+    }
+    if (checkedAmount > 1) {
+      if (isTooltipLabel) {
+        const selectedOptionsDescrptions = selectedOptions.map(item => item.label);
+        return `${label}: ${selectedOptionsDescrptions.join(',')}`;
+      }
+      return `${label}: ${checkedAmount} ${this.getMessage('snkFilterBar.multiListToltip')}`;
+    }
+    return `${label}: ${selectedOptions[0].label}`;
+  }
   calculateActiveCount(groupedItems) {
     return groupedItems.reduce((total, item) => {
       if (!!item.visible)

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

@@ -46,6 +46,8 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
         return { tag: "snk-filter-number", props };
       case FilterItemType.PERSONALIZED:
         return this.buildSnkFilterPersonalizedProps();
+      case FilterItemType.CHECK_BOX_LIST:
+        return { tag: "snk-filter-checkbox-list", props };
       case FilterItemType.MULTI_LIST:
         return { tag: "snk-entity-list", props: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
     }
@@ -69,7 +71,7 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
     }
     else {
-      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
+      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (FilterItemType.SEARCH || FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
   }
   handleDeleteFilter(filter, filterItemType) {

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

@@ -124,10 +124,15 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       const index = filterListCopy.findIndex(item => item.id === filterItem.id);
       filterListCopy.splice(index, 1, filterItemCopy);
       this.filters = ObjectUtils.copy(filterListCopy);
+      return;
     }
-    else {
-      this.filters.find(filter => filter.id === filterItem.id).value = undefined;
+    if (FilterItemType.CHECK_BOX_LIST === filterItem.type) {
+      const filterListCopy = ObjectUtils.copy(this.filters);
+      filterListCopy.find(filter => filter.id === filterItem.id).value = undefined;
+      this.filters = ObjectUtils.copy(filterListCopy);
+      return;
     }
+    this.filters.find(filter => filter.id === filterItem.id).value = undefined;
   }
   uncheckFilterValues(valueList) {
     valueList.forEach(value => {
@@ -176,11 +181,17 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   getIformedFiltersCount(listItems) {
     let countInformedItens = 0;
     listItems.forEach(item => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       if (FilterItemType.MULTI_LIST === item.type) {
         countInformedItens += (_e = (_d = (_c = ((_b = (_a = item.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : item.value)) === null || _c === void 0 ? void 0 : _c.filter(value => value === null || value === void 0 ? void 0 : value.check)) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0;
         return;
       }
+      if (FilterItemType.CHECK_BOX_LIST === item.type) {
+        countInformedItens += Object.entries((_f = item.value) !== null && _f !== void 0 ? _f : {})
+          .filter(([_, value]) => value === true)
+          .map(([key, _]) => key).length;
+        return;
+      }
       if (item.groupedItems != undefined) {
         countInformedItens = item.groupedItems.filter(item => item.visible).length;
         return;