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

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

@@ -5,42 +5,52 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
-const ConfigStorage = require('./ConfigStorage-0e4275f5.js');
-const index$1 = require('./index-0e663819.js');
-const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
+const taskbarElements = require('./taskbar-elements-01b85b99.js');
+const ConfigStorage = require('./ConfigStorage-8009ecb2.js');
+const index$1 = require('./index-0922807b.js');
+const fieldSearch = require('./field-search-f56aa7d6.js');
 const index$2 = require('./index-102ba62d.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-804ff4c7.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-ba5838c2.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./form-config-fetcher-f6cb55e6.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./_commonjsHelpers-537d719a.js');
+require('./form-config-fetcher-df043d3d.js');
+require('./DataFetcher-ba94ed5b.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./filter-item-type.enum-aa823a00.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
+require('./PreloadManager-84466da6.js');
+require('@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) {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
-    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._topTaskbarProcessor = new fieldSearch.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.TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+    this._headerTaskbarProcessor = new fieldSearch.TaskbarProcessor({
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
-      "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
-      "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.SnkMultiSelectionListDataSource();
     this.configName = undefined;
     this.resourceID = undefined;
@@ -90,6 +100,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 fieldSearch.openFieldSearch(this._moreOptions, this._columnSearch);
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -103,6 +125,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 ? UnitMetadata.SortMode.ASC : UnitMetadata.SortMode.DESC };
+      });
+    }
   }
   loadConfig() {
     ConfigStorage.ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -228,11 +263,12 @@ const SnkGrid = class {
     core.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 = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -285,46 +321,101 @@ const SnkGrid = class {
     if (!this._dataUnit || this._dataUnit.records.length === 0)
       invisibleButtons.push("DATA_EXPORTER");
     if (this._dataState && this._dataState.selectionInfo.mode === DataUnit.SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON", taskbarElements.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 === index$1.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 === index$1.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 === index$1.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 = fieldSearch.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: core.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 (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--medium" }, index.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 &&
-      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 }, 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: () => 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 }, index.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 }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, 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), application: this._application, 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" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
+      index.h(index.Fragment, null, index.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) }), 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 }, 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 }, index.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 }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, 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), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/{snk-guides-viewer-5e22097d.js → snk-guides-viewer-7f9b6d94.js}

@@ -2,19 +2,21 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-5b485cd4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-7d850fbc.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
-const constants = require('./constants-d187e03e.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./pesquisa-fetcher-3356b3df.js');
-const index$1 = require('./index-0e663819.js');
+const fieldSearch = require('./field-search-f56aa7d6.js');
+const taskbarElements = require('./taskbar-elements-01b85b99.js');
+const constants = require('./constants-35ddd366.js');
+require('./DataFetcher-ba94ed5b.js');
+require('./pesquisa-fetcher-ef050a47.js');
+const index$1 = require('./index-0922807b.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-f6cb55e6.js');
+require('./dataunit-fetcher-de65b9fc.js');
+require('./PreloadManager-84466da6.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+require('./form-config-fetcher-df043d3d.js');
 const DataUnit = require('@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}";
@@ -41,10 +43,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);
@@ -69,6 +73,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 fieldSearch.openFieldSearch(this._moreOptions, this._fieldSearch);
+  }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
@@ -139,11 +149,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");
@@ -151,7 +171,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");
       }
@@ -167,7 +187,7 @@ const SnkGuidesViewer = class {
       btnsRegularMode.push("INSERT");
     }
     const invisibleButtons = this.getInvisibleButtons();
-    this._taskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._taskbarProcessor = new fieldSearch.TaskbarProcessor({
       "snkGuideViewer.regular": btnsRegularMode,
       "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
     });
@@ -182,25 +202,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 (index.h(index.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 index.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 index.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) {
@@ -249,7 +270,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, key: guideId }, 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() }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -266,6 +287,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 constants.VIEW_MODE.GRID;
@@ -311,9 +361,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 = 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 index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${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.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" }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${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) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+  }
+  async dataUnitActionHandler(action) {
+    var _a;
+    if (action.type === core.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;
@@ -332,7 +463,15 @@ const SnkGuidesViewer = class {
       index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       index.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) })
       :
-        index.h("div", null), index.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())), 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 })));
+        index.h("div", null), index.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())), 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 })));
   }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],

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

@@ -2,26 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-5e22097d.js');
+const snkGuidesViewer = require('./snk-guides-viewer-7f9b6d94.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-5b485cd4.js');
-require('./ConfigStorage-0e4275f5.js');
-require('./form-config-fetcher-f6cb55e6.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./SnkFormConfigManager-7d850fbc.js');
+require('./ConfigStorage-8009ecb2.js');
+require('./form-config-fetcher-df043d3d.js');
+require('./DataFetcher-ba94ed5b.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./filter-item-type.enum-aa823a00.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./filter-item-type.enum-a7ffdaa6.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./taskbar-processor-bce3f499.js');
-require('./taskbar-elements-39949c7a.js');
-require('./index-0e663819.js');
+require('./field-search-f56aa7d6.js');
+require('./taskbar-elements-01b85b99.js');
+require('./index-0922807b.js');
 require('./index-102ba62d.js');
-require('./constants-d187e03e.js');
-require('./pesquisa-fetcher-3356b3df.js');
+require('./constants-35ddd366.js');
+require('./pesquisa-fetcher-ef050a47.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
+require('./dataunit-fetcher-de65b9fc.js');
+require('./PreloadManager-84466da6.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');