@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0 → 0.0.0-bugfix-dev-KB-99999.0

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

@@ -1,20 +1,22 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
-import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
-import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-0a6b8b95.js';
-import { C as ConfigStorage } from './ConfigStorage-f359573c.js';
-import { P as PresentationMode } from './index-1564817d.js';
-import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a7d3d3f1.js';
+import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
+import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
+import { C as ConfigStorage } from './ConfigStorage-1244b8b0.js';
+import { P as PresentationMode } from './index-0ece87a6.js';
+import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-efbe307f.js';
 import { s as store } from './index-bdf75557.js';
-import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-892f37f9.js';
+import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-44494b0e.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import './form-config-fetcher-8ef7be16.js';
-import './DataFetcher-8daff9ad.js';
-import './_commonjsHelpers-9943807e.js';
+import './form-config-fetcher-36219cd3.js';
+import './DataFetcher-aa159c5a.js';
 import './PrintUtils-3e4ff0f5.js';
-import './filter-item-type.enum-5028ed3f.js';
+import './filter-item-type.enum-d45e026f.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
+import './PreloadManager-c1c2f2b4.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.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:300px}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.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}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -24,19 +26,27 @@ const SnkGrid = class {
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
+      "snkGridTopTaskbar.regular.singleTaskbar": [],
       "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
-      "snkGridTopTaskbar.finish_edition.secondary": []
+      "snkGridTopTaskbar.finish_edition.secondary": [],
+      "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
-      "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
-      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+      "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"],
+      "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
+      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
+    this._showSnkFilterBar = true;
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
     this.resourceID = undefined;
@@ -86,6 +96,18 @@ const SnkGrid = class {
     var _a;
     (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.reload();
   }
+  /**
+   * Retorna o elemento da filter-bar da grade.
+   */
+  async getFilterBar() {
+    return this._snkFilterBar;
+  }
+  /**
+   * Abre o localizador de colunas
+   */
+  async findColumn() {
+    await openFieldSearch(this._moreOptions, this._columnSearch);
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -99,6 +121,19 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
+    this.assertDefaultSorting();
+  }
+  assertDefaultSorting() {
+    if (this._gridConfig && this._dataUnit) {
+      this._dataUnit.defaultSorting = this._gridConfig
+        .columns
+        .filter(col => col.ascending != undefined)
+        .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
+        .map(({ name: field, ascending }) => {
+        const { dataType } = this._dataUnit.getField(field);
+        return { field, dataType, mode: ascending ? SortMode.ASC : SortMode.DESC };
+      });
+    }
   }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -224,11 +259,12 @@ const SnkGrid = class {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
-    var _a, _b;
-    this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
+    this.assertDefaultSorting();
     this.addElementID();
-    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
-    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
+    if (this.columnFilterDataSource != undefined) {
+      this.columnFilterDataSource.setApplication(this._application);
+      this.columnFilterDataSource.setDataUnit(this._dataUnit);
+    }
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -281,46 +317,101 @@ const SnkGrid = class {
     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", TaskbarElement.UPDATE);
+      invisibleButtons.push("ACTIONS_BUTTON");
     return invisibleButtons;
   }
   componentWillRender() {
-    var _a;
     const invisibleButtons = this.getInvisibleButtons();
+    this._headerTaskbarProcessor.process(this.getHeaderTaskbarId(), this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
+    this._topTaskbarProcessor.process(this.getTopTaskBarId(), this.taskbarManager, this._dataState, undefined, invisibleButtons);
+    this.dataExporterProviderStore();
+  }
+  getHeaderTaskbarId() {
+    var _a, _b;
     const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
-    let headerTaskbarId;
-    if (hasSelectedRecord) {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.selected" : "snkGridHeaderTaskbar.selected";
-    }
-    else {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.unselected" : "snkGridHeaderTaskbar.unselected";
+    const taskbarIdPrefixLookup = {
+      primary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      secondary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      singleTaskbar: this.isDetail ? "snkGridHeaderTaskbar.singleTaskbar.detail" : "snkGridHeaderTaskbar.singleTaskbar"
+    };
+    const taskbarIdPrefix = taskbarIdPrefixLookup[this.presentationMode];
+    let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.isDirty) && this.presentationMode === PresentationMode.SINGLE_TASKBAR) {
+      headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
     }
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
-    this._topTaskbarProcessor.process(this.getTopTaskBarId(this.presentationMode === PresentationMode.SECONDARY ? ".secondary" : ""), this.taskbarManager, this._dataState, undefined, invisibleButtons);
-    this.dataExporterProviderStore();
+    return headerTaskbarId;
   }
-  getTopTaskBarId(sufix) {
+  getTopTaskBarId() {
     var _a;
+    const suffixLookup = {
+      primary: "",
+      secondary: ".secondary",
+      singleTaskbar: ".singleTaskbar"
+    };
+    const sufix = suffixLookup[this.presentationMode];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
       return `snkGridTopTaskbar.finish_edition${sufix}`;
     }
     return `snkGridTopTaskbar.regular${sufix}`;
   }
   getPrimaryButton() {
-    return this.presentationMode === PresentationMode.PRIMARY ? "INSERT" : "";
+    const primaryButtonLookup = {
+      primary: "INSERT",
+      secondary: "",
+      singleTaskbar: "INSERT"
+    };
+    return primaryButtonLookup[this.presentationMode];
   }
-  onEzGridReady() {
-    var _a;
-    (_a = this._dataUnitLoadLockerResolver) === null || _a === void 0 ? void 0 : _a.call(this);
-    this._dataUnitLoadLockerResolver = undefined;
+  getColumnSearch(actionButton, 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
+          .filter(column => !column.hidden)
+          .map(column => ({ label: column.label, value: column.name })));
+      });
+    }), (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)
+      }];
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      const taskbarID = this.getTopTaskBarId();
+      return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this._dataState, this.actionsList));
+    }
+    return hardList.concat(this.actionsList);
+  }
+  handleFilterConfigUpdated(filterConfig) {
+    if (!filterConfig.length) {
+      this._showSnkFilterBar = false;
+      return;
+    }
+    if (filterConfig.length === 1 && filterConfig[0].id === 'PERSONALIZED_FILTER_GROUP') {
+      this._showSnkFilterBar = filterConfig[0].groupedItems.length > 0;
+      return;
+    }
+    this._showSnkFilterBar = true;
   }
   render() {
-    var _a, _b;
     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--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail) }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/{snk-guides-viewer-b0e32a7d.js → snk-guides-viewer-9d5e073f.js}

