@strapi/upload 5.51.1 → 5.52.0

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

@@ -1 +1 @@
-{"version":3,"file":"UploadDropZoneContext.js","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    // Bidirectional guard with AssetsDndProvider — internal item drags must not\n    // activate the upload overlay. See AssetsDndProvider.tsx.\n    if (!e.dataTransfer.types.includes('Files')) {\n      return;\n    }\n\n    dragCounterRef.current += 1;\n    setIsDragging(true);\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":";;;;;;;AAwBA;;qGAIA,MAAMA,sCAAwBC,mBAAAA,CAAiD,IAAA,CAAA;AAE/E;;AAEkG,qGAElG,MAAMC,eAAAA,GAAkBC,uBAAAA,CAAOC,gBAAAA,CAAI;;;;;AAKnC,CAAC;MAWYC,sBAAAA,GAAyB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAuB,GAAA;AAC9E,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAC7C,IAAA,MAAMC,iBAAiBC,YAAAA,CAAO,CAAA,CAAA;AAE9B,IAAA,MAAMC,YAAAA,GAA2C;AAC/CL,QAAAA;AACF,KAAA;IAEAM,eAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,aAAAA,GAAgB,IAAA;YACpBN,aAAAA,CAAc,KAAA,CAAA;AACdE,YAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,QAAA,CAAA;;AAGA,QAAA,MAAMC,0BAA0B,CAACC,CAAAA,GAAAA;;YAE/B,IAAI,CAACA,CAAAA,CAAEC,aAAa,EAAE;gBACpBV,aAAAA,CAAc,KAAA,CAAA;AACdE,gBAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,YAAA;AACF,QAAA,CAAA;QAEAI,QAAAA,CAASC,gBAAgB,CAAC,SAAA,EAAWN,aAAAA,CAAAA;QACrCK,QAAAA,CAASC,gBAAgB,CAAC,WAAA,EAAaJ,uBAAAA,CAAAA;QAEvC,OAAO,IAAA;YACLG,QAAAA,CAASE,mBAAmB,CAAC,SAAA,EAAWP,aAAAA,CAAAA;YACxCK,QAAAA,CAASE,mBAAmB,CAAC,WAAA,EAAaL,uBAAAA,CAAAA;AAC5C,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMM,eAAAA,GAAkBC,kBAAY,CAACN,CAAAA,GAAAA;AACnCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;;;QAIjB,IAAI,CAACR,EAAES,YAAY,CAACC,KAAK,CAACC,QAAQ,CAAC,OAAA,CAAA,EAAU;AAC3C,YAAA;AACF,QAAA;AAEAlB,QAAAA,cAAAA,CAAeK,OAAO,IAAI,CAAA;QAC1BP,aAAAA,CAAc,IAAA,CAAA;AAChB,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMqB,eAAAA,GAAkBN,kBAAY,CAACN,CAAAA,GAAAA;AACnCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;AAEjBf,QAAAA,cAAAA,CAAeK,OAAO,IAAI,CAAA;;;QAI1B,IAAIL,cAAAA,CAAeK,OAAO,IAAI,CAAA,EAAG;YAC/BP,aAAAA,CAAc,KAAA,CAAA;AACdE,YAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMe,cAAAA,GAAiBP,kBAAY,CAACN,CAAAA,GAAAA;AAClCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;QACjBR,CAAAA,CAAES,YAAY,CAACK,UAAU,GAAG,MAAA;AAC9B,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMC,UAAAA,GAAaT,kBACjB,CAACN,CAAAA,GAAAA;AACCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;QACjBjB,aAAAA,CAAc,KAAA,CAAA;AACdE,QAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAEzB,QAAA,MAAM,EAAEkB,KAAK,EAAE,GAAGhB,EAAES,YAAY;QAChC,IAAIO,KAAAA,EAAOC,UAAU5B,MAAAA,EAAQ;YAC3BA,MAAAA,CAAO6B,KAAAA,CAAMC,IAAI,CAACH,KAAAA,CAAAA,CAAAA;AACpB,QAAA;IACF,CAAA,EACA;AAAC3B,QAAAA;AAAO,KAAA,CAAA;IAGV,qBACE+B,cAAA,CAACtC,sBAAsBuC,QAAQ,EAAA;QAACC,KAAAA,EAAO3B,YAAAA;AACrC,QAAA,QAAA,gBAAAyB,cAAA,CAACpC,eAAAA,EAAAA;YACCuC,aAAAA,EAAY,iBAAA;YACZC,WAAAA,EAAanB,eAAAA;YACboB,WAAAA,EAAab,eAAAA;YACbc,UAAAA,EAAYb,cAAAA;YACZxB,MAAAA,EAAQ0B,UAAAA;AAEP3B,YAAAA,QAAAA,EAAAA;;;AAIT;AAEA;;2GAIauC,iBAAAA,GAAoB,IAAA;AAC/B,IAAA,MAAMC,UAAUC,gBAAAA,CAAW/C,qBAAAA,CAAAA;AAE3B,IAAA,IAAI,CAAC8C,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,sDAAA,CAAA;AAClB,IAAA;IAEA,OAAO;AACLxC,QAAAA,UAAAA,EAAYsC,QAAQtC;AACtB,KAAA;AACF;;;;;"}
+{"version":3,"file":"UploadDropZoneContext.js","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   * When true, the zone never enters the dragging state and never fires\n   * `onDrop` — no overlay, no \"drop here\" invitation. Used to hide the whole\n   * upload affordance from users without `assets.create`, so they don't drag a\n   * file onto an inviting target that then silently discards it.\n   */\n  disabled?: boolean;\n}\n\nexport const UploadDropZoneProvider = ({\n  children,\n  onDrop,\n  disabled = false,\n}: 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(\n    (e: DragEvent<HTMLElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      // No upload permission → never light up the drop target.\n      if (disabled) {\n        return;\n      }\n\n      // Bidirectional guard with AssetsDndProvider — internal item drags must not\n      // activate the upload overlay. See AssetsDndProvider.tsx.\n      if (!e.dataTransfer.types.includes('Files')) {\n        return;\n      }\n\n      dragCounterRef.current += 1;\n      setIsDragging(true);\n    },\n    [disabled]\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      if (disabled) {\n        return;\n      }\n\n      const { files } = e.dataTransfer;\n      if (files?.length && onDrop) {\n        onDrop(Array.from(files));\n      }\n    },\n    [onDrop, disabled]\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","disabled","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/components/DropZone/UploadDropZoneContext.mjs

@@ -14,7 +14,7 @@ import { styled } from 'styled-components';
   flex-direction: column;
   min-height: 100%;
 `;
-const UploadDropZoneProvider = ({ children, onDrop })=>{
+const UploadDropZoneProvider = ({ children, onDrop, disabled = false })=>{
     const [isDragging, setIsDragging] = useState(false);
     const dragCounterRef = useRef(0);
     const contextValue = {
@@ -43,6 +43,10 @@ const UploadDropZoneProvider = ({ children, onDrop })=>{
     const handleDragEnter = useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
+        // No upload permission → never light up the drop target.
+        if (disabled) {
+            return;
+        }
         // Bidirectional guard with AssetsDndProvider — internal item drags must not
         // activate the upload overlay. See AssetsDndProvider.tsx.
         if (!e.dataTransfer.types.includes('Files')) {
@@ -50,7 +54,9 @@ const UploadDropZoneProvider = ({ children, onDrop })=>{
         }
         dragCounterRef.current += 1;
         setIsDragging(true);
-    }, []);
+    }, [
+        disabled
+    ]);
     const handleDragLeave = useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
@@ -72,12 +78,16 @@ const UploadDropZoneProvider = ({ children, onDrop })=>{
         e.stopPropagation();
         setIsDragging(false);
         dragCounterRef.current = 0;
+        if (disabled) {
+            return;
+        }
         const { files } = e.dataTransfer;
         if (files?.length && onDrop) {
             onDrop(Array.from(files));
         }
     }, [
-        onDrop
+        onDrop,
+        disabled
     ]);
     return /*#__PURE__*/ jsx(UploadDropZoneContext.Provider, {
         value: contextValue,

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

@@ -1 +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    // Bidirectional guard with AssetsDndProvider — internal item drags must not\n    // activate the upload overlay. See AssetsDndProvider.tsx.\n    if (!e.dataTransfer.types.includes('Files')) {\n      return;\n    }\n\n    dragCounterRef.current += 1;\n    setIsDragging(true);\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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"}
+{"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   * When true, the zone never enters the dragging state and never fires\n   * `onDrop` — no overlay, no \"drop here\" invitation. Used to hide the whole\n   * upload affordance from users without `assets.create`, so they don't drag a\n   * file onto an inviting target that then silently discards it.\n   */\n  disabled?: boolean;\n}\n\nexport const UploadDropZoneProvider = ({\n  children,\n  onDrop,\n  disabled = false,\n}: 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(\n    (e: DragEvent<HTMLElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      // No upload permission → never light up the drop target.\n      if (disabled) {\n        return;\n      }\n\n      // Bidirectional guard with AssetsDndProvider — internal item drags must not\n      // activate the upload overlay. See AssetsDndProvider.tsx.\n      if (!e.dataTransfer.types.includes('Files')) {\n        return;\n      }\n\n      dragCounterRef.current += 1;\n      setIsDragging(true);\n    },\n    [disabled]\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      if (disabled) {\n        return;\n      }\n\n      const { files } = e.dataTransfer;\n      if (files?.length && onDrop) {\n        onDrop(Array.from(files));\n      }\n    },\n    [onDrop, disabled]\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","disabled","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":";;;;;AAwBA;;qGAIA,MAAMA,sCAAwBC,aAAAA,CAAiD,IAAA,CAAA;AAE/E;;AAEkG,qGAElG,MAAMC,eAAAA,GAAkBC,MAAAA,CAAOC,GAAAA,CAAI;;;;;AAKnC,CAAC;AAkBM,MAAMC,sBAAAA,GAAyB,CAAC,EACrCC,QAAQ,EACRC,MAAM,EACNC,QAAAA,GAAW,KAAK,EACI,GAAA;AACpB,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAC7C,IAAA,MAAMC,iBAAiBC,MAAAA,CAAO,CAAA,CAAA;AAE9B,IAAA,MAAMC,YAAAA,GAA2C;AAC/CL,QAAAA;AACF,KAAA;IAEAM,SAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,aAAAA,GAAgB,IAAA;YACpBN,aAAAA,CAAc,KAAA,CAAA;AACdE,YAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,QAAA,CAAA;;AAGA,QAAA,MAAMC,0BAA0B,CAACC,CAAAA,GAAAA;;YAE/B,IAAI,CAACA,CAAAA,CAAEC,aAAa,EAAE;gBACpBV,aAAAA,CAAc,KAAA,CAAA;AACdE,gBAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,YAAA;AACF,QAAA,CAAA;QAEAI,QAAAA,CAASC,gBAAgB,CAAC,SAAA,EAAWN,aAAAA,CAAAA;QACrCK,QAAAA,CAASC,gBAAgB,CAAC,WAAA,EAAaJ,uBAAAA,CAAAA;QAEvC,OAAO,IAAA;YACLG,QAAAA,CAASE,mBAAmB,CAAC,SAAA,EAAWP,aAAAA,CAAAA;YACxCK,QAAAA,CAASE,mBAAmB,CAAC,WAAA,EAAaL,uBAAAA,CAAAA;AAC5C,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMM,eAAAA,GAAkBC,YACtB,CAACN,CAAAA,GAAAA;AACCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;;AAGjB,QAAA,IAAInB,QAAAA,EAAU;AACZ,YAAA;AACF,QAAA;;;QAIA,IAAI,CAACW,EAAES,YAAY,CAACC,KAAK,CAACC,QAAQ,CAAC,OAAA,CAAA,EAAU;AAC3C,YAAA;AACF,QAAA;AAEAlB,QAAAA,cAAAA,CAAeK,OAAO,IAAI,CAAA;QAC1BP,aAAAA,CAAc,IAAA,CAAA;IAChB,CAAA,EACA;AAACF,QAAAA;AAAS,KAAA,CAAA;IAGZ,MAAMuB,eAAAA,GAAkBN,YAAY,CAACN,CAAAA,GAAAA;AACnCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;AAEjBf,QAAAA,cAAAA,CAAeK,OAAO,IAAI,CAAA;;;QAI1B,IAAIL,cAAAA,CAAeK,OAAO,IAAI,CAAA,EAAG;YAC/BP,aAAAA,CAAc,KAAA,CAAA;AACdE,YAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAC3B,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMe,cAAAA,GAAiBP,YAAY,CAACN,CAAAA,GAAAA;AAClCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;QACjBR,CAAAA,CAAES,YAAY,CAACK,UAAU,GAAG,MAAA;AAC9B,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMC,UAAAA,GAAaT,YACjB,CAACN,CAAAA,GAAAA;AACCA,QAAAA,CAAAA,CAAEO,cAAc,EAAA;AAChBP,QAAAA,CAAAA,CAAEQ,eAAe,EAAA;QACjBjB,aAAAA,CAAc,KAAA,CAAA;AACdE,QAAAA,cAAAA,CAAeK,OAAO,GAAG,CAAA;AAEzB,QAAA,IAAIT,QAAAA,EAAU;AACZ,YAAA;AACF,QAAA;AAEA,QAAA,MAAM,EAAE2B,KAAK,EAAE,GAAGhB,EAAES,YAAY;QAChC,IAAIO,KAAAA,EAAOC,UAAU7B,MAAAA,EAAQ;YAC3BA,MAAAA,CAAO8B,KAAAA,CAAMC,IAAI,CAACH,KAAAA,CAAAA,CAAAA;AACpB,QAAA;IACF,CAAA,EACA;AAAC5B,QAAAA,MAAAA;AAAQC,QAAAA;AAAS,KAAA,CAAA;IAGpB,qBACE+B,GAAA,CAACvC,sBAAsBwC,QAAQ,EAAA;QAACC,KAAAA,EAAO3B,YAAAA;AACrC,QAAA,QAAA,gBAAAyB,GAAA,CAACrC,eAAAA,EAAAA;YACCwC,aAAAA,EAAY,iBAAA;YACZC,WAAAA,EAAanB,eAAAA;YACboB,WAAAA,EAAab,eAAAA;YACbc,UAAAA,EAAYb,cAAAA;YACZzB,MAAAA,EAAQ2B,UAAAA;AAEP5B,YAAAA,QAAAA,EAAAA;;;AAIT;AAEA;;2GAIawC,iBAAAA,GAAoB,IAAA;AAC/B,IAAA,MAAMC,UAAUC,UAAAA,CAAWhD,qBAAAA,CAAAA;AAE3B,IAAA,IAAI,CAAC+C,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,sDAAA,CAAA;AAClB,IAAA;IAEA,OAAO;AACLxC,QAAAA,UAAAA,EAAYsC,QAAQtC;AACtB,KAAA;AACF;;;;"}

package/dist/admin/future/pages/Assets/components/EmptyState.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
 var symbols = require('@strapi/icons/symbols');
 var reactIntl = require('react-intl');
 var translations = require('../../../utils/translations.js');
@@ -11,8 +12,9 @@ var translations = require('../../../utils/translations.js');
  * no assets and no folders. The "Add assets" button opens the same file picker
  * as New > File upload; drag-and-drop upload keeps working since the page-wide
  * drop zone wraps this component.
- */ const EmptyState = ({ onAddAssets })=>{
+ */ const EmptyState = ({ onAddAssets, canAddAssets, searchQuery, onClearSearch })=>{
     const { formatMessage } = reactIntl.useIntl();
+    const isSearchEmptyState = Boolean(searchQuery);
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         direction: "column",
         alignItems: "center",
@@ -34,21 +36,40 @@ var translations = require('../../../utils/translations.js');
                         tag: "p",
                         fontWeight: "bold",
                         textColor: "neutral800",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: translations.getTranslationKey('list.search.empty.title'),
+                            defaultMessage: 'No results found'
+                        }) : formatMessage({
                             id: translations.getTranslationKey('list.empty.title'),
                             defaultMessage: 'No assets yet'
                         })
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                         textColor: "neutral600",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: translations.getTranslationKey('list.search.empty.description'),
+                            defaultMessage: 'No assets or folders match "{query}". Try a different search.'
+                        }, {
+                            query: searchQuery
+                        }) : formatMessage({
                             id: translations.getTranslationKey('list.empty.description'),
                             defaultMessage: 'Get started by uploading assets or creating a folder.'
                         })
                     })
                 ]
             }),
+            isSearchEmptyState ? // Same look as the filters empty state's "Clear filters" action.
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearSearch,
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.search.empty.clear'),
+                    defaultMessage: 'Clear search'
+                })
+            }) : canAddAssets && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                 onClick: onAddAssets,
                 children: formatMessage({
                     id: translations.getTranslationKey('list.empty.add-assets'),
@@ -58,6 +79,44 @@ var translations = require('../../../utils/translations.js');
         ]
     });
 };
+/**
+ * Empty state when active filters match nothing (including contradictory
+ * badges — allowed by design). Distinct from the no-content state: the library
+ * has items, the filters exclude them all.
+ */ const FilteredEmptyState = ({ onClearFilters })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "center",
+        gap: 6,
+        padding: 11,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(symbols.EmptyDocuments, {
+                width: "16rem",
+                height: "8.8rem"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.filters.empty'),
+                    defaultMessage: 'No items matched current filters'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearFilters,
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.filters.clear'),
+                    defaultMessage: 'Clear filters'
+                })
+            })
+        ]
+    });
+};
 
 exports.EmptyState = EmptyState;
+exports.FilteredEmptyState = FilteredEmptyState;
 //# sourceMappingURL=EmptyState.js.map

package/dist/admin/future/pages/Assets/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({ onAddAssets }: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.title'),\n            defaultMessage: 'No assets yet',\n          })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.description'),\n            defaultMessage: 'Get started by uploading assets or creating a folder.',\n          })}\n        </Typography>\n      </Flex>\n      <Button onClick={onAddAssets}>\n        {formatMessage({\n          id: getTranslationKey('list.empty.add-assets'),\n          defaultMessage: 'Add assets',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","formatMessage","useIntl","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","Button","onClick"],"mappings":";;;;;;;;AAUA;;;;;AAKC,IACM,MAAMA,UAAAA,GAAa,CAAC,EAAEC,WAAW,EAAmB,GAAA;IACzD,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,QAAA;QAASC,GAAAA,EAAK,CAAA;QAAGC,OAAAA,EAAS,EAAA;;0BAC5DC,cAAA,CAACC,sBAAAA,EAAAA;gBAAeC,KAAAA,EAAM,OAAA;gBAAQC,MAAAA,EAAO;;0BACrCT,eAAA,CAACC,iBAAAA,EAAAA;gBAAKC,SAAAA,EAAU,QAAA;gBAASC,UAAAA,EAAW,QAAA;gBAASC,GAAAA,EAAK,CAAA;gBAAGM,SAAAA,EAAU,QAAA;;kCAC7DJ,cAAA,CAACK,uBAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,OAAA;wBAAQC,GAAAA,EAAI,GAAA;wBAAIC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAU,YAAA;kCAC7DjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,kBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFZ,cAAA,CAACK,uBAAAA,EAAAA;wBAAWI,SAAAA,EAAU,YAAA;kCACnBjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,wBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;;;0BAGJZ,cAAA,CAACa,mBAAAA,EAAAA;gBAAOC,OAAAA,EAASvB,WAAAA;0BACdC,aAAAA,CAAc;AACbkB,oBAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,uBAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;;;AAIR;;;;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n  /**\n   * RBAC gate — without `assets.create` the \"Add assets\" CTA is hidden.\n   * Required (not defaulted) so a permission gate can't silently regress to\n   * permissive when a future call site forgets to pass it.\n   */\n  canAddAssets: boolean;\n  searchQuery?: string;\n  onClearSearch?: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({\n  onAddAssets,\n  canAddAssets,\n  searchQuery,\n  onClearSearch,\n}: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n  const isSearchEmptyState = Boolean(searchQuery);\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {isSearchEmptyState\n            ? formatMessage({\n                id: getTranslationKey('list.search.empty.title'),\n                defaultMessage: 'No results found',\n              })\n            : formatMessage({\n                id: getTranslationKey('list.empty.title'),\n                defaultMessage: 'No assets yet',\n              })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {isSearchEmptyState\n            ? formatMessage(\n                {\n                  id: getTranslationKey('list.search.empty.description'),\n                  defaultMessage: 'No assets or folders match \"{query}\". Try a different search.',\n                },\n                { query: searchQuery }\n              )\n            : formatMessage({\n                id: getTranslationKey('list.empty.description'),\n                defaultMessage: 'Get started by uploading assets or creating a folder.',\n              })}\n        </Typography>\n      </Flex>\n      {isSearchEmptyState ? (\n        // Same look as the filters empty state's \"Clear filters\" action.\n        <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearSearch}>\n          {formatMessage({\n            id: getTranslationKey('list.search.empty.clear'),\n            defaultMessage: 'Clear search',\n          })}\n        </Button>\n      ) : (\n        canAddAssets && (\n          <Button onClick={onAddAssets}>\n            {formatMessage({\n              id: getTranslationKey('list.empty.add-assets'),\n              defaultMessage: 'Add assets',\n            })}\n          </Button>\n        )\n      )}\n    </Flex>\n  );\n};\n\ninterface FilteredEmptyStateProps {\n  onClearFilters: () => void;\n}\n\n/**\n * Empty state when active filters match nothing (including contradictory\n * badges — allowed by design). Distinct from the no-content state: the library\n * has items, the filters exclude them all.\n */\nexport const FilteredEmptyState = ({ onClearFilters }: FilteredEmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Typography textColor=\"neutral600\">\n        {formatMessage({\n          id: getTranslationKey('list.filters.empty'),\n          defaultMessage: 'No items matched current filters',\n        })}\n      </Typography>\n      <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearFilters}>\n        {formatMessage({\n          id: getTranslationKey('list.filters.clear'),\n          defaultMessage: 'Clear filters',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","canAddAssets","searchQuery","onClearSearch","formatMessage","useIntl","isSearchEmptyState","Boolean","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","query","Button","startIcon","Cross","aria-hidden","onClick","FilteredEmptyState","onClearFilters"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/EmptyState.mjs

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex, Typography, Button } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
 import { EmptyDocuments } from '@strapi/icons/symbols';
 import { useIntl } from 'react-intl';
 import { getTranslationKey } from '../../../utils/translations.mjs';
@@ -9,8 +10,9 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
  * no assets and no folders. The "Add assets" button opens the same file picker
  * as New > File upload; drag-and-drop upload keeps working since the page-wide
  * drop zone wraps this component.
- */ const EmptyState = ({ onAddAssets })=>{
+ */ const EmptyState = ({ onAddAssets, canAddAssets, searchQuery, onClearSearch })=>{
     const { formatMessage } = useIntl();
+    const isSearchEmptyState = Boolean(searchQuery);
     return /*#__PURE__*/ jsxs(Flex, {
         direction: "column",
         alignItems: "center",
@@ -32,21 +34,40 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
                         tag: "p",
                         fontWeight: "bold",
                         textColor: "neutral800",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: getTranslationKey('list.search.empty.title'),
+                            defaultMessage: 'No results found'
+                        }) : formatMessage({
                             id: getTranslationKey('list.empty.title'),
                             defaultMessage: 'No assets yet'
                         })
                     }),
                     /*#__PURE__*/ jsx(Typography, {
                         textColor: "neutral600",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: getTranslationKey('list.search.empty.description'),
+                            defaultMessage: 'No assets or folders match "{query}". Try a different search.'
+                        }, {
+                            query: searchQuery
+                        }) : formatMessage({
                             id: getTranslationKey('list.empty.description'),
                             defaultMessage: 'Get started by uploading assets or creating a folder.'
                         })
                     })
                 ]
             }),
+            isSearchEmptyState ? // Same look as the filters empty state's "Clear filters" action.
             /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsx(Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearSearch,
+                children: formatMessage({
+                    id: getTranslationKey('list.search.empty.clear'),
+                    defaultMessage: 'Clear search'
+                })
+            }) : canAddAssets && /*#__PURE__*/ jsx(Button, {
                 onClick: onAddAssets,
                 children: formatMessage({
                     id: getTranslationKey('list.empty.add-assets'),
@@ -56,6 +77,43 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
         ]
     });
 };
+/**
+ * Empty state when active filters match nothing (including contradictory
+ * badges — allowed by design). Distinct from the no-content state: the library
+ * has items, the filters exclude them all.
+ */ const FilteredEmptyState = ({ onClearFilters })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "center",
+        gap: 6,
+        padding: 11,
+        children: [
+            /*#__PURE__*/ jsx(EmptyDocuments, {
+                width: "16rem",
+                height: "8.8rem"
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('list.filters.empty'),
+                    defaultMessage: 'No items matched current filters'
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsx(Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearFilters,
+                children: formatMessage({
+                    id: getTranslationKey('list.filters.clear'),
+                    defaultMessage: 'Clear filters'
+                })
+            })
+        ]
+    });
+};
 
-export { EmptyState };
+export { EmptyState, FilteredEmptyState };
 //# sourceMappingURL=EmptyState.mjs.map

package/dist/admin/future/pages/Assets/components/EmptyState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({ onAddAssets }: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.title'),\n            defaultMessage: 'No assets yet',\n          })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.description'),\n            defaultMessage: 'Get started by uploading assets or creating a folder.',\n          })}\n        </Typography>\n      </Flex>\n      <Button onClick={onAddAssets}>\n        {formatMessage({\n          id: getTranslationKey('list.empty.add-assets'),\n          defaultMessage: 'Add assets',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","formatMessage","useIntl","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","Button","onClick"],"mappings":";;;;;;AAUA;;;;;AAKC,IACM,MAAMA,UAAAA,GAAa,CAAC,EAAEC,WAAW,EAAmB,GAAA;IACzD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,QAAA;QAASC,GAAAA,EAAK,CAAA;QAAGC,OAAAA,EAAS,EAAA;;0BAC5DC,GAAA,CAACC,cAAAA,EAAAA;gBAAeC,KAAAA,EAAM,OAAA;gBAAQC,MAAAA,EAAO;;0BACrCT,IAAA,CAACC,IAAAA,EAAAA;gBAAKC,SAAAA,EAAU,QAAA;gBAASC,UAAAA,EAAW,QAAA;gBAASC,GAAAA,EAAK,CAAA;gBAAGM,SAAAA,EAAU,QAAA;;kCAC7DJ,GAAA,CAACK,UAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,OAAA;wBAAQC,GAAAA,EAAI,GAAA;wBAAIC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAU,YAAA;kCAC7DjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,kBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFZ,GAAA,CAACK,UAAAA,EAAAA;wBAAWI,SAAAA,EAAU,YAAA;kCACnBjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;;;0BAGJZ,GAAA,CAACa,MAAAA,EAAAA;gBAAOC,OAAAA,EAASvB,WAAAA;0BACdC,aAAAA,CAAc;AACbkB,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,uBAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;;;AAIR;;;;"}
+{"version":3,"file":"EmptyState.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n  /**\n   * RBAC gate — without `assets.create` the \"Add assets\" CTA is hidden.\n   * Required (not defaulted) so a permission gate can't silently regress to\n   * permissive when a future call site forgets to pass it.\n   */\n  canAddAssets: boolean;\n  searchQuery?: string;\n  onClearSearch?: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({\n  onAddAssets,\n  canAddAssets,\n  searchQuery,\n  onClearSearch,\n}: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n  const isSearchEmptyState = Boolean(searchQuery);\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {isSearchEmptyState\n            ? formatMessage({\n                id: getTranslationKey('list.search.empty.title'),\n                defaultMessage: 'No results found',\n              })\n            : formatMessage({\n                id: getTranslationKey('list.empty.title'),\n                defaultMessage: 'No assets yet',\n              })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {isSearchEmptyState\n            ? formatMessage(\n                {\n                  id: getTranslationKey('list.search.empty.description'),\n                  defaultMessage: 'No assets or folders match \"{query}\". Try a different search.',\n                },\n                { query: searchQuery }\n              )\n            : formatMessage({\n                id: getTranslationKey('list.empty.description'),\n                defaultMessage: 'Get started by uploading assets or creating a folder.',\n              })}\n        </Typography>\n      </Flex>\n      {isSearchEmptyState ? (\n        // Same look as the filters empty state's \"Clear filters\" action.\n        <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearSearch}>\n          {formatMessage({\n            id: getTranslationKey('list.search.empty.clear'),\n            defaultMessage: 'Clear search',\n          })}\n        </Button>\n      ) : (\n        canAddAssets && (\n          <Button onClick={onAddAssets}>\n            {formatMessage({\n              id: getTranslationKey('list.empty.add-assets'),\n              defaultMessage: 'Add assets',\n            })}\n          </Button>\n        )\n      )}\n    </Flex>\n  );\n};\n\ninterface FilteredEmptyStateProps {\n  onClearFilters: () => void;\n}\n\n/**\n * Empty state when active filters match nothing (including contradictory\n * badges — allowed by design). Distinct from the no-content state: the library\n * has items, the filters exclude them all.\n */\nexport const FilteredEmptyState = ({ onClearFilters }: FilteredEmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Typography textColor=\"neutral600\">\n        {formatMessage({\n          id: getTranslationKey('list.filters.empty'),\n          defaultMessage: 'No items matched current filters',\n        })}\n      </Typography>\n      <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearFilters}>\n        {formatMessage({\n          id: getTranslationKey('list.filters.clear'),\n          defaultMessage: 'Clear filters',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","canAddAssets","searchQuery","onClearSearch","formatMessage","useIntl","isSearchEmptyState","Boolean","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","query","Button","startIcon","Cross","aria-hidden","onClick","FilteredEmptyState","onClearFilters"],"mappings":"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"}