@sankhyalabs/sankhyablocks 8.16.0-dev.8 → 8.16.0-dev.80

package/dist/esm/{SnkFormConfigManager-31b24066.js → SnkFormConfigManager-5022f87f.js}

@@ -1,12 +1,14 @@
-import { C as ConfigStorage } from './ConfigStorage-3806514e.js';
+import { C as ConfigStorage } from './ConfigStorage-373bb440.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-30fb808f.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-126e2471.js';
+import { c as TAB_NAMES } from './constants-75abb876.js';
 
 class SnkFormConfigManager {
-  constructor(configName, resourceID, onConfigChange) {
+  constructor(configName, resourceID, onConfigChange, dataUnit) {
     this._resourceID = resourceID;
     this._configName = configName;
     this._onConfigChange = onConfigChange;
+    this._dataUnit = dataUnit;
   }
   addFormLegacyConfig(legacyConfigName) {
     if (this._configName) {
@@ -17,6 +19,7 @@ class SnkFormConfigManager {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
         .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
         this.setConfig(config);
         resolve(config);
       })
@@ -25,6 +28,10 @@ class SnkFormConfigManager {
       });
     });
   }
+  getEmptyConfig() {
+    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+    return config;
+  }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
@@ -68,28 +75,41 @@ class SnkFormConfigManager {
     }
     return updatingCardConfig;
   }