@@ -1,18 +1,20 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-a7d3d3f1.js';
-import { ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-35876bad.js';
+import { Action, ElementIDUtils } from '@sankhyalabs/core';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-9be0e7d4.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
-import { T as TaskbarElement } from './taskbar-elements-0a6b8b95.js';
-import { c as VIEW_MODE } from './constants-3644f1b6.js';
-import './DataFetcher-8daff9ad.js';
-import './pesquisa-fetcher-27819123.js';
-import { P as PresentationMode } from './index-1564817d.js';
+import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search-efbe307f.js';
+import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
+import { d as VIEW_MODE } from './constants-8457af36.js';
+import './DataFetcher-aa159c5a.js';
+import './pesquisa-fetcher-dd3ca0a5.js';
+import { P as PresentationMode } from './index-0ece87a6.js';
 import './ISave-4412b20c.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './filter-item-type.enum-5028ed3f.js';
-import './form-config-fetcher-8ef7be16.js';
+import './dataunit-fetcher-e218c6d2.js';
+import './PreloadManager-c1c2f2b4.js';
+import './filter-item-type.enum-d45e026f.js';
+import './form-config-fetcher-36219cd3.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--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-medium);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-medium)}.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-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.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}";
@@ -39,10 +41,12 @@ const SnkGuidesViewer = class {
     this.presentationMode = undefined;
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
+    this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
     this._formEditorDataUnit = undefined;
+    this._fieldToGetFocus = undefined;
   }
   observeDataUnit() {
     this.loadGuides(true);
@@ -67,6 +71,12 @@ 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 openFieldSearch(this._moreOptions, this._fieldSearch);
+  }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
@@ -137,11 +147,21 @@ const SnkGuidesViewer = class {
           this._breadcrumbItems = breadcrumbs;
         });
       });
+      this._guides = this._guides.map(guide => {
+        if (guide.id === guideItem.id) {
+          return Object.assign(Object.assign({}, guide), guideItem);
+        }
+        return guide;
+      });
     }
   }
+  getTaskBarId() {
+    var _a;
+    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
+  }
   loadTaskbarProcessor() {
-    var _a, _b;
-    const taskbarId = ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
+    var _a;
+    const taskbarId = this.getTaskBarId();
     const disabledButtons = [];
     if (!this.dataState || !this.dataState.hasPrevious) {
       disabledButtons.push("PREVIOUS");
@@ -149,7 +169,7 @@ const SnkGuidesViewer = class {
     if (!this.dataState || !this.dataState.hasNext) {
       disabledButtons.push("NEXT");
     }
-    if ((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) {
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this.dataState.selectionInfo.length > 1) {
         disabledButtons.push("CLONE");
       }
@@ -180,25 +200,26 @@ const SnkGuidesViewer = class {
   static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
     return configManager.saveCardState(formName, cardConfig, propertyChanged);
   }
-  static buildFixedForms(formConfig, formMetadata, selectedForm, dataUnit, recordsValidator, levelPath) {
-    const cardsState = formConfig === null || formConfig === void 0 ? void 0 : formConfig.cardsState;
+  static buildFixedForms(params) {
+    var _a;
+    const cardsState = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.cardsState;
     if (cardsState == undefined) {
       return;
     }
     return (h(Fragment, null, Array.from(cardsState.entries())
-      .filter(([formName, cardConfig]) => (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed) && formName != selectedForm)
+      .filter(([formName, cardConfig]) => (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed) && formName != params.selectedForm)
       .sort(([, cardConfigA], [, cardConfigB]) => {
       const indexA = (cardConfigA === null || cardConfigA === void 0 ? void 0 : cardConfigA.fixSequence) || 0;
       const indexB = (cardConfigB === null || cardConfigB === void 0 ? void 0 : cardConfigB.fixSequence) || 0;
       return indexA - indexB;
     })
       .map(([formName, cardConfig]) => {
-      var _a;
-      const sheet = formMetadata.getSheet(formName);
+      var _a, _b;
+      const sheet = params.formMetadata.getSheet(formName);
       if (sheet == undefined) {
         return;
       }
-      return h("snk-form-view", { levelPath: levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: formMetadata, dataUnit: dataUnit, recordsValidator: recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_a = formConfig === null || formConfig === void 0 ? void 0 : formConfig.summary) === null || _a === void 0 ? void 0 : _a.get(formName), key: formName });
+      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); } });
     })));
   }
   wrapDetail(levels, content) {
@@ -247,7 +268,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 = 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, key: guideId }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+        content = 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() }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -264,6 +285,35 @@ const SnkGuidesViewer = class {
     this._guideNavigator.getCurrentPath().then(breadcrumbs => {
       this._breadcrumbItems = breadcrumbs;
     });
+    this.resetGuideBadge(currentItem);
+  }
+  changeGuideHandler(guideName) {
+    var _a;
+    (_a = this._guideNavigator) === null || _a === void 0 ? void 0 : _a.selectGuide(guideName);
+  }
+  clearFieldToFocusHandler() {
+    this._fieldToGetFocus = undefined;
+  }
+  resetGuideBadge(selectedGuide) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        if (this.canClearGuideBadge(guide, selectedGuide.id)) {
+          return Object.assign(Object.assign({}, guide), { badge: null });
+        }
+        return guide;
+      })];
+  }
+  canClearGuideBadge(guide, idToCheck) {
+    return (guide.id === idToCheck) || this.isIncludedInChildrenList(guide, idToCheck);
+  }
+  isIncludedInChildrenList(guide, guideId) {
+    return this.hasChildren(guide) && this.getChildrenIdList(guide).includes(guideId);
+  }
+  hasChildren(guide) {
+    return guide.children && Array.isArray(guide.children);
+  }
+  getChildrenIdList(guide) {
+    return (guide.children).map(guideChild => guideChild.id);
   }
   getConfigViewMode() {
     return VIEW_MODE.GRID;
@@ -309,9 +359,90 @@ const SnkGuidesViewer = class {
     }
     this._guideHasChanged = false;
   }
+  getFieldsSearch(actionButton, item) {
+    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
+      this._hasToCreateFieldSearch = false;
+      this._moreOptions = actionButton;
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
+      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
+    }
+    return this._fieldSearch;
+  }
+  fieldsOptionLoader(argument) {
+    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+      .map(field => ({ value: field.name, label: field.label })));
+  }
+  onSelectField(option, actionButton) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+    const fieldGuideName = this.getGuideName(option.value);
+    if (fieldGuideName !== this.selectedGuide.id) {
+      this.changeGuideHandler(fieldGuideName);
+    }
+    actionButton.hideActions();
+  }
+  getActionsList() {
+    const hardList = [{
+        value: "",
+        label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, 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);
+  }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, 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.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, 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) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+  }
+  async dataUnitActionHandler(action) {
+    var _a;
+    if (action.type === Action.FIELD_INVALIDATED) {
+      const guideName = this.getGuideName((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fieldName);
+      await this.addErrorBadgeToGuide(guideName);
+      await this.openGuideNavigator(guideName);
+    }
+  }
+  async addErrorBadgeToGuide(guideName) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        return Object.assign(Object.assign({}, guide), { badge: this.getBadge(guide, guideName) });
+      })];
+  }
+  async openGuideNavigator(guideName) {
+    if (this.selectedGuide.id !== guideName) {
+      await this._guideNavigator.openGuideNavidator();
+    }
+  }
+  getBadge(guide, tabName) {
+    var _a;
+    if (this.selectedGuide.id === tabName) {
+      return null;
+    }
+    if (tabName === guide.id) {
+      return "error";
+    }
+    return (_a = guide.badge) !== null && _a !== void 0 ? _a : null;
+  }
+  getGuideName(fieldName) {
+    var _a;
+    for (const sheet of this._masterFormMetadata.getAllSheets()) {
+      const formFields = (_a = sheet[1]) === null || _a === void 0 ? void 0 : _a.fields;
+      for (const field of formFields) {
+        if (field.name === fieldName) {
+          return sheet[0];
+        }
+      }
+    }
+    return "";
+  }
+  componentDidLoad() {
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
   render() {
     var _a, _b;
@@ -330,7 +461,15 @@ const SnkGuidesViewer = class {
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
-        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), 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 })));
+        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms({
+      formConfig: this.masterFormConfig,
+      formMetadata: this._masterFormMetadata,
+      selectedForm: (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id,
+      dataUnit: this.dataUnit,
+      recordsValidator: this.recordsValidator,
+      fieldToFocus: this._fieldToGetFocus,
+      onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this)
+    }), this.getContent())), 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 })));
   }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],

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

@@ -1,21 +1,24 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-b0e32a7d.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-9d5e073f.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
-import './SnkFormConfigManager-35876bad.js';
-import './ConfigStorage-f359573c.js';
-import './form-config-fetcher-8ef7be16.js';
-import './DataFetcher-8daff9ad.js';
-import './_commonjsHelpers-9943807e.js';
-import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './SnkFormConfigManager-9be0e7d4.js';
+import './ConfigStorage-1244b8b0.js';
+import './form-config-fetcher-36219cd3.js';
+import './DataFetcher-aa159c5a.js';
 import './PrintUtils-3e4ff0f5.js';
-import './filter-item-type.enum-5028ed3f.js';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './filter-item-type.enum-d45e026f.js';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
-import './taskbar-processor-94402e6e.js';
-import './taskbar-elements-0a6b8b95.js';
-import './index-1564817d.js';
+import './field-search-efbe307f.js';
+import './taskbar-elements-d4d0b424.js';
+import './index-0ece87a6.js';
 import './index-bdf75557.js';
-import './constants-3644f1b6.js';
-import './pesquisa-fetcher-27819123.js';
+import './constants-8457af36.js';
+import './pesquisa-fetcher-dd3ca0a5.js';
 import './ISave-4412b20c.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import './dataunit-fetcher-e218c6d2.js';
+import './PreloadManager-c1c2f2b4.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/core/dist/dataunit/DataUnit';

package/dist/esm/snk-personalized-filter-editor.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils, UserInterface, ApplicationContext } from '@sankhyalabs/core';
-import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
+import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';