@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-86600.1 → 0.0.0-bugfix-dev-KB-86904.0

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

@@ -0,0 +1,433 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const core = require('@sankhyalabs/core');
+const SnkFormConfigManager = require('./SnkFormConfigManager-aa4631bd.js');
+const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
+const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
+const FormConfigHelper = require('./FormConfigHelper-c664dbae.js');
+const constants = require('./constants-6d82e405.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const formConfigFetcher = require('./form-config-fetcher-40d3f752.js');
+require('./ConfigStorage-48ba265b.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+require('./DataFetcher-1afdb18e.js');
+require('./PrintUtils-bcaeb82f.js');
+require('@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) {
+    index.registerInstance(this, hostRef);
+    this.exit = index.createEvent(this, "exit", 7);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.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 };
+    core.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.ResourceIDUtils.getResourceID();
+    }
+    this._configManager = new SnkFormConfigManager.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 (index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.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 &&
+      index.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
+  }
+  get _element() { return index.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) {
+    index.registerInstance(this, hostRef);
+    this.configClose = index.createEvent(this, "configClose", 7);
+    this.configChange = index.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 = !core.ObjectUtils.equals(this.configSelected, this.originalConfigSelected);
+    if (this.configSelected.origin === formConfigFetcher.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');
+    utils.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 ? formConfigFetcher.UserConfigType.DEFAULT : formConfigFetcher.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 === formConfigFetcher.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 = [...FormConfigHelper.buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea'))];
+    this.guidesMap = FormConfigHelper.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 = form.buildFormConfigFromDataUnit(this.dataUnit);
+    }
+    return core.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 === formConfigFetcher.UserConfigType.DEFAULT
+      && this.optionConfigChanged === true
+      && this.hasChanges === false;
+  }
+  getTabsToSave() {
+    return this.guidesList.map(tab => {
+      return {
+        name: tab.name,
+        label: tab.name === constants.TAB_NAMES.main ? tab.name : tab.label,
+        order: tab.name === constants.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 ? formConfigFetcher.UserConfigType.USER : formConfigFetcher.UserConfigType.DEFAULT);
+    });
+    this.originalConfigSelected = this.configSelected;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+    utils.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 = core.ObjectUtils.copy(this._formConfig);
+    formConfig.tabs = this.getTabsToSave();
+    formConfig.fields = FormConfigHelper.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 = FormConfigHelper.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 = FormConfigHelper.buildNewGuideName(this.guidesList);
+    const newGuide = {
+      name: newGuideName,
+      label: newGuideName,
+      visible: true,
+      order: this.guidesList.length + 1,
+    };
+    const newGuideFixedGroup = {
+      name: constants.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 = core.ApplicationContext.getContextValue('__SNK__APPLICATION__');
+      this.messagesBuilder = application.messagesBuilder;
+    }
+  }
+  async componentWillLoad() {
+    this.loadFormConfig();
+    await this.initializeUserConfig();
+  }
+  render() {
+    return (index.h(index.Host, null, index.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() }), index.h("div", { class: "ez-padding--medium" }, index.h("div", { class: "ez-flex sidebarNavigator__container" }, index.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) }), index.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) }), index.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;
+
+exports.snk_form = SnkForm;
+exports.snk_form_config = SnkFormConfig;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-21f0370c.js');
-const ConfigStorage = require('./ConfigStorage-df09fb78.js');
+const taskbarElements = require('./taskbar-elements-3b74cd21.js');
+const ConfigStorage = require('./ConfigStorage-48ba265b.js');
 const index$1 = require('./index-e3e39724.js');
-const fieldSearch = require('./field-search-68e34bf4.js');
-const index$2 = require('./index-ab1cfb44.js');
-const ClientSideExporterProvider = require('./ClientSideExporterProvider-a2753c93.js');
+const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
+const index$2 = require('./index-0ad2baeb.js');
+const ClientSideExporterProvider = require('./ClientSideExporterProvider-0ce2bcd9.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('./DataFetcher-1afdb18e.js');
 require('./ISave-c76e2c51.js');
@@ -18,8 +18,9 @@ require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-40d3f752.js');
-require('./constants-77c1b8bd.js');
+require('./constants-6d82e405.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('./IFetchDataExporterParams-e78ec415.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -81,7 +82,7 @@ class ServerSideExporterProvider extends ClientSideExporterProvider.CommonsExpor
   }
 }
 
-const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium);box-shadow:var(--shadow--small)}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding);outline:none}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium);box-shadow:var(--shadow--small)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -90,7 +91,8 @@ const SnkGrid = class {
     this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
     this._customEditors = new Map();
     this._customRenders = new Map();
-    this._topTaskbarProcessor = new fieldSearch.TaskbarProcessor({
+    this._keyboardManager = new core.KeyboardManager();
+    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.singleTaskbar": [],
@@ -98,7 +100,7 @@ const SnkGrid = class {
       "snkGridTopTaskbar.finish_edition.secondary": [],
       "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
-    this._headerTaskbarProcessor = new fieldSearch.TaskbarProcessor({
+    this._headerTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.selected": this.getGridHeaderSelectedBtns(),
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
@@ -150,9 +152,11 @@ const SnkGrid = class {
     this.autoFocus = true;
     this.enableGridInsert = false;
     this.outlineMode = false;
+    this.suppressHorizontalScroll = false;
     this.strategyExporter = index$1.ExporterStrategy.SERVER_SIDE;
-    this.paginationCounterMode = 'auto';
+    this.useSearchColumn = true;
     this.multipleEditionEnabled = true;
+    this.paginationCounterMode = 'auto';
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -204,12 +208,6 @@ const SnkGrid = class {
   async getFilterBar() {
     return this._snkFilterBar;
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    await fieldSearch.openFieldSearch(this._moreOptions, this._columnSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -508,12 +506,11 @@ const SnkGrid = class {
     };
     return primaryButtonLookup[this.presentationMode];
   }
-  getColumnSearch(actionButton, item) {
+  getColumnSearch(item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    this._moreOptions = actionButton;
-    this._columnSearch = fieldSearch.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
+    this._columnSearch = utils.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
         accept(columns
           .filter(column => !column.hidden)
@@ -522,19 +519,12 @@ const SnkGrid = class {
     }), (option) => {
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
       }
     });
     return this._columnSearch;
   }
   getActionsList() {
-    const hardList = [{
-        value: core.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;
@@ -549,6 +539,16 @@ const SnkGrid = class {
     }
     return hardList.concat(this.actionsList);
   }
+  getActionsSettingsList() {
+    const hardList = [{
+        value: core.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;
@@ -572,8 +572,8 @@ const SnkGrid = class {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "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' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, 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 }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { 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 }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {