@sankhyalabs/sankhyablocks 8.16.0-ms.10 → 8.16.0-ms.12

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

@@ -0,0 +1,428 @@
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-479e1293.js';
+import { ElementIDUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-b4b93298.js';
+import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
+import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
+import { b as buildGuides, a as buildGuidesMap, g as getFieldsToSave, u as updateTabInFieldsFromGroupList, c as buildNewGuideName } from './FormConfigHelper-49fe72ca.js';
+import { a as TAB_NAMES, G as GROUP_NAMES } from './constants-7b422de0.js';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { U as UserConfigType } from './form-config-fetcher-fa208a6c.js';
+import './ConfigStorage-79b9e180.js';
+import './filter-item-type.enum-d45e026f.js';
+import './DataFetcher-88e56266.js';
+import './PrintUtils-3e4ff0f5.js';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+
+const snkFormCss = ".sc-snk-form-h{--snk-form__header--min-height:94px;display:block}.snk-form__form--hidden.sc-snk-form{display:none}";
+
+const SnkForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.exit = createEvent(this, "exit", 7);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
+    this._customEditors = new Map();
+    this._dataUnit = undefined;
+    this._dataState = undefined;
+    this._showFormConfig = false;
+    this._configManager = undefined;
+    this.configName = undefined;
+    this.recordsValidator = undefined;
+    this.messagesBuilder = undefined;
+    this.formLegacyConfigName = undefined;
+    this.resourceID = undefined;
+  }
+  /**
+   * Exibe a janela de configurações do formulário.
+   */
+  async showConfig() {
+    this._showFormConfig = true;
+  }
+  /**
+   * Fecha a janela de configurações do formulário.
+   */
+  async hideConfig() {
+    this._showFormConfig = false;
+  }
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    if (this._form) {
+      this._form.addCustomEditor(fieldName, customEditor);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, customEditor);
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  async setFieldProp(fieldName, propName, value) {
+    await this._form.setFieldProp(fieldName, propName, value);
+  }
+  closeConfig() {
+    this.hideConfig();
+  }
+  dataunitReady() {
+    const dataInfo = { dataUnit: this._dataUnit };
+    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+  }
+  setCustomEditors() {
+    if (!this._form) {
+      return;
+    }
+    for (const [fieldName, customEditor] of this._customEditors) {
+      this._form.addCustomEditor(fieldName, customEditor);
+      this._customEditors.delete(fieldName);
+    }
+  }
+  async componentDidRender() {
+    this.setCustomEditors();
+  }
+  async componentWillLoad() {
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        this._dataState = this._snkDataUnit.dataState;
+        if (this._dataUnit) {
+          this.dataunitReady();
+        }
+        else {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", this.handleDataStateChange.bind(this));
+        break;
+      }
+      parent = parent.parentElement;
+    }
+    if (this.resourceID == undefined) {
+      this.resourceID = await ResourceIDUtils.getResourceID();
+    }
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, undefined, this._dataUnit);
+    this.addFormLegacyConfig();
+    await this._configManager.loadConfig();
+  }
+  async handleDataStateChange(evt) {
+    var _a;
+    this._dataState = evt.detail;
+    const fieldsWithRmPrecision = await this._snkDataUnit.getFieldsWithRmPrecision();
+    for (const field of fieldsWithRmPrecision || []) {
+      if (!field) {
+        continue;
+      }
+      const rmPrecision = (_a = this._dataState.rowMetadata) === null || _a === void 0 ? void 0 : _a.getProp('rm_precision', field);
+      if (!rmPrecision && rmPrecision !== 0) {
+        continue;
+      }
+      await this.setFieldProp(field, 'precision', rmPrecision);
+      await this.setFieldProp(field, 'prettyPrecision', rmPrecision);
+    }
+  }
+  addFormLegacyConfig() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
+  render() {
+    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._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() })))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkForm.style = snkFormCss;
+
+const snkFormConfigCss = ".sc-snk-form-config-h{display:flex;flex-direction:column;height:100vh;width:100vw;font-family:var(--font-pattern, \"Roboto\");background:white;color:#2b3a54;--snk-form-config-container-height:calc(100vh - 95px);outline:none}.sidebarNavigator__container.sc-snk-form-config{height:var(--snk-form-config-container-height);gap:20px;align-items:flex-start}.guide-header.sc-snk-form-config{display:flex;width:100%;padding-bottom:12px;border-bottom:1px solid #dce0e8;height:30px;font-weight:500;font-size:16px}";
+
+const SnkFormConfig = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.configClose = createEvent(this, "configClose", 7);
+    this.configChange = createEvent(this, "configChange", 7);
+    this.guidesMap = new Map();
+    this.availableFields = [];
+    this.guidesList = [];
+    this.groupsList = [];
+    this.selectedGuide = undefined;
+    this._formConfig = {};
+    this.configOptions = [];
+    this.originalConfigSelected = undefined;
+    this.configSelected = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+    this.dataUnit = undefined;
+    this.configManager = undefined;
+    this.ignoreReadOnlyFormFields = undefined;
+    this.messagesBuilder = undefined;
+  }
+  handleFieldConfigChanged() {
+    this.hasChanges = true;
+  }
+  async handleFormConfigOptionSelected({ detail }) {
+    this.configSelected = detail;
+    await this.loadConfigByUser();
+    this.selectedGuide = undefined;
+    this.optionConfigChanged = !ObjectUtils.equals(this.configSelected, this.originalConfigSelected);
+    if (this.configSelected.origin === UserConfigType.DEFAULT) {
+      this.hasChanges = false;
+    }
+  }
+  async handleAddFieldToGuide({ detail: fieldItem }) {
+    var _a;
+    if (!this.selectedGuide) {
+      this.showNoGuideSelectedDialog();
+      return;
+    }
+    this.availableFields = [...this.availableFields.filter(f => f.name !== fieldItem.name)];
+    await ((_a = this.refFieldsLayout) === null || _a === void 0 ? void 0 : _a.addFieldToLayout(fieldItem));
+  }
+  async handleSetFieldAsAvailable({ detail }) {
+    const hasField = this.availableFields.some(f => f.name === detail.name);
+    if (hasField)
+      return;
+    this.availableFields = [...this.availableFields, detail];
+  }
+  async handleRemoveFieldFromAvailable({ detail }) {
+    this.availableFields = this.availableFields.filter(f => f.name !== detail.name);
+  }
+  observeSelectedGuide(guide) {
+    var _a;
+    const guideGroups = (_a = this.guidesMap.get(guide === null || guide === void 0 ? void 0 : guide.name)) !== null && _a !== void 0 ? _a : [];
+    this.groupsList = [...guideGroups];
+  }
+  observeConfigManager() {
+    this.loadFormConfig();
+  }
+  showNoGuideSelectedDialog() {
+    const title = this.getMessage('snkFormConfig.noGuideSelected.title');
+    const message = this.getMessage('snkFormConfig.noGuideSelected.message');
+    ApplicationUtils.alert(title, message);
+  }
+  /**
+   * 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-form.msg.ts"
+   */
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async initializeUserConfig() {
+    if (this.configManager == undefined)
+      return;
+    try {
+      const userConfig = await this.configManager.fetchUserAvailableConfigs();
+      this.configOptions = userConfig;
+      const isDefault = this._formConfig != undefined ? this._formConfig.defaultConfiguration : true;
+      const origin = (isDefault ? UserConfigType.DEFAULT : UserConfigType.USER);
+      this.configSelected = userConfig.find((config) => config.origin === origin);
+      this.originalConfigSelected = userConfig.find((config) => config.origin === origin);
+    }
+    catch (error) {
+      console.error('Falha ao buscar configurações de formulário definida pelo usuário.');
+      console.error(error);
+    }
+  }
+  async loadConfigByUser() {
+    if (!this.configManager || !this.configSelected)
+      return;
+    if (this.isConfigDefaultSelected()) {
+      await this.handleLoadDefaultConfig();
+    }
+    else {
+      this.loadFormConfig();
+    }
+  }
+  async handleLoadDefaultConfig() {
+    const defaultConfig = await this.configManager.fetchDefaultConfig();
+    if (defaultConfig) {
+      this.loadFormConfig(defaultConfig);
+      return;
+    }
+    const emptyConfig = this.configManager.getEmptyConfig();
+    if (emptyConfig) {
+      this.loadFormConfig(emptyConfig);
+    }
+  }
+  isConfigDefaultSelected() {
+    return this.configSelected.origin === UserConfigType.DEFAULT;
+  }
+  loadFormConfig(config) {
+    this._formConfig = config ? config : this.getConfig();
+    this.loadGuides();
+    this.initializeAvailableFields();
+  }
+  initializeAvailableFields() {
+    var _a;
+    if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined)
+      return;
+    const fieldsFormConfig = [...this._formConfig.fields];
+    const fieldsMetadata = this.dataUnit.metadata.fields;
+    this.availableFields = fieldsMetadata.filter(({ name: fieldName, visible: fieldVisible, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: fieldFormName }) => fieldFormName === fieldName);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+       */
+      if (!hasCfg && properties.visibleOnConfig === true && !fieldVisible)
+        return properties.visibleOnConfig;
+      return fieldVisible === true && hasCfg === false;
+    });
+  }
+  loadGuides() {
+    var _a;
+    this.guidesList = [...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea'))];
+    this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+  }
+  getConfig() {
+    let config = this.configManager.getConfig(this.dataUnit, false);
+    if (config.fields && config.fields.length === 0) {
+      config = undefined;
+    }
+    if (config == undefined) {
+      config = buildFormConfigFromDataUnit(this.dataUnit);
+    }
+    return ObjectUtils.copy(config);
+  }
+  handleSelectGuide({ detail: selectedGuide }) {
+    this.selectedGuide = selectedGuide;
+  }
+  handleLayoutChanged({ detail: newGroupList }) {
+    this.hasChanges = true;
+    this.groupsList = [...newGroupList];
+    this.guidesMap.set(this.selectedGuide.name, [...newGroupList]);
+  }
+  getIsDefaultConfig() {
+    var _a;
+    const optionSelected = (_a = this.configSelected) === null || _a === void 0 ? void 0 : _a.origin;
+    return optionSelected === UserConfigType.DEFAULT
+      && this.optionConfigChanged === true
+      && this.hasChanges === false;
+  }
+  getTabsToSave() {
+    return this.guidesList.map(tab => {
+      return {
+        name: tab.name,
+        label: tab.name === TAB_NAMES.main ? tab.name : tab.label,
+        order: tab.name === TAB_NAMES.main ? 0 : tab.order,
+        visible: tab.visible,
+      };
+    });
+  }
+  async handleSaveConfig() {
+    var _a;
+    const savedConfig = await this.configManager.saveConfig(this.buildConfigToSave());
+    this.configSelected = (_a = this.configOptions) === null || _a === void 0 ? void 0 : _a.find((config) => {
+      return config.origin === (this.hasChanges ? UserConfigType.USER : UserConfigType.DEFAULT);
+    });
+    this.originalConfigSelected = this.configSelected;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+    ApplicationUtils.info(this.getMessage('snkFormConfig.info.successfullyConfigSaved'), { iconName: 'check' });
+    this.configChange.emit(savedConfig);
+  }
+  buildConfigToSave() {
+    if (this.getIsDefaultConfig()) {
+      const formConfig = this._formConfig;
+      formConfig.defaultConfiguration = true;
+      return formConfig;
+    }
+    const formConfig = ObjectUtils.copy(this._formConfig);
+    formConfig.tabs = this.getTabsToSave();
+    formConfig.fields = getFieldsToSave(this.guidesMap);
+    formConfig.defaultConfiguration = false;
+    return formConfig;
+  }
+  handleAvailableFieldListChanged({ detail: updatedList }) {
+    this.availableFields = [...updatedList];
+  }
+  handleSetFieldListAsAvailable({ detail: updatedList }) {
+    this.availableFields = [...this.availableFields, ...updatedList];
+  }
+  handleGuideDeleted({ detail: guide }) {
+    var _a, _b;
+    const guideName = guide.name;
+    const guideGroups = (_a = this.guidesMap.get(guideName)) !== null && _a !== void 0 ? _a : [];
+    const fieldsToAvailable = [];
+    guideGroups.forEach(group => fieldsToAvailable.push(...group.fields));
+    this.availableFields = [...this.availableFields, ...fieldsToAvailable];
+    this.guidesList = [...this.guidesList.filter(g => g.name !== guideName)];
+    this.guidesMap.delete(guideName);
+    if (((_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.name) === guideName) {
+      this.selectedGuide = undefined;
+    }
+    this.hasChanges = true;
+  }
+  handleGuideListChanged({ detail: updatedList }) {
+    this.hasChanges = true;
+    this.guidesList = [...updatedList];
+  }
+  handleGuideRenamed({ detail: updatedName }) {
+    var _a;
+    const guideGroups = (_a = this.guidesMap.get(this.selectedGuide.name)) !== null && _a !== void 0 ? _a : [];
+    const updatedGroups = updateTabInFieldsFromGroupList(guideGroups, updatedName);
+    this.guidesMap.delete(this.selectedGuide.name);
+    this.guidesMap.set(updatedName, updatedGroups);
+    const updatedGuide = {
+      name: updatedName,
+      label: updatedName,
+      visible: this.selectedGuide.visible,
+      order: this.selectedGuide.order,
+    };
+    this.guidesList = [...this.guidesList.map(guide => (guide.name === this.selectedGuide.name) ? updatedGuide : guide)];
+    this.groupsList = [...updatedGroups];
+    this.selectedGuide = updatedGuide;
+    this.hasChanges = true;
+  }
+  handleCreateNewGuide() {
+    const newGuideName = buildNewGuideName(this.guidesList);
+    const newGuide = {
+      name: newGuideName,
+      label: newGuideName,
+      visible: true,
+      order: this.guidesList.length + 1,
+    };
+    const newGuideFixedGroup = {
+      name: GROUP_NAMES.noGroup,
+      fields: [],
+    };
+    this.guidesList = [...this.guidesList, newGuide];
+    this.guidesMap.set(newGuideName, [newGuideFixedGroup]);
+    this.selectedGuide = newGuide;
+    this.hasChanges = true;
+  }
+  getGuideNames() {
+    return [
+      ...this.guidesList.map(g => g.name.toLowerCase()),
+      this.getMessage('snkFormConfig.form.mainArea').toLowerCase(),
+    ];
+  }
+  async componentWillRender() {
+    if (this.messagesBuilder == undefined) {
+      const application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
+      this.messagesBuilder = application.messagesBuilder;
+    }
+  }
+  async componentWillLoad() {
+    this.loadFormConfig();
+    await this.initializeUserConfig();
+  }
+  render() {
+    return (h(Host, null, h("config-header", { configOptions: this.configOptions, selectedConfig: this.configSelected, messagesBuilder: this.messagesBuilder, hasChanges: this.hasChanges, optionConfigChanged: this.optionConfigChanged, onConfigClose: () => this.configClose.emit(), onSaveConfig: async () => await this.handleSaveConfig() }), h("div", { class: "ez-padding--medium" }, h("div", { class: "ez-flex sidebarNavigator__container" }, h("guides-configurator", { messagesBuilder: this.messagesBuilder, guidesList: this.guidesList, selectedGuide: this.selectedGuide, onGuideSelected: this.handleSelectGuide.bind(this), onGuideListChanged: this.handleGuideListChanged.bind(this), onCreateNewGuide: this.handleCreateNewGuide.bind(this), onGuideDeleted: this.handleGuideDeleted.bind(this) }), h("fields-layout", { ref: ref => this.refFieldsLayout = ref, selectedGuide: this.selectedGuide, guideNames: this.getGuideNames(), groupsList: this.groupsList, messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, onGuideRenamed: this.handleGuideRenamed.bind(this), onLayoutChanged: this.handleLayoutChanged.bind(this), onSetFieldListAsAvailable: this.handleSetFieldListAsAvailable.bind(this) }), h("fields-selector", { dataUnit: this.dataUnit, availableFields: this.availableFields, onFieldListChanged: this.handleAvailableFieldListChanged.bind(this) })))));
+  }
+  static get watchers() { return {
+    "selectedGuide": ["observeSelectedGuide"],
+    "configManager": ["observeConfigManager"]
+  }; }
+};
+SnkFormConfig.style = snkFormConfigCss;
+
+export { SnkForm as snk_form, SnkFormConfig as snk_form_config };

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

@@ -1,22 +1,22 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a7d3d3f1.js';
-import { Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-ed51e143.js';
-import { C as ConfigStorage } from './ConfigStorage-e5c1f4c0.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-479e1293.js';
+import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
+import { T as TaskbarElement } from './taskbar-elements-171476d4.js';
+import { C as ConfigStorage } from './ConfigStorage-79b9e180.js';
 import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
-import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-f8b1d91e.js';
-import { s as store } from './index-c57e49af.js';
-import { C as CommonsExporter, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ClientSideExporterProvider-bd24a4b3.js';
+import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
+import { s as store } from './index-b72af127.js';
+import { C as CommonsExporter, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ClientSideExporterProvider-3ed744fd.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import './DataFetcher-ecf5f903.js';
-import './pesquisa-fetcher-e26c3295.js';
-import './ISave-d8c8bc59.js';
+import './DataFetcher-88e56266.js';
+import './ISave-5efafc97.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-ed6e65ef.js';
+import './dataunit-fetcher-0e025732.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-34becd23.js';
-import './constants-75abb876.js';
+import './form-config-fetcher-fa208a6c.js';
+import './constants-7b422de0.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import './IFetchDataExporterParams-d73bed3d.js';
 import './PrintUtils-3e4ff0f5.js';
@@ -87,6 +87,7 @@ const SnkGrid = class {
     this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
     this._customEditors = new Map();
     this._customRenders = new Map();
+    this._keyboardManager = new KeyboardManager();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -97,7 +98,7 @@ const SnkGrid = class {
     });
     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.selected": this.getGridHeaderSelectedBtns(),
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
       "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"],
@@ -147,9 +148,22 @@ const SnkGrid = class {
     this.autoFocus = true;
     this.enableGridInsert = false;
     this.outlineMode = false;
+    this.suppressHorizontalScroll = false;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
+    this.useSearchColumn = true;
+    this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
   }
+  getGridHeaderSelectedBtns() {
+    const btns = [
+      TaskbarElement.UPDATE, TaskbarElement.CLONE, TaskbarElement.REMOVE,
+      TaskbarElement.MORE_OPTIONS, TaskbarElement.DIVIDER, TaskbarElement.ATTACH, TaskbarElement.FORM_MODE,
+      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
+  }
   reloadConfig() {
     this.loadConfig();
   }
@@ -190,12 +204,6 @@ const SnkGrid = class {
   async getFilterBar() {
     return this._snkFilterBar;
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    await openFieldSearch(this._moreOptions, this._columnSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -433,20 +441,23 @@ const SnkGrid = class {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push(TaskbarElement.CLONE, "ATTACH", TaskbarElement.UPDATE);
+        disabledButtons.push(TaskbarElement.CLONE, TaskbarElement.ATTACH, TaskbarElement.UPDATE);
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
+        disabledButtons.push(TaskbarElement.REMOVE);
       }
     }
     return disabledButtons;
   }
   getInvisibleButtons() {
+    var _a, _b;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
-      invisibleButtons.push("DATA_EXPORTER");
-    if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
+    if (((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo.mode) === SelectionMode.ALL_RECORDS)
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
+      invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -491,11 +502,10 @@ const SnkGrid = class {
     };
     return primaryButtonLookup[this.presentationMode];
   }
-  getColumnSearch(actionButton, item) {
+  getColumnSearch(item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
         accept(columns
@@ -505,19 +515,12 @@ const SnkGrid = class {
     }), (option) => {
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
       }
     });
     return this._columnSearch;
   }
   getActionsList() {
-    const hardList = [{
-        value: StringUtils.generateUUID(),
-        label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
-        disableCloseOnSelect: true,
-        eagerInitialize: true,
-        itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
-      }];
+    const hardList = [];
     if (this.enableGridInsert) {
       hardList.push(this._continuousInsertUtils.actionContinuousInsert(this._enableContinuousInsert, () => {
         this._enableContinuousInsert = !this._enableContinuousInsert;
@@ -532,6 +535,16 @@ const SnkGrid = class {
     }
     return hardList.concat(this.actionsList);
   }
+  getActionsSettingsList() {
+    const hardList = [{
+        value: StringUtils.generateUUID(),
+        label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (_, item) => this.getColumnSearch(item)
+      }];
+    return hardList;
+  }
   handleFilterConfigUpdated(filterConfig) {
     if (!filterConfig.length) {
       this._showSnkFilterBar = false;
@@ -555,8 +568,8 @@ const SnkGrid = class {
     if (!this._dataUnit) {
       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--extra-small" }, this._showSnkFilterBar &&
-      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, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, paginationCounterMode: this.paginationCounterMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, 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 }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
+      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, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), 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 ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, 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 }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {