@sankhyalabs/sankhyablocks 8.16.0-dev.73 → 8.16.0-dev.74

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/helpers/DataUnitDataLoaderHelper.js

@@ -0,0 +1,108 @@
+export 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;
+}
+export var CancelPaginationResponse;
+(function (CancelPaginationResponse) {
+  CancelPaginationResponse["CANCEL"] = "CANCEL";
+  CancelPaginationResponse["CONTINUE"] = "CONTINUE";
+  CancelPaginationResponse["LOAD_ALL"] = "LOAD_ALL";
+})(CancelPaginationResponse || (CancelPaginationResponse = {}));

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy.js

@@ -1,7 +1,7 @@
 import { ApplicationContext, StringUtils, UserInterface, } from '@sankhyalabs/core';
-import { DataFetcher } from "../../../DataFetcher";
-import DataUnitFetcher from "../dataunit-fetcher";
-import InMemoryLoader from "../../../../../dataUnit/InMemoryLoader";
+import { DataFetcher } from '../../../DataFetcher';
+import DataUnitFetcher from '../dataunit-fetcher';
+import InMemoryLoader from '../../../../../dataUnit/InMemoryLoader';
 import { getRecordValue } from '../../../../../dataUnit/ValueFormatter';
 export class DatasetStrategy {
   canSlice() {
@@ -40,12 +40,13 @@ export 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 isInsertingNewRecord = dataUnit.hasNewRecord();
-      const needReload = !loadingInProgress && localSorting.length > 0;
+      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.
@@ -56,7 +57,8 @@ export class DatasetStrategy {
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord, askRowsLimit,
+          hasLocalSorting })
       });
     }
     catch (error) {
@@ -108,8 +110,7 @@ export class DatasetStrategy {
         },
       }
     };
-    const parsedRequestBody = JSON.stringify(requestBody);
-    return parsedRequestBody;
+    return JSON.stringify(requestBody);
   }
   getFieldsList(dataUnit) {
     let fields = ["__record__id__", "__record__label__"];

package/dist/components/dataunit-fetcher.js

@@ -443,12 +443,13 @@ 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 isInsertingNewRecord = dataUnit.hasNewRecord();
-      const needReload = !loadingInProgress && localSorting.length > 0;
+      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.
@@ -459,7 +460,8 @@ class DatasetStrategy {
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord, askRowsLimit,
+          hasLocalSorting })
       });
     }
     catch (error) {
@@ -511,8 +513,7 @@ class DatasetStrategy {
         },
       }
     };
-    const parsedRequestBody = JSON.stringify(requestBody);
-    return parsedRequestBody;
+    return JSON.stringify(requestBody);
   }
   getFieldsList(dataUnit) {
     let fields = ["__record__id__", "__record__label__"];
@@ -639,7 +640,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]) {
@@ -685,25 +796,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();
@@ -743,7 +896,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 {
@@ -752,7 +905,8 @@ class DataUnitDataLoader {
       lastRecord,
       firstRecord,
       currentPage: offset / limit,
-      hasMore: lastRecord < count || loadingInProgress
+      hasMore: lastRecord < count || loadingInProgress,
+      askRowsLimit
     };
   }
 }

package/dist/esm/{ContinuousInsertUtils-91011e01.js → ContinuousInsertUtils-deb7767f.js}

@@ -5,7 +5,7 @@ import './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-8dd93d8b.js';
+import { P as PreloadManager } from './dataunit-fetcher-26c2bed4.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-126e2471.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';

package/dist/esm/{dataunit-fetcher-8dd93d8b.js → dataunit-fetcher-26c2bed4.js}

@@ -443,12 +443,13 @@ 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 isInsertingNewRecord = dataUnit.hasNewRecord();
-      const needReload = !loadingInProgress && localSorting.length > 0;
+      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.
@@ -459,7 +460,8 @@ class DatasetStrategy {
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord, askRowsLimit,
+          hasLocalSorting })
       });
     }
     catch (error) {
@@ -511,8 +513,7 @@ class DatasetStrategy {
         },
       }
     };
-    const parsedRequestBody = JSON.stringify(requestBody);
-    return parsedRequestBody;
+    return JSON.stringify(requestBody);
   }
   getFieldsList(dataUnit) {
     let fields = ["__record__id__", "__record__label__"];
@@ -639,7 +640,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]) {
@@ -685,25 +796,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();
@@ -743,7 +896,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 {
@@ -752,7 +905,8 @@ class DataUnitDataLoader {
       lastRecord,
       firstRecord,
       currentPage: offset / limit,
-      hasMore: lastRecord < count || loadingInProgress
+      hasMore: lastRecord < count || loadingInProgress,
+      askRowsLimit
     };
   }
 }

package/dist/esm/pesquisa-grid_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-a7d3d3f1.js';
-import { I as InMemoryLoader } from './dataunit-fetcher-8dd93d8b.js';
+import { I as InMemoryLoader } from './dataunit-fetcher-26c2bed4.js';
 import './DataFetcher-5221b992.js';
 import { P as PesquisaFetcher } from './pesquisa-fetcher-767abffa.js';
 import '@sankhyalabs/core';