fui-material 2.8.18 → 2.8.20

package/dist/f-ui-kit.es.js

@@ -1825,22 +1825,101 @@ const FDownloadIcon = React.forwardRef(({
   );
 });
 FDownloadIcon.displayName = "FDownloadIcon";
-const overlay$1 = "_overlay_19vq5_1";
-const entering$1 = "_entering_19vq5_15";
-const exiting$1 = "_exiting_19vq5_19";
-const viewport = "_viewport_19vq5_24";
-const image = "_image_19vq5_33";
-const zoomed = "_zoomed_19vq5_44";
-const close$1 = "_close_19vq5_52";
-const download$1 = "_download_19vq5_53";
-const arrow = "_arrow_19vq5_54";
-const left = "_left_19vq5_107";
-const right = "_right_19vq5_111";
-const indicators = "_indicators_19vq5_115";
-const dot = "_dot_19vq5_124";
-const active$4 = "_active_19vq5_133";
-const spinner = "_spinner_19vq5_138";
-const error$2 = "_error_19vq5_148";
+function fDownloadBlobFile(blob, fileName) {
+  if (!blob) {
+    throw new Error("Blob or string content must not be empty");
+  }
+  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
+  const link2 = document.createElement("a");
+  const url = window.URL.createObjectURL(blobObject);
+  link2.href = url;
+  link2.download = fileName;
+  link2.style.display = "none";
+  document.body.appendChild(link2);
+  link2.click();
+  document.body.removeChild(link2);
+  window.URL.revokeObjectURL(url);
+}
+const fDownloadFileFromBase64 = (base64String, fileName) => {
+  if (!base64String) {
+    console.error("Invalid Base64 string");
+    return;
+  }
+  let mimeType;
+  let base64Data;
+  if (base64String.startsWith("data:")) {
+    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
+    if (dataUriMatch && dataUriMatch[1]) {
+      mimeType = dataUriMatch[1];
+    } else {
+      mimeType = "application/octet-stream";
+    }
+    base64Data = base64String.split(",")[1] || "";
+  } else {
+    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
+    base64Data = base64String;
+  }
+  try {
+    const byteCharacters = atob(base64Data);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i = 0; i < byteCharacters.length; i++) {
+      byteNumbers[i] = byteCharacters.charCodeAt(i);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: mimeType });
+    const url = window.URL.createObjectURL(blob);
+    const link2 = document.createElement("a");
+    link2.href = url;
+    link2.download = fileName;
+    document.body.appendChild(link2);
+    link2.click();
+    document.body.removeChild(link2);
+    window.URL.revokeObjectURL(url);
+  } catch (error2) {
+    console.error("Ошибка при обработке Base64:", error2);
+  }
+};
+const getMimeTypeFromFileName = (fileName) => {
+  var _a;
+  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  if (!extension) return void 0;
+  const mimeTypes = {
+    txt: "text/plain",
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    svg: "image/svg+xml",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    json: "application/json",
+    zip: "application/zip",
+    mp3: "audio/mpeg",
+    mp4: "video/mp4"
+  };
+  return mimeTypes[extension];
+};
+const overlay$1 = "_overlay_1x5hi_1";
+const entering$1 = "_entering_1x5hi_15";
+const exiting$1 = "_exiting_1x5hi_19";
+const viewport = "_viewport_1x5hi_24";
+const image = "_image_1x5hi_33";
+const zoomed = "_zoomed_1x5hi_44";
+const close$1 = "_close_1x5hi_52";
+const download$1 = "_download_1x5hi_53";
+const arrow = "_arrow_1x5hi_54";
+const left = "_left_1x5hi_108";
+const right = "_right_1x5hi_112";
+const indicators = "_indicators_1x5hi_116";
+const dot = "_dot_1x5hi_125";
+const active$4 = "_active_1x5hi_134";
+const spinner = "_spinner_1x5hi_139";
+const error$2 = "_error_1x5hi_149";
 const styles$o = {
   overlay: overlay$1,
   entering: entering$1,
@@ -1860,6 +1939,54 @@ const styles$o = {
   error: error$2
 };
 let openImageViewersCount = 0;
+const getExtensionFromMimeType$1 = (mimeType) => {
+  const cleanType = mimeType.split(";")[0].trim().toLowerCase();
+  switch (cleanType) {
+    case "image/jpeg":
+      return "jpg";
+    case "image/png":
+      return "png";
+    case "image/gif":
+      return "gif";
+    case "image/webp":
+      return "webp";
+    case "image/svg+xml":
+      return "svg";
+    case "image/avif":
+      return "avif";
+    case "image/bmp":
+      return "bmp";
+    case "image/x-icon":
+    case "image/vnd.microsoft.icon":
+      return "ico";
+    default:
+      return "";
+  }
+};
+const getFileName$1 = (url, fallback) => {
+  if (url.startsWith("data:")) {
+    const mimeMatch = url.match(/^data:([^;]+);/);
+    const ext = mimeMatch ? getExtensionFromMimeType$1(mimeMatch[1]) : "png";
+    const base = "image";
+    return base.includes(".") ? base : `${base}.${ext || "png"}`;
+  }
+  try {
+    const parsed = new URL(url, window.location.href);
+    const segments = parsed.pathname.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  } catch {
+    const clean = url.split("?")[0].split("#")[0];
+    const segments = clean.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  }
+  return "image";
+};
 const FOpenImgFull = ({
   id,
   className,
@@ -1868,7 +1995,9 @@ const FOpenImgFull = ({
   selectedImg,
   setSelectedImg,
   handleClose,
-  openAndClose
+  openAndClose,
+  fileName,
+  fileNames
 }) => {
   const [isMounted, setIsMounted] = useState(openAndClose);
   const [isClosing, setIsClosing] = useState(false);
@@ -1925,6 +2054,40 @@ const FOpenImgFull = ({
     const nextIndex = selectedImg + offset;
     if (nextIndex >= 0 && nextIndex < imagesUrl.length) setSelectedImg(nextIndex);
   };
+  const handleDownload = async (event) => {
+    event.stopPropagation();
+    if (!imageUrl) return;
+    const defaultFileName = getFileName$1(imageUrl);
+    const resolvedFileName = (fileNames == null ? void 0 : fileNames[selectedImg]) || fileName || defaultFileName;
+    try {
+      if (imageUrl.startsWith("data:")) {
+        fDownloadFileFromBase64(imageUrl, resolvedFileName);
+        return;
+      }
+      const response = await fetch(imageUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch image: ${response.statusText}`);
+      }
+      const blob = await response.blob();
+      let finalName = resolvedFileName;
+      if (!finalName.includes(".") && blob.type) {
+        const ext = getExtensionFromMimeType$1(blob.type);
+        if (ext) {
+          finalName = `${finalName}.${ext}`;
+        }
+      }
+      fDownloadBlobFile(blob, finalName);
+    } catch {
+      const link2 = document.createElement("a");
+      link2.href = imageUrl;
+      link2.download = resolvedFileName;
+      link2.target = "_blank";
+      link2.rel = "noreferrer noopener";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+    }
+  };
   return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
@@ -1937,7 +2100,17 @@ const FOpenImgFull = ({
         },
         children: [
           handleClose && /* @__PURE__ */ jsx("button", { type: "button", className: styles$o.close, onClick: handleClose, "aria-label": "Закрыть просмотр изображений", children: /* @__PURE__ */ jsx(FCloseIcon, { color: "light", size: 24 }) }),
-          /* @__PURE__ */ jsx("a", { className: styles$o.download, href: imageUrl, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 20 }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$o.download,
+              onClick: handleDownload,
+              "aria-label": "Скачать изображение",
+              title: "Скачать изображение",
+              children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 20 })
+            }
+          ),
           selectedImg > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: `${styles$o.arrow} ${styles$o.left}`, onClick: () => changeImage(-1), "aria-label": "Предыдущее изображение", children: /* @__PURE__ */ jsx(FArrowIcon, { direction: "left", color: "light", size: 28 }) }),
           /* @__PURE__ */ jsxs("div", { className: styles$o.viewport, children: [
             isLoading && !hasError && /* @__PURE__ */ jsx("span", { className: styles$o.spinner, "aria-label": "Загрузка изображения" }),
@@ -2018,85 +2191,6 @@ const FOpenImgFull = ({
     document.body
   );
 };
-function fDownloadBlobFile(blob, fileName) {
-  if (!blob) {
-    throw new Error("Blob or string content must not be empty");
-  }
-  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
-  const link2 = document.createElement("a");
-  const url = window.URL.createObjectURL(blobObject);
-  link2.href = url;
-  link2.download = fileName;
-  link2.style.display = "none";
-  document.body.appendChild(link2);
-  link2.click();
-  document.body.removeChild(link2);
-  window.URL.revokeObjectURL(url);
-}
-const fDownloadFileFromBase64 = (base64String, fileName) => {
-  if (!base64String) {
-    console.error("Invalid Base64 string");
-    return;
-  }
-  let mimeType;
-  let base64Data;
-  if (base64String.startsWith("data:")) {
-    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
-    if (dataUriMatch && dataUriMatch[1]) {
-      mimeType = dataUriMatch[1];
-    } else {
-      mimeType = "application/octet-stream";
-    }
-    base64Data = base64String.split(",")[1] || "";
-  } else {
-    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
-    base64Data = base64String;
-  }
-  try {
-    const byteCharacters = atob(base64Data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: mimeType });
-    const url = window.URL.createObjectURL(blob);
-    const link2 = document.createElement("a");
-    link2.href = url;
-    link2.download = fileName;
-    document.body.appendChild(link2);
-    link2.click();
-    document.body.removeChild(link2);
-    window.URL.revokeObjectURL(url);
-  } catch (error2) {
-    console.error("Ошибка при обработке Base64:", error2);
-  }
-};
-const getMimeTypeFromFileName = (fileName) => {
-  var _a;
-  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-  if (!extension) return void 0;
-  const mimeTypes = {
-    txt: "text/plain",
-    pdf: "application/pdf",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    doc: "application/msword",
-    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    xls: "application/vnd.ms-excel",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    ppt: "application/vnd.ms-powerpoint",
-    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    json: "application/json",
-    zip: "application/zip",
-    mp3: "audio/mpeg",
-    mp4: "video/mp4"
-  };
-  return mimeTypes[extension];
-};
 const preview$1 = "_preview_irgtv_1";
 const imageButton = "_imageButton_irgtv_7";
 const download = "_download_irgtv_27";
@@ -2228,7 +2322,8 @@ const FImagePreview = ({ src, alt = "", id, className, st, fileName }) => {
         selectedImg: 0,
         setSelectedImg: () => void 0,
         openAndClose: isOpen,
-        handleClose: () => setIsOpen(false)
+        handleClose: () => setIsOpen(false),
+        fileName
       }
     )
   ] });
@@ -4830,6 +4925,92 @@ const FStatusBadge = ({
     /* @__PURE__ */ jsx("span", { children })
   ] });
 };
+function FProgressiveList({
+  items,
+  chunkSize = 6,
+  estimatedItemHeight = 280,
+  keyExtractor,
+  className,
+  st,
+  showProgress = true,
+  renderProgress,
+  children,
+  onLoadMore,
+  hasMore = false,
+  isLoadingMore = false,
+  loader: loader2,
+  threshold = 250
+}) {
+  const totalCount = items.length;
+  const [renderedCount, setRenderedCount] = useState(() => Math.min(chunkSize, totalCount));
+  const sentinelRef = useRef(null);
+  const prevFirstKeyRef = useRef(void 0);
+  const prevTotalCountRef = useRef(totalCount);
+  useEffect(() => {
+    const currentFirstKey = items.length > 0 ? keyExtractor(items[0], 0) : void 0;
+    const isReset = currentFirstKey !== prevFirstKeyRef.current || totalCount < prevTotalCountRef.current;
+    if (isReset) {
+      setRenderedCount(Math.min(chunkSize, totalCount));
+    }
+    prevFirstKeyRef.current = currentFirstKey;
+    prevTotalCountRef.current = totalCount;
+  }, [items, keyExtractor, chunkSize, totalCount]);
+  useEffect(() => {
+    if (renderedCount >= totalCount) return;
+    const frameId = requestAnimationFrame(() => {
+      setRenderedCount((prev) => Math.min(prev + chunkSize, totalCount));
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [renderedCount, totalCount, chunkSize]);
+  useEffect(() => {
+    if (!onLoadMore || !hasMore || isLoadingMore) return;
+    if (renderedCount < totalCount) return;
+    const sentinelEl = sentinelRef.current;
+    if (!sentinelEl) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const [entry] = entries;
+        if (entry && entry.isIntersecting) {
+          onLoadMore();
+        }
+      },
+      {
+        rootMargin: `0px 0px ${threshold}px 0px`,
+        threshold: 0
+      }
+    );
+    observer.observe(sentinelEl);
+    return () => {
+      observer.disconnect();
+    };
+  }, [onLoadMore, hasMore, isLoadingMore, renderedCount, totalCount, threshold]);
+  const visibleItems = items.slice(0, renderedCount);
+  const itemWrapperStyle = {
+    contentVisibility: "auto",
+    containIntrinsicSize: `0 ${estimatedItemHeight}px`,
+    marginBottom: 16
+  };
+  return /* @__PURE__ */ jsxs("div", { className, style: st, children: [
+    visibleItems.map((item, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: itemWrapperStyle,
+        children: children(item, index)
+      },
+      keyExtractor(item, index)
+    )),
+    showProgress && renderProgress && renderedCount < totalCount && /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "8px 0" }, children: renderProgress(renderedCount, totalCount) }),
+    onLoadMore && hasMore && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: sentinelRef,
+        style: { height: 1, width: "100%", pointerEvents: "none", visibility: "hidden" },
+        "aria-hidden": "true"
+      }
+    ),
+    isLoadingMore && /* @__PURE__ */ jsx("div", { style: { padding: "16px 0", textAlign: "center" }, children: loader2 ?? /* @__PURE__ */ jsx(FProgress, {}) })
+  ] });
+}
 const FPlusIcon = React.forwardRef(({
   color = "primary",
   size = 30,
@@ -9655,9 +9836,16 @@ const useFApiQuery = (queryKey, url, config, options) => {
 function useFManualApiQuery(queryKey, url, initialParams, config, options) {
   const { apiService } = useFLibraryContext();
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
   const [params, setParams] = useState(initialParams);
   const [urlParams, setUrlParams] = useState(options == null ? void 0 : options.urlParams);
   const [dopUrl, setDopUrl] = useState(void 0);
+  useEffect(() => {
+    return () => {
+      var _a;
+      (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+    };
+  }, []);
   const {
     onErrorNotification = false,
     onErrorLog = false,
@@ -9694,6 +9882,9 @@ function useFManualApiQuery(queryKey, url, initialParams, config, options) {
     ...restOptions
   });
   const handleSideErrors = useCallback((error2) => {
+    if (axios.isCancel(error2)) {
+      return;
+    }
     if (onErrorNotification) {
       fNotification({
         variant: "error",
@@ -9715,10 +9906,21 @@ function useFManualApiQuery(queryKey, url, initialParams, config, options) {
     newParams,
     newUrlParams,
     preserveParams = false,
+    mergeParams = false,
     dopUrl: newDopUrl,
     preserveUrlParams = false
   } = {}) => {
-    const updatedParams = preserveParams && newParams === void 0 ? params : newParams;
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    abortControllerRef.current = new AbortController();
+    const activeSignal = abortControllerRef.current.signal;
+    let updatedParams;
+    if (mergeParams && params && typeof params === "object" && newParams && typeof newParams === "object") {
+      updatedParams = { ...params, ...newParams };
+    } else {
+      updatedParams = preserveParams && newParams === void 0 ? params : newParams;
+    }
     const updatedUrlParams = newUrlParams === void 0 ? urlParams : preserveUrlParams ? { ...urlParams, ...newUrlParams } : newUrlParams;
     const updatedDopUrl = newDopUrl !== void 0 ? newDopUrl : dopUrl;
     setParams(updatedParams);
@@ -9730,7 +9932,20 @@ function useFManualApiQuery(queryKey, url, initialParams, config, options) {
     try {
       const rawResult = await queryClient.fetchQuery({
         queryKey: nextQueryKey,
-        queryFn: ({ signal }) => fetcher(updatedParams, updatedUrlParams, updatedDopUrl, signal),
+        queryFn: ({ signal }) => {
+          var _a;
+          if (signal) {
+            if (signal.aborted) {
+              (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+            } else {
+              signal.addEventListener("abort", () => {
+                var _a2;
+                (_a2 = abortControllerRef.current) == null ? void 0 : _a2.abort();
+              }, { once: true });
+            }
+          }
+          return fetcher(updatedParams, updatedUrlParams, updatedDopUrl, activeSignal);
+        },
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         staleTime: restOptions.staleTime
       });
@@ -9745,6 +9960,196 @@ function useFManualApiQuery(queryKey, url, initialParams, config, options) {
   }, [params, urlParams, dopUrl, queryKey, fetcher, queryClient, restOptions, handleSideErrors]);
   return { ...query, run, params, urlParams };
 }
+function extractDefaultData(raw) {
+  if (!raw || typeof raw !== "object") {
+    return raw;
+  }
+  const record = raw;
+  const candidate = record.result ?? record.items ?? record.content ?? record.data;
+  return candidate !== void 0 ? candidate : raw;
+}
+function extractDefaultPageMeta(raw, defaultSize, currentPage) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const record = raw;
+  const p = record.page ?? record.pagination;
+  if (!p || typeof p !== "object") return void 0;
+  const totalItems = Number(p.totalItems ?? p.totalElements ?? p.totalCount ?? p.total ?? 0);
+  const size = Number(p.size ?? p.pageSize ?? p.limit ?? defaultSize);
+  const totalPages = Number(p.totalPages ?? p.pageCount ?? (size > 0 ? Math.ceil(totalItems / size) : 1));
+  const number = Number(p.number ?? p.currentPage ?? p.page ?? currentPage);
+  return { totalItems, size, totalPages, number };
+}
+function useFManualPagination(options) {
+  const {
+    queryKey,
+    url,
+    defaultPageSize = 20,
+    initialFilters,
+    method = "POST",
+    config,
+    mode = "pagination",
+    select,
+    selectPage,
+    appendData,
+    onErrorNotification = true,
+    onErrorLog = false,
+    onLoadingLog = false,
+    onSuccessNotification = false,
+    notificationTitle,
+    notificationBody,
+    loadingNotificationTitle,
+    loadingNotificationBody,
+    successNotificationTitle,
+    successNotificationBody
+  } = options;
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  const [accumulatedData, setAccumulatedData] = useState(void 0);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
+  const isInfinite = mode === "infinite";
+  useEffect(() => {
+    setPageSize(defaultPageSize);
+  }, [defaultPageSize]);
+  const query = useFManualApiQuery(
+    queryKey,
+    url,
+    initialFilters ? { ...initialFilters, page: 1, size: defaultPageSize } : void 0,
+    config,
+    {
+      method,
+      onErrorNotification,
+      onErrorLog,
+      onLoadingLog,
+      onSuccessNotification,
+      notificationTitle,
+      notificationBody,
+      loadingNotificationTitle,
+      loadingNotificationBody,
+      successNotificationTitle,
+      successNotificationBody
+    }
+  );
+  const rawData = query.data;
+  const pageMeta = useMemo(() => {
+    if (!rawData) return void 0;
+    if (selectPage) return selectPage(rawData);
+    return extractDefaultPageMeta(rawData, pageSize, page);
+  }, [rawData, selectPage, pageSize, page]);
+  const currentExtractedData = useMemo(() => {
+    if (!rawData) return void 0;
+    if (select) return select(rawData);
+    return extractDefaultData(rawData);
+  }, [rawData, select]);
+  const meta = useMemo(() => {
+    if (!rawData || typeof rawData !== "object") return void 0;
+    return rawData.meta;
+  }, [rawData]);
+  const data = isInfinite ? accumulatedData : currentExtractedData;
+  const extractResult = useCallback((rawResult) => {
+    if (select) return select(rawResult);
+    return extractDefaultData(rawResult);
+  }, [select]);
+  const defaultAppend = useCallback((prev, next) => {
+    if (appendData) return appendData(prev, next);
+    if (Array.isArray(next)) {
+      const prevArray = Array.isArray(prev) ? prev : [];
+      return [...prevArray, ...next];
+    }
+    return next;
+  }, [appendData]);
+  const submitFilters = useCallback(async ({
+    payload,
+    resetPage = true,
+    dopUrl
+  }) => {
+    const targetPage = resetPage ? 1 : page;
+    if (resetPage) {
+      setPage(1);
+      if (isInfinite) {
+        setAccumulatedData(void 0);
+      }
+    }
+    const rawResponse = await query.run({
+      newParams: { ...payload, page: targetPage, size: pageSize },
+      dopUrl
+    });
+    const extracted = extractResult(rawResponse);
+    if (isInfinite) {
+      setAccumulatedData(extracted);
+    }
+    return extracted;
+  }, [query, page, pageSize, isInfinite, extractResult]);
+  const changePage = useCallback(async (newPage) => {
+    if (isInfinite) {
+      setIsFetchingMore(true);
+      try {
+        const rawResponse = await query.run({
+          newParams: { page: newPage, size: pageSize },
+          mergeParams: true
+        });
+        const extracted = extractResult(rawResponse);
+        setAccumulatedData((prev) => defaultAppend(prev, extracted));
+        setPage(newPage);
+        return extracted;
+      } finally {
+        setIsFetchingMore(false);
+      }
+    } else {
+      setPage(newPage);
+      const rawResponse = await query.run({
+        newParams: { page: newPage, size: pageSize },
+        mergeParams: true
+      });
+      return extractResult(rawResponse);
+    }
+  }, [query, pageSize, isInfinite, extractResult, defaultAppend]);
+  const hasMore = useMemo(() => {
+    if (!pageMeta) return false;
+    return pageMeta.number < pageMeta.totalPages;
+  }, [pageMeta]);
+  const loadMore = useCallback(async () => {
+    if (query.isFetching || isFetchingMore || !hasMore) {
+      return void 0;
+    }
+    const nextPage = ((pageMeta == null ? void 0 : pageMeta.number) ?? page) + 1;
+    return changePage(nextPage);
+  }, [query.isFetching, isFetchingMore, hasMore, pageMeta, page, changePage]);
+  const paginationProps = useMemo(() => ({
+    currentPage: (pageMeta == null ? void 0 : pageMeta.number) ?? page,
+    totalCount: (pageMeta == null ? void 0 : pageMeta.totalItems) ?? 0,
+    pageSize: (pageMeta == null ? void 0 : pageMeta.size) ?? pageSize,
+    siblingCount: 1,
+    onPageChange: (newPage) => {
+      if (typeof newPage === "number") {
+        changePage(newPage).catch(() => {
+        });
+      } else if (newPage === "prev") {
+        changePage(Math.max(1, ((pageMeta == null ? void 0 : pageMeta.number) ?? page) - 1)).catch(() => {
+        });
+      } else if (newPage === "next") {
+        const max = (pageMeta == null ? void 0 : pageMeta.totalPages) ?? page;
+        changePage(Math.min(max, ((pageMeta == null ? void 0 : pageMeta.number) ?? page) + 1)).catch(() => {
+        });
+      }
+    }
+  }), [pageMeta, page, pageSize, changePage]);
+  return {
+    data,
+    result: data,
+    rawResponse: rawData,
+    meta,
+    pageMeta,
+    isLoading: query.isLoading,
+    isFetching: query.isFetching,
+    isFetchingMore,
+    hasMore,
+    error: query.error,
+    submitFilters,
+    changePage,
+    loadMore,
+    paginationProps
+  };
+}
 const waterError = "_waterError_10t7p_1";
 const scene = "_scene_10t7p_12";
 const waves = "_waves_10t7p_18";
@@ -9890,6 +10295,7 @@ export {
   FPlusIcon,
   FPreloader,
   FProgress,
+  FProgressiveList,
   FRadioButton,
   FReloadIcon,
   FSafeIcon,
@@ -9950,6 +10356,7 @@ export {
   useFApiQuery,
   useFLibraryContext,
   useFLibraryContextOptional,
-  useFManualApiQuery
+  useFManualApiQuery,
+  useFManualPagination
 };
 //# sourceMappingURL=f-ui-kit.es.js.map