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

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

@@ -1,4 +1,4 @@
-import { Action as DUAction, ElementIDUtils } from '@sankhyalabs/core';
+import { Action as DUAction, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { Fragment, h } from '@stencil/core';
 import { SnkFormConfigManager } from '../../snk-form-config/SnkFormConfigManager';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
@@ -27,6 +27,8 @@ export class SnkGuidesViewer {
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
+    this.ignoreReadOnlyFormFields = undefined;
     this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
@@ -42,14 +44,16 @@ export class SnkGuidesViewer {
     this.loadGuides(true);
   }
   observeDataState(newValue, oldValue) {
-    const newRecord = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord;
-    const oldRecord = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord;
-    if ((newRecord === null || newRecord === void 0 ? void 0 : newRecord.__record__id__) !== (oldRecord === null || oldRecord === void 0 ? void 0 : oldRecord.__record__id__)) {
+    var _a, _b, _c, _d, _e, _f;
+    const newRecordsIds = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.selectionInfo) === null || _a === void 0 ? void 0 : _a.recordIds) !== null && _b !== void 0 ? _b : (_c = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord) === null || _c === void 0 ? void 0 : _c['__record__id__'];
+    const oldRecordsIds = (_e = (_d = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectionInfo) === null || _d === void 0 ? void 0 : _d.recordIds) !== null && _e !== void 0 ? _e : (_f = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord) === null || _f === void 0 ? void 0 : _f['__record__id__'];
+    if (!ObjectUtils.equals(newRecordsIds, oldRecordsIds)) {
       this.loadGuides((oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) != (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode));
     }
   }
   observeMasterFormConfig() {
     this.loadGuides(this.noGuideSelected());
+    this.snkMasterFormConfigChange.emit(this.masterFormConfig);
   }
   /**
   * Abre o configurador do formulário
@@ -96,7 +100,7 @@ export class SnkGuidesViewer {
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -123,6 +127,11 @@ export class SnkGuidesViewer {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-crud.msg.ts"
    */
   getMessage(key) {
+    var _a, _b;
+    if (this.dataUnit.isMultipleEdition) {
+      const selectedRecords = (_b = (_a = this.dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
+      return `Editando ${selectedRecords.length} registros`;
+    }
     return this.messagesBuilder.getMessage(key, this.dataUnit.getSelectedRecord());
   }
   loadGuides(changeSelection) {
@@ -135,12 +144,12 @@ export class SnkGuidesViewer {
     this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
     const allSheets = this._masterFormMetadata.getAllSheets();
     const currentRecord = this.dataUnit.getSelectedRecord();
-    const disableDetails = !currentRecord || this.dataUnit.isNewRecord(currentRecord.__record__id__);
+    const disableDetails = this.hasToDisableDetails(currentRecord);
     const guides = [];
     Array.from(allSheets.values()).forEach((sheet) => {
       const item = { id: sheet.name, label: sheet.label };
       if (this.isDetail(sheet.name) && disableDetails) {
-        item.tooltip = "Para alterar detalhes é necessário estar com um registro selecionado.";
+        item.tooltip = "Para alterar detalhes é necessário estar com um (e apenas um) registro selecionado.";
         item.disabled = true;
       }
       guides.push(item);
@@ -153,6 +162,11 @@ export class SnkGuidesViewer {
       this.selectedGuide = this._guides.length > 0 ? this._guides[0] : undefined;
     }
   }
+  hasToDisableDetails(currentRecord) {
+    return !currentRecord
+      || this.dataUnit.isNewRecord(currentRecord.__record__id__)
+      || this.dataUnit.isMultipleEdition;
+  }
   isDetail(formId) {
     return FormMetadata.getDetailName(formId) != undefined;
   }
@@ -175,44 +189,59 @@ export class SnkGuidesViewer {
   }
   getTaskBarId() {
     var _a;
-    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
-  }
-  loadTaskbarProcessor() {
-    var _a;
-    const taskbarId = this.getTaskBarId();
-    const disabledButtons = [];
-    if (!this.dataState || !this.dataState.hasPrevious) {
-      disabledButtons.push("PREVIOUS");
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
+      return TASKBAR_ID.FINISH_EDITION;
     }
-    if (!this.dataState || !this.dataState.hasNext) {
-      disabledButtons.push("NEXT");
+    if (this.dataUnit.isMultipleEdition) {
+      return TASKBAR_ID.MUTIPLE_EDITION;
     }
-    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
-      if (this.dataState.selectionInfo.length > 1) {
-        disabledButtons.push("CLONE");
-      }
-      if (this.dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
-      }
+    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);
     }
-    const btnsRegularMode = ["PREVIOUS", "NEXT", "DIVIDER", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "ACTIONS_BUTTON", "DIVIDER", "GRID_MODE", "CONFIGURATOR"];
     if (this.presentationMode == PresentationMode.SECONDARY) {
-      btnsRegularMode.unshift("INSERT");
+      btnsRegularMode.unshift(TaskbarElement.INSERT);
     }
     else {
-      btnsRegularMode.push("INSERT");
+      btnsRegularMode.push(TaskbarElement.INSERT);
     }
-    const invisibleButtons = this.getInvisibleButtons();
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkGuideViewer.regular": btnsRegularMode,
-      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
-    });
-    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
+    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 : "";
   }
-  getInvisibleButtons() {
+  buildInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
     return invisibleButtons;
   }
   static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
@@ -279,7 +308,7 @@ export class SnkGuidesViewer {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders }));
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
     }
     else {
       const cardId = this.selectedGuide.id;
@@ -361,11 +390,14 @@ export class SnkGuidesViewer {
       this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
     }
   }
