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

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

@@ -11,6 +11,7 @@ export class SnkFilterBar {
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
+    this._firstLoad = true;
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
@@ -27,10 +28,13 @@ export class SnkFilterBar {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
     this.dataUnit = undefined;
+    this.title = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.mode = "regular";
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
+    this.disablePersonalizedFilter = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
@@ -74,7 +78,7 @@ export class SnkFilterBar {
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -114,6 +118,24 @@ export class SnkFilterBar {
     this.updateFilter(filterItem);
     return Promise.resolve();
   }
+  /**
+  * Remove um item de filtro.
+  *
+  * @param filterID - ID do a ser adicionado
+  *
+  * @returns {Promise<SnkFilterItemConfig|undefined>} - Retorna o item de filtro removido, ou undefined caso não encontrado.
+  */
+  async removeFilterItem(filterID) {
+    const itemIndex = this.filterConfig.findIndex(item => item.id === filterID);
+    if (itemIndex == -1) {
+      console.warn("[SnkFilterBar.removeFilterItem] FilterItem não encontrado");
+      return Promise.resolve(undefined);
+    }
+    const itemToRemove = this.filterConfig[itemIndex];
+    ;
+    this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
+    return Promise.resolve(itemToRemove);
+  }
   componentDidLoad() {
     if (this._element) {
       const dataInfo = { dataUnit: this.dataUnit };
@@ -146,13 +168,27 @@ export class SnkFilterBar {
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData(this.dataUnit.getLastLoadRequest() != undefined);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
       ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
+  async doLoadData(forceReload = false) {
+    try {
+      if (this._firstLoad && !forceReload) {
+        let autoLoad = await this._application.getBooleanParam("global.carregar.registros.iniciar.tela");
+        if (!autoLoad) {
+          return;
+        }
+      }
+      this.dataUnit.loadData(undefined, undefined, true);
+    }
+    finally {
+      this._firstLoad = false;
+    }
+  }
   /**
    * 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:
@@ -161,6 +197,9 @@ export class SnkFilterBar {
    */
   getMessage(key, params, defaultValue) {
     var _a;
+    if (this.messagesBuilder == undefined && this._application) {
+      this.messagesBuilder = this._application.messagesBuilder;
+    }
     return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
   getFilter(_dataUnit) {
@@ -187,7 +226,7 @@ export class SnkFilterBar {
   registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);
     if (this.filterConfig) {
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData();
     }
   }
   itemFocused(selectedItem) {
@@ -264,7 +303,10 @@ export class SnkFilterBar {
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {
@@ -307,6 +349,9 @@ export class SnkFilterBar {
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
+  /**
+   * Abre o modal de filtros
+  */
   async showFilterModal() {
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
@@ -319,9 +364,11 @@ export class SnkFilterBar {
       filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
+      disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
       onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
-      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id)
+      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
+      onDeletePersonalizedFilter: (filter, configName) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName),
     };
     this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
     await this._filterModalFactory.showModal();
@@ -339,6 +386,11 @@ export class SnkFilterBar {
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
   }
+  deletePersonalizedFilter(filter, filterItemType, configName) {
+    if (filterItemType === FilterItemType.PERSONALIZED) {
+      ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
+    }
+  }
   handleHidePersonalizedFilter(reloadFilterBar) {
     if (reloadFilterBar) {
       this.loadConfigFromStorage().then(() => {
@@ -371,7 +423,9 @@ export class SnkFilterBar {
     if (this.showPersonalizedFilter) {
       return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
-    return (h(Host, null, h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    if (this.mode === "button")
+      return (h(Host, { "data-mode": this.mode }, h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) })));
+    return (h(Host, { "data-mode": this.mode }, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -407,6 +461,23 @@ export class SnkFilterBar {
           "text": "Recebe o DataUnit do ambiente. Se n\u00E3o for informado, procura pela refer\u00EAncia\ndo SnkDataUnit. Necess\u00E1rio para se registrar como provedor de filtros."
         }
       },
+      "title": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "T\u00EDtulo que ser\u00E1 apresentado na barra de filtros"
+        },
+        "attribute": "title",
+        "reflect": false
+      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -441,6 +512,24 @@ export class SnkFilterBar {
         "attribute": "resource-i-d",
         "reflect": false
       },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"button\" | \"hidden\"",
+          "resolved": "\"button\" | \"hidden\" | \"regular\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Modo de apresenta\u00E7\u00E3o da filterbar."
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
       "filterConfig": {
         "type": "unknown",
         "mutable": true,
@@ -483,6 +572,23 @@ export class SnkFilterBar {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "disablePersonalizedFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros)\ne no modal lateral de filtros (container de filtros personalizados)."
+        },
+        "attribute": "disable-personalized-filter",
+        "reflect": false
       }
     };
   }
@@ -612,6 +718,69 @@ export class SnkFilterBar {
               "text": "filterItem - Item a ser adicionado, caso o item j\u00E1 exista com o ID ele n\u00E3o ser\u00E1 adicionado novamente"
             }]
         }
+      },
+      "removeFilterItem": {
+        "complexType": {
+          "signature": "(filterID: string) => Promise<SnkFilterItemConfig | undefined>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "filterID - ID do a ser adicionado"
+                }],
+              "text": "- ID do a ser adicionado"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            }
+          },
+          "return": "Promise<SnkFilterItemConfig>"
+        },
+        "docs": {
+          "text": "Remove um item de filtro.",
+          "tags": [{
+              "name": "param",
+              "text": "filterID - ID do a ser adicionado"
+            }, {
+              "name": "returns",
+              "text": "- Retorna o item de filtro removido, ou undefined caso n\u00E3o encontrado."
+            }]
+        }
+      },
+      "showFilterModal": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterModalFactoryParams": {
+              "location": "import",
+              "path": "./utils/SnkFilterModalFactory"
+            },
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../snk-personalized-filter/interfaces/IPersonalizedFilter"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Abre o modal de filtros",
+          "tags": []
+        }
       }
     };
   }

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

@@ -1,12 +1,14 @@
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
     this._getMessage = getMessage;
+    this._disablePersonalizedFilter = disablePersonalizedFilter;
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
+    this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
   }
   applyFilters(newFilterConfig) {
     this._onComplete(newFilterConfig);
@@ -17,11 +19,13 @@ class SnkFilterModalFactory {
     filterModal.className = "ez-size-height--full";
     filterModal.filters = this._filterConfig;
     filterModal.configName = this._configName;
+    filterModal.disablePersonalizedFilter = this._disablePersonalizedFilter;
     filterModal.getMessage = this._getMessage.bind(this);
     filterModal.applyFilters = this.applyFilters.bind(this);
     filterModal.closeModal = () => this._closeModal();
     filterModal.addPersonalizedFilter = () => this._addPersonalizedFilterFn();
     filterModal.editPersonalizedFilter = (id) => this._editPersonalizedFilterFn(id);
+    filterModal.deletePersonalizedFilter = (filter, configName) => this._onDeletePersonalizedFilter(filter, configName);
     return filterModal;
   }
   async showModal() {

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

@@ -1,6 +1,6 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
-import { SnkFormConfigManager } from './SnkFormConfigManager';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkForm {
   constructor() {

package/dist/collection/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.js

@@ -1,9 +1,9 @@
 import { h, Host } from "@stencil/core";
 import { Sortable } from '@shopify/draggable';
-import { ObjectUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ObjectUtils, ArrayUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from "@sankhyalabs/ezui/dist/collection/utils";
-import { ACTION_CONFIG, CONFIG_EVENTS, CONFIG_SORTABLE_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../../../lib/utils/constants";
-import { UserConfigType } from "../../../../lib/http/data-fetcher/fetchers/form-config-fetcher";
+import { ACTION_CONFIG, CONFIG_EVENTS, CONFIG_SORTABLE_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../lib/utils/constants";
+import { UserConfigType } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 import { buildFormConfigFromDataUnit } from "@sankhyalabs/ezui/dist/collection/utils/form";
 const CONTAINER_ID = {
   collapsibleBox: "EZ-COLLAPSIBLE-BOX",
@@ -932,6 +932,12 @@ export class SnkFormConfig {
     this.controlSortableField();
     this.controlSortableGroup();
   }
+  async componentWillRender() {
+    if (this.messagesBuilder == undefined) {
+      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = application.messagesBuilder;
+    }
+  }
   componentWillLoad() {
     this.loadConfig();
   }
@@ -1005,7 +1011,7 @@ export class SnkFormConfig {
           "references": {
             "SnkFormConfigManager": {
               "location": "import",
-              "path": "../../SnkFormConfigManager"
+              "path": "./SnkFormConfigManager"
             }
           }
         },
@@ -1025,7 +1031,7 @@ export class SnkFormConfig {
           "references": {
             "SnkMessageBuilder": {
               "location": "import",
-              "path": "../../../../lib/message/SnkMessageBuilder"
+              "path": "../../lib/message/SnkMessageBuilder"
             }
           }
         },

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

@@ -1,6 +1,6 @@
 import { h, Fragment } from '@stencil/core';
 import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
-import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { PresentationMode } from '../../lib/@types';
@@ -9,19 +9,27 @@ import store from "../../lib/store";
 import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
+import { CrudUtils } from '../../lib';
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
+      "snkGridTopTaskbar.regular.singleTaskbar": [],
       "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
-      "snkGridTopTaskbar.finish_edition.secondary": []
+      "snkGridTopTaskbar.finish_edition.secondary": [],
+      "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
+      "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
+      "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
+      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -30,6 +38,7 @@ export class SnkGrid {
     this._showSnkFilterBar = true;
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
+    this.filterBarTitle = undefined;
     this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
@@ -45,6 +54,7 @@ export class SnkGrid {
     this.taskbarCustomContainerId = undefined;
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
+    this.disablePersonalizedFilter = undefined;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -102,19 +112,7 @@ export class SnkGrid {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    this.assertDefaultSorting();
-  }
-  assertDefaultSorting() {
-    if (this._gridConfig && this._dataUnit) {
-      this._dataUnit.defaultSorting = this._gridConfig
-        .columns
-        .filter(col => col.ascending != undefined)
-        .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
-        .map(({ name: field, ascending }) => {
-        const { dataType } = this._dataUnit.getField(field);
-        return { field, dataType, mode: ascending ? SortMode.ASC : SortMode.DESC };
-      });
-    }
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -240,7 +238,7 @@ export class SnkGrid {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
-    this.assertDefaultSorting();
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -302,30 +300,46 @@ export class SnkGrid {
     return invisibleButtons;
   }
   componentWillRender() {
-    var _a;
     const invisibleButtons = this.getInvisibleButtons();
-    const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
-    let headerTaskbarId;
-    if (hasSelectedRecord) {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.selected" : "snkGridHeaderTaskbar.selected";
-    }
-    else {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.unselected" : "snkGridHeaderTaskbar.unselected";
-    }
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
+    this._headerTaskbarProcessor.process(this.getHeaderTaskbarId(), this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
     this._topTaskbarProcessor.process(this.getTopTaskBarId(), this.taskbarManager, this._dataState, undefined, invisibleButtons);
     this.dataExporterProviderStore();
   }
+  getHeaderTaskbarId() {
+    var _a, _b;
+    const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
+    const taskbarIdPrefixLookup = {
+      primary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      secondary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      singleTaskbar: this.isDetail ? "snkGridHeaderTaskbar.singleTaskbar.detail" : "snkGridHeaderTaskbar.singleTaskbar"
+    };
+    const taskbarIdPrefix = taskbarIdPrefixLookup[this.presentationMode];
+    let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.isDirty) && this.presentationMode === PresentationMode.SINGLE_TASKBAR) {
+      headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
+    }
+    return headerTaskbarId;
+  }
   getTopTaskBarId() {
     var _a;
-    const sufix = this.presentationMode === PresentationMode.SECONDARY ? ".secondary" : "";
+    const suffixLookup = {
+      primary: "",
+      secondary: ".secondary",
+      singleTaskbar: ".singleTaskbar"
+    };
+    const sufix = suffixLookup[this.presentationMode];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
       return `snkGridTopTaskbar.finish_edition${sufix}`;
     }
     return `snkGridTopTaskbar.regular${sufix}`;
   }
   getPrimaryButton() {
-    return this.presentationMode === PresentationMode.PRIMARY ? "INSERT" : "";
+    const primaryButtonLookup = {
+      primary: "INSERT",
+      secondary: "",
+      singleTaskbar: "INSERT"
+    };
+    return primaryButtonLookup[this.presentationMode];
   }
   getColumnSearch(actionButton, item) {
     if (this._columnSearch != undefined) {
@@ -376,7 +390,7 @@ export class SnkGrid {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, 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) }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "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 }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === 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); }, 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 }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      h(Fragment, null, 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 }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "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' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === 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); }, 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 }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, 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 }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -430,6 +444,23 @@ export class SnkGrid {
         "attribute": "config-name",
         "reflect": false
       },
+      "filterBarTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "T\u00EDtulo que ser\u00E1 apresentado na barra de filtros"
+        },
+        "attribute": "filter-bar-title",
+        "reflect": false
+      },
       "resourceID": {
         "type": "string",
         "mutable": false,
@@ -573,7 +604,7 @@ export class SnkGrid {
         "mutable": false,
         "complexType": {
           "original": "PresentationMode",
-          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
           "references": {
             "PresentationMode": {
               "location": "import",
@@ -719,6 +750,23 @@ export class SnkGrid {
         "attribute": "top-taskbar-custom-slot-id",
         "reflect": false,
         "defaultValue": "'GRID_TASKBAR_CUSTOM_ELEMENTS'"
+      },
+      "disablePersonalizedFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros)\ne no modal lateral de filtros (container de filtros personalizados)."
+        },
+        "attribute": "disable-personalized-filter",
+        "reflect": false
       }
     };
   }