@strapi/upload 5.59.0 → 5.60.0

package/dist/admin/pages/Assets/hooks/useAssetSearch.mjs

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { useQueryParams } from '@strapi/admin/strapi-admin';
 import { encodeSearchQuery } from '../../../utils/searchQueryParam.mjs';
+import { useListQueryParams } from './useListQueryParams.mjs';
 
 /**
  * Reads and writes the global asset search term held in `?_q=`.
@@ -8,7 +8,7 @@ import { encodeSearchQuery } from '../../../utils/searchQueryParam.mjs';
  * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook
  * is a thin URL accessor so every consumer reads the same source of truth.
  */ const useAssetSearch = ()=>{
-    const [{ query }, setQuery] = useQueryParams();
+    const [{ query }, setQuery] = useListQueryParams();
     const searchQuery = query?._q ?? '';
     const setSearchQuery = useCallback((value)=>{
         if (value) {

package/dist/admin/pages/Assets/hooks/useAssetSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetSearch.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSearch.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\n\nimport { encodeSearchQuery } from '../../../utils/searchQueryParam';\n\n/**\n * Reads and writes the global asset search term held in `?_q=`.\n *\n * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook\n * is a thin URL accessor so every consumer reads the same source of truth.\n */\nexport const useAssetSearch = () => {\n  const [{ query }, setQuery] = useQueryParams<{ _q?: string }>();\n\n  const searchQuery = query?._q ?? '';\n\n  const setSearchQuery = useCallback(\n    (value: string) => {\n      if (value) {\n        setQuery({ _q: encodeSearchQuery(value) }, 'push', true);\n      } else {\n        setQuery({ _q: '' }, 'remove', true);\n      }\n    },\n    [setQuery]\n  );\n\n  const clearSearch = useCallback(() => setSearchQuery(''), [setSearchQuery]);\n\n  return {\n    searchQuery,\n    isSearching: searchQuery !== '',\n    setSearchQuery,\n    clearSearch,\n  };\n};\n"],"names":["useAssetSearch","query","setQuery","useQueryParams","searchQuery","_q","setSearchQuery","useCallback","value","encodeSearchQuery","clearSearch","isSearching"],"mappings":";;;;AAMA;;;;;UAMaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;IAE9B,MAAMC,WAAAA,GAAcH,OAAOI,EAAAA,IAAM,EAAA;IAEjC,MAAMC,cAAAA,GAAiBC,YACrB,CAACC,KAAAA,GAAAA;AACC,QAAA,IAAIA,KAAAA,EAAO;YACTN,QAAAA,CAAS;AAAEG,gBAAAA,EAAAA,EAAII,iBAAAA,CAAkBD,KAAAA;AAAO,aAAA,EAAG,MAAA,EAAQ,IAAA,CAAA;QACrD,CAAA,MAAO;YACLN,QAAAA,CAAS;gBAAEG,EAAAA,EAAI;AAAG,aAAA,EAAG,QAAA,EAAU,IAAA,CAAA;AACjC,QAAA;IACF,CAAA,EACA;AAACH,QAAAA;AAAS,KAAA,CAAA;AAGZ,IAAA,MAAMQ,WAAAA,GAAcH,WAAAA,CAAY,IAAMD,cAAAA,CAAe,EAAA,CAAA,EAAK;AAACA,QAAAA;AAAe,KAAA,CAAA;IAE1E,OAAO;AACLF,QAAAA,WAAAA;AACAO,QAAAA,WAAAA,EAAaP,WAAAA,KAAgB,EAAA;AAC7BE,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}
+{"version":3,"file":"useAssetSearch.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSearch.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { encodeSearchQuery } from '../../../utils/searchQueryParam';\n\nimport { useListQueryParams } from './useListQueryParams';\n\n/**\n * Reads and writes the global asset search term held in `?_q=`.\n *\n * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook\n * is a thin URL accessor so every consumer reads the same source of truth.\n */\nexport const useAssetSearch = () => {\n  const [{ query }, setQuery] = useListQueryParams<{ _q?: string }>();\n\n  const searchQuery = query?._q ?? '';\n\n  const setSearchQuery = useCallback(\n    (value: string) => {\n      if (value) {\n        setQuery({ _q: encodeSearchQuery(value) }, 'push', true);\n      } else {\n        setQuery({ _q: '' }, 'remove', true);\n      }\n    },\n    [setQuery]\n  );\n\n  const clearSearch = useCallback(() => setSearchQuery(''), [setSearchQuery]);\n\n  return {\n    searchQuery,\n    isSearching: searchQuery !== '',\n    setSearchQuery,\n    clearSearch,\n  };\n};\n"],"names":["useAssetSearch","query","setQuery","useListQueryParams","searchQuery","_q","setSearchQuery","useCallback","value","encodeSearchQuery","clearSearch","isSearching"],"mappings":";;;;AAMA;;;;;UAMaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,kBAAAA,EAAAA;IAE9B,MAAMC,WAAAA,GAAcH,OAAOI,EAAAA,IAAM,EAAA;IAEjC,MAAMC,cAAAA,GAAiBC,YACrB,CAACC,KAAAA,GAAAA;AACC,QAAA,IAAIA,KAAAA,EAAO;YACTN,QAAAA,CAAS;AAAEG,gBAAAA,EAAAA,EAAII,iBAAAA,CAAkBD,KAAAA;AAAO,aAAA,EAAG,MAAA,EAAQ,IAAA,CAAA;QACrD,CAAA,MAAO;YACLN,QAAAA,CAAS;gBAAEG,EAAAA,EAAI;AAAG,aAAA,EAAG,QAAA,EAAU,IAAA,CAAA;AACjC,QAAA;IACF,CAAA,EACA;AAACH,QAAAA;AAAS,KAAA,CAAA;AAGZ,IAAA,MAAMQ,WAAAA,GAAcH,WAAAA,CAAY,IAAMD,cAAAA,CAAe,EAAA,CAAA,EAAK;AAACA,QAAAA;AAAe,KAAA,CAAA;IAE1E,OAAO;AACLF,QAAAA,WAAAA;AACAO,QAAAA,WAAAA,EAAaP,WAAAA,KAAgB,EAAA;AAC7BE,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/pages/Assets/hooks/useAssetSelection.js

@@ -1,11 +1,19 @@
 'use strict';
 
 var React = require('react');
+var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
 var selection = require('../utils/selection.js');
 
-const AssetSelectionContext = React.createContext(null);
+/**
+ * Exported so a host with its own selection rules (the Content Manager asset
+ * picker) can feed the same views a different implementation.
+ */ const AssetSelectionContext = React.createContext(null);
 const AssetSelectionProvider = ({ children, disabled = false })=>{
     const [state, setState] = React.useState(selection.createEmptySelection);
+    // Every bulk action needs `assets.update`: without it the views show no
+    // checkboxes, whatever the host passes as `disabled`.
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const isEnabled = !disabled && canUpdate;
     const isSelected = React.useCallback((key)=>!disabled && state.selectedKeys.has(key), [
         disabled,
         state.selectedKeys
@@ -46,7 +54,13 @@ const AssetSelectionProvider = ({ children, disabled = false })=>{
     const selectedFolderIds = React.useMemo(()=>selection.getIdsOfKind(state.selectedKeys, 'folder'), [
         state.selectedKeys
     ]);
+    const getSelectability = React.useCallback(()=>isEnabled ? 'enabled' : 'hidden', [
+        isEnabled
+    ]);
     const value = React.useMemo(()=>({
+            isEnabled,
+            canSelectAll: true,
+            getSelectability,
             selectedKeys: state.selectedKeys,
             selectedIds,
             selectedFolderIds,
@@ -57,8 +71,11 @@ const AssetSelectionProvider = ({ children, disabled = false })=>{
             selectAll,
             selectOnly,
             deselect,
+            deselectAll: clear,
             clear
         }), [
+        isEnabled,
+        getSelectability,
         state.selectedKeys,
         selectedIds,
         selectedFolderIds,
@@ -84,6 +101,7 @@ const useAssetSelection = ()=>{
 };
 const useAssetSelectionOptional = ()=>React.useContext(AssetSelectionContext);
 
+exports.AssetSelectionContext = AssetSelectionContext;
 exports.AssetSelectionProvider = AssetSelectionProvider;
 exports.useAssetSelection = useAssetSelection;
 exports.useAssetSelectionOptional = useAssetSelectionOptional;

package/dist/admin/pages/Assets/hooks/useAssetSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetSelection.js","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  deselect as deselectState,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /**\n   * Replaces the selection with this one key, as a right-click on an unselected\n   * item does: what the menu then acts on is what the user can see is selected.\n   */\n  selectOnly: (key: ItemKey) => void;\n  /** Row-level \"...\" menu — drops one key when its item leaves the list (move, delete). */\n  deselect: (key: ItemKey) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const selectOnly = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState(selectAllState([key]));\n    },\n    [disabled]\n  );\n\n  // No `disabled` guard, like `clear`: this only ever shrinks the selection, and a\n  // disabled provider has nothing in it (every additive path is guarded).\n  const deselect = useCallback((key: ItemKey) => setState((prev) => deselectState(prev, key)), []);\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","selectOnly","deselect","deselectState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}
+{"version":3,"file":"useAssetSelection.js","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport {\n  clearSelection,\n  createEmptySelection,\n  deselect as deselectState,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\n/**\n * How an item takes part in selection: `enabled` shows a working checkbox,\n * `disabled` shows it greyed out (the item cannot be chosen here), `hidden`\n * shows none (the item is not something this selection is about).\n */\nexport type Selectability = 'enabled' | 'disabled' | 'hidden';\n\nexport interface AssetSelection {\n  /**\n   * Whether selection is on at all. Views show the checkbox column and\n   * select-all only when it is.\n   */\n  isEnabled: boolean;\n  /** Whether the table offers a select-all header (not on a single-value picker). */\n  canSelectAll: boolean;\n  getSelectability: (key: ItemKey) => Selectability;\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /**\n   * Replaces the selection with this one key, as a right-click on an unselected\n   * item does: what the menu then acts on is what the user can see is selected.\n   */\n  selectOnly: (key: ItemKey) => void;\n  /** Row-level \"...\" menu — drops one key when its item leaves the list (move, delete). */\n  deselect: (key: ItemKey) => void;\n  /**\n   * Header checkbox, when everything it covers is selected. The host decides how\n   * far that reaches: the Media Library page clears the whole selection, because\n   * it can still hold keys that left the list without being deselected (moved or\n   * deleted from the details drawer). The picker drops only these keys.\n   */\n  deselectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\n/**\n * Exported so a host with its own selection rules (the Content Manager asset\n * picker) can feed the same views a different implementation.\n */\nexport const AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n  // Every bulk action needs `assets.update`: without it the views show no\n  // checkboxes, whatever the host passes as `disabled`.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const isEnabled = !disabled && canUpdate;\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const selectOnly = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState(selectAllState([key]));\n    },\n    [disabled]\n  );\n\n  // No `disabled` guard, like `clear`: this only ever shrinks the selection, and a\n  // disabled provider has nothing in it (every additive path is guarded).\n  const deselect = useCallback((key: ItemKey) => setState((prev) => deselectState(prev, key)), []);\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const getSelectability = useCallback(\n    (): Selectability => (isEnabled ? 'enabled' : 'hidden'),\n    [isEnabled]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      isEnabled,\n      canSelectAll: true,\n      getSelectability,\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      deselectAll: clear,\n      clear,\n    }),\n    [\n      isEnabled,\n      getSelectability,\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","canUpdate","useMediaLibraryPermissions","isEnabled","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","selectOnly","deselect","deselectState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","getSelectability","value","canSelectAll","anchorKey","deselectAll","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}

package/dist/admin/pages/Assets/hooks/useAssetSelection.mjs

@@ -1,9 +1,17 @@
-import { useState, useCallback, useMemo, createElement, createContext, useContext } from 'react';
+import { createContext, useState, useCallback, useMemo, createElement, useContext } from 'react';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
 import { createEmptySelection, toggleSelection, selectRange, selectAll, deselect, clearSelection, getIdsOfKind } from '../utils/selection.mjs';
 
-const AssetSelectionContext = createContext(null);
+/**
+ * Exported so a host with its own selection rules (the Content Manager asset
+ * picker) can feed the same views a different implementation.
+ */ const AssetSelectionContext = createContext(null);
 const AssetSelectionProvider = ({ children, disabled = false })=>{
     const [state, setState] = useState(createEmptySelection);
+    // Every bulk action needs `assets.update`: without it the views show no
+    // checkboxes, whatever the host passes as `disabled`.
+    const { canUpdate } = useMediaLibraryPermissions();
+    const isEnabled = !disabled && canUpdate;
     const isSelected = useCallback((key)=>!disabled && state.selectedKeys.has(key), [
         disabled,
         state.selectedKeys
@@ -44,7 +52,13 @@ const AssetSelectionProvider = ({ children, disabled = false })=>{
     const selectedFolderIds = useMemo(()=>getIdsOfKind(state.selectedKeys, 'folder'), [
         state.selectedKeys
     ]);
+    const getSelectability = useCallback(()=>isEnabled ? 'enabled' : 'hidden', [
+        isEnabled
+    ]);
     const value = useMemo(()=>({
+            isEnabled,
+            canSelectAll: true,
+            getSelectability,
             selectedKeys: state.selectedKeys,
             selectedIds,
             selectedFolderIds,
@@ -55,8 +69,11 @@ const AssetSelectionProvider = ({ children, disabled = false })=>{
             selectAll: selectAll$1,
             selectOnly,
             deselect: deselect$1,
+            deselectAll: clear,
             clear
         }), [
+        isEnabled,
+        getSelectability,
         state.selectedKeys,
         selectedIds,
         selectedFolderIds,
@@ -82,5 +99,5 @@ const useAssetSelection = ()=>{
 };
 const useAssetSelectionOptional = ()=>useContext(AssetSelectionContext);
 
-export { AssetSelectionProvider, useAssetSelection, useAssetSelectionOptional };
+export { AssetSelectionContext, AssetSelectionProvider, useAssetSelection, useAssetSelectionOptional };
 //# sourceMappingURL=useAssetSelection.mjs.map

package/dist/admin/pages/Assets/hooks/useAssetSelection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetSelection.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  deselect as deselectState,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /**\n   * Replaces the selection with this one key, as a right-click on an unselected\n   * item does: what the menu then acts on is what the user can see is selected.\n   */\n  selectOnly: (key: ItemKey) => void;\n  /** Row-level \"...\" menu — drops one key when its item leaves the list (move, delete). */\n  deselect: (key: ItemKey) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const selectOnly = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState(selectAllState([key]));\n    },\n    [disabled]\n  );\n\n  // No `disabled` guard, like `clear`: this only ever shrinks the selection, and a\n  // disabled provider has nothing in it (every additive path is guarded).\n  const deselect = useCallback((key: ItemKey) => setState((prev) => deselectState(prev, key)), []);\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","selectOnly","deselect","deselectState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}
+{"version":3,"file":"useAssetSelection.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport {\n  clearSelection,\n  createEmptySelection,\n  deselect as deselectState,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\n/**\n * How an item takes part in selection: `enabled` shows a working checkbox,\n * `disabled` shows it greyed out (the item cannot be chosen here), `hidden`\n * shows none (the item is not something this selection is about).\n */\nexport type Selectability = 'enabled' | 'disabled' | 'hidden';\n\nexport interface AssetSelection {\n  /**\n   * Whether selection is on at all. Views show the checkbox column and\n   * select-all only when it is.\n   */\n  isEnabled: boolean;\n  /** Whether the table offers a select-all header (not on a single-value picker). */\n  canSelectAll: boolean;\n  getSelectability: (key: ItemKey) => Selectability;\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /**\n   * Replaces the selection with this one key, as a right-click on an unselected\n   * item does: what the menu then acts on is what the user can see is selected.\n   */\n  selectOnly: (key: ItemKey) => void;\n  /** Row-level \"...\" menu — drops one key when its item leaves the list (move, delete). */\n  deselect: (key: ItemKey) => void;\n  /**\n   * Header checkbox, when everything it covers is selected. The host decides how\n   * far that reaches: the Media Library page clears the whole selection, because\n   * it can still hold keys that left the list without being deselected (moved or\n   * deleted from the details drawer). The picker drops only these keys.\n   */\n  deselectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\n/**\n * Exported so a host with its own selection rules (the Content Manager asset\n * picker) can feed the same views a different implementation.\n */\nexport const AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n  // Every bulk action needs `assets.update`: without it the views show no\n  // checkboxes, whatever the host passes as `disabled`.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const isEnabled = !disabled && canUpdate;\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const selectOnly = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState(selectAllState([key]));\n    },\n    [disabled]\n  );\n\n  // No `disabled` guard, like `clear`: this only ever shrinks the selection, and a\n  // disabled provider has nothing in it (every additive path is guarded).\n  const deselect = useCallback((key: ItemKey) => setState((prev) => deselectState(prev, key)), []);\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const getSelectability = useCallback(\n    (): Selectability => (isEnabled ? 'enabled' : 'hidden'),\n    [isEnabled]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      isEnabled,\n      canSelectAll: true,\n      getSelectability,\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      deselectAll: clear,\n      clear,\n    }),\n    [\n      isEnabled,\n      getSelectability,\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      selectOnly,\n      deselect,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","canUpdate","useMediaLibraryPermissions","isEnabled","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","selectOnly","deselect","deselectState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","getSelectability","value","canSelectAll","anchorKey","deselectAll","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}

package/dist/admin/pages/Assets/hooks/useAssetsList.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var React = require('react');
+var folders = require('../../../services/folders.js');
+var buildAssetFilters = require('../utils/buildAssetFilters.js');
+var useAssetSearch = require('./useAssetSearch.js');
+var useFolderNavigation = require('./useFolderNavigation.js');
+var useInfiniteAssets = require('./useInfiniteAssets.js');
+var useListFilters = require('./useListFilters.js');
+var useListSort = require('./useListSort.js');
+
+/**
+ * The list behind the Media Library page and the Content Manager asset picker:
+ * the current folder, search, sort and filters, and the folders and assets they
+ * select. Where that query state lives (URL or memory) is decided by
+ * `ListQueryStateProvider`, not here.
+ */ const useAssetsList = ()=>{
+    const folderNavigation = useFolderNavigation.useFolderNavigation();
+    const { currentFolderId, navigateToRoot } = folderNavigation;
+    // Deleted or missing folders (404) need a fetch — handled here, not in
+    // `useFolderNavigation` (which only strips malformed ?folder= values).
+    const { error: currentFolderError } = folders.useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    React.useEffect(()=>{
+        if (currentFolderError?.name === 'NotFoundError') {
+            navigateToRoot();
+        }
+    }, [
+        currentFolderError,
+        navigateToRoot
+    ]);
+    const assetSearch = useAssetSearch.useAssetSearch();
+    const { searchQuery } = assetSearch;
+    const listSort = useListSort.useListSort();
+    const listFilters = useListFilters.useListFilters();
+    // Resolve relative presets against "now" only when the filters change —
+    // keeps the query args (and RTK cache keys) stable between renders.
+    const builtFilters = React.useMemo(()=>buildAssetFilters.buildAssetFilters(listFilters.filters, new Date()), // eslint-disable-next-line react-hooks/exhaustive-deps -- serialized is the value identity of filters
+    [
+        listFilters.serialized
+    ]);
+    const { assets, subscribers, pagination, isLoading: isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, error: assetsError } = useInfiniteAssets.useInfiniteAssets({
+        // The real folder is passed even while searching: the service drops the folder
+        // filter when `search` is set, so results are still global. List filters
+        // compose with both modes.
+        folder: currentFolderId,
+        search: searchQuery || undefined,
+        sort: listSort.assetsSort,
+        filters: builtFilters.fileClauses,
+        enabled: builtFilters.showFiles
+    });
+    const { data: fetchedFolders = [], isLoading: isLoadingFolders } = folders.useGetFoldersQuery({
+        parentId: currentFolderId,
+        search: searchQuery || undefined,
+        sort: listSort.foldersSort,
+        filters: builtFilters.folderClauses
+    }, {
+        skip: !builtFilters.showFolders
+    });
+    // A type badge can exclude folders structurally (e.g. "Type is Picture").
+    const folders$1 = React.useMemo(()=>builtFilters.showFolders ? fetchedFolders : [], [
+        builtFilters.showFolders,
+        fetchedFolders
+    ]);
+    return {
+        ...folderNavigation,
+        ...assetSearch,
+        listSort,
+        listFilters,
+        assets,
+        subscribers,
+        pagination,
+        isLoadingAssets,
+        isFetchingMore,
+        hasNextPage,
+        fetchNextPage,
+        assetsError,
+        folders: folders$1,
+        isLoadingFolders
+    };
+};
+
+exports.useAssetsList = useAssetsList;
+//# sourceMappingURL=useAssetsList.js.map

package/dist/admin/pages/Assets/hooks/useAssetsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsList.js","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetsList.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport { useGetFolderQuery, useGetFoldersQuery } from '../../../services/folders';\nimport { buildAssetFilters } from '../utils/buildAssetFilters';\n\nimport { useAssetSearch } from './useAssetSearch';\nimport { useFolderNavigation } from './useFolderNavigation';\nimport { useInfiniteAssets } from './useInfiniteAssets';\nimport { useListFilters } from './useListFilters';\nimport { useListSort } from './useListSort';\n\n/**\n * The list behind the Media Library page and the Content Manager asset picker:\n * the current folder, search, sort and filters, and the folders and assets they\n * select. Where that query state lives (URL or memory) is decided by\n * `ListQueryStateProvider`, not here.\n */\nexport const useAssetsList = () => {\n  const folderNavigation = useFolderNavigation();\n  const { currentFolderId, navigateToRoot } = folderNavigation;\n\n  // Deleted or missing folders (404) need a fetch — handled here, not in\n  // `useFolderNavigation` (which only strips malformed ?folder= values).\n  const { error: currentFolderError } = useGetFolderQuery(\n    { id: currentFolderId! },\n    { skip: currentFolderId === null }\n  );\n\n  useEffect(() => {\n    if (currentFolderError?.name === 'NotFoundError') {\n      navigateToRoot();\n    }\n  }, [currentFolderError, navigateToRoot]);\n\n  const assetSearch = useAssetSearch();\n  const { searchQuery } = assetSearch;\n  const listSort = useListSort();\n  const listFilters = useListFilters();\n\n  // Resolve relative presets against \"now\" only when the filters change —\n  // keeps the query args (and RTK cache keys) stable between renders.\n  const builtFilters = useMemo(\n    () => buildAssetFilters(listFilters.filters, new Date()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- serialized is the value identity of filters\n    [listFilters.serialized]\n  );\n\n  const {\n    assets,\n    subscribers,\n    pagination,\n    isLoading: isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error: assetsError,\n  } = useInfiniteAssets({\n    // The real folder is passed even while searching: the service drops the folder\n    // filter when `search` is set, so results are still global. List filters\n    // compose with both modes.\n    folder: currentFolderId,\n    search: searchQuery || undefined,\n    sort: listSort.assetsSort,\n    filters: builtFilters.fileClauses,\n    enabled: builtFilters.showFiles,\n  });\n\n  const { data: fetchedFolders = [], isLoading: isLoadingFolders } = useGetFoldersQuery(\n    {\n      parentId: currentFolderId,\n      search: searchQuery || undefined,\n      sort: listSort.foldersSort,\n      filters: builtFilters.folderClauses,\n    },\n    { skip: !builtFilters.showFolders }\n  );\n  // A type badge can exclude folders structurally (e.g. \"Type is Picture\").\n  const folders = useMemo(\n    () => (builtFilters.showFolders ? fetchedFolders : []),\n    [builtFilters.showFolders, fetchedFolders]\n  );\n\n  return {\n    ...folderNavigation,\n    ...assetSearch,\n    listSort,\n    listFilters,\n    assets,\n    subscribers,\n    pagination,\n    isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    assetsError,\n    folders,\n    isLoadingFolders,\n  };\n};\n"],"names":["useAssetsList","folderNavigation","useFolderNavigation","currentFolderId","navigateToRoot","error","currentFolderError","useGetFolderQuery","id","skip","useEffect","name","assetSearch","useAssetSearch","searchQuery","listSort","useListSort","listFilters","useListFilters","builtFilters","useMemo","buildAssetFilters","filters","Date","serialized","assets","subscribers","pagination","isLoading","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","assetsError","useInfiniteAssets","folder","search","undefined","sort","assetsSort","fileClauses","enabled","showFiles","data","fetchedFolders","isLoadingFolders","useGetFoldersQuery","parentId","foldersSort","folderClauses","showFolders","folders"],"mappings":";;;;;;;;;;;AAWA;;;;;UAMaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,gBAAAA,GAAmBC,uCAAAA,EAAAA;AACzB,IAAA,MAAM,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGH,gBAAAA;;;AAI5C,IAAA,MAAM,EAAEI,KAAAA,EAAOC,kBAAkB,EAAE,GAAGC,yBAAAA,CACpC;QAAEC,EAAAA,EAAIL;KAAiB,EACvB;AAAEM,QAAAA,IAAAA,EAAMN,eAAAA,KAAoB;AAAK,KAAA,CAAA;IAGnCO,eAAAA,CAAU,IAAA;QACR,IAAIJ,kBAAAA,EAAoBK,SAAS,eAAA,EAAiB;AAChDP,YAAAA,cAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACE,QAAAA,kBAAAA;AAAoBF,QAAAA;AAAe,KAAA,CAAA;AAEvC,IAAA,MAAMQ,WAAAA,GAAcC,6BAAAA,EAAAA;IACpB,MAAM,EAAEC,WAAW,EAAE,GAAGF,WAAAA;AACxB,IAAA,MAAMG,QAAAA,GAAWC,uBAAAA,EAAAA;AACjB,IAAA,MAAMC,WAAAA,GAAcC,6BAAAA,EAAAA;;;IAIpB,MAAMC,YAAAA,GAAeC,cACnB,IAAMC,mCAAAA,CAAkBJ,YAAYK,OAAO,EAAE,IAAIC,IAAAA,EAAAA,CAAAA;AAEjD,IAAA;AAACN,QAAAA,WAAAA,CAAYO;AAAW,KAAA,CAAA;IAG1B,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,WAAWC,eAAe,EAC1BC,cAAc,EACdC,WAAW,EACXC,aAAa,EACb3B,OAAO4B,WAAW,EACnB,GAAGC,mCAAAA,CAAkB;;;;QAIpBC,MAAAA,EAAQhC,eAAAA;AACRiC,QAAAA,MAAAA,EAAQtB,WAAAA,IAAeuB,SAAAA;AACvBC,QAAAA,IAAAA,EAAMvB,SAASwB,UAAU;AACzBjB,QAAAA,OAAAA,EAASH,aAAaqB,WAAW;AACjCC,QAAAA,OAAAA,EAAStB,aAAauB;AACxB,KAAA,CAAA;IAEA,MAAM,EAAEC,MAAMC,cAAAA,GAAiB,EAAE,EAAEhB,SAAAA,EAAWiB,gBAAgB,EAAE,GAAGC,0BAAAA,CACjE;QACEC,QAAAA,EAAU5C,eAAAA;AACViC,QAAAA,MAAAA,EAAQtB,WAAAA,IAAeuB,SAAAA;AACvBC,QAAAA,IAAAA,EAAMvB,SAASiC,WAAW;AAC1B1B,QAAAA,OAAAA,EAASH,aAAa8B;KACxB,EACA;QAAExC,IAAAA,EAAM,CAACU,aAAa+B;AAAY,KAAA,CAAA;;IAGpC,MAAMC,SAAAA,GAAU/B,cACd,IAAOD,YAAAA,CAAa+B,WAAW,GAAGN,cAAAA,GAAiB,EAAE,EACrD;AAACzB,QAAAA,YAAAA,CAAa+B,WAAW;AAAEN,QAAAA;AAAe,KAAA,CAAA;IAG5C,OAAO;AACL,QAAA,GAAG3C,gBAAgB;AACnB,QAAA,GAAGW,WAAW;AACdG,QAAAA,QAAAA;AACAE,QAAAA,WAAAA;AACAQ,QAAAA,MAAAA;AACAC,QAAAA,WAAAA;AACAC,QAAAA,UAAAA;AACAE,QAAAA,eAAAA;AACAC,QAAAA,cAAAA;AACAC,QAAAA,WAAAA;AACAC,QAAAA,aAAAA;AACAC,QAAAA,WAAAA;AACAkB,iBAAAA,SAAAA;AACAN,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/pages/Assets/hooks/useAssetsList.mjs

@@ -0,0 +1,85 @@
+import { useEffect, useMemo } from 'react';
+import { useGetFolderQuery, useGetFoldersQuery } from '../../../services/folders.mjs';
+import { buildAssetFilters } from '../utils/buildAssetFilters.mjs';
+import { useAssetSearch } from './useAssetSearch.mjs';
+import { useFolderNavigation } from './useFolderNavigation.mjs';
+import { useInfiniteAssets } from './useInfiniteAssets.mjs';
+import { useListFilters } from './useListFilters.mjs';
+import { useListSort } from './useListSort.mjs';
+
+/**
+ * The list behind the Media Library page and the Content Manager asset picker:
+ * the current folder, search, sort and filters, and the folders and assets they
+ * select. Where that query state lives (URL or memory) is decided by
+ * `ListQueryStateProvider`, not here.
+ */ const useAssetsList = ()=>{
+    const folderNavigation = useFolderNavigation();
+    const { currentFolderId, navigateToRoot } = folderNavigation;
+    // Deleted or missing folders (404) need a fetch — handled here, not in
+    // `useFolderNavigation` (which only strips malformed ?folder= values).
+    const { error: currentFolderError } = useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    useEffect(()=>{
+        if (currentFolderError?.name === 'NotFoundError') {
+            navigateToRoot();
+        }
+    }, [
+        currentFolderError,
+        navigateToRoot
+    ]);
+    const assetSearch = useAssetSearch();
+    const { searchQuery } = assetSearch;
+    const listSort = useListSort();
+    const listFilters = useListFilters();
+    // Resolve relative presets against "now" only when the filters change —
+    // keeps the query args (and RTK cache keys) stable between renders.
+    const builtFilters = useMemo(()=>buildAssetFilters(listFilters.filters, new Date()), // eslint-disable-next-line react-hooks/exhaustive-deps -- serialized is the value identity of filters
+    [
+        listFilters.serialized
+    ]);
+    const { assets, subscribers, pagination, isLoading: isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, error: assetsError } = useInfiniteAssets({
+        // The real folder is passed even while searching: the service drops the folder
+        // filter when `search` is set, so results are still global. List filters
+        // compose with both modes.
+        folder: currentFolderId,
+        search: searchQuery || undefined,
+        sort: listSort.assetsSort,
+        filters: builtFilters.fileClauses,
+        enabled: builtFilters.showFiles
+    });
+    const { data: fetchedFolders = [], isLoading: isLoadingFolders } = useGetFoldersQuery({
+        parentId: currentFolderId,
+        search: searchQuery || undefined,
+        sort: listSort.foldersSort,
+        filters: builtFilters.folderClauses
+    }, {
+        skip: !builtFilters.showFolders
+    });
+    // A type badge can exclude folders structurally (e.g. "Type is Picture").
+    const folders = useMemo(()=>builtFilters.showFolders ? fetchedFolders : [], [
+        builtFilters.showFolders,
+        fetchedFolders
+    ]);
+    return {
+        ...folderNavigation,
+        ...assetSearch,
+        listSort,
+        listFilters,
+        assets,
+        subscribers,
+        pagination,
+        isLoadingAssets,
+        isFetchingMore,
+        hasNextPage,
+        fetchNextPage,
+        assetsError,
+        folders,
+        isLoadingFolders
+    };
+};
+
+export { useAssetsList };
+//# sourceMappingURL=useAssetsList.mjs.map

package/dist/admin/pages/Assets/hooks/useAssetsList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsList.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useAssetsList.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport { useGetFolderQuery, useGetFoldersQuery } from '../../../services/folders';\nimport { buildAssetFilters } from '../utils/buildAssetFilters';\n\nimport { useAssetSearch } from './useAssetSearch';\nimport { useFolderNavigation } from './useFolderNavigation';\nimport { useInfiniteAssets } from './useInfiniteAssets';\nimport { useListFilters } from './useListFilters';\nimport { useListSort } from './useListSort';\n\n/**\n * The list behind the Media Library page and the Content Manager asset picker:\n * the current folder, search, sort and filters, and the folders and assets they\n * select. Where that query state lives (URL or memory) is decided by\n * `ListQueryStateProvider`, not here.\n */\nexport const useAssetsList = () => {\n  const folderNavigation = useFolderNavigation();\n  const { currentFolderId, navigateToRoot } = folderNavigation;\n\n  // Deleted or missing folders (404) need a fetch — handled here, not in\n  // `useFolderNavigation` (which only strips malformed ?folder= values).\n  const { error: currentFolderError } = useGetFolderQuery(\n    { id: currentFolderId! },\n    { skip: currentFolderId === null }\n  );\n\n  useEffect(() => {\n    if (currentFolderError?.name === 'NotFoundError') {\n      navigateToRoot();\n    }\n  }, [currentFolderError, navigateToRoot]);\n\n  const assetSearch = useAssetSearch();\n  const { searchQuery } = assetSearch;\n  const listSort = useListSort();\n  const listFilters = useListFilters();\n\n  // Resolve relative presets against \"now\" only when the filters change —\n  // keeps the query args (and RTK cache keys) stable between renders.\n  const builtFilters = useMemo(\n    () => buildAssetFilters(listFilters.filters, new Date()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- serialized is the value identity of filters\n    [listFilters.serialized]\n  );\n\n  const {\n    assets,\n    subscribers,\n    pagination,\n    isLoading: isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error: assetsError,\n  } = useInfiniteAssets({\n    // The real folder is passed even while searching: the service drops the folder\n    // filter when `search` is set, so results are still global. List filters\n    // compose with both modes.\n    folder: currentFolderId,\n    search: searchQuery || undefined,\n    sort: listSort.assetsSort,\n    filters: builtFilters.fileClauses,\n    enabled: builtFilters.showFiles,\n  });\n\n  const { data: fetchedFolders = [], isLoading: isLoadingFolders } = useGetFoldersQuery(\n    {\n      parentId: currentFolderId,\n      search: searchQuery || undefined,\n      sort: listSort.foldersSort,\n      filters: builtFilters.folderClauses,\n    },\n    { skip: !builtFilters.showFolders }\n  );\n  // A type badge can exclude folders structurally (e.g. \"Type is Picture\").\n  const folders = useMemo(\n    () => (builtFilters.showFolders ? fetchedFolders : []),\n    [builtFilters.showFolders, fetchedFolders]\n  );\n\n  return {\n    ...folderNavigation,\n    ...assetSearch,\n    listSort,\n    listFilters,\n    assets,\n    subscribers,\n    pagination,\n    isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    assetsError,\n    folders,\n    isLoadingFolders,\n  };\n};\n"],"names":["useAssetsList","folderNavigation","useFolderNavigation","currentFolderId","navigateToRoot","error","currentFolderError","useGetFolderQuery","id","skip","useEffect","name","assetSearch","useAssetSearch","searchQuery","listSort","useListSort","listFilters","useListFilters","builtFilters","useMemo","buildAssetFilters","filters","Date","serialized","assets","subscribers","pagination","isLoading","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","assetsError","useInfiniteAssets","folder","search","undefined","sort","assetsSort","fileClauses","enabled","showFiles","data","fetchedFolders","isLoadingFolders","useGetFoldersQuery","parentId","foldersSort","folderClauses","showFolders","folders"],"mappings":";;;;;;;;;AAWA;;;;;UAMaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,gBAAAA,GAAmBC,mBAAAA,EAAAA;AACzB,IAAA,MAAM,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGH,gBAAAA;;;AAI5C,IAAA,MAAM,EAAEI,KAAAA,EAAOC,kBAAkB,EAAE,GAAGC,iBAAAA,CACpC;QAAEC,EAAAA,EAAIL;KAAiB,EACvB;AAAEM,QAAAA,IAAAA,EAAMN,eAAAA,KAAoB;AAAK,KAAA,CAAA;IAGnCO,SAAAA,CAAU,IAAA;QACR,IAAIJ,kBAAAA,EAAoBK,SAAS,eAAA,EAAiB;AAChDP,YAAAA,cAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACE,QAAAA,kBAAAA;AAAoBF,QAAAA;AAAe,KAAA,CAAA;AAEvC,IAAA,MAAMQ,WAAAA,GAAcC,cAAAA,EAAAA;IACpB,MAAM,EAAEC,WAAW,EAAE,GAAGF,WAAAA;AACxB,IAAA,MAAMG,QAAAA,GAAWC,WAAAA,EAAAA;AACjB,IAAA,MAAMC,WAAAA,GAAcC,cAAAA,EAAAA;;;IAIpB,MAAMC,YAAAA,GAAeC,QACnB,IAAMC,iBAAAA,CAAkBJ,YAAYK,OAAO,EAAE,IAAIC,IAAAA,EAAAA,CAAAA;AAEjD,IAAA;AAACN,QAAAA,WAAAA,CAAYO;AAAW,KAAA,CAAA;IAG1B,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,WAAWC,eAAe,EAC1BC,cAAc,EACdC,WAAW,EACXC,aAAa,EACb3B,OAAO4B,WAAW,EACnB,GAAGC,iBAAAA,CAAkB;;;;QAIpBC,MAAAA,EAAQhC,eAAAA;AACRiC,QAAAA,MAAAA,EAAQtB,WAAAA,IAAeuB,SAAAA;AACvBC,QAAAA,IAAAA,EAAMvB,SAASwB,UAAU;AACzBjB,QAAAA,OAAAA,EAASH,aAAaqB,WAAW;AACjCC,QAAAA,OAAAA,EAAStB,aAAauB;AACxB,KAAA,CAAA;IAEA,MAAM,EAAEC,MAAMC,cAAAA,GAAiB,EAAE,EAAEhB,SAAAA,EAAWiB,gBAAgB,EAAE,GAAGC,kBAAAA,CACjE;QACEC,QAAAA,EAAU5C,eAAAA;AACViC,QAAAA,MAAAA,EAAQtB,WAAAA,IAAeuB,SAAAA;AACvBC,QAAAA,IAAAA,EAAMvB,SAASiC,WAAW;AAC1B1B,QAAAA,OAAAA,EAASH,aAAa8B;KACxB,EACA;QAAExC,IAAAA,EAAM,CAACU,aAAa+B;AAAY,KAAA,CAAA;;IAGpC,MAAMC,OAAAA,GAAU/B,QACd,IAAOD,YAAAA,CAAa+B,WAAW,GAAGN,cAAAA,GAAiB,EAAE,EACrD;AAACzB,QAAAA,YAAAA,CAAa+B,WAAW;AAAEN,QAAAA;AAAe,KAAA,CAAA;IAG5C,OAAO;AACL,QAAA,GAAG3C,gBAAgB;AACnB,QAAA,GAAGW,WAAW;AACdG,QAAAA,QAAAA;AACAE,QAAAA,WAAAA;AACAQ,QAAAA,MAAAA;AACAC,QAAAA,WAAAA;AACAC,QAAAA,UAAAA;AACAE,QAAAA,eAAAA;AACAC,QAAAA,cAAAA;AACAC,QAAAA,WAAAA;AACAC,QAAAA,aAAAA;AACAC,QAAAA,WAAAA;AACAkB,QAAAA,OAAAA;AACAN,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/pages/Assets/hooks/useBusyAssets.mjs

@@ -1,4 +1,4 @@
-import { useState, useCallback, useMemo, createElement, createContext, useContext } from 'react';
+import { createContext, useState, useCallback, useMemo, createElement, useContext } from 'react';
 
 const BusyAssetsContext = createContext(null);
 const BusyAssetsProvider = ({ children })=>{

package/dist/admin/pages/Assets/hooks/useFolderNavigation.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
+var useListQueryParams = require('./useListQueryParams.js');
 
 const parseFolderIdFromQuery = (folder)=>{
     if (!folder) {
@@ -11,7 +12,7 @@ const parseFolderIdFromQuery = (folder)=>{
     return Number.isFinite(id) ? id : null;
 };
 const useFolderNavigation = ()=>{
-    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    const [{ query }, setQuery] = useListQueryParams.useListQueryParams();
     const currentFolderId = parseFolderIdFromQuery(query?.folder);
     /**
    * Asset search is global, so keeping `_q` after a folder navigation would show

package/dist/admin/pages/Assets/hooks/useFolderNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFolderNavigation.js","sources":["../../../../../admin/src/pages/Assets/hooks/useFolderNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { useQueryParams, withEncodedUserParams } from '@strapi/admin/strapi-admin';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst parseFolderIdFromQuery = (folder: string | undefined): number | null => {\n  if (!folder) {\n    return null;\n  }\n\n  const id = Number(folder);\n\n  return Number.isFinite(id) ? id : null;\n};\n\ninterface FolderNavigationQuery {\n  folder?: string;\n  _q?: string;\n}\n\nexport const useFolderNavigation = () => {\n  const [{ query }, setQuery] = useQueryParams<FolderNavigationQuery>();\n\n  const currentFolderId = parseFolderIdFromQuery(query?.folder);\n\n  /**\n   * Asset search is global, so keeping `_q` after a folder navigation would show\n   * byte-identical results and make the navigation look broken. Clearing it here\n   * — rather than at each call site — means no caller can forget.\n   */\n  const navigateToFolder = useCallback(\n    (folder: Folder) => {\n      setQuery({ folder: String(folder.id), _q: undefined });\n    },\n    [setQuery]\n  );\n\n  /**\n   * Move to the Media Library root by removing the `folder` query param, and the\n   * search term with it. `setQuery(_, 'remove')` deletes the keys present on the\n   * first argument (values are ignored) in one navigation, so any other query\n   * state (pagination, the details drawer, etc.) is preserved.\n   */\n  const navigateToRoot = useCallback(() => {\n    setQuery({ folder: '', _q: '' }, 'remove');\n  }, [setQuery]);\n\n  /**\n   * Strips a `?folder=` value we can't parse.\n   */\n  const stripFolderParam = useCallback(() => {\n    setQuery(withEncodedUserParams(query, { folder: undefined }));\n  }, [query, setQuery]);\n\n  // Malformed ?folder= values (e.g. abc) parse as null; strip the param from the URL.\n  // Deleted/missing folders (404) are handled in AssetsPage — that needs a fetch.\n  useEffect(() => {\n    if (query?.folder && currentFolderId === null) {\n      stripFolderParam();\n    }\n  }, [query?.folder, currentFolderId, stripFolderParam]);\n\n  /**\n   * Convenience for the FolderTree sidebar: a single entry point that handles\n   * both \"go home\" and \"go to folder X\" without forcing the caller to know\n   * whether to call navigateToFolder or navigateToRoot.\n   */\n  const navigateToFolderId = useCallback(\n    (folderId: number | null) => {\n      if (folderId == null) {\n        navigateToRoot();\n      } else {\n        setQuery({ folder: String(folderId), _q: undefined });\n      }\n    },\n    [navigateToRoot, setQuery]\n  );\n\n  return {\n    currentFolderId,\n    navigateToFolder,\n    navigateToRoot,\n    navigateToFolderId,\n  };\n};\n"],"names":["parseFolderIdFromQuery","folder","id","Number","isFinite","useFolderNavigation","query","setQuery","useQueryParams","currentFolderId","navigateToFolder","useCallback","String","_q","undefined","navigateToRoot","stripFolderParam","withEncodedUserParams","useEffect","navigateToFolderId","folderId"],"mappings":";;;;;AAMA,MAAMA,yBAAyB,CAACC,MAAAA,GAAAA;AAC9B,IAAA,IAAI,CAACA,MAAAA,EAAQ;QACX,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMC,KAAKC,MAAAA,CAAOF,MAAAA,CAAAA;AAElB,IAAA,OAAOE,MAAAA,CAAOC,QAAQ,CAACF,EAAAA,CAAAA,GAAMA,EAAAA,GAAK,IAAA;AACpC,CAAA;MAOaG,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;IAE9B,MAAMC,eAAAA,GAAkBT,uBAAuBM,KAAAA,EAAOL,MAAAA,CAAAA;AAEtD;;;;MAKA,MAAMS,gBAAAA,GAAmBC,iBAAAA,CACvB,CAACV,MAAAA,GAAAA;QACCM,QAAAA,CAAS;YAAEN,MAAAA,EAAQW,MAAAA,CAAOX,OAAOC,EAAE,CAAA;YAAGW,EAAAA,EAAIC;AAAU,SAAA,CAAA;IACtD,CAAA,EACA;AAACP,QAAAA;AAAS,KAAA,CAAA;AAGZ;;;;;MAMA,MAAMQ,iBAAiBJ,iBAAAA,CAAY,IAAA;QACjCJ,QAAAA,CAAS;YAAEN,MAAAA,EAAQ,EAAA;YAAIY,EAAAA,EAAI;SAAG,EAAG,QAAA,CAAA;IACnC,CAAA,EAAG;AAACN,QAAAA;AAAS,KAAA,CAAA;AAEb;;MAGA,MAAMS,mBAAmBL,iBAAAA,CAAY,IAAA;AACnCJ,QAAAA,QAAAA,CAASU,kCAAsBX,KAAAA,EAAO;YAAEL,MAAAA,EAAQa;AAAU,SAAA,CAAA,CAAA;IAC5D,CAAA,EAAG;AAACR,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA,CAAA;;;IAIpBW,eAAAA,CAAU,IAAA;QACR,IAAIZ,KAAAA,EAAOL,MAAAA,IAAUQ,eAAAA,KAAoB,IAAA,EAAM;AAC7CO,YAAAA,gBAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;QAACV,KAAAA,EAAOL,MAAAA;AAAQQ,QAAAA,eAAAA;AAAiBO,QAAAA;AAAiB,KAAA,CAAA;AAErD;;;;MAKA,MAAMG,kBAAAA,GAAqBR,iBAAAA,CACzB,CAACS,QAAAA,GAAAA;AACC,QAAA,IAAIA,YAAY,IAAA,EAAM;AACpBL,YAAAA,cAAAA,EAAAA;QACF,CAAA,MAAO;YACLR,QAAAA,CAAS;AAAEN,gBAAAA,MAAAA,EAAQW,MAAAA,CAAOQ,QAAAA,CAAAA;gBAAWP,EAAAA,EAAIC;AAAU,aAAA,CAAA;AACrD,QAAA;IACF,CAAA,EACA;AAACC,QAAAA,cAAAA;AAAgBR,QAAAA;AAAS,KAAA,CAAA;IAG5B,OAAO;AACLE,QAAAA,eAAAA;AACAC,QAAAA,gBAAAA;AACAK,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}
+{"version":3,"file":"useFolderNavigation.js","sources":["../../../../../admin/src/pages/Assets/hooks/useFolderNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { withEncodedUserParams } from '@strapi/admin/strapi-admin';\n\nimport { useListQueryParams } from './useListQueryParams';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst parseFolderIdFromQuery = (folder: string | undefined): number | null => {\n  if (!folder) {\n    return null;\n  }\n\n  const id = Number(folder);\n\n  return Number.isFinite(id) ? id : null;\n};\n\ninterface FolderNavigationQuery {\n  folder?: string;\n  _q?: string;\n}\n\nexport const useFolderNavigation = () => {\n  const [{ query }, setQuery] = useListQueryParams<FolderNavigationQuery>();\n\n  const currentFolderId = parseFolderIdFromQuery(query?.folder);\n\n  /**\n   * Asset search is global, so keeping `_q` after a folder navigation would show\n   * byte-identical results and make the navigation look broken. Clearing it here\n   * — rather than at each call site — means no caller can forget.\n   */\n  const navigateToFolder = useCallback(\n    (folder: Folder) => {\n      setQuery({ folder: String(folder.id), _q: undefined });\n    },\n    [setQuery]\n  );\n\n  /**\n   * Move to the Media Library root by removing the `folder` query param, and the\n   * search term with it. `setQuery(_, 'remove')` deletes the keys present on the\n   * first argument (values are ignored) in one navigation, so any other query\n   * state (pagination, the details drawer, etc.) is preserved.\n   */\n  const navigateToRoot = useCallback(() => {\n    setQuery({ folder: '', _q: '' }, 'remove');\n  }, [setQuery]);\n\n  /**\n   * Strips a `?folder=` value we can't parse.\n   */\n  const stripFolderParam = useCallback(() => {\n    setQuery(withEncodedUserParams(query, { folder: undefined }));\n  }, [query, setQuery]);\n\n  // Malformed ?folder= values (e.g. abc) parse as null; strip the param from the URL.\n  // Deleted/missing folders (404) are handled in AssetsPage — that needs a fetch.\n  useEffect(() => {\n    if (query?.folder && currentFolderId === null) {\n      stripFolderParam();\n    }\n  }, [query?.folder, currentFolderId, stripFolderParam]);\n\n  /**\n   * Convenience for the FolderTree sidebar: a single entry point that handles\n   * both \"go home\" and \"go to folder X\" without forcing the caller to know\n   * whether to call navigateToFolder or navigateToRoot.\n   */\n  const navigateToFolderId = useCallback(\n    (folderId: number | null) => {\n      if (folderId == null) {\n        navigateToRoot();\n      } else {\n        setQuery({ folder: String(folderId), _q: undefined });\n      }\n    },\n    [navigateToRoot, setQuery]\n  );\n\n  return {\n    currentFolderId,\n    navigateToFolder,\n    navigateToRoot,\n    navigateToFolderId,\n  };\n};\n"],"names":["parseFolderIdFromQuery","folder","id","Number","isFinite","useFolderNavigation","query","setQuery","useListQueryParams","currentFolderId","navigateToFolder","useCallback","String","_q","undefined","navigateToRoot","stripFolderParam","withEncodedUserParams","useEffect","navigateToFolderId","folderId"],"mappings":";;;;;;AAQA,MAAMA,yBAAyB,CAACC,MAAAA,GAAAA;AAC9B,IAAA,IAAI,CAACA,MAAAA,EAAQ;QACX,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMC,KAAKC,MAAAA,CAAOF,MAAAA,CAAAA;AAElB,IAAA,OAAOE,MAAAA,CAAOC,QAAQ,CAACF,EAAAA,CAAAA,GAAMA,EAAAA,GAAK,IAAA;AACpC,CAAA;MAOaG,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,qCAAAA,EAAAA;IAE9B,MAAMC,eAAAA,GAAkBT,uBAAuBM,KAAAA,EAAOL,MAAAA,CAAAA;AAEtD;;;;MAKA,MAAMS,gBAAAA,GAAmBC,iBAAAA,CACvB,CAACV,MAAAA,GAAAA;QACCM,QAAAA,CAAS;YAAEN,MAAAA,EAAQW,MAAAA,CAAOX,OAAOC,EAAE,CAAA;YAAGW,EAAAA,EAAIC;AAAU,SAAA,CAAA;IACtD,CAAA,EACA;AAACP,QAAAA;AAAS,KAAA,CAAA;AAGZ;;;;;MAMA,MAAMQ,iBAAiBJ,iBAAAA,CAAY,IAAA;QACjCJ,QAAAA,CAAS;YAAEN,MAAAA,EAAQ,EAAA;YAAIY,EAAAA,EAAI;SAAG,EAAG,QAAA,CAAA;IACnC,CAAA,EAAG;AAACN,QAAAA;AAAS,KAAA,CAAA;AAEb;;MAGA,MAAMS,mBAAmBL,iBAAAA,CAAY,IAAA;AACnCJ,QAAAA,QAAAA,CAASU,kCAAsBX,KAAAA,EAAO;YAAEL,MAAAA,EAAQa;AAAU,SAAA,CAAA,CAAA;IAC5D,CAAA,EAAG;AAACR,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA,CAAA;;;IAIpBW,eAAAA,CAAU,IAAA;QACR,IAAIZ,KAAAA,EAAOL,MAAAA,IAAUQ,eAAAA,KAAoB,IAAA,EAAM;AAC7CO,YAAAA,gBAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;QAACV,KAAAA,EAAOL,MAAAA;AAAQQ,QAAAA,eAAAA;AAAiBO,QAAAA;AAAiB,KAAA,CAAA;AAErD;;;;MAKA,MAAMG,kBAAAA,GAAqBR,iBAAAA,CACzB,CAACS,QAAAA,GAAAA;AACC,QAAA,IAAIA,YAAY,IAAA,EAAM;AACpBL,YAAAA,cAAAA,EAAAA;QACF,CAAA,MAAO;YACLR,QAAAA,CAAS;AAAEN,gBAAAA,MAAAA,EAAQW,MAAAA,CAAOQ,QAAAA,CAAAA;gBAAWP,EAAAA,EAAIC;AAAU,aAAA,CAAA;AACrD,QAAA;IACF,CAAA,EACA;AAACC,QAAAA,cAAAA;AAAgBR,QAAAA;AAAS,KAAA,CAAA;IAG5B,OAAO;AACLE,QAAAA,eAAAA;AACAC,QAAAA,gBAAAA;AACAK,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/pages/Assets/hooks/useFolderNavigation.mjs

@@ -1,5 +1,6 @@
 import { useCallback, useEffect } from 'react';
-import { useQueryParams, withEncodedUserParams } from '@strapi/admin/strapi-admin';
+import { withEncodedUserParams } from '@strapi/admin/strapi-admin';
+import { useListQueryParams } from './useListQueryParams.mjs';
 
 const parseFolderIdFromQuery = (folder)=>{
     if (!folder) {
@@ -9,7 +10,7 @@ const parseFolderIdFromQuery = (folder)=>{
     return Number.isFinite(id) ? id : null;
 };
 const useFolderNavigation = ()=>{
-    const [{ query }, setQuery] = useQueryParams();
+    const [{ query }, setQuery] = useListQueryParams();
     const currentFolderId = parseFolderIdFromQuery(query?.folder);
     /**
    * Asset search is global, so keeping `_q` after a folder navigation would show

package/dist/admin/pages/Assets/hooks/useFolderNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFolderNavigation.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useFolderNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { useQueryParams, withEncodedUserParams } from '@strapi/admin/strapi-admin';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst parseFolderIdFromQuery = (folder: string | undefined): number | null => {\n  if (!folder) {\n    return null;\n  }\n\n  const id = Number(folder);\n\n  return Number.isFinite(id) ? id : null;\n};\n\ninterface FolderNavigationQuery {\n  folder?: string;\n  _q?: string;\n}\n\nexport const useFolderNavigation = () => {\n  const [{ query }, setQuery] = useQueryParams<FolderNavigationQuery>();\n\n  const currentFolderId = parseFolderIdFromQuery(query?.folder);\n\n  /**\n   * Asset search is global, so keeping `_q` after a folder navigation would show\n   * byte-identical results and make the navigation look broken. Clearing it here\n   * — rather than at each call site — means no caller can forget.\n   */\n  const navigateToFolder = useCallback(\n    (folder: Folder) => {\n      setQuery({ folder: String(folder.id), _q: undefined });\n    },\n    [setQuery]\n  );\n\n  /**\n   * Move to the Media Library root by removing the `folder` query param, and the\n   * search term with it. `setQuery(_, 'remove')` deletes the keys present on the\n   * first argument (values are ignored) in one navigation, so any other query\n   * state (pagination, the details drawer, etc.) is preserved.\n   */\n  const navigateToRoot = useCallback(() => {\n    setQuery({ folder: '', _q: '' }, 'remove');\n  }, [setQuery]);\n\n  /**\n   * Strips a `?folder=` value we can't parse.\n   */\n  const stripFolderParam = useCallback(() => {\n    setQuery(withEncodedUserParams(query, { folder: undefined }));\n  }, [query, setQuery]);\n\n  // Malformed ?folder= values (e.g. abc) parse as null; strip the param from the URL.\n  // Deleted/missing folders (404) are handled in AssetsPage — that needs a fetch.\n  useEffect(() => {\n    if (query?.folder && currentFolderId === null) {\n      stripFolderParam();\n    }\n  }, [query?.folder, currentFolderId, stripFolderParam]);\n\n  /**\n   * Convenience for the FolderTree sidebar: a single entry point that handles\n   * both \"go home\" and \"go to folder X\" without forcing the caller to know\n   * whether to call navigateToFolder or navigateToRoot.\n   */\n  const navigateToFolderId = useCallback(\n    (folderId: number | null) => {\n      if (folderId == null) {\n        navigateToRoot();\n      } else {\n        setQuery({ folder: String(folderId), _q: undefined });\n      }\n    },\n    [navigateToRoot, setQuery]\n  );\n\n  return {\n    currentFolderId,\n    navigateToFolder,\n    navigateToRoot,\n    navigateToFolderId,\n  };\n};\n"],"names":["parseFolderIdFromQuery","folder","id","Number","isFinite","useFolderNavigation","query","setQuery","useQueryParams","currentFolderId","navigateToFolder","useCallback","String","_q","undefined","navigateToRoot","stripFolderParam","withEncodedUserParams","useEffect","navigateToFolderId","folderId"],"mappings":";;;AAMA,MAAMA,yBAAyB,CAACC,MAAAA,GAAAA;AAC9B,IAAA,IAAI,CAACA,MAAAA,EAAQ;QACX,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMC,KAAKC,MAAAA,CAAOF,MAAAA,CAAAA;AAElB,IAAA,OAAOE,MAAAA,CAAOC,QAAQ,CAACF,EAAAA,CAAAA,GAAMA,EAAAA,GAAK,IAAA;AACpC,CAAA;MAOaG,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;IAE9B,MAAMC,eAAAA,GAAkBT,uBAAuBM,KAAAA,EAAOL,MAAAA,CAAAA;AAEtD;;;;MAKA,MAAMS,gBAAAA,GAAmBC,WAAAA,CACvB,CAACV,MAAAA,GAAAA;QACCM,QAAAA,CAAS;YAAEN,MAAAA,EAAQW,MAAAA,CAAOX,OAAOC,EAAE,CAAA;YAAGW,EAAAA,EAAIC;AAAU,SAAA,CAAA;IACtD,CAAA,EACA;AAACP,QAAAA;AAAS,KAAA,CAAA;AAGZ;;;;;MAMA,MAAMQ,iBAAiBJ,WAAAA,CAAY,IAAA;QACjCJ,QAAAA,CAAS;YAAEN,MAAAA,EAAQ,EAAA;YAAIY,EAAAA,EAAI;SAAG,EAAG,QAAA,CAAA;IACnC,CAAA,EAAG;AAACN,QAAAA;AAAS,KAAA,CAAA;AAEb;;MAGA,MAAMS,mBAAmBL,WAAAA,CAAY,IAAA;AACnCJ,QAAAA,QAAAA,CAASU,sBAAsBX,KAAAA,EAAO;YAAEL,MAAAA,EAAQa;AAAU,SAAA,CAAA,CAAA;IAC5D,CAAA,EAAG;AAACR,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA,CAAA;;;IAIpBW,SAAAA,CAAU,IAAA;QACR,IAAIZ,KAAAA,EAAOL,MAAAA,IAAUQ,eAAAA,KAAoB,IAAA,EAAM;AAC7CO,YAAAA,gBAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;QAACV,KAAAA,EAAOL,MAAAA;AAAQQ,QAAAA,eAAAA;AAAiBO,QAAAA;AAAiB,KAAA,CAAA;AAErD;;;;MAKA,MAAMG,kBAAAA,GAAqBR,WAAAA,CACzB,CAACS,QAAAA,GAAAA;AACC,QAAA,IAAIA,YAAY,IAAA,EAAM;AACpBL,YAAAA,cAAAA,EAAAA;QACF,CAAA,MAAO;YACLR,QAAAA,CAAS;AAAEN,gBAAAA,MAAAA,EAAQW,MAAAA,CAAOQ,QAAAA,CAAAA;gBAAWP,EAAAA,EAAIC;AAAU,aAAA,CAAA;AACrD,QAAA;IACF,CAAA,EACA;AAACC,QAAAA,cAAAA;AAAgBR,QAAAA;AAAS,KAAA,CAAA;IAG5B,OAAO;AACLE,QAAAA,eAAAA;AACAC,QAAAA,gBAAAA;AACAK,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}
+{"version":3,"file":"useFolderNavigation.mjs","sources":["../../../../../admin/src/pages/Assets/hooks/useFolderNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { withEncodedUserParams } from '@strapi/admin/strapi-admin';\n\nimport { useListQueryParams } from './useListQueryParams';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst parseFolderIdFromQuery = (folder: string | undefined): number | null => {\n  if (!folder) {\n    return null;\n  }\n\n  const id = Number(folder);\n\n  return Number.isFinite(id) ? id : null;\n};\n\ninterface FolderNavigationQuery {\n  folder?: string;\n  _q?: string;\n}\n\nexport const useFolderNavigation = () => {\n  const [{ query }, setQuery] = useListQueryParams<FolderNavigationQuery>();\n\n  const currentFolderId = parseFolderIdFromQuery(query?.folder);\n\n  /**\n   * Asset search is global, so keeping `_q` after a folder navigation would show\n   * byte-identical results and make the navigation look broken. Clearing it here\n   * — rather than at each call site — means no caller can forget.\n   */\n  const navigateToFolder = useCallback(\n    (folder: Folder) => {\n      setQuery({ folder: String(folder.id), _q: undefined });\n    },\n    [setQuery]\n  );\n\n  /**\n   * Move to the Media Library root by removing the `folder` query param, and the\n   * search term with it. `setQuery(_, 'remove')` deletes the keys present on the\n   * first argument (values are ignored) in one navigation, so any other query\n   * state (pagination, the details drawer, etc.) is preserved.\n   */\n  const navigateToRoot = useCallback(() => {\n    setQuery({ folder: '', _q: '' }, 'remove');\n  }, [setQuery]);\n\n  /**\n   * Strips a `?folder=` value we can't parse.\n   */\n  const stripFolderParam = useCallback(() => {\n    setQuery(withEncodedUserParams(query, { folder: undefined }));\n  }, [query, setQuery]);\n\n  // Malformed ?folder= values (e.g. abc) parse as null; strip the param from the URL.\n  // Deleted/missing folders (404) are handled in AssetsPage — that needs a fetch.\n  useEffect(() => {\n    if (query?.folder && currentFolderId === null) {\n      stripFolderParam();\n    }\n  }, [query?.folder, currentFolderId, stripFolderParam]);\n\n  /**\n   * Convenience for the FolderTree sidebar: a single entry point that handles\n   * both \"go home\" and \"go to folder X\" without forcing the caller to know\n   * whether to call navigateToFolder or navigateToRoot.\n   */\n  const navigateToFolderId = useCallback(\n    (folderId: number | null) => {\n      if (folderId == null) {\n        navigateToRoot();\n      } else {\n        setQuery({ folder: String(folderId), _q: undefined });\n      }\n    },\n    [navigateToRoot, setQuery]\n  );\n\n  return {\n    currentFolderId,\n    navigateToFolder,\n    navigateToRoot,\n    navigateToFolderId,\n  };\n};\n"],"names":["parseFolderIdFromQuery","folder","id","Number","isFinite","useFolderNavigation","query","setQuery","useListQueryParams","currentFolderId","navigateToFolder","useCallback","String","_q","undefined","navigateToRoot","stripFolderParam","withEncodedUserParams","useEffect","navigateToFolderId","folderId"],"mappings":";;;;AAQA,MAAMA,yBAAyB,CAACC,MAAAA,GAAAA;AAC9B,IAAA,IAAI,CAACA,MAAAA,EAAQ;QACX,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMC,KAAKC,MAAAA,CAAOF,MAAAA,CAAAA;AAElB,IAAA,OAAOE,MAAAA,CAAOC,QAAQ,CAACF,EAAAA,CAAAA,GAAMA,EAAAA,GAAK,IAAA;AACpC,CAAA;MAOaG,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,kBAAAA,EAAAA;IAE9B,MAAMC,eAAAA,GAAkBT,uBAAuBM,KAAAA,EAAOL,MAAAA,CAAAA;AAEtD;;;;MAKA,MAAMS,gBAAAA,GAAmBC,WAAAA,CACvB,CAACV,MAAAA,GAAAA;QACCM,QAAAA,CAAS;YAAEN,MAAAA,EAAQW,MAAAA,CAAOX,OAAOC,EAAE,CAAA;YAAGW,EAAAA,EAAIC;AAAU,SAAA,CAAA;IACtD,CAAA,EACA;AAACP,QAAAA;AAAS,KAAA,CAAA;AAGZ;;;;;MAMA,MAAMQ,iBAAiBJ,WAAAA,CAAY,IAAA;QACjCJ,QAAAA,CAAS;YAAEN,MAAAA,EAAQ,EAAA;YAAIY,EAAAA,EAAI;SAAG,EAAG,QAAA,CAAA;IACnC,CAAA,EAAG;AAACN,QAAAA;AAAS,KAAA,CAAA;AAEb;;MAGA,MAAMS,mBAAmBL,WAAAA,CAAY,IAAA;AACnCJ,QAAAA,QAAAA,CAASU,sBAAsBX,KAAAA,EAAO;YAAEL,MAAAA,EAAQa;AAAU,SAAA,CAAA,CAAA;IAC5D,CAAA,EAAG;AAACR,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA,CAAA;;;IAIpBW,SAAAA,CAAU,IAAA;QACR,IAAIZ,KAAAA,EAAOL,MAAAA,IAAUQ,eAAAA,KAAoB,IAAA,EAAM;AAC7CO,YAAAA,gBAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;QAACV,KAAAA,EAAOL,MAAAA;AAAQQ,QAAAA,eAAAA;AAAiBO,QAAAA;AAAiB,KAAA,CAAA;AAErD;;;;MAKA,MAAMG,kBAAAA,GAAqBR,WAAAA,CACzB,CAACS,QAAAA,GAAAA;AACC,QAAA,IAAIA,YAAY,IAAA,EAAM;AACpBL,YAAAA,cAAAA,EAAAA;QACF,CAAA,MAAO;YACLR,QAAAA,CAAS;AAAEN,gBAAAA,MAAAA,EAAQW,MAAAA,CAAOQ,QAAAA,CAAAA;gBAAWP,EAAAA,EAAIC;AAAU,aAAA,CAAA;AACrD,QAAA;IACF,CAAA,EACA;AAACC,QAAAA,cAAAA;AAAgBR,QAAAA;AAAS,KAAA,CAAA;IAG5B,OAAO;AACLE,QAAAA,eAAAA;AACAC,QAAAA,gBAAAA;AACAK,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/pages/Assets/hooks/useListFilters.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var strapiAdmin = require('@strapi/admin/strapi-admin');
+var useListQueryParams = require('./useListQueryParams.js');
 
 /**
  * Filter state for the assets list, backed by a single `?filters=` query param
@@ -130,7 +131,7 @@ const serializeBadge = (filter)=>{
 };
 const serializeFilters = (filters)=>filters.map(serializeBadge).join(';');
 const useListFilters = ()=>{
-    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    const [{ query }, setQuery] = useListQueryParams.useListQueryParams();
     const filters = parseFiltersParam(query?.filters);
     // `replace: true` on every write: filters are edited in rapid micro-steps
     // (each checkbox of the keep-open Type submenu, each badge segment edit), so