@sankhyalabs/sankhyablocks 9.0.1 → 9.1.0-dev.2

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

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-ebddaef4.js');
-require('./DataFetcher-875371e9.js');
-require('./pesquisa-fetcher-30cab386.js');
+const taskbarElements = require('./taskbar-elements-3b74cd21.js');
+require('./DataFetcher-1afdb18e.js');
+require('./ISave-c76e2c51.js');
 const index$1 = require('./index-e3e39724.js');
-require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-b95768e8.js');
+require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-e0a512c3.js');
-const constants = require('./constants-241934b3.js');
-const authFetcher = require('./auth-fetcher-24ba4135.js');
-require('./index-ab1cfb44.js');
+require('./form-config-fetcher-40d3f752.js');
+const constants = require('./constants-6d82e405.js');
+const authFetcher = require('./auth-fetcher-1687ac0a.js');
+require('./index-0ad2baeb.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
@@ -32,7 +31,6 @@ const SnkCrud = class {
     this.configuratorCancel = index.createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this.viewModeChanged = index.createEvent(this, "viewModeChanged", 7);
-    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._customEditors = new Map();
     this._customRenders = new Map();
@@ -67,6 +65,8 @@ const SnkCrud = class {
     this.ignoreReadOnlyFormFields = undefined;
     this.setCustomFormTitle = undefined;
     this.strategyExporter = index$1.ExporterStrategy.SERVER_SIDE;
+    this.layoutFormConfig = false;
+    this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${core.StringUtils.generateUUID()}`;
   }
@@ -154,14 +154,20 @@ const SnkCrud = class {
     this.setViewMode(constants.VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === taskbarElements.TaskbarElement.GRID_MODE)
-      return this.setViewMode(constants.VIEW_MODE.GRID);
-    if (act === taskbarElements.TaskbarElement.FORM_MODE || act === taskbarElements.TaskbarElement.UPDATE)
-      return this.gridToForm(act !== taskbarElements.TaskbarElement.UPDATE);
-    if (act === taskbarElements.TaskbarElement.CONFIGURATOR)
-      return this._snkConfigurator.open();
-    if (act === "ATTACH")
-      return this.setViewMode(constants.VIEW_MODE.ATTACHMENT);
+    switch (act) {
+      case taskbarElements.TaskbarElement.GRID_MODE:
+        return this.setViewMode(constants.VIEW_MODE.GRID);
+      case taskbarElements.TaskbarElement.FORM_MODE:
+      case taskbarElements.TaskbarElement.UPDATE:
+        return this.gridToForm(act !== taskbarElements.TaskbarElement.UPDATE);
+      case taskbarElements.TaskbarElement.UPDATE_MULTIPLE:
+        this._dataUnit.isMultipleEdition = true;
+        return this.setViewMode(constants.VIEW_MODE.FORM);
+      case taskbarElements.TaskbarElement.CONFIGURATOR:
+        return this._snkConfigurator.open();
+      case taskbarElements.TaskbarElement.ATTACH:
+        return this.setViewMode(constants.VIEW_MODE.ATTACHMENT);
+    }
   }
   backView() {
     const lastView = this._viewHistory.at(-2) || constants.VIEW_MODE.GRID;
@@ -171,6 +177,7 @@ const SnkCrud = class {
     this._viewStack.show(viewMode);
     this._currentViewMode = viewMode;
     if (viewMode === constants.VIEW_MODE.GRID) {
+      this._dataUnit.isMultipleEdition = false;
       this._snkGrid.setFocus();
     }
     else if (viewMode === constants.VIEW_MODE.FORM) {
@@ -268,7 +275,6 @@ const SnkCrud = class {
   }
   disconnectedCallback() {
     this.removeShortcuts();
-    window.removeEventListener("keydown", this._keyDownHandler);
   }
   async handleDataStateChange(evt) {
     var _a;
@@ -290,29 +296,28 @@ const SnkCrud = class {
     }
   }
   async initKeyboardManager() {
-    var _a;
-    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
-    if (keyboardManager) {
-      const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
-      async function saveDataUnitHandlingFocus() {
-        const element = document.activeElement;
-        const isDocumentBody = (element == document.body);
-        if (!isDocumentBody)
-          element.blur();
-        await dataUnit.saveData();
-        if (!isDocumentBody && element.setFocus != undefined) {
-          element.setFocus();
-          return;
-        }
-        if (!isDocumentBody)
-          element.focus();
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: this._element });
+    const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
+    async function saveDataUnitHandlingFocus() {
+      const element = document.activeElement;
+      const isDocumentBody = (element == document.body);
+      if (!isDocumentBody)
+        element.blur();
+      await dataUnit.saveData();
+      if (!isDocumentBody && element.setFocus != undefined) {
+        element.setFocus();
+        return;
       }
-      async function handleAddRecord() {
-        if (!dataUnit.hasNewRecord()) {
-          dataUnit.addRecord();
-        }
+      if (!isDocumentBody)
+        element.focus();
+    }
+    async function handleAddRecord() {
+      if (!dataUnit.hasNewRecord()) {
+        dataUnit.addRecord();
       }
-      keyboardManager
+    }
+    if (this._keyboardManager) {
+      this._keyboardManager
         .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade.", element: this._element })
         .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
         .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
@@ -337,18 +342,7 @@ const SnkCrud = class {
   }
   async removeShortcuts() {
     var _a;
-    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
-    if (keyboardManager) {
-      keyboardManager
-        .unbind("F6")
-        .unbind("F7")
-        .unbind("ctrl + \\")
-        .unbind("F8")
-        .unbind("F9")
-        .unbind("ctrl + F9")
-        .unbind("F5")
-        .unbind("Escape");
-    }
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
   async toggleView() {
     const currentView = await this._viewStack.getSelectedIndex();
@@ -375,34 +369,12 @@ const SnkCrud = class {
     }
     this.configuratorCancel.emit();
   }
-  async keyDownListener(event) {
-    if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
-      return;
-    }
-    if (this._element == undefined) {
-      return;
-    }
-    if (core.JSUtils.isHiddenElement(this._element)) {
-      return;
-    }
-    core.FloatingManager.closeAll();
-    if (this._currentViewMode === constants.VIEW_MODE.GRID) {
-      await this._snkGrid.findColumn();
-    }
-    else {
-      await this._guidesViewer.findField();
-    }
-    event.preventDefault();
-  }
-  connectedCallback() {
-    window.addEventListener("keydown", this._keyDownHandler, { capture: true });
-  }
   render() {
     if (this._resourceID == undefined) {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === constants.VIEW_MODE.GRID && !this.enableGridInsert);
-    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, paginationCounterMode: this.paginationCounterMode }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }), index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", { tabIndex: "0" }, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }), index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-custom-slot-elements.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 
 const snkCustomSlotElementsCss = ".sc-snk-custom-slot-elements-h{display:none}";
 

package/dist/cjs/snk-data-exporter.cjs.entry.js

@@ -2,23 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-f9e81701.js');
+const index$1 = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const IFetchDataExporterParams = require('./IFetchDataExporterParams-e78ec415.js');
 const index = require('./index-e3e39724.js');
-const constants = require('./constants-241934b3.js');
-const DataFetcher = require('./DataFetcher-875371e9.js');
-const snkDataUnit = require('./snk-data-unit-33937ffe.js');
-require('./pesquisa-fetcher-30cab386.js');
-require('./ISave-e91b70a7.js');
+const constants = require('./constants-6d82e405.js');
+const DataFetcher = require('./DataFetcher-1afdb18e.js');
+const snkDataUnit = require('./snk-data-unit-3684c96e.js');
+require('./ISave-c76e2c51.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-b95768e8.js');
+require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-e0a512c3.js');
+require('./form-config-fetcher-40d3f752.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-bae64d0d.js');
+require('./SnkMessageBuilder-e3b7850b.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

package/dist/cjs/{snk-data-unit-33937ffe.js → snk-data-unit-3684c96e.js}

@@ -1,13 +1,142 @@
 'use strict';
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-bae64d0d.js');
-const dataunitFetcher = require('./dataunit-fetcher-b95768e8.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-e3b7850b.js');
+const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 
+const NO_TAB_NAME = "__NO_TAB_NAME__";
+const MAIN_TAB_NAME = "__main";
+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;
+}
+
 const SnkDataUnit = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -23,6 +152,7 @@ const SnkDataUnit = class {
     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);
@@ -99,6 +229,10 @@ const SnkDataUnit = class {
       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.
    */
@@ -273,9 +407,13 @@ const SnkDataUnit = class {
     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;
@@ -283,6 +421,46 @@ const SnkDataUnit = class {
     }
     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);
@@ -302,7 +480,17 @@ const SnkDataUnit = class {
     }
     const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
     const confirm = await utils.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) {
@@ -480,24 +668,50 @@ const SnkDataUnit = class {
   }
   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 = SnkMessageBuilder.OperationMap.CLONE;
-    if (this.ignoreSaveMessage && ![SnkMessageBuilder.OperationMap.CLONE, SnkMessageBuilder.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 [SnkMessageBuilder.OperationMap.CLONE, SnkMessageBuilder.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 }, SnkMessageBuilder.OperationMap.UPDATE_MULTIPLES);
+  }
+  isMultiplesUpdate(saveOperation, records) {
+    return saveOperation === SnkMessageBuilder.OperationMap.UPDATE && records.length > 1;
+  }
   handleRecordsRemoved(action) {
     var _a, _b;
     let removeFinishMsg = this.buildRemoveFinishMessage(action);

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-33937ffe.js');
-require('./index-f9e81701.js');
+const snkDataUnit = require('./snk-data-unit-3684c96e.js');
+require('./index-1cf293c1.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
-require('./SnkMessageBuilder-bae64d0d.js');
-require('./dataunit-fetcher-b95768e8.js');
-require('./DataFetcher-875371e9.js');
+require('./SnkMessageBuilder-e3b7850b.js');
+require('./dataunit-fetcher-a723f0dc.js');
+require('./DataFetcher-1afdb18e.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');

package/dist/cjs/snk-default-filter.cjs.entry.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const defaultFilters = require('./default-filters-a09bf82b.js');
+
+const snkDefaultFilterCss = ".sc-snk-default-filter-h{display:flex;justify-content:flex-end}.default_container.sc-snk-default-filter{border:none;background:none;display:flex;align-items:center;gap:var(--space--3xs, 4px);font-family:var(--font-pattern);color:var(--title--primary, #2b3a54);font-size:var(--text--medium, 14px);padding:0;outline:none}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter{cursor:pointer}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter:hover{color:var(--color--primary-600)}.new_filter.sc-snk-default-filter{cursor:pointer;margin:0 var(--space--3xs, 4px)}.new_filter.sc-snk-default-filter:hover{color:var(--color--primary-600)}";
+
+const SnkDefaultFilter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionSelected = index.createEvent(this, "actionSelected", 7);
+    this.OFFSET_HEIGHT = 5;
+    this.getMessage = undefined;
+    this.hasDefaultFilter = false;
+    this._opened = false;
+  }
+  repositionDropDown() {
+    if (!this._refIcon || !this._refDropdown) {
+      return;
+    }
+    const boundingIcon = this._refIcon.getBoundingClientRect();
+    const boundingDropDown = this._refDropdown.getBoundingClientRect();
+    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
+    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
+  }
+  toggleDropdown() {
+    this._opened = !this._opened;
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (!target) {
+      return;
+    }
+    if (!target.closest("#dropdown-parent-demo")) {
+      this._opened = false;
+    }
+  }
+  buildItems() {
+    return ([
+      {
+        id: defaultFilters.ActionDefaultFilter.EDIT,
+        label: this.getMessage('defaultFilter.edit'),
+      },
+      {
+        id: defaultFilters.ActionDefaultFilter.REMOVE,
+        label: this.getMessage('defaultFilter.remove'),
+      },
+    ]);
+  }
+  onValueSelected({ detail: item }) {
+    this._opened = false;
+    this.actionSelected.emit(item.id);
+  }
+  openCreateNewFilter() {
+    this.actionSelected.emit(defaultFilters.ActionDefaultFilter.CREATE);
+  }
+  componentDidRender() {
+    this.repositionDropDown();
+  }
+  componentWillLoad() {
+    this._items = this.buildItems();
+    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
+    document.addEventListener("scroll", this.repositionDropDown.bind(this));
+  }
+  render() {
+    if (!this.hasDefaultFilter) {
+      return (index.h(index.Host, null, index.h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, index.h("span", null, this.getMessage('defaultFilter.create')))));
+    }
+    return (index.h(index.Host, null, index.h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, index.h("span", null, this.getMessage('defaultFilter.title')), index.h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
+      index.h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
+  }
+};
+SnkDefaultFilter.style = snkDefaultFilterCss;
+
+exports.snk_default_filter = SnkDefaultFilter;