+  setMasterFormConfig(config) {
+    this.masterFormConfig = config;
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
@@ -393,7 +425,7 @@ export class SnkGuidesViewer {
     return this._fieldSearch;
   }
   fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+    return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
   onSelectField(option, actionButton) {
@@ -422,14 +454,27 @@ export class SnkGuidesViewer {
   }
   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(), 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", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    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(), 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", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
-    if (action.type === DUAction.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);
+    switch (action.type) {
+      case DUAction.EDITION_CANCELED:
+      case DUAction.DATA_SAVED:
+        if (this.dataUnit.isMultipleEdition) {
+          this.exitViewer();
+          this.dataUnit.isMultipleEdition = false;
+        }
+        break;
+      case DUAction.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);
+        break;
+      case DUAction.METADATA_LOADED:
+      case DUAction.MULTIPLE_EDITION_CHANGED:
+        this.loadGuides(this.noGuideSelected());
+        break;
     }
   }
   async addErrorBadgeToGuide(guideName) {
@@ -469,20 +514,34 @@ export class SnkGuidesViewer {
     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();
+  }
+  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 "[]";
+    }
+    const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
+    return `[${labels.join(", ")}]`;
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
+      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    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" }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    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 ?
       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) })
       :
@@ -800,6 +859,41 @@ export class SnkGuidesViewer {
         "attribute": "form-legacy-config-name",
         "reflect": false
       },
+      "enableGridInsert": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+        },
+        "attribute": "enable-grid-insert",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "ignoreReadOnlyFormFields": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ignora os campos \"somente leitura\" no modo de inser\u00E7\u00E3o."
+        },
+        "attribute": "ignore-read-only-form-fields",
+        "reflect": false
+      },
       "getCustomTitle": {
         "type": "unknown",
         "mutable": false,
@@ -832,6 +926,26 @@ export class SnkGuidesViewer {
   }
   static get events() {
     return [{
+        "method": "snkMasterFormConfigChange",
+        "name": "snkMasterFormConfigChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando a configura\u00E7\u00E3o do formul\u00E1rio master \u00E9 definida."
+        },
+        "complexType": {
+          "original": "IFormConfig",
+          "resolved": "IFormConfig",
+          "references": {
+            "IFormConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils/form/interfaces"
+            }
+          }
+        }
+      }, {
         "method": "exit",
         "name": "exit",
         "bubbles": true,
@@ -1051,3 +1165,9 @@ 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 = {}));

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

@@ -4,7 +4,7 @@ export const OptionsStep = ({ getMessage, changeInfo, data }) => {
   const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
   const formatOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
-    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLS"), value: "xls" }
   ];
   const typeOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },

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

@@ -1,7 +1,6 @@
 import { UserInterface } from "@sankhyalabs/core";
 import { DataFetcher } from "../../../lib";
 import { getOptionKey, getVisibleColumns } from "../utils/ParserExport";
