@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -1,13 +1,10 @@
-import { Action as DUAction, ElementIDUtils, KeyboardManager, ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { Action as DUAction, KeyboardManager, ObjectUtils } from '@sankhyalabs/core';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { Fragment, h } from '@stencil/core';
-import { PresentationMode } from '../../../lib';
 import { VIEW_MODE } from '../../../lib/utils/constants';
 import { SnkFormConfigManager } from '../../snk-form-config/SnkFormConfigManager';
 import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
-import TaskbarProcessor from '../../snk-taskbar/processor/taskbar-processor';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -101,7 +98,7 @@ export class SnkGuidesViewer {
    */
   async setFocus() {
     var _a;
-    (_a = this._container) === null || _a === void 0 ? void 0 : _a.focus();
+    (_a = this._container) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
   }
   /**
    * Recarrega os guias baseada nos metadados atuais.
@@ -204,63 +201,6 @@ export class SnkGuidesViewer {
       });
     }
   }
-  getTaskBarId() {
-    var _a;
-    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
-      return TASKBAR_ID.FINISH_EDITION;
-    }
-    if (this.dataUnit.isMultipleEdition) {
-      return TASKBAR_ID.MUTIPLE_EDITION;
-    }
-    return TASKBAR_ID.REGULAR;
-  }
-  loadTaskbarProcessor() {
-    const taskbarIDs = {};
-    taskbarIDs[TASKBAR_ID.REGULAR] = this.buildBtnsRegularMode();
-    taskbarIDs[TASKBAR_ID.FINISH_EDITION] = [TaskbarElement.CANCEL, TaskbarElement.SAVE, this.handleAddGridMode()];
-    taskbarIDs[TASKBAR_ID.MUTIPLE_EDITION] = [TaskbarElement.CANCEL];
-    this._taskbarProcessor = new TaskbarProcessor(taskbarIDs);
-    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.buildDisabledButtons(), this.buildInvisibleButtons());
-  }
-  buildBtnsRegularMode() {
-    var _a, _b;
-    const btnsRegularMode = [
-      TaskbarElement.ATTACH, TaskbarElement.CLONE, TaskbarElement.REMOVE, TaskbarElement.MORE_OPTIONS,
-      TaskbarElement.ACTIONS_BUTTON, TaskbarElement.DIVIDER, TaskbarElement.GRID_MODE, TaskbarElement.CONFIGURATOR,
-    ];
-    if (((_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length) <= 1) {
-      btnsRegularMode.unshift(TaskbarElement.PREVIOUS, TaskbarElement.NEXT, TaskbarElement.DIVIDER);
-    }
-    if (this.presentationMode == PresentationMode.SECONDARY) {
-      btnsRegularMode.unshift(TaskbarElement.INSERT);
-    }
-    else {
-      btnsRegularMode.push(TaskbarElement.INSERT);
-    }
-    return btnsRegularMode;
-  }
-  buildDisabledButtons() {
-    var _a, _b, _c, _d, _e, _f;
-    const disabledButtons = [];
-    if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasPrevious))
-      disabledButtons.push(TaskbarElement.PREVIOUS);
-    if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasNext))
-      disabledButtons.push(TaskbarElement.NEXT);
-    if (((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.length) > 1)
-      disabledButtons.push(TaskbarElement.CLONE);
-    if ((_f = (_e = this.dataState) === null || _e === void 0 ? void 0 : _e.selectionInfo) === null || _f === void 0 ? void 0 : _f.isAllRecords())
-      disabledButtons.push(TaskbarElement.REMOVE);
-    return disabledButtons;
-  }
-  handleAddGridMode() {
-    return this.enableGridInsert ? TaskbarElement.GRID_MODE : "";
-  }
-  buildInvisibleButtons() {
-    const invisibleButtons = [];
-    if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
-    return invisibleButtons;
-  }
   static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
     return configManager.saveCardState(formName, cardConfig, propertyChanged);
   }
@@ -328,7 +268,7 @@ export class SnkGuidesViewer {
     if (!sheet)
       return;
     const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
-    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch, entityPath: this.entityPath }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar()));
+    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch, entityPath: this.entityPath }));
   }
   isDetailGuide(childEntityName, levels) {
     return childEntityName || levels.length > 0;
@@ -351,12 +291,6 @@ export class SnkGuidesViewer {
     var _a;
     return (_a = this.customGuidesConfig) === null || _a === void 0 ? void 0 : _a.map(g => g.id).includes(guideId);
   }
-  onBreadcrumbClickHandler(item) {
-    if ((item === null || item === void 0 ? void 0 : item.id) == undefined) {
-      return;
-    }
-    this._guideNavigator.selectGuide(item.id);
-  }
   updateSelectedGuideHandler(currentItem) {
     this._guideHasChanged = this.selectedGuide != currentItem;
     this.selectedGuide = currentItem;
@@ -365,10 +299,6 @@ export class SnkGuidesViewer {
     });
     this.resetGuideBadge(currentItem);
   }
-  changeGuideHandler(guideName) {
-    var _a;
-    (_a = this._guideNavigator) === null || _a === void 0 ? void 0 : _a.selectGuide(guideName);
-  }
   clearFieldToFocusHandler() {
     this._fieldToGetFocus = undefined;
   }
@@ -438,59 +368,9 @@ export class SnkGuidesViewer {
     if (!this._guideHasChanged) {
       return;
     }
-    if (this._currentDetail) {
-      this._currentDetail.showUp();
-    }
-    else {
-      if (this._mainForm) {
-        this._mainForm.showUp();
-      }
-    }
+    window.scrollTo(0, 0);
     this._guideHasChanged = false;
   }
-  getFieldsSearch(item) {
-    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
-      this._hasToCreateFieldSearch = false;
-      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
-    }
-    return this._fieldSearch;
-  }
-  fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(argument)
-      .map(field => ({ value: field.name, label: field.label })));
-  }
-  onSelectField(option) {
-    if (option == undefined) {
-      return;
-    }
-    this._fieldToGetFocus = option.value;
-    const fieldGuideName = this.getGuideName(option.value);
-    if (fieldGuideName !== this.selectedGuide.id) {
-      this.changeGuideHandler(fieldGuideName);
-    }
-  }
-  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: StringUtils.generateUUID(),
-        label: this.getMessage("snkCrud.findColumn"),
-        disableCloseOnSelect: true,
-        eagerInitialize: true,
-        itemBuilder: (_, item) => this.getFieldsSearch(item)
-      }];
-    return hardList;
-  }
-  buildTaskBar() {
-    var _a;
-    return h("div", { class: `snk-guides-viewer__header-taskbar ${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(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", additionalSlotId: "GUIDES_VIEWER_DYNAMIC_SEARCH", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GUIDES_VIEWER_DYNAMIC_SEARCH" })));
-  }
   async dataUnitActionHandler(action) {
     var _a;
     switch (action.type) {
@@ -545,30 +425,42 @@ export class SnkGuidesViewer {
     }
     return "";
   }
-  getTitle() {
-    var _a, _b;
-    return (_b = (_a = this.getCustomTitle) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.getMessage("snkCrud.title");
-  }
-  getTitleTooltip() {
-    if (!this.dataUnit.isMultipleEdition)
-      return;
-    return this.buildRecordIdsArray();
+  getCustomGuidesConfig() {
+    return this._currentDetail ? [] : this.customGuidesConfig;
   }
-  buildRecordIdsArray() {
-    var _a, _b;
-    const selectedRecords = (_b = (_a = this.dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
-    if (selectedRecords.length === 0) {
-      return "[]";
+  getFieldsSearch() {
+    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
+      this._hasToCreateFieldSearch = false;
+      const item = {
+        label: this.getMessage("snkSimpleCrud.findFields"),
+        value: "findFields",
+      };
+      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
     }
-    const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
-    return `[${labels.join(", ")}]`;
+    return this._fieldSearch;
   }
-  getCustomGuidesConfig() {
-    return this._currentDetail ? [] : this.customGuidesConfig;
+  fieldsOptionLoader(argument) {
+    return Promise.resolve(this._configManager.getFieldsList(argument)
+      .map(field => ({ value: field.name, label: field.label })));
+  }
+  changeGuideHandler(guideName) {
+    var _a;
+    (_a = this._guideNavigator) === null || _a === void 0 ? void 0 : _a.selectGuide(guideName);
+  }
+  onSelectField(option) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+    const fieldGuideName = this.getGuideName(option.value);
+    if (fieldGuideName !== this.selectedGuide.id) {
+      this.changeGuideHandler(fieldGuideName);
+    }
   }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
     this.initKeyboardManager();
+    this.getFieldsSearch();
   }
   disconnectedCallback() {
     var _a;
@@ -588,15 +480,14 @@ export class SnkGuidesViewer {
     }
   }
   renderGuidesNavigator(showGuides) {
-    var _a, _b;
-    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabIndex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge", title: this.getTitleTooltip() }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
-      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 ?
+    var _a;
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabIndex: -1 }, 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({
       formConfig: this.masterFormConfig,
       formMetadata: this._masterFormMetadata,
-      selectedForm: (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id,
+      selectedForm: (_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id,
       dataUnit: this.dataUnit,
       recordsValidator: this.recordsValidator,
       fieldToFocus: this._fieldToGetFocus,
@@ -610,7 +501,6 @@ export class SnkGuidesViewer {
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
     }
-    this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
     return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "guides-viewer-stack" }, h("stack-item", null, this.renderGuidesNavigator(showGuides)), h("stack-item", null, this.renderFormConfig())));
   }
@@ -1280,12 +1170,6 @@ export class SnkGuidesViewer {
       }];
   }
 }
-var TASKBAR_ID;
-(function (TASKBAR_ID) {
-  TASKBAR_ID["FINISH_EDITION"] = "snkGuideViewer.finish_edition";
-  TASKBAR_ID["MUTIPLE_EDITION"] = "snkGuideViewer.multiple_edition";
-  TASKBAR_ID["REGULAR"] = "snkGuideViewer.regular";
-})(TASKBAR_ID || (TASKBAR_ID = {}));
 var GUIDES_VIEWER_VIEW_MODE;
 (function (GUIDES_VIEWER_VIEW_MODE) {
   GUIDES_VIEWER_VIEW_MODE[GUIDES_VIEWER_VIEW_MODE["GUIDES"] = 0] = "GUIDES";

package/dist/collection/components/snk-crud/utils/taskbarUtils.js

@@ -0,0 +1,163 @@
+import { PresentationMode } from "../../../lib";
+import { VIEW_MODE } from "../../../lib/utils/constants";
+import { TaskbarElement } from "../../snk-taskbar/elements/taskbar-elements";
+export const DEFAULT_TASKBAR_BUTTONS = [
+  TaskbarElement.FORM_MODE,
+  TaskbarElement.PREVIOUS,
+  TaskbarElement.NEXT,
+  TaskbarElement.REFRESH,
+  TaskbarElement.SPACER,
+  TaskbarElement.ACTIONS_BUTTON,
+  TaskbarElement.DATA_EXPORTER,
+  TaskbarElement.ATTACH,
+  TaskbarElement.CLONE,
+  TaskbarElement.UPDATE,
+  TaskbarElement.REMOVE,
+  TaskbarElement.INSERT,
+  TaskbarElement.CONFIGURATOR,
+  TaskbarElement.MORE_OPTIONS,
+];
+export var CustomTaskbarButton;
+(function (CustomTaskbarButton) {
+  CustomTaskbarButton["FILTER"] = "FILTER";
+  CustomTaskbarButton["ENTITY_SEARCH"] = "ENTITY_SEARCH";
+})(CustomTaskbarButton || (CustomTaskbarButton = {}));
+/**
+ * Insere os botões customizados à esquerda do elemento SPACER na lista de botões.
+ * Caso o SPACER não seja encontrado, os botões são inseridos no início da lista.
+ */
+function insertCustomButtonsBeforeSpacer(buttons, customButtons) {
+  const spacerIndex = buttons.findIndex(btn => btn === TaskbarElement.SPACER || (typeof btn === 'string' && btn === 'SPACER'));
+  if (spacerIndex > -1) {
+    return [
+      ...buttons.slice(0, spacerIndex),
+      ...customButtons,
+      ...buttons.slice(spacerIndex),
+    ];
+  }
+  return [...customButtons, ...buttons];
+}
+function buildNavigationDisabledBtns(dataState) {
+  const navigationDisabled = [];
+  if (!(dataState === null || dataState === void 0 ? void 0 : dataState.hasPrevious)) {
+    navigationDisabled.push(TaskbarElement.PREVIOUS);
+  }
+  if (!(dataState === null || dataState === void 0 ? void 0 : dataState.hasNext)) {
+    navigationDisabled.push(TaskbarElement.NEXT);
+  }
+  return navigationDisabled;
+}
+export function buildNativeTaskbarManager(currentViewMode, mergeTaskbarManager, messagesBuilder) {
+  var _a, _b;
+  const CUSTOM_BUTTONS = [
+    {
+      name: CustomTaskbarButton.FILTER,
+      hint: (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.filter")) !== null && _a !== void 0 ? _a : "Abre o painel de filtros",
+      iconName: "filter",
+    },
+    {
+      name: CustomTaskbarButton.ENTITY_SEARCH,
+      hint: (_b = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.entitySearch")) !== null && _b !== void 0 ? _b : "Busca na entidade",
+      iconName: "search",
+    },
+  ];
+  const EDITION_MODE_BUTTONS = [
+    TaskbarElement.CANCEL,
+    TaskbarElement.SAVE,
+  ];
+  return {
+    getButtons: (taskbarID, dataState, defaultButtons) => {
+      var _a, _b;
+      if (!taskbarID) {
+        console.warn('taskbarID não fornecido');
+        return [];
+      }
+      const isInEditionMode = (dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty);
+      if (isInEditionMode) {
+        return EDITION_MODE_BUTTONS;
+      }
+      if (currentViewMode === VIEW_MODE.FORM) {
+        const indexFormMode = defaultButtons.indexOf(TaskbarElement.FORM_MODE);
+        if (indexFormMode > -1) {
+          defaultButtons = [
+            ...defaultButtons.slice(0, indexFormMode),
+            TaskbarElement.GRID_MODE,
+            ...defaultButtons.slice(indexFormMode + 1)
+          ];
+        }
+      }
+      if (((_b = (_a = dataState === null || dataState === void 0 ? void 0 : dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length) > 1) {
+        const indexUpdate = defaultButtons.indexOf(TaskbarElement.UPDATE);
+        if (indexUpdate > -1) {
+          defaultButtons = [
+            ...defaultButtons.slice(0, indexUpdate),
+            TaskbarElement.UPDATE_MULTIPLE,
+            ...defaultButtons.slice(indexUpdate + 1)
+          ];
+        }
+      }
+      const defaultsWithCustomButtons = insertCustomButtonsBeforeSpacer(defaultButtons, CUSTOM_BUTTONS);
+      if (mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getButtons) {
+        return mergeTaskbarManager.getButtons(taskbarID, dataState, defaultsWithCustomButtons);
+      }
+      return defaultsWithCustomButtons;
+    },
+    isEnabled: (_, dataState, buttonName, originalValue) => {
+      var _a;
+      // Filtro só faz sentido no modo grade; a filter-bar fica oculta no
+      // form-view, então desabilita o botão que abre o painel de filtros.
+      if (currentViewMode === VIEW_MODE.FORM && buttonName === CustomTaskbarButton.FILTER) {
+        return false;
+      }
+      if (!dataState) {
+        return originalValue;
+      }
+      const hasSelectedRecord = dataState.selectedRecord !== undefined;
+      const buttonsRequiringSelection = [
+        TaskbarElement.UPDATE,
+        TaskbarElement.REMOVE,
+        TaskbarElement.ATTACH,
+        TaskbarElement.CLONE,
+      ];
+      if (!hasSelectedRecord && buttonsRequiringSelection.includes(buttonName)) {
+        return false;
+      }
+      const navigationDisabled = buildNavigationDisabledBtns(dataState);
+      if (navigationDisabled.includes(buttonName)) {
+        return false;
+      }
+      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.isEnabled(_, dataState, buttonName, originalValue)) !== null && _a !== void 0 ? _a : originalValue;
+    },
+    getMoreOptions(taskbarId, configName, dataState, currentActions) {
+      var _a;
+      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getMoreOptions) === null || _a === void 0 ? void 0 : _a.call(mergeTaskbarManager, taskbarId, configName, dataState, currentActions);
+    },
+  };
+}
+export function getHeaderTaskbarId(dataState, presentationMode) {
+  var _a;
+  const hasSelectedRecord = dataState && !!((_a = dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
+  const taskbarIdPrefixLookup = {
+    primary: "snkGridHeaderTaskbar",
+    secondary: "snkGridHeaderTaskbar",
+    singleTaskbar: "snkGridHeaderTaskbar.singleTaskbar",
+  };
+  const taskbarIdPrefix = taskbarIdPrefixLookup[presentationMode];
+  let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
+  if ((dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) && presentationMode === PresentationMode.SINGLE_TASKBAR) {
+    headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
+  }
+  return headerTaskbarId;
+}
+export function getTopTaskBarId(dataState, presentationMode) {
+  const suffixLookup = {
+    primary: '',
+    secondary: '.secondary',
+    singleTaskbar: '.singleTaskbar',
+  };
+  const sufix = suffixLookup[presentationMode];
+  if (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) {
+    return `snkGridTopTaskbar.finish_edition${sufix}`;
+  }
+  return `snkGridTopTaskbar.regular${sufix}`;
+}

package/dist/collection/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js

@@ -88,7 +88,7 @@ export class SnkExporterEmailSender {
     return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: (evt) => {
         if (evt.detail === ModalAction.CLOSE)
           this.close();
-      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: this.getSecondButtonClass(), label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
+      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` }, { variant: "secondary", size: "medium" })), h("ez-button", Object.assign({ label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }, { variant: "primary", size: "medium" }))))));
   }
   static get is() { return "snk-exporter-email-sender"; }
   static get properties() {

package/dist/collection/components/snk-data-exporter/exporter-strategy/ClientSideExporterStrategy.js

@@ -11,7 +11,7 @@ export default class ClientSideExporterStrategy {
     return visibleColumns;
   }
   async executeExport(resolveProps) {
-    var _a;
+    var _a, _b;
     const { methodName, gridTitle } = resolveProps;
     const records = await this._provider.getRecords(resolveProps.type);
     const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
@@ -23,7 +23,7 @@ export default class ClientSideExporterStrategy {
           gridTitle,
           columns: this.buildColumnsObject(columns),
           rows: this.buildRowsObject(columns, records),
-          customOptions: { xlsxExtension: false }
+          customOptions: { xlsxExtension: (_b = resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.xlsxExtension) !== null && _b !== void 0 ? _b : false }
         }
       }
     };

package/dist/collection/components/snk-data-exporter/interfaces/IExporterProvider.js

@@ -17,44 +17,46 @@ export class CommonsExporter {
     return this.columnsState;
   }
   async buildColumnsMetadata(gridColumns) {
-    var _a, _b, _c;
+    var _a;
     const columnsMetadata = [];
+    const searchPlusDescriptionIds = this.collectSearchPlusDescriptionIds(gridColumns);
+    const gridColumnsByName = new Map(gridColumns.map(column => [column.name, column]));
     for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
       /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+       * A grid adiciona uma coluna auxiliar para a descrição de campos SEARCHPLUS
+       * (ex.: "ENTITYNAME.DESCRIPTIONFIELD"). A descrição já é emitida ao processar
+       * o próprio SEARCHPLUS, então pulamos a auxiliar para evitar duplicar a coluna.
        */
-      if (column.hidden && column.name !== "RECDESP") {
+      if (searchPlusDescriptionIds.has(column.name)) {
         continue;
       }
       const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
       const customFormatter = await this.grid.getCustomValueFormatter(column.name);
-      const isUserInterfaceSEARCH = (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCH;
-      const widthColumnDefault = 60;
-      const labelColumn = isUserInterfaceSEARCH ? "Cód. " : column.label;
-      let descriptionColumn = undefined;
+      const isSearchField = this.isSearchUserInterface(fieldData);
+      const labelColumn = isSearchField ? "Cód. " : column.label;
       let columnData = {
         id: column.name,
         label: labelColumn,
-        width: isUserInterfaceSEARCH ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
+        width: isSearchField ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
         type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        descriptionColumn = {
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          label: labelDescription,
-          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-          type: DataType.TEXT,
-          userInterface: UserInterface.LONGTEXT,
-          descriptionFrom: fieldData.name
-        };
-        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+      let descriptionColumn = isSearchField ? this.buildDescriptionColumn(fieldData, column) : undefined;
+      if (descriptionColumn) {
+        const realDescriptionColumn = gridColumnsByName.get(descriptionColumn.id);
+        if (realDescriptionColumn === null || realDescriptionColumn === void 0 ? void 0 : realDescriptionColumn.width) {
+          columnData = Object.assign(Object.assign({}, columnData), { width: Math.min(columnData.width, this.MAX_WIDTH_COD) });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: realDescriptionColumn.width, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
+        else {
+          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)
@@ -63,6 +65,59 @@ export class CommonsExporter {
     ;
     return columnsMetadata || [];
   }
+  collectSearchPlusDescriptionIds(gridColumns) {
+    var _a;
+    const descriptionIds = new Set();
+    for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
+      const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
+      if (!this.isSearchUserInterface(fieldData)) {
+        continue;
+      }
+      const descriptionId = this.buildDescriptionColumnId(fieldData);
+      if (descriptionId) {
+        descriptionIds.add(descriptionId);
+      }
+    }
+    return descriptionIds;
+  }
+  /**
+   * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+   */
+  isHiddenColumn(column) {
+    return column.hidden && column.name !== "RECDESP";
+  }
+  isSearchUserInterface(fieldData) {
+    return (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCH
+      || (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCHPLUS;
+  }
+  buildDescriptionColumnId(fieldData) {
+    const properties = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties;
+    if ((properties === null || properties === void 0 ? void 0 : properties.DESCRIPTIONFIELD) == undefined) {
+      return undefined;
+    }
+    const descriptionField = `${properties.ENTITYNAME}.${properties.DESCRIPTIONFIELD}`;
+    return properties.mergedFrom ? `${properties.mergedFrom}.${descriptionField}` : descriptionField;
+  }
+  buildDescriptionColumn(fieldData, column) {
+    var _a;
+    const id = this.buildDescriptionColumnId(fieldData);
+    if (!id) {
+      return undefined;
+    }
+    const labelDescription = (_a = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _a === void 0 ? void 0 : _a.DESCRIPTIONENTITY;
+    const widthColumnDefault = 60;
+    return {
+      id,
+      label: labelDescription,
+      width: labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+      type: DataType.TEXT,
+      userInterface: UserInterface.LONGTEXT,
+      descriptionFrom: fieldData.name
+    };
+  }
   getWidthByMetaData(maxWidth, widthCod, widthDescription) {
     const totalCurrentWidth = widthCod + widthDescription;
     const codPercentage = widthCod / totalCurrentWidth;