-  getFieldsList(dataUnit, descriptionFilter) {
+  hasConfig(config) {
+    var _a;
+    const currentConfig = config !== null && config !== void 0 ? config : this._config;
+    if (currentConfig && ((_a = currentConfig.fields) === null || _a === void 0 ? void 0 : _a.length)) {
+      return true;
+    }
+    return false;
+  }
+  getFieldsList(descriptionFilter, forceEmptyConfig = false) {
     var _a;
     const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
-    if (fields != undefined && fields.length > 0) {
-      return fields.map(({ label, name, readOnly, visible, required }) => {
+    const hasConfig = this.hasConfig();
+    if (hasConfig && !forceEmptyConfig) {
+      return fields.map(({ label, name, readOnly, visible, required, tab, group }) => {
+        var _a;
         if (label == undefined) {
-          const currentField = dataUnit.getField(name);
-          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required });
+          const currentField = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
+          if (!currentField)
+            return;
+          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required, tab: tab, group: group });
         }
-        return { name, label, readOnly, visible, required };
+        return { name, label, readOnly, visible, required, tab, group };
       })
         .filter(field => this.isFieldVisible(field, descriptionFilter));
     }
-    if (dataUnit != undefined) {
-      return dataUnit.metadata.fields
-        .filter(field => this.isFieldVisible(field, descriptionFilter))
-        .map(({ label, name, readOnly }) => { return { label, name, readOnly }; });
+    if (!this._dataUnit) {
+      return [];
     }
-    return [];
+    const filteredFields = this._dataUnit.metadata.fields
+      .filter(field => this.isFieldVisible(field, descriptionFilter))
+      .map(({ label, name, readOnly, visible, required, properties }) => ({ label, name, readOnly, visible, required, tab: properties === null || properties === void 0 ? void 0 : properties.UITabName }));
+    return filteredFields;
   }
   isFieldVisible(field, descriptionFilter) {
-    if (field.visible === false) {
+    if (field === undefined || field.visible === false) {
       return false;
     }
     if (descriptionFilter == undefined) {
@@ -99,8 +119,8 @@ class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
-    let fields = this.getFieldsList(dataUnit);
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields, forceEmptyConfig = false) {
+    let fields = this.getFieldsList(undefined, forceEmptyConfig);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
         if (dataUnit) {
@@ -153,6 +173,44 @@ class SnkFormConfigManager {
   async fetchDefaultConfig() {
     return this.getFormConfigFetcher().fetchDefaultConfig(this._configName, this._resourceID);
   }
+  parseObjectList(object) {
+    if (!object) {
+      return [];
+    }
+    return Array.isArray(object) ? object : [object];
+  }
+  buildFormMetadataUITabs(config, forceEmptyConfig = false) {
+    var _a;
+    const hasConfig = this.hasConfig(config);
+    if (!forceEmptyConfig && (!this._dataUnit || hasConfig)) {
+      return config;
+    }
+    config = this.getFormConfig(this._dataUnit, false, true);
+    config.tabs = this.parseObjectList(config.tabs);
+    config.emptyConfig = false;
+    config.defaultConfiguration = true;
+    const fields = this._dataUnit.metadata.fields;
+    for (const currentField of fields) {
+      const field = config.fields.find(field => field.name === currentField.name);
+      const uiTabName = (_a = currentField.properties) === null || _a === void 0 ? void 0 : _a.UITabName;
+      if (!uiTabName || uiTabName === TAB_NAMES.main) {
+        continue;
+      }
+      const haveTab = config.tabs.some((tab) => tab.label === uiTabName);
+      if (!haveTab) {
+        config.tabs.push({
+          label: uiTabName,
+          name: uiTabName,
+          order: 0,
+          visible: true,
+        });
+      }
+      if (field) {
+        field.tab = uiTabName;
+      }
+    }
+    return config;
+  }
 }
 
 export { SnkFormConfigManager as S };

package/dist/esm/{SnkMessageBuilder-89925609.js → SnkMessageBuilder-6fff4a4c.js}

@@ -8,7 +8,7 @@ const snkDataUnitMessages = {
   },
   cancelInfo: {
     clone: "Duplicação descartada!",
-    insert: "A inclusão descartada!",
+    insert: "A inclusão foi descartada!",
     update: "A edição foi descartada!"
   },
   confirm: {
@@ -122,7 +122,7 @@ const snkExporterMessages = {
   emailSenderOptStep_subtitle: "Primeiro, escolha o formato do arquivo",
   emailSenderOptStep_lblFormat: "Formato:",
   emailSenderOptStep_formatPDF: "PDF (.pdf)",
-  emailSenderOptStep_formatXLSX: "Planilha (.xlsx)",
+  emailSenderOptStep_formatXLS: "Planilha (.xls)",
   emailSenderOptStep_export: "Exportar:",
   emailSenderOptStep_allData: "Toda a grade",
   emailSenderOptStep_currentPage: "Somente a página atual",
@@ -245,7 +245,11 @@ const snkConfiguratorMessages = {
 };
 
 const snkGridMessages = {
-  findColumn: "Busca de colunas"
+  findColumn: "Busca de colunas",
+  cancelConfirmation: {
+    title: "Aviso",
+    message: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?</b>",
+  }
 };
 const snkGridConfigMessages = {
   gridConfiguration: "Configuração da Grade",

package/dist/esm/{auth-fetcher-039abba3.js → auth-fetcher-e32fe8a4.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './form-config-fetcher-30fb808f.js';
+import { R as ResourceFetcher } from './form-config-fetcher-126e2471.js';
 
 class AuthFetcher extends ResourceFetcher {
   getData(resourceID) {

package/dist/esm/{constants-8457af36.js → constants-75abb876.js}

@@ -89,5 +89,14 @@ var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
+// TODO: validar forma de compartilhar os templates com outros projetos
+var TEMPLATES_SKELETON;
+(function (TEMPLATES_SKELETON) {
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["CUSTOM_TEMPLATE"] = 0] = "CUSTOM_TEMPLATE";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID"] = 1] = "GRID";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_SIDEBAR"] = 2] = "GRID_WITH_SIDEBAR";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_PANEL"] = 3] = "GRID_WITH_PANEL";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
+})(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAB_NAMES as T, VARS_BY_TYPE as V, CONFIG_SORTABLE_EVENTS as a, TAGS_BY_TYPE as b, TYPE_ACTIONS as c, VIEW_MODE as d };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, CONFIG_SORTABLE_EVENTS as a, TYPE_ACTIONS as b, TAB_NAMES as c, VARS_BY_TYPE as d, TAGS_BY_TYPE as e };

package/dist/esm/{dataunit-fetcher-264191b2.js → dataunit-fetcher-5247a708.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils, DataUnit, DataType, DateUtils, StringUtils, ChangeOperation, ApplicationContext, UserInterface, DataUnitStorage } from '@sankhyalabs/core';
-import { D as DataFetcher, d as dist } from './DataFetcher-c1baf61d.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-5221b992.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
@@ -9,6 +9,9 @@ import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
+    this._listCopy = [];
+    this._listLastUpdate = 0;
+    this._listCopyLastUpdate = 0;
     this._equalsFunction = equalsFunction;
   }
   async load(filterFunction, sortingFunction, offset, limit) {
@@ -47,13 +50,13 @@ class ArrayRepository {
     return Promise.resolve(new Map(processedItems.map(item => [item.key, item.value])));
   }
   async push(items) {
-    this._list.push(...items);
+    this.updateList([...this._list, ...items]);
   }
   async clear() {
-    this._list = [];
+    this.updateList([]);
   }
   async delete(items) {
-    this._list = this._list.filter(item => {
+    const list = this._list.filter(item => {
       for (const removed of items) {
         if (this._equalsFunction(item, removed)) {
           return false;
@@ -61,20 +64,23 @@ class ArrayRepository {
       }
       return true;
     });
+    this.updateList(list);
   }
   async update(items) {
-    this._list = this._list.map(existingItem => {
+    const list = this._list.map(existingItem => {
       const newItem = items.find(newItem => this._equalsFunction(existingItem, newItem));
       return newItem == undefined ? existingItem : newItem;
     });
+    this.updateList(list);
   }
   async insert(itemReference, items) {
     const itemPosition = this._list.indexOf(itemReference);
     if (itemPosition == -1) {
-      this._list.push(...items);
+      this.push(items);
       return;
     }
-    this._list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    const list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    this.updateList(list);
   }
   isOperating() {
     return true;
@@ -86,7 +92,15 @@ class ArrayRepository {
     return Promise.resolve(this._list.length);
   }
   getFromCache() {
-    return ObjectUtils.copy(this._list);
+    if (this._listLastUpdate > this._listCopyLastUpdate) {
+      this._listCopyLastUpdate = this._listLastUpdate;
+      this._listCopy = ObjectUtils.copy(this._list);
+    }
+    return this._listCopy;
+  }
+  updateList(newList) {
+    this._list = newList;
+    this._listLastUpdate = Date.now();
   }
 }
 
@@ -235,6 +249,21 @@ function applyFilter(records, dataUnit, filters) {
   }
   return records.filter(filterFunction);
 }
+function buildLoadDataResponse(recordsIn, dataUnit, request) {
+  let records = recordsIn ? [...recordsIn] : [];
+  records = applyFilter(records, dataUnit, request.filters);
+  records = applySorting(records, dataUnit, request.sort);
+  const { offset, limit } = request;
+  const paginationInfoBuilderParams = {
+    recordsLength: records.length,
+    offset,
+    recordsPerPage: limit,
+  };
+  return Promise.resolve({
+    records: getPagesByRecords(records, offset, limit),
+    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
+  });
+}
 function applySorting(records, dataUnit, sorting) {
   if (sorting == undefined || sorting.length == 0) {
     return records;
@@ -245,18 +274,28 @@ function applySorting(records, dataUnit, sorting) {
   }
   return records.sort(sortingFunction);
 }
-function buildPaginationInfo(records, offset = 0, limit = 0) {
-  if (records === undefined) {
-    return undefined;
+function hasValidLimitAndOffset(offset, limit) {
+  return offset >= 0 && limit >= 0;
+}
+function getPagesByRecords(records, offset = 0, limit = 0) {
+  if (!records || !records.length || !hasValidLimitAndOffset(offset, limit))
+    return [];
+  if (limit === 0 && offset === 0)
+    return records;
+  return records.slice(offset, offset + limit);
+}
+function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0 }) {
+  if (!recordsLength) {
+    return { currentPage: 0, firstRecord: 0, lastRecord: 0, total: 0, hasMore: false };
   }
-  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
-  const lastRecord = Math.min(offset + limit, total);
+  const lastRecordIndex = offset + recordsPerPage;
+  const lastRecord = lastRecordIndex ? Math.min(lastRecordIndex, recordsLength) : recordsLength;
   return {
-    currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
-    firstRecord: offset,
+    currentPage: recordsPerPage === 0 ? 0 : Math.ceil(offset / recordsPerPage),
+    firstRecord: offset + 1,
     lastRecord: lastRecord,
-    total: total,
-    hasMore: !!(total - lastRecord),
+    total: recordsLength,
+    hasMore: lastRecord < recordsLength,
   };
 }
 
@@ -342,9 +381,7 @@ class InMemoryLoader {
     return StringUtils.generateUUID();
   }
   inMemoryLoader(dataUnit, request, recordsIn) {
-    let records = applyFilter(recordsIn, dataUnit, request.filters);
-    records = applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
+    return buildLoadDataResponse(recordsIn, dataUnit, request);
   }
   metadaLoader() {
     return Promise.resolve(this._metadata);
@@ -420,16 +457,25 @@ class DatasetStrategy {
       const serviceName = "DatasetSP.loadRecords";
       const requestBody = this.buildRequestBody(serviceName, fields, dataUnit, request, loadingInfo, serverSorting, serverSideFilters);
       const params = loadingInfo.quiet ? { urlParams: { quietMode: "true" } } : undefined;
-      const { result: responseRecords, pagerID: pagerId } = await DataFetcher.get().callServiceBroker(serviceName, requestBody, params);
+      const { result: responseRecords, pagerID: pagerId, askRowsLimit } = await DataFetcher.get().callServiceBroker(serviceName, requestBody, params);
       const records = this.processRecords(dataUnit, fields, responseRecords);
       const loadingInProgress = pagerId != undefined;
       const count = loadingInfo.count + records.length;
-      const needReload = !loadingInProgress && localSorting.length > 0;
+      const isInsertingNewRecord = dataUnit.hasNewRecord();
+      const hasLocalSorting = localSorting.length > 0;
+      const needReload = !loadingInProgress && hasLocalSorting;
+      /**
+       * Caso precise recarregar dados, porém está no meio de uma inserção, os dados não devem recarregados instantaneamente,
+       * Mas sim, sinalizar que o dataUnit está aguardando para der recarregado.
+       */
+      if (needReload && isInsertingNewRecord) {
+        dataUnit.setWaitingToReload(true);
+      }
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count,
-          needReload })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord, askRowsLimit,
+          hasLocalSorting })
       });
     }
     catch (error) {
@@ -481,8 +527,7 @@ class DatasetStrategy {
         },
       }
     };
-    const parsedRequestBody = JSON.stringify(requestBody);
-    return parsedRequestBody;
+    return JSON.stringify(requestBody);
   }
   getFieldsList(dataUnit) {
     let fields = ["__record__id__", "__record__label__"];
@@ -609,7 +654,117 @@ class DatasetStrategy {
   }
 }
 
+async function showAskCancelPaginationPopup() {
+  return new Promise((resolve) => {
+    const { checkboxContainer, checkbox } = buildCheckboxContainer();
+    const popup = builPopup(resolve, checkbox);
+    const contentContainer = buildContentContainer();
+    contentContainer.appendChild(buildMessage());
+    contentContainer.appendChild(checkboxContainer);
+    const actionsContainer = buildActionsContainer();
+    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve));
+    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve));
+    contentContainer.appendChild(actionsContainer);
+    popup.appendChild(contentContainer);
+    document.body.appendChild(popup);
+  });
+}
+function buildCheckboxContainer() {
+  const checkboxContainer = document.createElement('div');
+  checkboxContainer.style.marginBottom = '14px';
+  checkboxContainer.style.display = 'flex';
+  checkboxContainer.style.alignItems = 'center';
+  const { checkbox, checkboxLabel } = buildCheckbox();
+  checkboxContainer.appendChild(checkbox);
+  checkboxContainer.appendChild(checkboxLabel);
+  return { checkboxContainer, checkbox };
+}
+function buildCheckbox() {
+  const checkbox = document.createElement('input');
+  checkbox.type = 'checkbox';
+  checkbox.id = 'loadAll';
+  const checkboxLabel = document.createElement('label');
+  checkboxLabel.htmlFor = 'loadAll';
+  checkboxLabel.textContent = 'Carregar tudo';
+  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() {
+  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 = 'Uma quantidade de registros muito grande está sendo carregada.';
+  line2.textContent = 'Recomendamos que a paginação seja cancelada e que seja criado um filtro para os registros.';
+  line3.textContent = 'Deseja cancelar o carregamento?';
+  message.appendChild(line1);
+  message.appendChild(line2);
+  message.appendChild(line3);
+  return message;
+}
+function buildCancelPaginationBtn(popup, resolve) {
+  const cancelPaginationBtn = document.createElement('ez-button');
+  cancelPaginationBtn.label = 'Cancelar paginação';
+  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) {
+  const continuePaginationBtn = document.createElement('ez-button');
+  continuePaginationBtn.label = 'Continuar';
+  continuePaginationBtn.size = 'medium';
+  continuePaginationBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
+  };
+  return continuePaginationBtn;
+}
+function builPopup(resolve, checkBox) {
+  const popup = document.createElement('ez-popup');
+  popup.opened = true;
+  popup.size = 'x-small';
+  popup.ezTitle = 'Aviso';
+  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;
+}
+var CancelPaginationResponse;
+(function (CancelPaginationResponse) {
+  CancelPaginationResponse["CANCEL"] = "CANCEL";
+  CancelPaginationResponse["CONTINUE"] = "CONTINUE";
+  CancelPaginationResponse["LOAD_ALL"] = "LOAD_ALL";
+})(CancelPaginationResponse || (CancelPaginationResponse = {}));
+
 class DataUnitDataLoader {
+  constructor() { }
   static async debounce(dataUnit, callBack) {
     const duName = dataUnit.name;
     if (DataUnitDataLoader._debouncingTimeouts[duName]) {
@@ -655,25 +810,67 @@ class DataUnitDataLoader {
   }
   static async callLoader(dataUnit, request, requestLoadingInfo, dataLoader) {
     if (dataLoader == undefined) {
-      //dataLoader = new DataUnitStrategy();
       dataLoader = new DatasetStrategy();
     }
     const result = await dataLoader.load(dataUnit, request, requestLoadingInfo);
-    const { records, loadingInfo: responseLoadingInfo } = result;
-    if (DataUnitDataLoader.isOldRequest(dataUnit, responseLoadingInfo)) {
+    const responseLoadingInfo = result.loadingInfo;
+    if (DataUnitDataLoader.isOldRequest(dataUnit, responseLoadingInfo))
       return Promise.resolve(undefined);
+    this.handleCache(dataLoader, responseLoadingInfo, dataUnit, result.records);
+    if (dataUnit.cancelPagination)
+      return this.handlePaginationCanceled(dataUnit, result);
+    //Não existem mais páginas a serem carregadas
+    if (this.canFinishPagination(dataUnit, responseLoadingInfo))
+      return Promise.resolve(result);
+    const newRequest = Object.assign(Object.assign({}, request), { offset: responseLoadingInfo.count });
+    let newLoadingInfo = this.buildNewLoadingInfo(responseLoadingInfo);
+    if (this.canProceedPagination(responseLoadingInfo))
+      return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
+    const confirm = await showAskCancelPaginationPopup();
+    if (confirm === CancelPaginationResponse.CANCEL)
+      return this.handlePaginationCanceled(dataUnit, result);
+    if (confirm === CancelPaginationResponse.LOAD_ALL) {
+      newLoadingInfo = Object.assign(Object.assign({}, newLoadingInfo), { loadAllRecords: true });
     }
+    newLoadingInfo = Object.assign(Object.assign({}, newLoadingInfo), { lastRowLimitAsked: newLoadingInfo.count });
+    return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
+  }
+  static buildNewLoadingInfo(responseLoadingInfo) {
+    let newLoadingInfo = Object.assign(Object.assign({}, responseLoadingInfo), { pageNumber: (responseLoadingInfo.pageNumber || 0) + 1, quiet: true });
+    return newLoadingInfo;
+  }
+  static handleCache(dataLoader, responseLoadingInfo, dataUnit, records) {
     const recreateCache = !dataLoader.canSlice() || responseLoadingInfo.count === 0;
     PreloadManager.cacheRecords(dataUnit, records, recreateCache, responseLoadingInfo.loadingInProgress);
-    if (PreloadManager.isCacheEnabled(dataUnit) && responseLoadingInfo.loadingInProgress) {
-      const newRequest = Object.assign(Object.assign({}, request), { offset: responseLoadingInfo.count });
-      const newLoadingInfo = Object.assign(Object.assign({}, responseLoadingInfo), { pageNumber: (responseLoadingInfo.pageNumber || 0) + 1, quiet: true });
-      this.callLoader(dataUnit, newRequest, newLoadingInfo, dataLoader)
-        .then(result => DataUnitDataLoader.afterLoadingPage(dataUnit, result.loadingInfo))
-        .catch(reason => console.error(reason));
-    }
+  }
+  static recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result) {
+    this.callLoader(dataUnit, newRequest, newLoadingInfo, dataLoader)
+      .then(result => DataUnitDataLoader.afterLoadingPage(dataUnit, result.loadingInfo))
+      .catch(reason => console.error(reason));
     return Promise.resolve(result);
   }
+  static canFinishPagination(dataUnit, responseLoadingInfo) {
+    return !PreloadManager.isCacheEnabled(dataUnit) || !responseLoadingInfo.loadingInProgress;
+  }
+  static canProceedPagination(info) {
+    const { count, askRowsLimit, loadAllRecords, lastRowLimitAsked } = info;
+    if (loadAllRecords)
+      return true;
+    if (!count || !askRowsLimit)
+      return true;
+    const askRowLimitNumber = Number(askRowsLimit);
+    if (count < askRowLimitNumber)
+      return true;
+    const nextLimitToAsk = askRowLimitNumber + (lastRowLimitAsked ? lastRowLimitAsked : 0);
+    return count < nextLimitToAsk;
+  }
+  static handlePaginationCanceled(dataUnit, result) {
+    dataUnit.cancelPagination = false;
+    let loadingInfo = result.loadingInfo;
+    loadingInfo = Object.assign(Object.assign({}, loadingInfo), { total: loadingInfo.count, loadingInProgress: false, pagerId: undefined, needReload: loadingInfo.hasLocalSorting });
+    const loadDataResult = { records: result.records, loadingInfo };
+    return Promise.resolve(loadDataResult);
+  }
   static afterLoadingPage(dataUnit, loadingInfo) {
     PreloadManager.setLoadingStatus(dataUnit, loadingInfo.loadingInProgress);
     const dataUnitPagination = dataUnit.getPaginationInfo();
@@ -682,7 +879,7 @@ class DataUnitDataLoader {
     }
     const count = loadingInfo.count;
     if (loadingInfo.loadingInProgress) {
-      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count }));
+      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count, loadingInProgress: true }));
       return;
     }
     if (loadingInfo.needReload) {
@@ -690,7 +887,7 @@ class DataUnitDataLoader {
       dataUnit.gotoPage(0);
       return;
     }
-    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count }));
+    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count, loadingInProgress: false }));
   }
   static registryLoading(dataUnit, loadingInfo) {
     if (loadingInfo == undefined) {
@@ -713,7 +910,7 @@ class DataUnitDataLoader {
       // controle de paginação voltar pra primeira página.
       offset = 0;
     }
-    const { total, count, loadingInProgress } = loadingInfo;
+    const { total, count, loadingInProgress, askRowsLimit } = loadingInfo;
     const firstRecord = (count === 0 || pageSize === 0) ? 0 : offset + 1;
     const lastRecord = offset + Math.min(pageSize, limit);
     return {
@@ -722,7 +919,8 @@ class DataUnitDataLoader {
       lastRecord,
       firstRecord,
       currentPage: offset / limit,
-      hasMore: lastRecord < count || loadingInProgress
+      hasMore: lastRecord < count || loadingInProgress,
+      askRowsLimit
     };
   }
 }
@@ -1052,4 +1250,4 @@ class DataUnitFetcher {
   }
 }
 
-export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, applyFilter as b, applySorting as c, buildPaginationInfo as d, getRecordValue as g };
+export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, buildLoadDataResponse as b, getRecordValue as g };

package/dist/esm/{field-search-efbe307f.js → field-search-f8b1d91e.js}

@@ -31,12 +31,16 @@ class TaskbarProcessor {
     });
   }
   getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
+    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) {