@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

package/dist/cjs/{SnkMultiSelectionListDataSource-f53b60c4.js → SnkMultiSelectionListDataSource-5c5badfc.js}

@@ -1,16 +1,15 @@
 'use strict';
 
-const DataFetcher = require('./DataFetcher-3a8ea521.js');
-require('./ISave-a66bb65e.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
+require('./ISave-55d9dcc3.js');
 const core = require('@sankhyalabs/core');
-const index$1 = require('./index-e3e39724.js');
+const index = require('./index-bc950921.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-6febd6c4.js');
+const dataunitFetcher = require('./dataunit-fetcher-fae710c5.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-72cf0e3d.js');
+require('./form-config-fetcher-bbebdcb8.js');
 require('./constants-6d82e405.js');
-const index = require('./index-1894343a.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const IFetchDataExporterParams = require('./IFetchDataExporterParams-e78ec415.js');
 const InMemoryFilterColumnDataSource = require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
@@ -26,10 +25,13 @@ class CrudUtils {
         .columns
         .filter(col => col.ascending != undefined)
         .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
-        .map(({ name: field, ascending }) => {
-        const { dataType } = dataUnit.getField(field);
-        return { field, dataType, mode: ascending ? core.SortMode.ASC : core.SortMode.DESC };
-      });
+        .reduce((sortings, { name: field, ascending }) => {
+        const fieldMD = dataUnit.getField(field);
+        if (fieldMD) {
+          sortings.push({ field, dataType: fieldMD.dataType, mode: ascending ? core.SortMode.ASC : core.SortMode.DESC });
+        }
+        return sortings;
+      }, []);
     }
   }
   static parseCrudResults(entities, onlyFirst) {
@@ -152,41 +154,6 @@ class RmPrecisionCustomValueFormatter {
   }
 }
 
-class ContinuousInsertUtils {
-  constructor(snkApplication, resourceID, configName) {
-    this.snkApplication = snkApplication;
-    this.keyConfigEnableContinuousInsert = `${resourceID}enableContinuousInsert${configName ? configName : ''}`;
-  }
-  handleSaveConfig(enableContinuousInsert) {
-    return this.snkApplication.saveConfig(this.keyConfigEnableContinuousInsert, enableContinuousInsert);
-  }
-  getConfig() {
-    return this.snkApplication.getConfig(this.keyConfigEnableContinuousInsert).then(value => {
-      if (value) {
-        return value == "true" ? true : false;
-      }
-      return false;
-    }).catch(() => {
-      return false;
-    });
-  }
-  getMessage(key, params) {
-    var _a, _b;
-    return (_b = (_a = this.snkApplication) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage(key, params);
-  }
-  actionContinuousInsert(enableContinuousInsert, handleEnableContinuousInsert) {
-    return {
-      value: core.StringUtils.generateUUID(),
-      label: enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'),
-      enabled: true,
-      itemBuilder: () => {
-        return (index.h("div", { class: "ez-dropdown__item-wrapper", onClick: handleEnableContinuousInsert },
-          index.h("span", { class: "ez-dropdown__item-label" }, enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'))));
-      },
-    };
-  }
-}
-
 class CommonsExporter {
   constructor(dataUnit, grid) {
     this.MAX_WIDTH_COD = 60;
@@ -204,44 +171,46 @@ class CommonsExporter {
     return this.columnsState;
   }
   async buildColumnsMetadata(gridColumns) {
-    var _a, _b, _c;
+    var _a;
     const columnsMetadata = [];
+    const searchPlusDescriptionIds = this.collectSearchPlusDescriptionIds(gridColumns);
+    const gridColumnsByName = new Map(gridColumns.map(column => [column.name, column]));
     for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
       /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+       * A grid adiciona uma coluna auxiliar para a descrição de campos SEARCHPLUS
+       * (ex.: "ENTITYNAME.DESCRIPTIONFIELD"). A descrição já é emitida ao processar
+       * o próprio SEARCHPLUS, então pulamos a auxiliar para evitar duplicar a coluna.
        */
-      if (column.hidden && column.name !== "RECDESP") {
+      if (searchPlusDescriptionIds.has(column.name)) {
         continue;
       }
       const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
       const customFormatter = await this.grid.getCustomValueFormatter(column.name);
-      const isUserInterfaceSEARCH = (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UnitMetadata.UserInterface.SEARCH;
-      const widthColumnDefault = 60;
-      const labelColumn = isUserInterfaceSEARCH ? "Cód. " : column.label;
-      let descriptionColumn = undefined;
+      const isSearchField = this.isSearchUserInterface(fieldData);
+      const labelColumn = isSearchField ? "Cód. " : column.label;
       let columnData = {
         id: column.name,
         label: labelColumn,
-        width: isUserInterfaceSEARCH ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
+        width: isSearchField ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
         type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        descriptionColumn = {
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          label: labelDescription,
-          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-          type: core.DataType.TEXT,
-          userInterface: UnitMetadata.UserInterface.LONGTEXT,
-          descriptionFrom: fieldData.name
-        };
-        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+      let descriptionColumn = isSearchField ? this.buildDescriptionColumn(fieldData, column) : undefined;
+      if (descriptionColumn) {
+        const realDescriptionColumn = gridColumnsByName.get(descriptionColumn.id);
+        if (realDescriptionColumn === null || realDescriptionColumn === void 0 ? void 0 : realDescriptionColumn.width) {
+          columnData = Object.assign(Object.assign({}, columnData), { width: Math.min(columnData.width, this.MAX_WIDTH_COD) });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: realDescriptionColumn.width, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
+        else {
+          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)
@@ -249,6 +218,59 @@ class CommonsExporter {
     }
     return columnsMetadata || [];
   }
+  collectSearchPlusDescriptionIds(gridColumns) {
+    var _a;
+    const descriptionIds = new Set();
+    for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
+      const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
+      if (!this.isSearchUserInterface(fieldData)) {
+        continue;
+      }
+      const descriptionId = this.buildDescriptionColumnId(fieldData);
+      if (descriptionId) {
+        descriptionIds.add(descriptionId);
+      }
+    }
+    return descriptionIds;
+  }
+  /**
+   * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+   */
+  isHiddenColumn(column) {
+    return column.hidden && column.name !== "RECDESP";
+  }
+  isSearchUserInterface(fieldData) {
+    return (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UnitMetadata.UserInterface.SEARCH
+      || (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UnitMetadata.UserInterface.SEARCHPLUS;
+  }
+  buildDescriptionColumnId(fieldData) {
+    const properties = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties;
+    if ((properties === null || properties === void 0 ? void 0 : properties.DESCRIPTIONFIELD) == undefined) {
+      return undefined;
+    }
+    const descriptionField = `${properties.ENTITYNAME}.${properties.DESCRIPTIONFIELD}`;
+    return properties.mergedFrom ? `${properties.mergedFrom}.${descriptionField}` : descriptionField;
+  }
+  buildDescriptionColumn(fieldData, column) {
+    var _a;
+    const id = this.buildDescriptionColumnId(fieldData);
+    if (!id) {
+      return undefined;
+    }
+    const labelDescription = (_a = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _a === void 0 ? void 0 : _a.DESCRIPTIONENTITY;
+    const widthColumnDefault = 60;
+    return {
+      id,
+      label: labelDescription,
+      width: labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+      type: core.DataType.TEXT,
+      userInterface: UnitMetadata.UserInterface.LONGTEXT,
+      descriptionFrom: fieldData.name
+    };
+  }
   getWidthByMetaData(maxWidth, widthCod, widthDescription) {
     const totalCurrentWidth = widthCod + widthDescription;
     const codPercentage = widthCod / totalCurrentWidth;
@@ -310,11 +332,11 @@ class ClientSideExporterProvider extends CommonsExporter {
   }
   getHiddenOptions() {
     return [
-      index$1.DataExporterOption.EXPORT_BY_EMAIL,
-      index$1.DataExporterOption.EXPORT_PDF_TO_EMAIL,
-      index$1.DataExporterOption.EXPORT_XLS_TO_EMAIL,
-      index$1.DataExporterOption.EXPORT_PAGE_TO_PDF,
-      index$1.DataExporterOption.EXPORT_PAGE_TO_XLS
+      index.DataExporterOption.EXPORT_BY_EMAIL,
+      index.DataExporterOption.EXPORT_PDF_TO_EMAIL,
+      index.DataExporterOption.EXPORT_XLS_TO_EMAIL,
+      index.DataExporterOption.EXPORT_PAGE_TO_PDF,
+      index.DataExporterOption.EXPORT_PAGE_TO_XLS
     ];
   }
   formatValue(record, column) {
@@ -339,6 +361,56 @@ class ClientSideExporterProvider extends CommonsExporter {
   }
 }
 
+class TaskbarProcessor {
+  constructor(defaultButtons) {
+    this._defaultButtons = defaultButtons;
+  }
+  process(taskbarId, taskbarManager, dataState, disabledButtons = [], invisibleButtons = []) {
+    var _a;
+    this.customButtons = new Map();
+    this.buttons = "";
+    this.disabledButtons = [].concat(disabledButtons);
+    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
+      let buttonName;
+      if (typeof btnDef === "string") {
+        buttonName = btnDef;
+      }
+      else {
+        const customBtn = btnDef;
+        this.customButtons.set(customBtn.name, customBtn);
+        buttonName = customBtn.name;
+      }
+      if (!invisibleButtons.includes(buttonName)) {
+        if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+          this.disabledButtons.push(buttonName);
+        }
+        if (this.buttons.length > 0) {
+          this.buttons += ",";
+        }
+        this.buttons += buttonName;
+      }
+    });
+  }
+  getButtonsArray(taskbarId, taskbarManager, dataState) {
+    const defaults = this.getButtonsFromKey(taskbarId);
+    if (taskbarManager) {
+      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
+    }
+    return defaults;
+  }
+  getButtonsFromKey(taskbarId) {
+    const btnsValue = this._defaultButtons[taskbarId];
+    return typeof btnsValue === 'function' ? btnsValue() : btnsValue;
+  }
+  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
+    const originalValue = disabled.includes(buttonName) ? false : true;
+    if (taskbarManager && taskbarManager.isEnabled) {
+      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
+    }
+    return originalValue;
+  }
+}
+
 class SnkMultiSelectionListDataSource {
   setDataUnit(dataUnit) {
     this._dataUnit = dataUnit;
@@ -379,7 +451,7 @@ class SnkMultiSelectionListDataSource {
 
 exports.ClientSideExporterProvider = ClientSideExporterProvider;
 exports.CommonsExporter = CommonsExporter;
-exports.ContinuousInsertUtils = ContinuousInsertUtils;
 exports.CrudUtils = CrudUtils;
 exports.RmPrecisionCustomValueFormatter = RmPrecisionCustomValueFormatter;
 exports.SnkMultiSelectionListDataSource = SnkMultiSelectionListDataSource;
+exports.TaskbarProcessor = TaskbarProcessor;

package/dist/cjs/{auth-fetcher-faa61f64.js → auth-fetcher-d1715459.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const formConfigFetcher = require('./form-config-fetcher-72cf0e3d.js');
+const formConfigFetcher = require('./form-config-fetcher-bbebdcb8.js');
 
 class AuthFetcher extends formConfigFetcher.ResourceFetcher {
   getData(resourceID) {

package/dist/cjs/{dataunit-fetcher-6febd6c4.js → dataunit-fetcher-fae710c5.js}

@@ -1,13 +1,12 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-3a8ea521.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
 const constants = require('@sankhyalabs/ezui/dist/collection/utils/constants');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const utils = require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 const SortingUtils = require('@sankhyalabs/core/dist/utils/SortingUtils');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-d9558dba.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -142,6 +141,9 @@ class PreloadManager {
       const columnFilters = utils.ColumnFilterManager.getColumnFilters(request.filters, fieldName);
       filterFunction = utils.ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
     }
+    if (onlyLabel) {
+      return Promise.resolve(this.compileDistinctByLabel(dataUnit, fieldName, filterFunction));
+    }
     return new Promise((accept, reject) => {
       PreloadManager.getRepository(dataUnit).distict(record => {
         if (filterFunction != undefined && !filterFunction(record)) {
@@ -152,9 +154,6 @@ class PreloadManager {
           return { key: null, value: null };
         }
         let value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
-        if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) && onlyLabel) {
-          return { key: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label, value: dataUnit.getFormattedValue(fieldName, value) };
-        }
         return { key: dataUnit.getFormattedValue(fieldName, fieldValue), value };
       })
         .then(result => {
@@ -167,6 +166,43 @@ class PreloadManager {
         .catch(reason => reject(reason));
     });
   }
+  static compileDistinctByLabel(dataUnit, fieldName, filterFunction) {
+    const groupedOptions = new Map();
+    const cachedRecords = PreloadManager.getRepository(dataUnit).getFromCache();
+    cachedRecords.forEach(record => {
+      if (filterFunction != undefined && !filterFunction(record)) {
+        return;
+      }
+      const fieldValue = record[fieldName];
+      if (fieldValue == undefined) {
+        const nullKey = '';
+        if (!groupedOptions.has(nullKey)) {
+          groupedOptions.set(nullKey, {
+            values: new Set([null]),
+            option: { label: null, value: null, check: true },
+          });
+        }
+        return;
+      }
+      const value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
+      const label = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) ? fieldValue.label : dataUnit.getFormattedValue(fieldName, fieldValue);
+      const key = String(label !== null && label !== void 0 ? label : '');
+      let grouped = groupedOptions.get(key);
+      if (!grouped) {
+        grouped = {
+          values: new Set(),
+          option: { label, value, check: true },
+        };
+        groupedOptions.set(key, grouped);
+      }
+      grouped.values.add(value);
+    });
+    return Array.from(groupedOptions.values()).map(grouped => {
+      const option = grouped.option;
+      option.__multiValues = Array.from(grouped.values.values());
+      return grouped.option;
+    });
+  }
   static async loadData(dataUnit, request, loadFromServer) {
     try {
       if (PreloadManager.isCacheEnabled(dataUnit)) {
@@ -242,7 +278,17 @@ class PreloadManager {
     });
   }
   static getCachedRecords(dataUnit) {
-    return PreloadManager.getRepository(dataUnit).getFromCache();
+    const records = PreloadManager.getRepository(dataUnit).getFromCache();
+    const request = dataUnit.getLastLoadRequest();
+    if (request == undefined) {
+      return records;
+    }
+    const columnFilters = utils.ColumnFilterManager.getColumnFilters(request.filters, "");
+    const filterFunction = utils.ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
+    if (filterFunction == undefined) {
+      return records;
+    }
+    return records.filter(filterFunction);
   }
 }
 PreloadManager._repositories = new Map();
@@ -519,115 +565,27 @@ class DatasetStrategy {
   }
 }
 
-async function showAskCancelPaginationPopup() {
-  return new Promise((resolve) => {
-    const messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
-    const { checkboxContainer, checkbox } = buildCheckboxContainer(messagesBuilder);
-    const popup = builPopup(resolve, checkbox, messagesBuilder);
-    const contentContainer = buildContentContainer();
-    const actionsContainer = buildActionsContainer();
-    contentContainer.appendChild(checkboxContainer);
-    contentContainer.appendChild(buildMessage(messagesBuilder));
-    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve, messagesBuilder));
-    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve, messagesBuilder));
-    contentContainer.appendChild(actionsContainer);
-    popup.appendChild(contentContainer);
-    document.body.appendChild(popup);
-  });
-}
-function buildCheckboxContainer(messagesBuilder) {
-  const checkboxContainer = document.createElement('div');
-  checkboxContainer.style.marginBottom = '14px';
-  checkboxContainer.style.display = 'flex';
-  checkboxContainer.style.alignItems = 'center';
-  const { checkbox, checkboxLabel } = buildCheckbox(messagesBuilder);
-  checkboxContainer.appendChild(checkbox);
-  checkboxContainer.appendChild(checkboxLabel);
-  return { checkboxContainer, checkbox };
-}
-function buildCheckbox(messagesBuilder) {
-  const checkbox = document.createElement('input');
-  checkbox.type = 'checkbox';
-  checkbox.id = 'loadAll';
-  const checkboxLabel = document.createElement('label');
-  checkboxLabel.htmlFor = 'loadAll';
-  checkboxLabel.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.checkbox.loadAll");
-  checkboxLabel.style.marginLeft = '5px';
-  return { checkbox, checkboxLabel };
-}
-function buildActionsContainer() {
-  const actionsContainer = document.createElement('div');
-  actionsContainer.style.display = 'flex';
-  actionsContainer.style.flexDirection = 'row';
-  actionsContainer.style.justifyContent = 'end';
-  actionsContainer.style.gap = '5px';
-  return actionsContainer;
-}
-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)';
-  return contentContainer;
-}
-function buildMessage(messagesBuilder) {
-  const message = document.createElement('div');
-  const line1 = document.createElement('p');
-  const line2 = document.createElement('p');
-  const line3 = document.createElement('p');
-  line3.style.fontWeight = 'var(--text-weight--large, 600)';
-  line1.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line1");
-  line2.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line2");
-  line3.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line3");
-  message.appendChild(line1);
-  message.appendChild(line2);
-  message.appendChild(line3);
-  return message;
-}
-function buildCancelPaginationBtn(popup, resolve, messagesBuilder) {
-  const cancelPaginationBtn = document.createElement('ez-button');
-  cancelPaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.cancel");
-  cancelPaginationBtn.size = 'medium';
-  cancelPaginationBtn.classList.add('ez-button--primary');
-  cancelPaginationBtn.onclick = () => {
-    document.body.removeChild(popup);
-    resolve(CancelPaginationResponse.CANCEL);
-  };
-  return cancelPaginationBtn;
-}
-function buildContinuePaginationBtn(popup, checkBox, resolve, messagesBuilder) {
-  const continuePaginationBtn = document.createElement('ez-button');
-  continuePaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.continue");
-  continuePaginationBtn.size = 'medium';
-  continuePaginationBtn.onclick = () => {
-    document.body.removeChild(popup);
-    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
-  };
-  return continuePaginationBtn;
-}
-function builPopup(resolve, checkBox, messagesBuilder) {
-  const popup = document.createElement('ez-popup');
-  popup.opened = true;
-  popup.size = 'x-small';
-  popup.ezTitle = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.title");
-  popup.heightMode = "auto";
-  popup.addEventListener('ezClosePopup', () => {
-    document.body.removeChild(popup);
-    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
-  }, { once: true });
-  popup.addEventListener('ezPopupAction', () => {
-    document.body.removeChild(popup);
-    resolve(CancelPaginationResponse.CANCEL);
-  }, { once: true });
-  return popup;
-}
+const ASK_CANCEL_PAGINATION_EVENT = 'ez-grid-pagination:ask-cancel';
 var CancelPaginationResponse;
 (function (CancelPaginationResponse) {
   CancelPaginationResponse["CANCEL"] = "CANCEL";
   CancelPaginationResponse["CONTINUE"] = "CONTINUE";
   CancelPaginationResponse["LOAD_ALL"] = "LOAD_ALL";
 })(CancelPaginationResponse || (CancelPaginationResponse = {}));
+async function showAskCancelPaginationPopup(dataUnit) {
+  return new Promise((resolve) => {
+    const detail = {
+      dataUnitName: dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.name,
+      resolve,
+    };
+    const event = new CustomEvent(ASK_CANCEL_PAGINATION_EVENT, {
+      detail,
+      bubbles: false,
+      composed: false,
+    });
+    document.dispatchEvent(event);
+  });
+}
 
 class DataUnitDataLoader {
   constructor() { }
@@ -692,7 +650,7 @@ class DataUnitDataLoader {
     let newLoadingInfo = this.buildNewLoadingInfo(responseLoadingInfo);
     if (this.canProceedPagination(responseLoadingInfo))
       return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
-    const confirm = await showAskCancelPaginationPopup();
+    const confirm = await showAskCancelPaginationPopup(dataUnit);
     if (confirm === CancelPaginationResponse.CANCEL)
       return this.handlePaginationCanceled(dataUnit, result);
     if (confirm === CancelPaginationResponse.LOAD_ALL) {

package/dist/cjs/fields-layout.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const sortable_esm = require('./sortable.esm-9a110bb7.js');
+const sortable_esm = require('./sortable.esm-b87669ab.js');
 const constants = require('./constants-6d82e405.js');
 const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
 

package/dist/cjs/fields-selector.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
-const sortable_esm = require('./sortable.esm-9a110bb7.js');
+const sortable_esm = require('./sortable.esm-b87669ab.js');
 const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
 const core = require('@sankhyalabs/core');
 require('./constants-6d82e405.js');

package/dist/cjs/{filter-type.enum-2bb46d2a.js → filter-type.enum-b3b388af.js}

@@ -1,5 +1,12 @@
 'use strict';
 
+exports.ActionDefaultFilter = void 0;
+(function (ActionDefaultFilter) {
+  ActionDefaultFilter["EDIT"] = "edit";
+  ActionDefaultFilter["REMOVE"] = "remove";
+  ActionDefaultFilter["CREATE"] = "create";
+})(exports.ActionDefaultFilter || (exports.ActionDefaultFilter = {}));
+
 var FilterType;
 (function (FilterType) {
   FilterType["QUICK_FILTER"] = "QUICK_FILTER";

package/dist/cjs/{form-config-fetcher-72cf0e3d.js → form-config-fetcher-bbebdcb8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const DataFetcher = require('./DataFetcher-3a8ea521.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
 const core = require('@sankhyalabs/core');
 
 class ResourceFetcher {
@@ -20,6 +20,9 @@ class ResourceFetcher {
                     resource                    
                 }
               }`);
+    this.templateByQuery.set("deleteResource", DataFetcher.dist.gql `mutation($name: String!) {
+                $queryAlias$: deleteResource(name: $name)
+              }`);
   }
   loadResource(name) {
     if (ResourceFetcher._loadingResource.has(name)) {
@@ -63,6 +66,21 @@ class ResourceFetcher {
       });
     });
   }
+  deleteResource(name) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.DataFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.templateByQuery.get("deleteResource")
+      })
+        .then(() => {
+        resolve();
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 ResourceFetcher._loadingResource = new Map();
 
@@ -93,6 +111,22 @@ class FormConfigFetcher extends ResourceFetcher {
                   }
                 }`);
   }
+  getDistinctTabs(config) {
+    const fieldTabs = config.fields.map((field, index) => ({
+      label: field.tab,
+      name: field.tab,
+      order: index,
+      visible: true,
+      isDetail: false,
+      isCustom: false,
+    }));
+    return fieldTabs.reduce((total, item) => {
+      if (!total.some((tab) => tab.name === item.name)) {
+        return [...total, item];
+      }
+      return total;
+    }, []);
+  }
   loadFormConfig(formName, resourceID) {
     return new Promise((accept, reject) => {
       Promise.all([
@@ -102,14 +136,16 @@ class FormConfigFetcher extends ResourceFetcher {
         this.loadResource(this.getPath(resourceID, formName, "defaultValues"))
       ])
         .then(([configAsString, formCardState, summary, defaultValues]) => {
+        var _a;
         let config;
         if (configAsString != undefined) {
           config = Object.assign(Object.assign({}, JSON.parse(configAsString)), { emptyConfig: false });
-          const { tabs, fields } = config;
-          if (tabs) {
-            const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields === null || fields === void 0 ? void 0 : fields.forEach(f => { var _a; return f.tab = ((_a = allTabs.get(this.getTabName(f.tab))) === null || _a === void 0 ? void 0 : _a.label) || allTabs.get(this.getTabName(f.tab)); });
+          if (!config.tabs) {
+            config.tabs = (_a = this.getDistinctTabs(config)) !== null && _a !== void 0 ? _a : [];
           }
+          const { tabs, fields } = config;
+          const allTabs = new Map(tabs.map(t => [t.label, t]));
+          fields === null || fields === void 0 ? void 0 : fields.forEach(f => { var _a; return f.tab = ((_a = allTabs.get(this.getTabName(f.tab))) === null || _a === void 0 ? void 0 : _a.label) || allTabs.get(this.getTabName(f.tab)); });
           config.fields = fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             if ("readonly" in field) {
               const readOnly = field['readonly'] === true;