@sankhyalabs/sankhyablocks 9.0.1 → 9.1.0-dev.2

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, KeyboardManager, StringUtils, 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';
@@ -7,7 +7,7 @@ import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
 import { VIEW_MODE } from '../../../lib/utils/constants';
 import { PresentationMode } from '../../../lib';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch, openFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, LABEL_SEARCH_FIELD, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -39,19 +39,22 @@ export class SnkGuidesViewer {
     this._customEditors = undefined;
     this._customRenders = undefined;
     this._fieldsProps = {};
+    this._mainForm = undefined;
   }
   observeDataUnit() {
     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
@@ -63,12 +66,6 @@ export class SnkGuidesViewer {
     this._formEditorConfigManager = masterConfig ? this._configManager : this._currentDetail.formConfigManager;
     this._formEditorDataUnit = masterConfig ? this.dataUnit : this._currentDetail.dataUnit;
   }
-  /**
-  * Abre o localizador de campos
-  */
-  async findField() {
-    await openFieldSearch(this._moreOptions, this._fieldSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -125,6 +122,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) {
@@ -137,12 +139,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);
@@ -155,6 +157,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;
   }
@@ -177,47 +184,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.handleAddGridMode()],
-    });
-    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) {
@@ -284,14 +303,14 @@ 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;
       const sheet = this._masterFormMetadata.getSheet(cardId);
       if (sheet) {
         const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -391,12 +410,10 @@ export class SnkGuidesViewer {
     }
     this._guideHasChanged = false;
   }
-  getFieldsSearch(actionButton, item) {
+  getFieldsSearch(item) {
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
-      this._moreOptions = actionButton;
-      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
-      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
+      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
     }
     return this._fieldSearch;
   }
@@ -404,7 +421,7 @@ export class SnkGuidesViewer {
     return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
-  onSelectField(option, actionButton) {
+  onSelectField(option) {
     if (option == undefined) {
       return;
     }
@@ -413,34 +430,48 @@ export class SnkGuidesViewer {
     if (fieldGuideName !== this.selectedGuide.id) {
       this.changeGuideHandler(fieldGuideName);
     }
-    actionButton.hideActions();
   }
   getActionsList() {
+    var _a;
+    const hardList = [];
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      return hardList.concat((_a = this.taskbarManager.getMoreOptions(this.getTaskBarId(), this.configName, this.dataState, this.actionsList)) !== null && _a !== void 0 ? _a : []);
+    }
+    return hardList.concat(this.actionsList);
+  }
+  getSettingsListForm() {
     const hardList = [{
-        value: "",
+        value: StringUtils.generateUUID(),
         label: this.getMessage("snkCrud.findColumn"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
-        itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
+        itemBuilder: (_, item) => this.getFieldsSearch(item)
       }];
-    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
-      return hardList.concat(this.taskbarManager.getMoreOptions(this.getTaskBarId(), this.configName, this.dataState, this.actionsList));
-    }
-    return hardList.concat(this.actionsList);
+    return hardList;
   }
   buildTaskBar() {
     var _a;
-    return 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(), 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", 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);
-    }
-    if (action.type === DUAction.METADATA_LOADED) {
-      this.loadGuides(this.noGuideSelected());
+    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) {
@@ -480,20 +511,47 @@ 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));
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  async initKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager.bind(SHORTCUT_SEARCH_FIELD, async () => {
+      if (!this._mainForm)
+        return;
+      await this._mainForm.showSearchField();
+    }, { description: LABEL_SEARCH_FIELD, element: this._element });
   }
   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, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }));
+      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 }));
     }
     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) })
       :
@@ -873,11 +931,32 @@ export class SnkGuidesViewer {
       "_fieldToGetFocus": {},
       "_customEditors": {},
       "_customRenders": {},
-      "_fieldsProps": {}
+      "_fieldsProps": {},
+      "_mainForm": {}
     };
   }
   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,
@@ -958,22 +1037,6 @@ export class SnkGuidesViewer {
             }]
         }
       },
-      "findField": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Abre o localizador de campos",
-          "tags": []
-        }
-      },
       "addCustomEditor": {
         "complexType": {
           "signature": "(fieldName: string, customEditor: ICustomEditor) => Promise<void>",
@@ -1069,6 +1132,7 @@ export class SnkGuidesViewer {
       }
     };
   }
+  static get elementRef() { return "_element"; }
   static get watchers() {
     return [{
         "propName": "dataUnit",
@@ -1097,3 +1161,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/interfaces/IExporterProvider.js

@@ -40,25 +40,21 @@ export class CommonsExporter {
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH) {
-        if (((_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
-          };
-        }
-        if (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) });
-        }
+      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) });
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)

package/dist/collection/components/snk-data-unit/MultipleUpdateHelper.js

