@sankhyalabs/sankhyablocks 9.0.3 → 9.1.0-dev.10

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a7d3d3f1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-479e1293.js';
 
 const snkCustomSlotElementsCss = ".sc-snk-custom-slot-elements-h{display:none}";
 

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

@@ -1,19 +1,19 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-479e1293.js';
 import { ApplicationContext, ObjectUtils, UserInterface, DataType, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { I as IExportType } from './IFetchDataExporterParams-d73bed3d.js';
 import { D as DataExporterOption, a as DataExporterType, b as DataExporterFormat } from './index-b40568ff.js';
-import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-75abb876.js';
-import { D as DataFetcher } from './DataFetcher-adb59b95.js';
-import { S as SnkDataUnit } from './snk-data-unit-661c3d4b.js';
-import './ISave-84cb6086.js';
+import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-7b422de0.js';
+import { D as DataFetcher } from './DataFetcher-db08cad0.js';
+import { S as SnkDataUnit } from './snk-data-unit-330db397.js';
+import './ISave-da565824.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-1db959fd.js';
+import './dataunit-fetcher-1b78797a.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-971d7306.js';
+import './form-config-fetcher-e623539b.js';
 import './PrintUtils-3e4ff0f5.js';
-import './SnkMessageBuilder-6fff4a4c.js';
+import './SnkMessageBuilder-da87a821.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import './GetSelectedRecordsIDsInfo-9fa41508.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

package/dist/esm/{snk-data-unit-661c3d4b.js → snk-data-unit-330db397.js}

@@ -1,11 +1,140 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-a7d3d3f1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-479e1293.js';
 import { Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
-import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-1db959fd.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-da87a821.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-1b78797a.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.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) {
     registerInstance(this, hostRef);
@@ -21,6 +150,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);
@@ -97,6 +227,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.
    */
@@ -271,9 +405,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;
@@ -281,6 +419,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);
@@ -300,7 +478,17 @@ const SnkDataUnit = class {
     }
     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) {
@@ -478,24 +666,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 = 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);

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

@@ -1,10 +1,10 @@
-export { S as snk_data_unit } from './snk-data-unit-661c3d4b.js';
-import './index-a7d3d3f1.js';
+export { S as snk_data_unit } from './snk-data-unit-330db397.js';
+import './index-479e1293.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './SnkMessageBuilder-6fff4a4c.js';
-import './dataunit-fetcher-1db959fd.js';
-import './DataFetcher-adb59b95.js';
+import './SnkMessageBuilder-da87a821.js';
+import './dataunit-fetcher-1b78797a.js';
+import './DataFetcher-db08cad0.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';

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

@@ -0,0 +1,73 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-479e1293.js';
+import { A as ActionDefaultFilter } from './default-filters-50105e43.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) {
+    registerInstance(this, hostRef);
+    this.actionSelected = 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: ActionDefaultFilter.EDIT,
+        label: this.getMessage('defaultFilter.edit'),
+      },
+      {
+        id: ActionDefaultFilter.REMOVE,
+        label: this.getMessage('defaultFilter.remove'),
+      },
+    ]);
+  }
+  onValueSelected({ detail: item }) {
+    this._opened = false;
+    this.actionSelected.emit(item.id);
+  }
+  openCreateNewFilter() {
+    this.actionSelected.emit(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 (h(Host, null, h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, h("span", null, this.getMessage('defaultFilter.create')))));
+    }
+    return (h(Host, null, h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, h("span", null, this.getMessage('defaultFilter.title')), h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
+      h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
+  }
+};
+SnkDefaultFilter.style = snkDefaultFilterCss;
+
+export { SnkDefaultFilter as snk_default_filter };

package/dist/esm/snk-detail-view.entry.js

@@ -1,26 +1,27 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
-import { Action } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-29b96434.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-479e1293.js';
+import { Action, StringUtils, KeyboardManager } from '@sankhyalabs/core';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-d64d62d6.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher-adb59b95.js';
-import './ISave-84cb6086.js';
+import './DataFetcher-db08cad0.js';
+import './ISave-da565824.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-1db959fd.js';
+import './dataunit-fetcher-1b78797a.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-971d7306.js';
-import { V as VIEW_MODE } from './constants-75abb876.js';
-import { T as TaskbarElement } from './taskbar-elements-ed51e143.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-cb589419.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
-import './ConfigStorage-c033ec98.js';
+import './form-config-fetcher-e623539b.js';
+import { V as VIEW_MODE } from './constants-7b422de0.js';
+import { T as TaskbarElement } from './taskbar-elements-171476d4.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-9335318d.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-da87a821.js';
+import { buildFieldSearch, SHORTCUT_SEARCH_FIELD, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import './ConfigStorage-89154c4e.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 import './ResourceIDUtils-a114189a.js';
-import './index-c57e49af.js';
-import './field-search-f8b1d91e.js';
+import './index-b72af127.js';
+import './taskbar-processor-3436124c.js';
 import '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 class GuideBuilder {
@@ -66,7 +67,7 @@ class GuideBuilder {
   }
 }
 