-import { DataExporterType } from "../../../lib/@types";
 export default class ClientSideExporterStrategy {
   constructor(provider) {
     this._provider = provider;
@@ -12,15 +11,16 @@ export default class ClientSideExporterStrategy {
     return visibleColumns;
   }
   async executeExport(resolveProps) {
-    const { methodName, titleGrid } = resolveProps;
-    const records = await this._provider.getRecords();
-    const columns = [DataExporterType.EXPORT_TO_PDF, DataExporterType.EXPORT_PAGE_TO_PDF, DataExporterType.EXPORT_PDF_TO_EMAIL, DataExporterType.EXPORT_ALL_RECORDS_TO_PDF].includes(getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    var _a;
+    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();
     const [serviceName, processor] = this.getExecutor(methodName);
     const payload = {
       serviceName,
       requestBody: {
         grid: {
-          titleGrid,
+          gridTitle,
           columns: this.buildColumnsObject(columns),
           rows: this.buildRowsObject(columns, records),
           customOptions: { xlsxExtension: false }
@@ -51,10 +51,10 @@ export default class ClientSideExporterStrategy {
       "GridXLSBuilderSP.buildXLSFromJson",
       responseBody => ({
         fileSessionKey: responseBody.chaveXLS.valor,
-        canPrint: false,
-        canExport: false,
+        canPrint: true,
+        canExport: true,
+        canSendEmail: true,
         useAppPrint: false,
-        canSendEmail: false
       })
     ];
   }

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 import { DataFetcher } from '../../../lib/http/data-fetcher/DataFetcher';
-import { DataExporterOption, DataExporterType } from "../../../lib/@types";
+import { DataExporterOption } from "../../../lib/@types";
 import { getOptionKey, getVisibleColumns } from "../utils/ParserExport";
 export default class ServerSideExporterStrategy {
   constructor(provider) {
@@ -23,10 +23,17 @@ export default class ServerSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
+  async getColumns(resolveProps) {
+    var _a;
+    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
+      return await this.getParsedColumns();
+    }
+    return await this._provider.getColumnsMetadata();
+  }
   async getParams(resolveProps) {
     var _a, _b, _c, _d, _e, _f;
     const filters = (_b = (_a = this._provider).getFilters) === null || _b === void 0 ? void 0 : _b.call(_a);
-    const columns = [DataExporterType.EXPORT_TO_PDF, DataExporterType.EXPORT_PAGE_TO_PDF, DataExporterType.EXPORT_PDF_TO_EMAIL, DataExporterType.EXPORT_ALL_RECORDS_TO_PDF].includes(getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    const columns = await this.getColumns(resolveProps);
     const sort = (_d = (_c = this._provider).getOrders) === null || _d === void 0 ? void 0 : _d.call(_c);
     const resourceURI = (_f = (_e = this._provider).getResourceURI) === null || _f === void 0 ? void 0 : _f.call(_e);
     const selectedIDs = this._provider.getSelectedIDs();

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

@@ -2,6 +2,9 @@ import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMeta
 import { DataType } from '@sankhyalabs/core';
 export class CommonsExporter {
   constructor(dataUnit, grid) {
+    this.MAX_WIDTH_COD = 60;
+    this.MIN_WIDTH_COD = 10;
+    this.DEFAULT_FONT_SIZE = 13;
     this.dataUnit = dataUnit;
     this.grid = grid;
   }
@@ -14,7 +17,7 @@ export class CommonsExporter {
     return this.columnsState;
   }
   async buildColumnsMetadata(gridColumns) {
-    var _a, _b;
+    var _a, _b, _c;
     const columnsMetadata = [];
     for (const column of gridColumns) {
       /**
@@ -25,30 +28,58 @@ export class CommonsExporter {
       }
       const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
       const customFormatter = await this.grid.getCustomValueFormatter(column.name);
-      const columnData = {
-        label: column.label,
+      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;
+      let columnData = {
         id: column.name,
-        width: column.width,
+        label: labelColumn,
+        width: isUserInterfaceSEARCH ? (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
       };
-      columnsMetadata.push(columnData);
-      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+      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}`;
-        const descriptionColumn = {
-          label: fieldData.properties.DESCRIPTIONENTITY,
+        descriptionColumn = {
           id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          width: column.width,
+          label: labelDescription,
+          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
           type: DataType.TEXT,
           userInterface: UserInterface.LONGTEXT,
           descriptionFrom: fieldData.name
         };
-        columnsMetadata.push(descriptionColumn);
+        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)
+        columnsMetadata.push(descriptionColumn);
     }
     ;
     return columnsMetadata || [];
   }
+  getWidthByMetaData(maxWidth, widthCod, widthDescription) {
+    const totalCurrentWidth = widthCod + widthDescription;
+    const codPercentage = widthCod / totalCurrentWidth;
+    const descPercentage = widthDescription / totalCurrentWidth;
+    let newWidthCod = Math.round(maxWidth * codPercentage);
+    let newWidthDescription = Math.round(maxWidth * descPercentage);
+    if (newWidthCod > this.MAX_WIDTH_COD) {
+      newWidthCod = this.MAX_WIDTH_COD;
+      newWidthDescription = maxWidth - this.MAX_WIDTH_COD;
+    }
+    else if (newWidthCod < this.MIN_WIDTH_COD) {
+      newWidthCod = this.MIN_WIDTH_COD;
+      newWidthDescription = maxWidth - this.MIN_WIDTH_COD;
+    }
+    return {
+      codWidth: newWidthCod,
+      descWidth: newWidthDescription
+    };
+  }
 }

package/dist/collection/components/snk-data-exporter/providers/ClientSideExporterProvider.js

@@ -1,7 +1,8 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
 import { UserInterface } from "@sankhyalabs/core";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 import { DataExporterOption } from "../../../lib/@types";
+import { IExportType } from "../../../lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterParams";
 export default class ClientSideExporterProvider extends CommonsExporter {
   getSelectedNumber() {
     return this.dataUnit.getSelectionInfo().length;
@@ -18,13 +19,24 @@ export default class ClientSideExporterProvider extends CommonsExporter {
     var _a, _b, _c;
     return (_c = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
   }
-  async getRecords() {
-    if (this.dataUnit.records.length === 0) {
-      return Promise.resolve([]);
+  async getRecords(exportType) {
+    if (this.dataUnit.records.length === 0)
+      return [];
+    switch (exportType) {
+      case IExportType.ALL:
+        return this.dataUnit.getSelectionInfo().getAllRecords();
+      case IExportType.SELECTION:
+        return this.resolveRecordsFromSelection();
+      case IExportType.PAGE:
+        return this.dataUnit.records;
+      default:
+        return this.resolveRecordsFromSelection();
     }
+  }
+  resolveRecordsFromSelection() {
     const selectionInfo = this.dataUnit.getSelectionInfo();
-    const records = selectionInfo.isEmpty() || selectionInfo.isAllRecords() ? await selectionInfo.getAllRecords() : selectionInfo.records;
-    return Promise.resolve(records == undefined ? [] : records);
+    const selectionRecords = selectionInfo.isEmpty() || selectionInfo.isAllRecords() ? selectionInfo.getAllRecords() : selectionInfo.records;
+    return selectionRecords.length ? selectionRecords : this.dataUnit.records;
   }
   getHiddenOptions() {
     return [

package/dist/collection/components/snk-data-exporter/providers/ServerSideExporterProvider.js

@@ -1,5 +1,5 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 export default class ServerSideExporterProvider extends CommonsExporter {
   getFilters() {
     var _a;

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

@@ -1,6 +1,7 @@
 import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
+import { IExportType } from '../../lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterParams';
 import { ItemBuilder } from './structure/ItemBuilder';
 import { DataExporterFormat, DataExporterOption, DataExporterType } from '../../lib/@types';
 import { REPORT_LAUNCHER_RESOURCE_ID } from '../../lib/utils/constants';
@@ -42,7 +43,7 @@ export class SnkDataExporter {
       resolver: ({ type, format, email: { to, subject, message } }) => {
         var _a;
         const methodName = (_a = DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : DataExporterFormat.PDF;
-        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, gridTitle: this._appLabel }, () => {
           this._snkEmailSender.close();
           ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
         });
@@ -105,7 +106,9 @@ export class SnkDataExporter {
     });
   }
   getExporterStrategy() {
-    return this.provider.getRecords == undefined ? new ServerSideExporterStrategy(this.provider) : new ClientSideExporterStrategy(this.provider);
+    return this.provider.getRecords == undefined
+      ? new ServerSideExporterStrategy(this.provider)
+      : new ClientSideExporterStrategy(this.provider);
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)
@@ -115,30 +118,28 @@ export class SnkDataExporter {
   }
   getExportType(option) {
     if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
-      return 'all';
+      return IExportType.ALL;
     }
     if (option === DataExporterOption.EXPORT_PAGE_TO_PDF || option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
-      return 'page';
+      return IExportType.PAGE;
     }
-    return 'selection';
+    return IExportType.SELECTION;
   }
   async dispatchExporter(option) {
     var _a, _b, _c;
     const optionKey = this.getOptionKey(option);
     const fileType = (_a = DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : DataExporterType.EXPORT_TO_PDF;
-    const isDownload = DataExporterType[optionKey] === DataExporterType.EXPORT_TO_XLS;
     const params = {
       methodName: DataExporterOption[`EXPORT_TO_${fileType}`],
       fileName: this._appLabel,
-      titleGrid: this._appLabel,
+      gridTitle: this._appLabel,
       exportOption: option,
       limit: (_c = (_b = this.provider) === null || _b === void 0 ? void 0 : _b.getExportLimit) === null || _c === void 0 ? void 0 : _c.call(_b),
       type: this.getExportType(option),
     };
     await this.resolveExporter(params, (response) => {
       if (response.canExport || fileType === DataExporterType.EXPORT_TO_PDF) {
-        fileViewer(Object.assign(Object.assign({}, response), { fileType,
-          isDownload }));
+        fileViewer(Object.assign(Object.assign({}, response), { fileType }));
       }
       else {
         ApplicationUtils.error(this.getMessage("snkDataExporter.title.permission"), this.getMessage("snkDataExporter.message.exportPermission"));