@@ -0,0 +1,128 @@
+const NO_TAB_NAME = "__NO_TAB_NAME__";
+const MAIN_TAB_NAME = "__main";
+export async function showConfirmMultipleUpdatePopup({ title, labelBtnConfirm, labelBtnCancel, message, changingFields, }) {
+  return new Promise((resolve) => {
+    const popup = builPopup(title, resolve);
+    const contentContainer = buildContentContainer();
+    contentContainer.appendChild(buildMessage(message));
+    contentContainer.appendChild(buildChangesContainer(changingFields));
+    const actionsContainer = buildActionsContainer();
+    actionsContainer.appendChild(buildCancelBtn(popup, labelBtnCancel, resolve));
+    actionsContainer.appendChild(buildConfirmBtn(popup, labelBtnConfirm, resolve));
+    contentContainer.appendChild(actionsContainer);
+    popup.appendChild(contentContainer);
+    document.body.appendChild(popup);
+  });
+}
+function groupChanges(changingFields) {
+  const changesMap = new Map();
+  changingFields.forEach(change => {
+    var _a;
+    const key = (_a = change.tabName) !== null && _a !== void 0 ? _a : NO_TAB_NAME;
+    if (!changesMap.has(key))
+      changesMap.set(key, []);
+    changesMap.get(key).push(change);
+  });
+  return changesMap;
+}
+function getTabName(tabName) {
+  switch (tabName) {
+    case NO_TAB_NAME:
+      return "";
+    case MAIN_TAB_NAME:
+      return "Principal";
+    default:
+      return tabName;
+  }
+}
+function buildChangesDiv(tabName, changes) {
+  const changeLabel = document.createElement('span');
+  changeLabel.innerText = getTabName(tabName);
+  changeLabel.style.display = 'block';
+  changeLabel.style.fontWeight = 'var(--text-weight--large, 500)';
+  changeLabel.style.fontSize = 'var(--text--medium, 14px)';
+  changeLabel.style.marginBottom = 'var(--space--small, 6px)';
+  const changeDiv = document.createElement('div');
+  changeDiv.style.padding = 'var(--space--medium, 12px) 0';
+  changeDiv.style.borderTop = '1px solid var(--color--disable-secondary, #f2f5f8)';
+  changeDiv.appendChild(changeLabel);
+  changes.forEach(change => {
+    const changeLine = document.createElement('span');
+    changeLine.innerHTML = `${change.label}: <span style="color: var(--text--primary, #626e82)">${change.value}</span>`;
+    changeLine.style.display = 'block';
+    changeLine.style.marginBottom = 'var(--space--extra-small, 3px)';
+    changeDiv.appendChild(changeLine);
+  });
+  return changeDiv;
+}
+function buildChangesContainer(changingFields) {
+  const changesContainer = document.createElement('div');
+  changesContainer.style.flexDirection = 'column';
+  changesContainer.style.display = 'flex';
+  changesContainer.style.overflow = 'auto';
+  changesContainer.style.maxHeight = '300px';
+  const changesMap = groupChanges(changingFields);
+  changesMap.forEach((changes, key) => {
+    changesContainer.appendChild(buildChangesDiv(key, changes));
+  });
+  return changesContainer;
+}
+function buildMessage(messageContent) {
+  const message = document.createElement('p');
+  message.textContent = messageContent;
+  message.style.fontSize = 'var(--text--medium, 14px)';
+  return message;
+}
+function buildContentContainer() {
+  const contentContainer = document.createElement('div');
+  contentContainer.style.display = 'flex';
+  contentContainer.style.flexDirection = 'column';
+  contentContainer.style.fontFamily = 'var(--font-pattern, Roboto)';
+  contentContainer.style.fontSize = 'var(--text--medium, 14px)';
+  return contentContainer;
+}
+function buildActionsContainer() {
+  const actionsContainer = document.createElement('div');
+  actionsContainer.style.display = 'flex';
+  actionsContainer.style.flexDirection = 'row';
+  actionsContainer.style.justifyContent = 'flex-end';
+  actionsContainer.style.gap = '5px';
+  return actionsContainer;
+}
+function builPopup(title, resolve) {
+  const popup = document.createElement('ez-popup');
+  popup.opened = true;
+  popup.size = 'small';
+  popup.ezTitle = title;
+  popup.heightMode = 'auto';
+  popup.addEventListener('ezClosePopup', () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  }, { once: true });
+  popup.addEventListener('ezPopupAction', () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  }, { once: true });
+  return popup;
+}
+function buildConfirmBtn(popup, confirmBtnLabel, resolve) {
+  const confirmBtn = document.createElement('ez-button');
+  confirmBtn.label = confirmBtnLabel;
+  confirmBtn.size = 'medium';
+  confirmBtn.classList.add('ez-button--primary');
+  confirmBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(true);
+  };
+  return confirmBtn;
+}
+function buildCancelBtn(popup, cancelBtnLabel, resolve) {
+  const cancelBtn = document.createElement('ez-button');
+  cancelBtn.label = cancelBtnLabel;
+  cancelBtn.size = 'medium';
+  cancelBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  };
+  return cancelBtn;
+}