@sankhyalabs/sankhyablocks 8.16.0-dev.110 → 8.16.0-dev.111

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -15,16 +15,17 @@ require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-40d3f752.js');
 const constants = require('./constants-77c1b8bd.js');
-const taskbarElements = require('./taskbar-elements-02379452.js');
-const snkGuidesViewer = require('./snk-guides-viewer-fd39f437.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-aecd7c18.js');
+const taskbarElements = require('./taskbar-elements-6f4e06af.js');
+const snkGuidesViewer = require('./snk-guides-viewer-d33379cd.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-9deeae08.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 require('./ConfigStorage-df09fb78.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('./index-102ba62d.js');
-require('./field-search-68e34bf4.js');
+require('./taskbar-processor-2fba34a8.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 class GuideBuilder {
@@ -81,6 +82,8 @@ const SnkDetailView = class {
     this._disabledButtons = undefined;
     this._currentView = undefined;
     this.attachmentRegisterKey = undefined;
+    this._fieldToGetFocus = undefined;
+    this._hasToCreateFieldSearch = true;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
     this.resourceID = undefined;
@@ -300,6 +303,11 @@ const SnkDetailView = class {
   async componentDidLoad() {
     await this.observerPropsCustomEditor(this.customEditors);
     await this.observeCustomRenders(this.customRenders);
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
   async dataUnitActionHandler(action) {
     if (action.type === core.Action.FIELD_INVALIDATED) {
@@ -313,11 +321,55 @@ const SnkDetailView = class {
   normalizeBranchGuideId(id) {
     return id === null || id === void 0 ? void 0 : id.replace(/child\[(.*?)\]/g, '$1').replace(/::/g, '>');
   }
+  getSettingsListForm() {
+    const hardList = [{
+        value: core.StringUtils.generateUUID(),
+        label: this.messagesBuilder.getMessage("snkCrud.findColumn", undefined),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (_, item) => this.getFieldsSearch(item)
+      }];
+    return hardList;
+  }
+  getFieldsSearch(item) {
+    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
+      this._hasToCreateFieldSearch = false;
+      this._fieldSearch = utils.buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
+    }
+    return this._fieldSearch;
+  }
+  fieldsOptionLoader(argument) {
+    const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
+    const allFields = this.getFormFields().map(field => { var _a; return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field.name); });
+    const filteredFields = allFields.filter(field => {
+      var _a, _b;
+      return ((_a = field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchTerm)) ||
+        ((_b = field.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchTerm));
+    });
+    const options = filteredFields.map(field => ({ value: field.name, label: field.label }));
+    return Promise.resolve(options);
+  }
+  onSelectField(option) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+  }
+  clearFieldToFocusHandler() {
+    this._fieldToGetFocus = undefined;
+  }
+  async initKeyboardManager() {
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager.bind(utils.SHORTCUT_SEARCH_FIELD, async () => {
+      await this._snkFormView.showSearchField();
+    }, { description: utils.LABEL_SEARCH_FIELD, element: this._element });
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
+  get _element() { return index.getElement(this); }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
     "dataState": ["observerDataState"],

package/dist/cjs/snk-form-view.cjs.entry.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 
 const snkFormViewCss = ".sc-snk-form-view-h{display:flex;width:100%;--ez-form-card-summary-field-content-weight:700}.level-path.sc-snk-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
 
@@ -17,6 +18,7 @@ const SnkFormView = class {
     this._customEditors = new Map();
     this._fieldProps = new Map();
     this.levelPath = undefined;
+    this.fieldSearch = undefined;
     this.label = undefined;
     this.name = undefined;
     this.fields = undefined;
@@ -49,11 +51,6 @@ const SnkFormView = class {
     newCustomEditors.set(fieldName, { customEditor, detailContext });
     this._customEditors = newCustomEditors;
   }
-  observePropsCustomEditor(newValue) {
-    for (const fieldName in newValue) {
-      this.addCustomEditor(fieldName, newValue[fieldName]);
-    }
-  }
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
    */
@@ -61,6 +58,21 @@ const SnkFormView = class {
     const props = this._fieldProps.get(fieldName) || [];
     this._fieldProps.set(fieldName, [...props, { propName, value }]);
   }
+  /**
+   * Exibe a busca de campos ancorada ao container de cabeçalho do snk-form-view.
+   */
+  async showSearchField() {
+    if (!this._headerContainer || !this._ezPopoverFieldColumn)
+      return;
+    const container = this._headerContainer.getBoundingClientRect();
+    await utils.focusOnFieldSerch(this.fieldSearch);
+    this._ezPopoverFieldColumn.showUnder(this._headerContainer, { horizontalGap: container.width - (utils.SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
+  }
+  observePropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
   async observeFieldsProps(newValue) {
     for (const field in newValue) {
       const fieldProps = newValue[field];
@@ -167,13 +179,13 @@ const SnkFormView = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: "ez-box__container" }, index.h("div", { class: "summary-header ez-flex ez-size-width--full" }, index.h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? index.h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), index.h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
+    return (index.h(index.Host, { class: "ez-box__container" }, index.h("div", { class: "summary-header ez-flex ez-size-width--full", ref: ref => this._headerContainer = ref }, index.h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? index.h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), index.h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
       index.h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.fixed ? "un-pin" : "push-pin", "data-element-id": core.ElementIDUtils.getInternalIDInfo("toggleFixed_ezFormCard"), onClick: () => this.changeFix(), title: this.fixed ? "Desafixar" : "Fixar" }), this.canExpand &&
       index.h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.contracted ? "chevron-down" : "chevron-up", "data-element-id": core.ElementIDUtils.getInternalIDInfo("toggleExpand_ezFormCard"), onClick: () => this.changeContracted(), title: this.contracted ? "Expandir" : "Resumir" }))), index.h("slot", null), this.contracted
       ?
         index.h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
+        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
   }
   static get watchers() { return {
     "customEditors": ["observePropsCustomEditor"],

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-02379452.js');
+const taskbarElements = require('./taskbar-elements-6f4e06af.js');
 const ConfigStorage = require('./ConfigStorage-df09fb78.js');
 const index$1 = require('./index-e3e39724.js');
-const fieldSearch = require('./field-search-68e34bf4.js');
+const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 const index$2 = require('./index-102ba62d.js');
 const ClientSideExporterProvider = require('./ClientSideExporterProvider-a2753c93.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
@@ -20,6 +20,7 @@ require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-40d3f752.js');
 require('./constants-77c1b8bd.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');
@@ -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"],
@@ -151,6 +153,7 @@ const SnkGrid = class {
     this.enableGridInsert = false;
     this.outlineMode = false;
     this.strategyExporter = index$1.ExporterStrategy.SERVER_SIDE;
+    this.useSearchColumn = true;
     this.multipleEditionEnabled = true;
   }
   getGridHeaderSelectedBtns() {
@@ -203,12 +206,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
    */
@@ -507,12 +504,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)
@@ -521,19 +517,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;
@@ -548,6 +537,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;
@@ -571,8 +570,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 }, 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 }, 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 {

package/dist/cjs/{snk-guides-viewer-fd39f437.js → snk-guides-viewer-d33379cd.js}

@@ -4,8 +4,8 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-45a8d7b7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const fieldSearch = require('./field-search-68e34bf4.js');
-const taskbarElements = require('./taskbar-elements-02379452.js');
+const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
+const taskbarElements = require('./taskbar-elements-6f4e06af.js');
 const constants = require('./constants-77c1b8bd.js');
 require('./DataFetcher-1afdb18e.js');
 require('./ISave-c76e2c51.js');
@@ -16,6 +16,7 @@ require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-40d3f752.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-small:var(--space--2xs, 8px);--snk-guides-viewer__header--min-height:68px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-small);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-small)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-small));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-small))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 
@@ -55,6 +56,7 @@ const SnkGuidesViewer = class {
     this._customEditors = undefined;
     this._customRenders = undefined;
     this._fieldsProps = {};
+    this._mainForm = undefined;
   }
   observeDataUnit() {
     this.loadGuides(true);
@@ -81,12 +83,6 @@ const SnkGuidesViewer = class {
     this._formEditorConfigManager = masterConfig ? this._configManager : this._currentDetail.formConfigManager;
     this._formEditorDataUnit = masterConfig ? this.dataUnit : this._currentDetail.dataUnit;
   }
-  /**
-  * Abre o localizador de campos
-  */
-  async findField() {
-    await fieldSearch.openFieldSearch(this._moreOptions, this._fieldSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -218,7 +214,7 @@ const SnkGuidesViewer = class {
     taskbarIDs[TASKBAR_ID.REGULAR] = this.buildBtnsRegularMode();
     taskbarIDs[TASKBAR_ID.FINISH_EDITION] = [taskbarElements.TaskbarElement.CANCEL, taskbarElements.TaskbarElement.SAVE, this.handleAddGridMode()];
     taskbarIDs[TASKBAR_ID.MUTIPLE_EDITION] = [taskbarElements.TaskbarElement.CANCEL];
-    this._taskbarProcessor = new fieldSearch.TaskbarProcessor(taskbarIDs);
+    this._taskbarProcessor = new taskbarProcessor.TaskbarProcessor(taskbarIDs);
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.buildDisabledButtons(), this.buildInvisibleButtons());
   }
   buildBtnsRegularMode() {
@@ -331,7 +327,7 @@ const SnkGuidesViewer = class {
       const sheet = this._masterFormMetadata.getSheet(cardId);
       if (sheet) {
         const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
+        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -431,12 +427,10 @@ const SnkGuidesViewer = class {
     }
     this._guideHasChanged = false;
   }
-  getFieldsSearch(actionButton, item) {
+  getFieldsSearch(item) {
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
-      this._moreOptions = actionButton;
-      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
-      this._fieldSearch = fieldSearch.buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
+      this._fieldSearch = utils.buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
     }
     return this._fieldSearch;
   }
@@ -444,7 +438,7 @@ const SnkGuidesViewer = class {
     return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
-  onSelectField(option, actionButton) {
+  onSelectField(option) {
     if (option == undefined) {
       return;
     }
@@ -453,24 +447,28 @@ const SnkGuidesViewer = class {
     if (fieldGuideName !== this.selectedGuide.id) {
       this.changeGuideHandler(fieldGuideName);
     }
-    actionButton.hideActions();
   }
   getActionsList() {
+    var _a;
+    const hardList = [];
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      return hardList.concat((_a = this.taskbarManager.getMoreOptions(this.getTaskBarId(), this.configName, this.dataState, this.actionsList)) !== null && _a !== void 0 ? _a : []);
+    }
+    return hardList.concat(this.actionsList);
+  }
+  getSettingsListForm() {
     const hardList = [{
-        value: "",
+        value: core.StringUtils.generateUUID(),
         label: this.getMessage("snkCrud.findColumn"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
-        itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
+        itemBuilder: (_, item) => this.getFieldsSearch(item)
       }];
-    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
-      return hardList.concat(this.taskbarManager.getMoreOptions(this.getTaskBarId(), this.configName, this.dataState, this.actionsList));
-    }
-    return hardList.concat(this.actionsList);
+    return hardList;
   }
   buildTaskBar() {
     var _a;
-    return index.h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? taskbarElements.TaskbarElement.SAVE : taskbarElements.TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return index.h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? taskbarElements.TaskbarElement.SAVE : taskbarElements.TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
@@ -546,11 +544,24 @@ const SnkGuidesViewer = class {
   }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  async initKeyboardManager() {
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager.bind(utils.SHORTCUT_SEARCH_FIELD, async () => {
+      if (!this._mainForm)
+        return;
+      await this._mainForm.showSearchField();
+    }, { description: utils.LABEL_SEARCH_FIELD, element: this._element });
   }
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (index.h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }));
+      return (index.h("snk-form-config", { tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
@@ -573,6 +584,7 @@ const SnkGuidesViewer = class {
       fieldsProps: this._fieldsProps
     }), this.getContent())), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
   }
+  get _element() { return index.getElement(this); }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
     "dataState": ["observeDataState"],

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-fd39f437.js');
+const snkGuidesViewer = require('./snk-guides-viewer-d33379cd.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-45a8d7b7.js');
@@ -14,8 +14,8 @@ require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./constants-77c1b8bd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./field-search-68e34bf4.js');
-require('./taskbar-elements-02379452.js');
+require('./taskbar-processor-2fba34a8.js');
+require('./taskbar-elements-6f4e06af.js');
 require('./index-e3e39724.js');
 require('./index-102ba62d.js');
 require('./ISave-c76e2c51.js');
@@ -25,6 +25,7 @@ require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
+require('@sankhyalabs/ezui/dist/collection/utils');