@strapi/upload 5.35.0 → 5.36.1

package/dist/admin/future/pages/Assets/components/DropZone/UploadDropZoneContext.mjs

@@ -0,0 +1,104 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback, createContext, useContext } from 'react';
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+/* -------------------------------------------------------------------------------------------------
+ * Context
+ * -----------------------------------------------------------------------------------------------*/ const UploadDropZoneContext = /*#__PURE__*/ createContext(null);
+/* -------------------------------------------------------------------------------------------------
+ * Components
+ * -----------------------------------------------------------------------------------------------*/ const DropZoneWrapper = styled(Box)`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+`;
+const UploadDropZoneProvider = ({ children, onDrop })=>{
+    const [isDragging, setIsDragging] = useState(false);
+    const dragCounterRef = useRef(0);
+    const contextValue = {
+        isDragging
+    };
+    useEffect(()=>{
+        const handleDragEnd = ()=>{
+            setIsDragging(false);
+            dragCounterRef.current = 0;
+        };
+        // Handle drag leaving the entire document/window
+        const handleDocumentDragLeave = (e)=>{
+            // When relatedTarget is null, we're leaving the document entirely
+            if (!e.relatedTarget) {
+                setIsDragging(false);
+                dragCounterRef.current = 0;
+            }
+        };
+        document.addEventListener('dragend', handleDragEnd);
+        document.addEventListener('dragleave', handleDocumentDragLeave);
+        return ()=>{
+            document.removeEventListener('dragend', handleDragEnd);
+            document.removeEventListener('dragleave', handleDocumentDragLeave);
+        };
+    }, []);
+    const handleDragEnter = useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current += 1;
+        if (e.dataTransfer.types.includes('Files')) {
+            setIsDragging(true);
+        }
+    }, []);
+    const handleDragLeave = useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current -= 1;
+        // Only set dragging to false if we've left the dropzone completely
+        // (counter reaches 0 or negative)
+        if (dragCounterRef.current <= 0) {
+            setIsDragging(false);
+            dragCounterRef.current = 0;
+        }
+    }, []);
+    const handleDragOver = useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = 'copy';
+    }, []);
+    const handleDrop = useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        dragCounterRef.current = 0;
+        const { files } = e.dataTransfer;
+        if (files?.length && onDrop) {
+            onDrop(Array.from(files));
+        }
+    }, [
+        onDrop
+    ]);
+    return /*#__PURE__*/ jsx(UploadDropZoneContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ jsx(DropZoneWrapper, {
+            "data-testid": "assets-dropzone",
+            onDragEnter: handleDragEnter,
+            onDragLeave: handleDragLeave,
+            onDragOver: handleDragOver,
+            onDrop: handleDrop,
+            children: children
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Hook
+ * -----------------------------------------------------------------------------------------------*/ const useUploadDropZone = ()=>{
+    const context = useContext(UploadDropZoneContext);
+    if (!context) {
+        throw new Error('useUploadDropZone must be used within UploadDropZone');
+    }
+    return {
+        isDragging: context.isDragging
+    };
+};
+
+export { UploadDropZoneProvider, useUploadDropZone };
+//# sourceMappingURL=UploadDropZoneContext.mjs.map

package/dist/admin/future/pages/Assets/components/DropZone/UploadDropZoneContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDropZoneContext.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/DropZone/UploadDropZoneContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type DragEvent,\n  type ReactNode,\n} from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/* -------------------------------------------------------------------------------------------------\n * Types\n * -----------------------------------------------------------------------------------------------*/\n\ntype DropHandler = (files: File[]) => void | Promise<void>;\n\ninterface UploadDropZoneContextValue {\n  isDragging: boolean;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\nconst UploadDropZoneContext = createContext<UploadDropZoneContextValue | null>(null);\n\n/* -------------------------------------------------------------------------------------------------\n * Components\n * -----------------------------------------------------------------------------------------------*/\n\nconst DropZoneWrapper = styled(Box)`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface UploadDropZoneProps {\n  children: ReactNode;\n  onDrop?: DropHandler;\n}\n\nexport const UploadDropZoneProvider = ({ children, onDrop }: UploadDropZoneProps) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const dragCounterRef = useRef(0);\n\n  const contextValue: UploadDropZoneContextValue = {\n    isDragging,\n  };\n\n  useEffect(() => {\n    const handleDragEnd = () => {\n      setIsDragging(false);\n      dragCounterRef.current = 0;\n    };\n\n    // Handle drag leaving the entire document/window\n    const handleDocumentDragLeave = (e: globalThis.DragEvent) => {\n      // When relatedTarget is null, we're leaving the document entirely\n      if (!e.relatedTarget) {\n        setIsDragging(false);\n        dragCounterRef.current = 0;\n      }\n    };\n\n    document.addEventListener('dragend', handleDragEnd);\n    document.addEventListener('dragleave', handleDocumentDragLeave);\n\n    return () => {\n      document.removeEventListener('dragend', handleDragEnd);\n      document.removeEventListener('dragleave', handleDocumentDragLeave);\n    };\n  }, []);\n\n  const handleDragEnter = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    dragCounterRef.current += 1;\n\n    if (e.dataTransfer.types.includes('Files')) {\n      setIsDragging(true);\n    }\n  }, []);\n\n  const handleDragLeave = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    dragCounterRef.current -= 1;\n\n    // Only set dragging to false if we've left the dropzone completely\n    // (counter reaches 0 or negative)\n    if (dragCounterRef.current <= 0) {\n      setIsDragging(false);\n      dragCounterRef.current = 0;\n    }\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = 'copy';\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: DragEvent<HTMLElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n      dragCounterRef.current = 0;\n\n      const { files } = e.dataTransfer;\n      if (files?.length && onDrop) {\n        onDrop(Array.from(files));\n      }\n    },\n    [onDrop]\n  );\n\n  return (\n    <UploadDropZoneContext.Provider value={contextValue}>\n      <DropZoneWrapper\n        data-testid=\"assets-dropzone\"\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        {children}\n      </DropZoneWrapper>\n    </UploadDropZoneContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Hook\n * -----------------------------------------------------------------------------------------------*/\n\nexport const useUploadDropZone = () => {\n  const context = useContext(UploadDropZoneContext);\n\n  if (!context) {\n    throw new Error('useUploadDropZone must be used within UploadDropZone');\n  }\n\n  return {\n    isDragging: context.isDragging,\n  };\n};\n"],"names":["UploadDropZoneContext","createContext","DropZoneWrapper","styled","Box","UploadDropZoneProvider","children","onDrop","isDragging","setIsDragging","useState","dragCounterRef","useRef","contextValue","useEffect","handleDragEnd","current","handleDocumentDragLeave","e","relatedTarget","document","addEventListener","removeEventListener","handleDragEnter","useCallback","preventDefault","stopPropagation","dataTransfer","types","includes","handleDragLeave","handleDragOver","dropEffect","handleDrop","files","length","Array","from","_jsx","Provider","value","data-testid","onDragEnter","onDragLeave","onDragOver","useUploadDropZone","context","useContext","Error"],"mappings":"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"}

package/dist/admin/future/pages/Assets/constants.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var translations = require('../../utils/translations.js');
+
+const localStorageKeys = {
+    view: `STRAPI_UPLOAD_LIBRARY_VIEW`
+};
+const viewOptions = {
+    GRID: 0,
+    TABLE: 1
+};
+const TABLE_HEADERS = [
+    {
+        name: 'name',
+        label: {
+            id: translations.getTranslationKey('list.table.header.name'),
+            defaultMessage: 'name'
+        }
+    },
+    {
+        name: 'createdAt',
+        label: {
+            id: translations.getTranslationKey('list.table.header.creationDate'),
+            defaultMessage: 'creation date'
+        }
+    },
+    {
+        name: 'updatedAt',
+        label: {
+            id: translations.getTranslationKey('list.table.header.lastModified'),
+            defaultMessage: 'last modified'
+        }
+    },
+    {
+        name: 'size',
+        label: {
+            id: translations.getTranslationKey('list.table.header.size'),
+            defaultMessage: 'size'
+        }
+    },
+    {
+        name: 'actions',
+        label: {
+            id: translations.getTranslationKey('list.table.header.actions'),
+            defaultMessage: 'actions'
+        },
+        isVisuallyHidden: true
+    }
+];
+
+exports.TABLE_HEADERS = TABLE_HEADERS;
+exports.localStorageKeys = localStorageKeys;
+exports.viewOptions = viewOptions;
+//# sourceMappingURL=constants.js.map

package/dist/admin/future/pages/Assets/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;;;MAEaA,gBAAmB,GAAA;IAC9BC,IAAM,EAAA,CAAC,0BAA0B;AACnC;MAEaC,WAAc,GAAA;IACzBC,IAAM,EAAA,CAAA;IACNC,KAAO,EAAA;AACT;MAQaC,aAA+B,GAAA;AAC1C,IAAA;QACEC,IAAM,EAAA,MAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,8BAAkB,CAAA,wBAAA,CAAA;YAA2BC,cAAgB,EAAA;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,WAAA;QACNC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,8BAAkB,CAAA,gCAAA,CAAA;YACtBC,cAAgB,EAAA;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,WAAA;QACNC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,8BAAkB,CAAA,gCAAA,CAAA;YACtBC,cAAgB,EAAA;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,MAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,8BAAkB,CAAA,wBAAA,CAAA;YAA2BC,cAAgB,EAAA;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,SAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,8BAAkB,CAAA,2BAAA,CAAA;YAA8BC,cAAgB,EAAA;AAAU,SAAA;QACvFC,gBAAkB,EAAA;AACpB;;;;;;;"}

package/dist/admin/future/pages/Assets/constants.mjs

@@ -0,0 +1,50 @@
+import { getTranslationKey } from '../../utils/translations.mjs';
+
+const localStorageKeys = {
+    view: `STRAPI_UPLOAD_LIBRARY_VIEW`
+};
+const viewOptions = {
+    GRID: 0,
+    TABLE: 1
+};
+const TABLE_HEADERS = [
+    {
+        name: 'name',
+        label: {
+            id: getTranslationKey('list.table.header.name'),
+            defaultMessage: 'name'
+        }
+    },
+    {
+        name: 'createdAt',
+        label: {
+            id: getTranslationKey('list.table.header.creationDate'),
+            defaultMessage: 'creation date'
+        }
+    },
+    {
+        name: 'updatedAt',
+        label: {
+            id: getTranslationKey('list.table.header.lastModified'),
+            defaultMessage: 'last modified'
+        }
+    },
+    {
+        name: 'size',
+        label: {
+            id: getTranslationKey('list.table.header.size'),
+            defaultMessage: 'size'
+        }
+    },
+    {
+        name: 'actions',
+        label: {
+            id: getTranslationKey('list.table.header.actions'),
+            defaultMessage: 'actions'
+        },
+        isVisuallyHidden: true
+    }
+];
+
+export { TABLE_HEADERS, localStorageKeys, viewOptions };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/future/pages/Assets/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;MAEaA,gBAAmB,GAAA;IAC9BC,IAAM,EAAA,CAAC,0BAA0B;AACnC;MAEaC,WAAc,GAAA;IACzBC,IAAM,EAAA,CAAA;IACNC,KAAO,EAAA;AACT;MAQaC,aAA+B,GAAA;AAC1C,IAAA;QACEC,IAAM,EAAA,MAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,iBAAkB,CAAA,wBAAA,CAAA;YAA2BC,cAAgB,EAAA;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,WAAA;QACNC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,iBAAkB,CAAA,gCAAA,CAAA;YACtBC,cAAgB,EAAA;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,WAAA;QACNC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,iBAAkB,CAAA,gCAAA,CAAA;YACtBC,cAAgB,EAAA;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,MAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,iBAAkB,CAAA,wBAAA,CAAA;YAA2BC,cAAgB,EAAA;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAM,EAAA,SAAA;QACNC,KAAO,EAAA;AAAEC,YAAAA,EAAAA,EAAIC,iBAAkB,CAAA,2BAAA,CAAA;YAA8BC,cAAgB,EAAA;AAAU,SAAA;QACvFC,gBAAkB,EAAA;AACpB;;;;;"}

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var assets = require('../../../services/assets.js');
+
+const PAGE_SIZE = 20;
+const useInfiniteAssets = ({ folder = null, sort } = {})=>{
+    const [page, setPage] = React.useState(1);
+    const lastResultsRef = React.useRef([]);
+    const isMountRef = React.useRef(true);
+    const { currentData: data, isLoading, isFetching, error } = assets.useGetAssetsQuery({
+        folder,
+        page,
+        pageSize: PAGE_SIZE,
+        sort
+    });
+    const pagination = data?.pagination;
+    // Accumulate pages. When cache is invalidated the current page is refetched
+    // detect this and reset to avoid a gap in the results.
+    const assets$1 = React.useMemo(()=>{
+        if (!data) {
+            return lastResultsRef.current;
+        }
+        const currentPageResults = data.results;
+        if (page === 1) {
+            lastResultsRef.current = currentPageResults;
+        } else {
+            // If accumulated length doesn't match expectation, cache was cleared
+            const expectedPrior = (page - 1) * PAGE_SIZE;
+            if (lastResultsRef.current.length < expectedPrior - PAGE_SIZE) {
+                return lastResultsRef.current;
+            }
+            // Only append if these aren't already accumulated
+            if (lastResultsRef.current.length < page * PAGE_SIZE) {
+                lastResultsRef.current = [
+                    ...lastResultsRef.current,
+                    ...currentPageResults
+                ];
+            }
+        }
+        return lastResultsRef.current;
+    }, [
+        data,
+        page
+    ]);
+    // Reset on filter/sort change — skip the initial mount since the memo
+    // already handles page 1 correctly
+    React.useEffect(()=>{
+        if (isMountRef.current) {
+            isMountRef.current = false;
+            return;
+        }
+        setPage(1);
+        lastResultsRef.current = [];
+    }, [
+        folder,
+        sort
+    ]);
+    const hasNextPage = pagination ? page < pagination.pageCount : false;
+    const isFetchingMore = isFetching && page > 1;
+    const fetchNextPage = React.useCallback(()=>{
+        setPage((prev)=>prev + 1);
+    }, []);
+    return {
+        assets: assets$1,
+        pagination,
+        isLoading,
+        isFetchingMore,
+        hasNextPage,
+        fetchNextPage,
+        error
+    };
+};
+
+exports.PAGE_SIZE = PAGE_SIZE;
+exports.useInfiniteAssets = useInfiniteAssets;
+//# sourceMappingURL=useInfiniteAssets.js.map

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteAssets.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useInfiniteAssets.ts"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect, useRef } from 'react';\n\nimport { useGetAssetsQuery } from '../../../services/assets';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\nconst PAGE_SIZE = 20;\n\ninterface UseInfiniteAssetsOptions {\n  folder?: number | null;\n  sort?: string;\n}\n\nconst useInfiniteAssets = ({ folder = null, sort }: UseInfiniteAssetsOptions = {}) => {\n  const [page, setPage] = useState(1);\n  const lastResultsRef = useRef<File[]>([]);\n  const isMountRef = useRef(true);\n\n  const {\n    currentData: data,\n    isLoading,\n    isFetching,\n    error,\n  } = useGetAssetsQuery({\n    folder,\n    page,\n    pageSize: PAGE_SIZE,\n    sort,\n  });\n\n  const pagination = data?.pagination;\n\n  // Accumulate pages. When cache is invalidated the current page is refetched\n  // detect this and reset to avoid a gap in the results.\n  const assets = useMemo(() => {\n    if (!data) {\n      return lastResultsRef.current;\n    }\n\n    const currentPageResults = data.results;\n\n    if (page === 1) {\n      lastResultsRef.current = currentPageResults;\n    } else {\n      // If accumulated length doesn't match expectation, cache was cleared\n      const expectedPrior = (page - 1) * PAGE_SIZE;\n      if (lastResultsRef.current.length < expectedPrior - PAGE_SIZE) {\n        return lastResultsRef.current;\n      }\n\n      // Only append if these aren't already accumulated\n      if (lastResultsRef.current.length < page * PAGE_SIZE) {\n        lastResultsRef.current = [...lastResultsRef.current, ...currentPageResults];\n      }\n    }\n\n    return lastResultsRef.current;\n  }, [data, page]);\n\n  // Reset on filter/sort change — skip the initial mount since the memo\n  // already handles page 1 correctly\n  useEffect(() => {\n    if (isMountRef.current) {\n      isMountRef.current = false;\n\n      return;\n    }\n    setPage(1);\n    lastResultsRef.current = [];\n  }, [folder, sort]);\n\n  const hasNextPage = pagination ? page < pagination.pageCount : false;\n  const isFetchingMore = isFetching && page > 1;\n\n  const fetchNextPage = useCallback(() => {\n    setPage((prev) => prev + 1);\n  }, []);\n\n  return { assets, pagination, isLoading, isFetchingMore, hasNextPage, fetchNextPage, error };\n};\n\nexport { useInfiniteAssets };\nexport { PAGE_SIZE };\n"],"names":["PAGE_SIZE","useInfiniteAssets","folder","sort","page","setPage","useState","lastResultsRef","useRef","isMountRef","currentData","data","isLoading","isFetching","error","useGetAssetsQuery","pageSize","pagination","assets","useMemo","current","currentPageResults","results","expectedPrior","length","useEffect","hasNextPage","pageCount","isFetchingMore","fetchNextPage","useCallback","prev"],"mappings":";;;;;AAMA,MAAMA,SAAY,GAAA;AAOZC,MAAAA,iBAAAA,GAAoB,CAAC,EAAEC,MAAS,GAAA,IAAI,EAAEC,IAAI,EAA4B,GAAG,EAAE,GAAA;AAC/E,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAQ,CAAA,GAAGC,cAAS,CAAA,CAAA,CAAA;IACjC,MAAMC,cAAAA,GAAiBC,aAAe,EAAE,CAAA;AACxC,IAAA,MAAMC,aAAaD,YAAO,CAAA,IAAA,CAAA;IAE1B,MAAM,EACJE,WAAaC,EAAAA,IAAI,EACjBC,SAAS,EACTC,UAAU,EACVC,KAAK,EACN,GAAGC,wBAAkB,CAAA;AACpBb,QAAAA,MAAAA;AACAE,QAAAA,IAAAA;QACAY,QAAUhB,EAAAA,SAAAA;AACVG,QAAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMc,aAAaN,IAAMM,EAAAA,UAAAA;;;AAIzB,IAAA,MAAMC,WAASC,aAAQ,CAAA,IAAA;AACrB,QAAA,IAAI,CAACR,IAAM,EAAA;AACT,YAAA,OAAOJ,eAAea,OAAO;AAC/B;QAEA,MAAMC,kBAAAA,GAAqBV,KAAKW,OAAO;AAEvC,QAAA,IAAIlB,SAAS,CAAG,EAAA;AACdG,YAAAA,cAAAA,CAAea,OAAO,GAAGC,kBAAAA;SACpB,MAAA;;AAEL,YAAA,MAAME,aAAgB,GAACnB,CAAAA,IAAAA,GAAO,CAAA,IAAKJ,SAAAA;AACnC,YAAA,IAAIO,eAAea,OAAO,CAACI,MAAM,GAAGD,gBAAgBvB,SAAW,EAAA;AAC7D,gBAAA,OAAOO,eAAea,OAAO;AAC/B;;AAGA,YAAA,IAAIb,eAAea,OAAO,CAACI,MAAM,GAAGpB,OAAOJ,SAAW,EAAA;AACpDO,gBAAAA,cAAAA,CAAea,OAAO,GAAG;AAAIb,oBAAAA,GAAAA,cAAAA,CAAea,OAAO;AAAKC,oBAAAA,GAAAA;AAAmB,iBAAA;AAC7E;AACF;AAEA,QAAA,OAAOd,eAAea,OAAO;KAC5B,EAAA;AAACT,QAAAA,IAAAA;AAAMP,QAAAA;AAAK,KAAA,CAAA;;;IAIfqB,eAAU,CAAA,IAAA;QACR,IAAIhB,UAAAA,CAAWW,OAAO,EAAE;AACtBX,YAAAA,UAAAA,CAAWW,OAAO,GAAG,KAAA;AAErB,YAAA;AACF;QACAf,OAAQ,CAAA,CAAA,CAAA;QACRE,cAAea,CAAAA,OAAO,GAAG,EAAE;KAC1B,EAAA;AAAClB,QAAAA,MAAAA;AAAQC,QAAAA;AAAK,KAAA,CAAA;AAEjB,IAAA,MAAMuB,WAAcT,GAAAA,UAAAA,GAAab,IAAOa,GAAAA,UAAAA,CAAWU,SAAS,GAAG,KAAA;IAC/D,MAAMC,cAAAA,GAAiBf,cAAcT,IAAO,GAAA,CAAA;AAE5C,IAAA,MAAMyB,gBAAgBC,iBAAY,CAAA,IAAA;QAChCzB,OAAQ,CAAA,CAAC0B,OAASA,IAAO,GAAA,CAAA,CAAA;AAC3B,KAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAEb,gBAAAA,QAAAA;AAAQD,QAAAA,UAAAA;AAAYL,QAAAA,SAAAA;AAAWgB,QAAAA,cAAAA;AAAgBF,QAAAA,WAAAA;AAAaG,QAAAA,aAAAA;AAAef,QAAAA;AAAM,KAAA;AAC5F;;;;;"}

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.mjs

@@ -0,0 +1,74 @@
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { useGetAssetsQuery } from '../../../services/assets.mjs';
+
+const PAGE_SIZE = 20;
+const useInfiniteAssets = ({ folder = null, sort } = {})=>{
+    const [page, setPage] = useState(1);
+    const lastResultsRef = useRef([]);
+    const isMountRef = useRef(true);
+    const { currentData: data, isLoading, isFetching, error } = useGetAssetsQuery({
+        folder,
+        page,
+        pageSize: PAGE_SIZE,
+        sort
+    });
+    const pagination = data?.pagination;
+    // Accumulate pages. When cache is invalidated the current page is refetched
+    // detect this and reset to avoid a gap in the results.
+    const assets = useMemo(()=>{
+        if (!data) {
+            return lastResultsRef.current;
+        }
+        const currentPageResults = data.results;
+        if (page === 1) {
+            lastResultsRef.current = currentPageResults;
+        } else {
+            // If accumulated length doesn't match expectation, cache was cleared
+            const expectedPrior = (page - 1) * PAGE_SIZE;
+            if (lastResultsRef.current.length < expectedPrior - PAGE_SIZE) {
+                return lastResultsRef.current;
+            }
+            // Only append if these aren't already accumulated
+            if (lastResultsRef.current.length < page * PAGE_SIZE) {
+                lastResultsRef.current = [
+                    ...lastResultsRef.current,
+                    ...currentPageResults
+                ];
+            }
+        }
+        return lastResultsRef.current;
+    }, [
+        data,
+        page
+    ]);
+    // Reset on filter/sort change — skip the initial mount since the memo
+    // already handles page 1 correctly
+    useEffect(()=>{
+        if (isMountRef.current) {
+            isMountRef.current = false;
+            return;
+        }
+        setPage(1);
+        lastResultsRef.current = [];
+    }, [
+        folder,
+        sort
+    ]);
+    const hasNextPage = pagination ? page < pagination.pageCount : false;
+    const isFetchingMore = isFetching && page > 1;
+    const fetchNextPage = useCallback(()=>{
+        setPage((prev)=>prev + 1);
+    }, []);
+    return {
+        assets,
+        pagination,
+        isLoading,
+        isFetchingMore,
+        hasNextPage,
+        fetchNextPage,
+        error
+    };
+};
+
+export { PAGE_SIZE, useInfiniteAssets };
+//# sourceMappingURL=useInfiniteAssets.mjs.map

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteAssets.mjs","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useInfiniteAssets.ts"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect, useRef } from 'react';\n\nimport { useGetAssetsQuery } from '../../../services/assets';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\nconst PAGE_SIZE = 20;\n\ninterface UseInfiniteAssetsOptions {\n  folder?: number | null;\n  sort?: string;\n}\n\nconst useInfiniteAssets = ({ folder = null, sort }: UseInfiniteAssetsOptions = {}) => {\n  const [page, setPage] = useState(1);\n  const lastResultsRef = useRef<File[]>([]);\n  const isMountRef = useRef(true);\n\n  const {\n    currentData: data,\n    isLoading,\n    isFetching,\n    error,\n  } = useGetAssetsQuery({\n    folder,\n    page,\n    pageSize: PAGE_SIZE,\n    sort,\n  });\n\n  const pagination = data?.pagination;\n\n  // Accumulate pages. When cache is invalidated the current page is refetched\n  // detect this and reset to avoid a gap in the results.\n  const assets = useMemo(() => {\n    if (!data) {\n      return lastResultsRef.current;\n    }\n\n    const currentPageResults = data.results;\n\n    if (page === 1) {\n      lastResultsRef.current = currentPageResults;\n    } else {\n      // If accumulated length doesn't match expectation, cache was cleared\n      const expectedPrior = (page - 1) * PAGE_SIZE;\n      if (lastResultsRef.current.length < expectedPrior - PAGE_SIZE) {\n        return lastResultsRef.current;\n      }\n\n      // Only append if these aren't already accumulated\n      if (lastResultsRef.current.length < page * PAGE_SIZE) {\n        lastResultsRef.current = [...lastResultsRef.current, ...currentPageResults];\n      }\n    }\n\n    return lastResultsRef.current;\n  }, [data, page]);\n\n  // Reset on filter/sort change — skip the initial mount since the memo\n  // already handles page 1 correctly\n  useEffect(() => {\n    if (isMountRef.current) {\n      isMountRef.current = false;\n\n      return;\n    }\n    setPage(1);\n    lastResultsRef.current = [];\n  }, [folder, sort]);\n\n  const hasNextPage = pagination ? page < pagination.pageCount : false;\n  const isFetchingMore = isFetching && page > 1;\n\n  const fetchNextPage = useCallback(() => {\n    setPage((prev) => prev + 1);\n  }, []);\n\n  return { assets, pagination, isLoading, isFetchingMore, hasNextPage, fetchNextPage, error };\n};\n\nexport { useInfiniteAssets };\nexport { PAGE_SIZE };\n"],"names":["PAGE_SIZE","useInfiniteAssets","folder","sort","page","setPage","useState","lastResultsRef","useRef","isMountRef","currentData","data","isLoading","isFetching","error","useGetAssetsQuery","pageSize","pagination","assets","useMemo","current","currentPageResults","results","expectedPrior","length","useEffect","hasNextPage","pageCount","isFetchingMore","fetchNextPage","useCallback","prev"],"mappings":";;;AAMA,MAAMA,SAAY,GAAA;AAOZC,MAAAA,iBAAAA,GAAoB,CAAC,EAAEC,MAAS,GAAA,IAAI,EAAEC,IAAI,EAA4B,GAAG,EAAE,GAAA;AAC/E,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAQ,CAAA,GAAGC,QAAS,CAAA,CAAA,CAAA;IACjC,MAAMC,cAAAA,GAAiBC,OAAe,EAAE,CAAA;AACxC,IAAA,MAAMC,aAAaD,MAAO,CAAA,IAAA,CAAA;IAE1B,MAAM,EACJE,WAAaC,EAAAA,IAAI,EACjBC,SAAS,EACTC,UAAU,EACVC,KAAK,EACN,GAAGC,iBAAkB,CAAA;AACpBb,QAAAA,MAAAA;AACAE,QAAAA,IAAAA;QACAY,QAAUhB,EAAAA,SAAAA;AACVG,QAAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMc,aAAaN,IAAMM,EAAAA,UAAAA;;;AAIzB,IAAA,MAAMC,SAASC,OAAQ,CAAA,IAAA;AACrB,QAAA,IAAI,CAACR,IAAM,EAAA;AACT,YAAA,OAAOJ,eAAea,OAAO;AAC/B;QAEA,MAAMC,kBAAAA,GAAqBV,KAAKW,OAAO;AAEvC,QAAA,IAAIlB,SAAS,CAAG,EAAA;AACdG,YAAAA,cAAAA,CAAea,OAAO,GAAGC,kBAAAA;SACpB,MAAA;;AAEL,YAAA,MAAME,aAAgB,GAACnB,CAAAA,IAAAA,GAAO,CAAA,IAAKJ,SAAAA;AACnC,YAAA,IAAIO,eAAea,OAAO,CAACI,MAAM,GAAGD,gBAAgBvB,SAAW,EAAA;AAC7D,gBAAA,OAAOO,eAAea,OAAO;AAC/B;;AAGA,YAAA,IAAIb,eAAea,OAAO,CAACI,MAAM,GAAGpB,OAAOJ,SAAW,EAAA;AACpDO,gBAAAA,cAAAA,CAAea,OAAO,GAAG;AAAIb,oBAAAA,GAAAA,cAAAA,CAAea,OAAO;AAAKC,oBAAAA,GAAAA;AAAmB,iBAAA;AAC7E;AACF;AAEA,QAAA,OAAOd,eAAea,OAAO;KAC5B,EAAA;AAACT,QAAAA,IAAAA;AAAMP,QAAAA;AAAK,KAAA,CAAA;;;IAIfqB,SAAU,CAAA,IAAA;QACR,IAAIhB,UAAAA,CAAWW,OAAO,EAAE;AACtBX,YAAAA,UAAAA,CAAWW,OAAO,GAAG,KAAA;AAErB,YAAA;AACF;QACAf,OAAQ,CAAA,CAAA,CAAA;QACRE,cAAea,CAAAA,OAAO,GAAG,EAAE;KAC1B,EAAA;AAAClB,QAAAA,MAAAA;AAAQC,QAAAA;AAAK,KAAA,CAAA;AAEjB,IAAA,MAAMuB,WAAcT,GAAAA,UAAAA,GAAab,IAAOa,GAAAA,UAAAA,CAAWU,SAAS,GAAG,KAAA;IAC/D,MAAMC,cAAAA,GAAiBf,cAAcT,IAAO,GAAA,CAAA;AAE5C,IAAA,MAAMyB,gBAAgBC,WAAY,CAAA,IAAA;QAChCzB,OAAQ,CAAA,CAAC0B,OAASA,IAAO,GAAA,CAAA,CAAA;AAC3B,KAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAEb,QAAAA,MAAAA;AAAQD,QAAAA,UAAAA;AAAYL,QAAAA,SAAAA;AAAWgB,QAAAA,cAAAA;AAAgBF,QAAAA,WAAAA;AAAaG,QAAAA,aAAAA;AAAef,QAAAA;AAAM,KAAA;AAC5F;;;;"}