@sankhyalabs/sankhyablocks 8.16.0-dev.102 → 8.16.0-dev.105

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;
+}

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

@@ -1,11 +1,12 @@
-import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, DataUnitAction, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils, StringUtils, } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { DatasetStrategy } from '../../lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy';
 import { getRecordValue } from '../../lib/dataUnit/ValueFormatter';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { getSelectedRecordsIDsInfo } from '../../lib/utils/GetSelectedRecordsIDsInfo';
+import { showConfirmMultipleUpdatePopup } from './MultipleUpdateHelper';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -14,6 +15,7 @@ export class SnkDataUnit {
     this._fieldsWithRmPrecision = [];
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
+    this._formFieldsConfig = [];
     this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = await this.buildDataState(action.type);
@@ -92,6 +94,10 @@ export class SnkDataUnit {
       this.messagesBuilderUpdated.emit(newValue);
     }
   }
+  onMasterFormConfigChange({ detail }) {
+    var _a;
+    this._formFieldsConfig = (_a = detail === null || detail === void 0 ? void 0 : detail.fields) !== null && _a !== void 0 ? _a : [];
+  }
   /**
    * Obtém o dataUnit.
    */
@@ -266,9 +272,13 @@ export class SnkDataUnit {
     this._openedAlert = false;
   }
   async interceptSavingData(action) {
-    if (!this.beforeSave) {
-      return action;
+    if (this.dataUnit.isMultipleEdition) {
+      const confirm = await this.confirmMultipleSavingData();
+      if (!confirm)
+        return undefined;
     }
+    if (!this.beforeSave)
+      return action;
     const continueAction = this.beforeSave(this.dataUnit);
     if (continueAction instanceof Promise) {
       const result = await continueAction;
@@ -276,6 +286,46 @@ export class SnkDataUnit {
     }
     return continueAction ? action : undefined;
   }
+  async confirmMultipleSavingData() {
+    const selectedRecords = this.dataUnit.getSelectionInfo().records;
+    const title = this.getMessage('snkDataUnit.multipleUpdateConfirmationTitle');
+    const message = this.getMessage('snkDataUnit.multipleUpdateConfirmationMessage', { size: selectedRecords.length });
+    const labelBtnCancel = this.getMessage('snkDataUnit.confirm.cancel');
+    const labelBtnConfirm = this.getMessage('snkDataUnit.confirm.updateMultipleConfirm');
+    return await showConfirmMultipleUpdatePopup({
+      title,
+      message,
+      labelBtnConfirm,
+      labelBtnCancel,
+      changingFields: this.getChangingFields(),
+    });
+  }
+  getChangingFields() {
+    const changes = this.dataUnit.buildChangesToSave();
+    if (!(changes === null || changes === void 0 ? void 0 : changes.length))
+      return [];
+    const change = changes[0];
+    const changingFields = Object.keys(change.updatingFields).map(key => this.buildChangingField(key, change[key]));
+    return changingFields;
+  }
+  buildChangingField(key, value) {
+    const fieldLabel = this.dataUnit.getField(key).label;
+    const formattedValue = this.dataUnit.getFormattedValue(key, value);
+    return {
+      label: fieldLabel,
+      value: formattedValue,
+      tabName: this.getFieldTabName(key),
+    };
+  }
+  getFieldTabName(fieldName) {
+    var _a;
+    const tab = (_a = this._formFieldsConfig.find(f => f.name === fieldName)) === null || _a === void 0 ? void 0 : _a.tab;
+    if (!tab)
+      return undefined;
+    if (typeof tab === 'string')
+      return tab;
+    return tab.label;
+  }
   interceptDataSaved(action) {
     if (this.afterSave) {
       this.afterSave(this.dataUnit);
@@ -295,7 +345,17 @@ export class SnkDataUnit {
     }
     const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
     const confirm = await ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation);
-    confirm && this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
+    if (confirm) {
+      let editionCanceledMessage;
+      if (this.dataUnit.isMultipleEdition) {
+        const selectedRecords = this.dataUnit.getSelectionInfo().records;
+        editionCanceledMessage = this.buildMultipleUpdateMessage(selectedRecords, true);
+      }
+      else {
+        editionCanceledMessage = this.getMessage("snkDataUnit.cancelInfo");
+      }
+      this.showSuccessMessage(editionCanceledMessage);
+    }
     return confirm ? action : undefined;
   }
   async interceptRemovingRecords(action) {
@@ -473,24 +533,50 @@ export class SnkDataUnit {
   }
   async handleDataSaved(action) {
     var _a, _b, _c;
-    const newRowMetadata = await this.handleLoadRowMetadata((_c = (_b = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.record);
+    const changes = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes;
+    const affectedRecords = (_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.records;
+    const newRowMetadata = await this.handleLoadRowMetadata((_c = changes === null || changes === void 0 ? void 0 : changes[0]) === null || _c === void 0 ? void 0 : _c.record);
     if (newRowMetadata) {
       newRowMetadata.getProp = this.buildGetPropRowMetadata(newRowMetadata);
     }
-    const recordId = action.payload.records[0].__record__id__;
+    const recordId = affectedRecords[0].__record__id__;
     this._metadataByRow.set(recordId, newRowMetadata);
     this.dataState = await this.buildDataState();
-    let saveOperation = action.payload.changes[0]._operation.toLowerCase();
-    if (saveOperation == 'copy')
+    let saveOperation = changes[0]._operation.toLowerCase();
+    if (saveOperation == 'copy') {
       saveOperation = OperationMap.CLONE;
-    if (this.ignoreSaveMessage && ![OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation)) {
-      return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
+    if (this.canIgnoreOperationMessage(saveOperation))
+      return;
+    let msg = this.buildOperationMessage(saveOperation, affectedRecords);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
+  canIgnoreOperationMessage(saveOperation) {
+    return this.ignoreSaveMessage && !this.isCloneOrInsertOperation(saveOperation);
+  }
+  isCloneOrInsertOperation(saveOperation) {
+    return [OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation);
+  }
+  buildOperationMessage(saveOperation, records) {
+    if (this.isMultiplesUpdate(saveOperation, records)) {
+      return this.buildMultipleUpdateMessage(records);
+    }
+    return this.getMessage('snkDataUnit.saveInfo', records[0], saveOperation);
+  }
+  buildMultipleUpdateMessage(records, isCancel) {
+    /**
+     * FIXME: No futuro, precisamos pensar em um mecanismo para deixar as mensagens de feedback mais dinâmicas.
+     * Podemo ocorrer cenários onde temos mais de um registro selecionado e também cenários onde a chave primária
+     * de um registro se trata de uma chave composta.
+     */
+    const key = `snkDataUnit.${isCancel ? 'cancelInfo' : 'saveInfo'}`;
+    return this.getMessage(key, { records: records }, OperationMap.UPDATE_MULTIPLES);
+  }
+  isMultiplesUpdate(saveOperation, records) {
+    return saveOperation === OperationMap.UPDATE && records.length > 1;
+  }
   handleRecordsRemoved(action) {
     var _a, _b;
     let removeFinishMsg = this.buildRemoveFinishMessage(action);
@@ -1156,6 +1242,15 @@ export class SnkDataUnit {
         "methodName": "observeMessagesBuilder"
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "snkMasterFormConfigChange",
+        "method": "onMasterFormConfigChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 class DataStateImpl {
   constructor(datastate) {

package/dist/collection/components/snk-grid/snk-grid.js

@@ -27,7 +27,7 @@ export class SnkGrid {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.selected": this.getGridHeaderSelectedBtns(),
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
       "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
@@ -78,6 +78,17 @@ export class SnkGrid {
     this.enableGridInsert = false;
     this.outlineMode = false;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
+    this.multipleEditionEnabled = true;
+  }
+  getGridHeaderSelectedBtns() {
+    const btns = [
+      TaskbarElement.UPDATE, TaskbarElement.CLONE, TaskbarElement.REMOVE,
+      TaskbarElement.MORE_OPTIONS, TaskbarElement.DIVIDER, TaskbarElement.ATTACH, TaskbarElement.FORM_MODE,
+      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
   }
   reloadConfig() {
     this.loadConfig();
@@ -362,20 +373,23 @@ export class SnkGrid {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push(TaskbarElement.CLONE, "ATTACH", TaskbarElement.UPDATE);
+        disabledButtons.push(TaskbarElement.CLONE, TaskbarElement.ATTACH, TaskbarElement.UPDATE);
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
+        disabledButtons.push(TaskbarElement.REMOVE);
       }
     }
     return disabledButtons;
   }
   getInvisibleButtons() {
+    var _a, _b;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
-      invisibleButtons.push("DATA_EXPORTER");
-    if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
+    if (((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo.mode) === SelectionMode.ALL_RECORDS)
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
+      invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -1026,6 +1040,24 @@ export class SnkGrid {
         "attribute": "strategy-exporter",
         "reflect": false,
         "defaultValue": "ExporterStrategy.SERVER_SIDE"
+      },
+      "multipleEditionEnabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita a edi\u00E7\u00E3o de m\u00FAltiplos registros simult\u00E2neos."
+        },
+        "attribute": "multiple-edition-enabled",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, DataType, ElementIDUtils, FloatingManager, JSUtils, KeyboardManager, ObjectUtils, StringUtils, UserInterface, } from '@sankhyalabs/core';
+import { Action as DUAction, ApplicationContext, DataType, ElementIDUtils, FloatingManager, JSUtils, KeyboardManager, ObjectUtils, StringUtils, UserInterface, } from '@sankhyalabs/core';
 import { CSSVarsUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { h } from '@stencil/core';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
@@ -22,13 +22,6 @@ export class SnkSimpleCrud {
     this._formConfigFetcher = new FormConfigFetcher();
     this._customEditors = new Map();
     this._customRenders = new Map();
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [TaskbarElement.GRID_MODE], true),
-      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [TaskbarElement.GRID_MODE], true),
-      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.finish_edition": this.getFinishEditionButtonsCallback.bind(this)
-    });
     this._showPopUpGridConfig = false;
     this._currentViewMode = VIEW_MODE.GRID;
     this._config = undefined;
@@ -61,6 +54,7 @@ export class SnkSimpleCrud {
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
     this.domainMessagesBuilder = undefined;
+    this.multipleEditionEnabled = true;
     this.layoutFormConfig = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
@@ -121,8 +115,25 @@ export class SnkSimpleCrud {
     newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
     this._fieldsProps = newCustomFieldProps;
   }
+  loadTaskbarProcessor() {
+    const taskbarIDs = {};
+    taskbarIDs[TASKBAR_ID.FORM_REGULAR] = this.getButtons(false, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_REGULAR] = this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    taskbarIDs[TASKBAR_ID.FORM_SELECTED] = this.getButtons(true, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_SELECTED] = this.getGridSelectedButtonsCallBack.bind(this);
+    taskbarIDs[TASKBAR_ID.FINISH_EDITION] = this.getFinishEditionButtonsCallback.bind(this);
+    taskbarIDs[TASKBAR_ID.MULTIPLE_EDITION] = [TaskbarElement.CANCEL];
+    this._taskbarProcessor = new TaskbarProcessor(taskbarIDs);
+  }
+  getGridSelectedButtonsCallBack() {
+    var _a, _b, _c;
+    if (!this.multipleEditionEnabled || ((_c = (_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+      return this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    }
+    return this.getButtons(true, [TaskbarElement.UPDATE_MULTIPLE, TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+  }
   getFinishEditionButtonsCallback() {
-    const btns = ["CANCEL", "SAVE"];
+    const btns = [TaskbarElement.CANCEL, TaskbarElement.SAVE];
     if (this.enableGridInsert && this._currentViewMode !== VIEW_MODE.ATTACHMENT) {
       btns.push(this._currentViewMode === VIEW_MODE.GRID ? TaskbarElement.FORM_MODE : TaskbarElement.GRID_MODE);
     }
@@ -158,22 +169,32 @@ export class SnkSimpleCrud {
   async goToView(view) {
     this._currentViewMode = view;
     if (this._viewStack) {
+      if (view === VIEW_MODE.GRID)
+        this.dataUnit.isMultipleEdition = false;
       this._viewStack.show(view);
     }
   }
   actionClickListener(evt) {
-    const act = evt.detail;
-    if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
-    else if (act === TaskbarElement.GRID_MODE) {
-      this.goToView(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE) {
-      this.goToView(VIEW_MODE.FORM);
-    }
+    this.handleTaskbarAction(evt.detail);
     evt.stopPropagation();
   }
+  handleTaskbarAction(action) {
+    switch (action) {
+      case TaskbarElement.CONFIGURATOR:
+        this._snkConfigurator.open();
+        break;
+      case TaskbarElement.GRID_MODE:
+        this.goToView(VIEW_MODE.GRID);
+        break;
+      case TaskbarElement.FORM_MODE:
+        this.goToView(VIEW_MODE.FORM);
+        break;
+      case TaskbarElement.UPDATE_MULTIPLE:
+        this.dataUnit.isMultipleEdition = true;
+        this.goToView(VIEW_MODE.FORM);
+        break;
+    }
+  }
   async onChangeEntityName(newValue) {
     if (this.dataUnit)
       return;
@@ -305,8 +326,10 @@ export class SnkSimpleCrud {
     this.setFormConfig(await this._formConfigManager.loadConfig());
   }
   async componentWillRender() {
+    this.loadTaskbarProcessor();
     this._resourceID = await this.application.getResourceID();
     this.dataExporterProviderStore();
+    this.dataExporterProviderStore();
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
     if (this.configName === undefined) {
       return;
@@ -338,6 +361,14 @@ export class SnkSimpleCrud {
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._grid);
     this.initKeyboardManager();
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
+  async dataUnitActionHandler(action) {
+    if (action.type === DUAction.EDITION_CANCELED || action.type === DUAction.DATA_SAVED) {
+      if (this.dataUnit.isMultipleEdition) {
+        this.goToView(VIEW_MODE.GRID);
+      }
+    }
   }
   setCustomRenders() {
     if (!this._grid) {
@@ -376,14 +407,17 @@ export class SnkSimpleCrud {
   getTaskBarId() {
     var _a, _b;
     if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
-      return "snkSimpleCrudTaskbar.finish_edition";
+      return TASKBAR_ID.FINISH_EDITION;
+    }
+    if (this.dataUnit.isMultipleEdition) {
+      return TASKBAR_ID.MULTIPLE_EDITION;
     }
     if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
       !this.dataState.selectionInfo.isAllRecords() &&
       this.dataState.selectionInfo.length > 0) {
-      return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
+      return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_SELECTED : TASKBAR_ID.FORM_SELECTED;
     }
-    return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
+    return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_REGULAR : TASKBAR_ID.FORM_REGULAR;
   }
   initInMemoryDataUnit() {
     this._inMemoryLoader = new InMemoryLoader(this._metadata, undefined, { autoLoad: this.autoLoad });
@@ -1237,6 +1271,24 @@ export class SnkSimpleCrud {
         "attribute": "domain-messages-builder",
         "reflect": false
       },
+      "multipleEditionEnabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita a edi\u00E7\u00E3o de m\u00FAltiplos registros simult\u00E2neos."
+        },
+        "attribute": "multiple-edition-enabled",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "layoutFormConfig": {
         "type": "boolean",
         "mutable": false,
@@ -1714,3 +1766,12 @@ export class SnkSimpleCrud {
       }];
   }
 }
+var TASKBAR_ID;
+(function (TASKBAR_ID) {
+  TASKBAR_ID["FORM_REGULAR"] = "snkSimpleCrudTaskbar.form_regular";
+  TASKBAR_ID["GRID_REGULAR"] = "snkSimpleCrudTaskbar.grid_regular";
+  TASKBAR_ID["FORM_SELECTED"] = "snkSimpleCrudTaskbar.form_selected";
+  TASKBAR_ID["GRID_SELECTED"] = "snkSimpleCrudTaskbar.grid_selected";
+  TASKBAR_ID["FINISH_EDITION"] = "snkSimpleCrudTaskbar.finish_edition";
+  TASKBAR_ID["MULTIPLE_EDITION"] = "snkSimpleCrudTaskbar.multiple_edition";
+})(TASKBAR_ID || (TASKBAR_ID = {}));

package/dist/collection/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.css

@@ -1,6 +1,19 @@
 :host {
+  /*@doc Define a largura mínima do componente.*/
+  --ez-dropdown--min-width: 150px;
   /*private*/
   display: flex;
   width: fit-content;
   height: fit-content;
 }
+
+.ez-dropdown-container {
+  position: relative;
+  display: inline-block;
+}
+
+.ez-dropdown--sticky {
+  position: absolute;
+  display: block;
+  min-width: var(--ez-dropdown--min-width);
+}

package/dist/collection/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js

@@ -118,7 +118,7 @@ export class TaskbarActionsButton {
     this.taskbarActionsButtonDisconnected.emit();
   }
   render() {
-    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''}` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
+    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''} ez-dropdown-container` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { class: `ez-dropdown--sticky`, items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
   }
   static get is() { return "taskbar-actions-button"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -20,6 +20,7 @@ export var TaskbarElement;
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
   TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
 })(TaskbarElement || (TaskbarElement = {}));
 export var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -59,6 +60,8 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
       return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.UPDATE:
       return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton("edit-table", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CLONE:
       return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.REMOVE:

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -1,9 +1,8 @@
-import { ApplicationContext, ElementIDUtils, OverflowDirection, OverflowWatcher, StringUtils, OVERFLOWED_CLASS_NAME, LockManager, LockManagerOperation, SilentException } from '@sankhyalabs/core';
+import { Action as DUAction, ApplicationContext, ElementIDUtils, LockManager, LockManagerOperation, OverflowDirection, OVERFLOWED_CLASS_NAME, OverflowWatcher, SilentException, StringUtils, } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { AuthorizationConfig } from '../snk-configurator/AuthorizationConfig';
 import { AuthorizationElements, buildCustomButton, buildElem, TaskbarElement, VisibleWhenForbidden, } from './elements/taskbar-elements';
 import { PresentationMode } from '../../lib/@types';
-import { Action as DUAction } from '@sankhyalabs/core';
 export class SnkTaskbar {
   constructor() {
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
@@ -11,6 +10,7 @@ export class SnkTaskbar {
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this._titleKeyByElement = {
+      [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
       [TaskbarElement.NEXT]: "snkTaskbar.titleNext",

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -159,4 +159,5 @@ export var OperationMap;
   OperationMap["INSERT"] = "insert";
   OperationMap["UPDATE"] = "update";
   OperationMap["CLEAN"] = "clean";
+  OperationMap["UPDATE_MULTIPLES"] = "updateMultiples";
 })(OperationMap || (OperationMap = {}));