-const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px}.detail-header.sc-snk-detail-view{padding-bottom:0}";
+const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px;height:100%}.detail-header.sc-snk-detail-view{padding-bottom:0}snk-data-unit.sc-snk-detail-view{flex:1}snk-grid.sc-snk-detail-view{height:calc(100% - 43px)}";
 
 const SnkDetailView = class {
   constructor(hostRef) {
@@ -77,6 +78,8 @@ const SnkDetailView = class {
     this._disabledButtons = undefined;
     this._currentView = undefined;
     this.attachmentRegisterKey = undefined;
+    this._fieldToGetFocus = undefined;
+    this._hasToCreateFieldSearch = true;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
     this.resourceID = undefined;
@@ -92,6 +95,7 @@ const SnkDetailView = class {
     this.taskbarCustomContainerId = undefined;
     this.customEditors = undefined;
     this.customRenders = undefined;
+    this.presentationMode = PresentationMode.SECONDARY;
   }
   observeDataUnit(newDataUnit, oldDataUnit) {
     newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
@@ -295,6 +299,11 @@ const SnkDetailView = class {
   async componentDidLoad() {
     await this.observerPropsCustomEditor(this.customEditors);
     await this.observeCustomRenders(this.customRenders);
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
   async dataUnitActionHandler(action) {
     if (action.type === Action.FIELD_INVALIDATED) {
@@ -308,11 +317,55 @@ const SnkDetailView = class {
   normalizeBranchGuideId(id) {
     return id === null || id === void 0 ? void 0 : id.replace(/child\[(.*?)\]/g, '$1').replace(/::/g, '>');
   }
+  getSettingsListForm() {
+    const hardList = [{
+        value: StringUtils.generateUUID(),
+        label: this.messagesBuilder.getMessage("snkCrud.findColumn", undefined),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (_, item) => this.getFieldsSearch(item)
+      }];
+    return hardList;
+  }
+  getFieldsSearch(item) {
+    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
+      this._hasToCreateFieldSearch = false;
+      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
+    }
+    return this._fieldSearch;
+  }
+  fieldsOptionLoader(argument) {
+    const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
+    const allFields = this.getFormFields().map(field => { var _a; return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field.name); });
+    const filteredFields = allFields.filter(field => {
+      var _a, _b;
+      return ((_a = field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchTerm)) ||
+        ((_b = field.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchTerm));
+    });
+    const options = filteredFields.map(field => ({ value: field.name, label: field.label }));
+    return Promise.resolve(options);
+  }
+  onSelectField(option) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+  }
+  clearFieldToFocusHandler() {
+    this._fieldToGetFocus = undefined;
+  }
+  async initKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager.bind(SHORTCUT_SEARCH_FIELD, async () => {
+      await this._snkFormView.showSearchField();
+    }, { description: LABEL_SEARCH_FIELD, element: this._element });
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
+  get _element() { return getElement(this); }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
     "dataState": ["observerDataState"],

package/dist/esm/snk-entity-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a7d3d3f1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-479e1293.js';
 import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 
 const snkEntityListCss = ".sc-snk-entity-list-h{--snk-entity-list--label--font-size:var(--text--medium, 14px);--snk-entity-list--label--font-family:var(--font-pattern, Arial);--snk-entity-list--label--color:var(--title--primary, #000);--snk-entity-list--label--disabled--color:var(--text--disable, #AFB6C0)}.label.sc-snk-entity-list{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--snk-entity-list--label--color);font-size:var(--snk-entity-list--label--font-size);font-family:var(--snk-entity-list--label--font-family);cursor:default;padding-left:var(--space--small);padding-bottom:var(--space--extra-small)}.snk-entity-list--overflow.sc-snk-entity-list{overflow:auto}.snk-entity-list--overflow.sc-snk-entity-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
@@ -7,11 +7,11 @@ const SnkEntityList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.valueChanged = createEvent(this, "valueChanged", 7);
-    this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
     this.rightListSlotBuilder = undefined;
     this.maxHeightList = "";
+    this.value = undefined;
   }
   async reloadList() {
     this.loadListSource();
@@ -73,18 +73,22 @@ const SnkEntityList = class {
   }
   onEzSearchChange(evt) {
     var _a, _b, _c, _d;
-    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
-      this.config = Object.assign(Object.assign({}, this.config), { value: [
-          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
-          {
-            id: evt.detail.value,
-            check: true,
-            label: evt.detail.label
-          }
-        ] });
-      this.loadListSource();
-      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    const newValueIsEmpty = ObjectUtils.isEmptySafetyCheck(evt.detail);
+    const hasConfingOnList = (_a = this.getListConfigValue(this.config)) === null || _a === void 0 ? void 0 : _a.find((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.id) === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); });
+    if (newValueIsEmpty || hasConfingOnList) {
+      return;
     }
+    this.config = Object.assign(Object.assign({}, this.config), { value: [
+        ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
+        {
+          id: evt.detail.value,
+          check: true,
+          label: evt.detail.label
+        }
+      ] });
+    this.loadListSource();
+    this.value = this.config.value;
+    this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
   }
   getMessage(key, params) {
     var _a;
@@ -95,8 +99,10 @@ const SnkEntityList = class {
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a, _b;
-    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    var _a, _b, _c;
+    const isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (h(Host, null, h(TagName, { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), label: (_b = this.config) === null || _b === void 0 ? void 0 : _b.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true, stopPropagateEnterKeyEvent: true }), ((_c = this._ezListSource) === null || _c === void 0 ? void 0 : _c.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
   }
   static get watchers() { return {
     "config": ["observeConfig"]

package/dist/esm/snk-exporter-email-sender.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, g as getElement } from './index-a7d3d3f1.js';
+import { h, r as registerInstance, g as getElement } from './index-479e1293.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';