@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/pages/App/MediaLibrary/MediaLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.js","sources":["../../../../../admin/src/pages/App/MediaLibrary/MediaLibrary.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  Page,\n  SearchInput,\n  Pagination,\n  useTracking,\n  useQueryParams,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Checkbox,\n  Box,\n  Divider,\n  Flex,\n  IconButton,\n  Typography,\n  VisuallyHidden,\n  Grid,\n} from '@strapi/design-system';\nimport { Cog, GridFour as GridIcon, List, Pencil } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link as ReactRouterLink, useNavigate, useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { AssetGridList } from '../../../components/AssetGridList/AssetGridList';\nimport { EditAssetDialog } from '../../../components/EditAssetDialog/EditAssetContent';\nimport { EditFolderDialog } from '../../../components/EditFolderDialog/EditFolderDialog';\nimport { FolderCard } from '../../../components/FolderCard/FolderCard/FolderCard';\nimport { FolderCardBody } from '../../../components/FolderCard/FolderCardBody/FolderCardBody';\nimport { FolderCardBodyAction } from '../../../components/FolderCard/FolderCardBodyAction/FolderCardBodyAction';\nimport { FolderCardCheckbox } from '../../../components/FolderCard/FolderCardCheckbox/FolderCardCheckbox';\nimport { FolderGridList } from '../../../components/FolderGridList/FolderGridList';\nimport { SortPicker } from '../../../components/SortPicker/SortPicker';\nimport { TableList } from '../../../components/TableList/TableList';\nimport { UploadAssetDialog } from '../../../components/UploadAssetDialog/UploadAssetDialog';\nimport { localStorageKeys, viewOptions } from '../../../constants';\nimport { useAssets } from '../../../hooks/useAssets';\nimport { useFolder } from '../../../hooks/useFolder';\nimport { useFolders } from '../../../hooks/useFolders';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { usePersistentState } from '../../../hooks/usePersistentState';\nimport { useSelectionState } from '../../../hooks/useSelectionState';\nimport { containsAssetFilter, getBreadcrumbDataML, getFolderURL, getTrad } from '../../../utils';\n\nimport { BulkActions } from './components/BulkActions';\nimport { EmptyOrNoPermissions } from './components/EmptyOrNoPermissions';\nimport { Filters } from './components/Filters';\nimport { Header } from './components/Header';\n\nimport type { BulkActionsProps } from './components/BulkActions';\nimport type { HeaderProps } from './components/Header';\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FolderDefinition } from '../../../../../shared/contracts/folders';\nimport type { AssetGridListProps } from '../../../components/AssetGridList/AssetGridList';\nimport type { Asset } from '../../../components/EditAssetDialog/EditAssetContent';\nimport type { FolderRow, FileRow, TableListProps } from '../../../components/TableList/TableList';\n\nconst BoxWithHeight = styled(Box)`\n  height: 3.2rem;\n  display: flex;\n  align-items: center;\n`;\n\nconst TypographyMaxWidth = styled(Typography)`\n  max-width: 100%;\n`;\n\nconst ActionContainer = styled(Box)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n`;\n\nexport const MediaLibrary = () => {\n  const navigate = useNavigate();\n  const {\n    canRead,\n    canCreate,\n    canUpdate,\n    canCopyLink,\n    canDownload,\n    canConfigureView,\n    isLoading: permissionsLoading,\n  } = useMediaLibraryPermissions();\n  const currentFolderToEditRef = React.useRef<HTMLDivElement>();\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const isFiltering = Boolean(query._q || query.filters);\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  const {\n    data: assetsData,\n    isLoading: assetsLoading,\n    error: assetsError,\n  } = useAssets({\n    skipWhen: !canRead,\n    query,\n  });\n\n  const {\n    data: foldersData,\n    isLoading: foldersLoading,\n    error: foldersError,\n  } = useFolders({\n    enabled: canRead && assetsData?.pagination?.page === 1 && !containsAssetFilter(query),\n    query,\n  });\n\n  const {\n    data: currentFolder,\n    isLoading: isCurrentFolderLoading,\n    error: currentFolderError,\n  } = useFolder(query?.folder as number | null | undefined, {\n    enabled: canRead && !!query?.folder,\n  });\n\n  // Folder was not found: redirect to the media library root\n  if (currentFolderError?.name === 'NotFoundError') {\n    navigate(pathname);\n  }\n\n  const folders =\n    foldersData?.map((folder) => ({\n      ...folder,\n      type: 'folder',\n      folderURL: getFolderURL(pathname, query, {\n        folder: folder.id.toString(),\n        folderPath: folder.path,\n      }),\n      isSelectable: canUpdate,\n    })) ?? [];\n  const folderCount = folders?.length || 0;\n  const assets =\n    assetsData?.results?.map((asset) => ({ ...asset, type: 'asset', isSelectable: canUpdate })) ||\n    [];\n  const assetCount = assets?.length ?? 0;\n  const totalAssetCount = assetsData?.pagination?.total;\n\n  const isLoading = isCurrentFolderLoading || foldersLoading || permissionsLoading || assetsLoading;\n  const [showUploadAssetDialog, setShowUploadAssetDialog] = React.useState(false);\n  const [showEditFolderDialog, setShowEditFolderDialog] = React.useState(false);\n  const [assetToEdit, setAssetToEdit] = React.useState<Asset | undefined>(undefined);\n  const [folderToEdit, setFolderToEdit] = React.useState<FolderRow | undefined | null>(undefined);\n  const [selected, { selectOne, selectAll }] = useSelectionState<FolderRow | FileRow>(\n    ['type', 'id'],\n    []\n  );\n  const indeterminateBulkSelect =\n    selected?.length > 0 && selected?.length !== assetCount + folderCount;\n  const toggleUploadAssetDialog = () => setShowUploadAssetDialog((prev) => !prev);\n  const toggleEditFolderDialog = ({ created = false } = {}) => {\n    // folders are only displayed on the first page, therefore\n    // we have to navigate the user to that page, in case a folder\n    // was created successfully in order for them to see it\n    if (created && query?.page !== '1') {\n      setQuery({\n        ...query,\n        page: 1,\n      });\n    }\n\n    setShowEditFolderDialog((prev) => !prev);\n  };\n\n  const handleBulkSelect = (\n    checked: boolean | 'indeterminate',\n    elements?: FolderRow[] | FileRow[]\n  ) => {\n    if (checked) {\n      trackUsage('didSelectAllMediaLibraryElements');\n    }\n\n    selectAll(elements as (FolderRow | FileRow)[]);\n  };\n\n  const handleChangeSort = (value: Query['sort'] | string) => {\n    trackUsage('didSortMediaLibraryElements', {\n      location: 'upload',\n      sort: value,\n    });\n    setQuery({ sort: value as Query['sort'] });\n  };\n\n  const handleEditFolder = (folder: FolderRow) => {\n    setFolderToEdit(folder);\n    setShowEditFolderDialog(true);\n  };\n\n  const handleEditFolderClose = (payload?: { created?: boolean | undefined }) => {\n    setFolderToEdit(null);\n    toggleEditFolderDialog(payload);\n\n    if (currentFolderToEditRef.current) {\n      currentFolderToEditRef.current.focus();\n    }\n  };\n\n  const handleAssetDeleted = (numberOfAssets: number) => {\n    if (\n      numberOfAssets === assetCount &&\n      assetsData?.pagination?.page === assetsData?.pagination?.pageCount &&\n      assetsData?.pagination?.page &&\n      assetsData.pagination.page > 1\n    ) {\n      setQuery({\n        ...query,\n        page: assetsData.pagination.page - 1,\n      });\n    }\n  };\n\n  const handleBulkActionSuccess = () => {\n    selectAll();\n\n    handleAssetDeleted(selected.length);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (assetsError || foldersError) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Main>\n        <Header\n          breadcrumbs={\n            !isCurrentFolderLoading\n              ? (getBreadcrumbDataML(currentFolder!, {\n                  pathname,\n                  query,\n                }) as HeaderProps['breadcrumbs'])\n              : null\n          }\n          canCreate={canCreate}\n          onToggleEditFolderDialog={toggleEditFolderDialog}\n          onToggleUploadAssetDialog={toggleUploadAssetDialog}\n          folder={currentFolder as HeaderProps['folder']}\n        />\n        <Layouts.Action\n          startActions={\n            <>\n              {canUpdate && isGridView && (assetCount > 0 || folderCount > 0) && (\n                <BoxWithHeight\n                  paddingLeft={2}\n                  paddingRight={2}\n                  background=\"neutral0\"\n                  hasRadius\n                  borderColor=\"neutral200\"\n                >\n                  <Checkbox\n                    aria-label={formatMessage({\n                      id: getTrad('bulk.select.label'),\n                      defaultMessage: 'Select all folders & assets',\n                    })}\n                    checked={\n                      indeterminateBulkSelect\n                        ? 'indeterminate'\n                        : (assetCount > 0 || folderCount > 0) &&\n                          selected.length === assetCount + folderCount\n                    }\n                    onCheckedChange={(e) =>\n                      handleBulkSelect(e, [...assets, ...folders] as FolderRow[] | FileRow[])\n                    }\n                  />\n                </BoxWithHeight>\n              )}\n              {canRead && isGridView && (\n                <SortPicker value={query?.sort} onChangeSort={handleChangeSort} />\n              )}\n              {canRead && <Filters />}\n            </>\n          }\n          endActions={\n            <>\n              {canConfigureView ? (\n                <ActionContainer paddingTop={1} paddingBottom={1}>\n                  <IconButton\n                    tag={ReactRouterLink}\n                    to={{\n                      pathname: `${pathname}/configuration`,\n                      search: stringify(query, { encode: false }),\n                    }}\n                    label={formatMessage({\n                      id: 'app.links.configure-view',\n                      defaultMessage: 'Configure the view',\n                    })}\n                  >\n                    <Cog />\n                  </IconButton>\n                </ActionContainer>\n              ) : null}\n              <ActionContainer paddingTop={1} paddingBottom={1}>\n                <IconButton\n                  label={\n                    isGridView\n                      ? formatMessage({\n                          id: getTrad('view-switch.list'),\n                          defaultMessage: 'List View',\n                        })\n                      : formatMessage({\n                          id: getTrad('view-switch.grid'),\n                          defaultMessage: 'Grid View',\n                        })\n                  }\n                  onClick={() => setView(isGridView ? viewOptions.LIST : viewOptions.GRID)}\n                >\n                  {isGridView ? <List /> : <GridIcon />}\n                </IconButton>\n              </ActionContainer>\n              <SearchInput\n                label={formatMessage({\n                  id: getTrad('search.label'),\n                  defaultMessage: 'Search for an asset',\n                })}\n                trackedEvent=\"didSearchMediaLibraryElements\"\n                trackedEventDetails={{ location: 'upload' }}\n              />\n            </>\n          }\n        />\n\n        <Layouts.Content>\n          {selected.length > 0 && (\n            <BulkActions\n              currentFolder={currentFolder as BulkActionsProps['currentFolder']}\n              selected={selected as BulkActionsProps['selected']}\n              onSuccess={handleBulkActionSuccess}\n            />\n          )}\n\n          {folderCount === 0 && assetCount === 0 && (\n            <EmptyOrNoPermissions\n              canCreate={canCreate}\n              canRead={canRead}\n              isFiltering={isFiltering}\n              onActionClick={toggleUploadAssetDialog}\n            />\n          )}\n\n          {/* TODO: fix AssetListTable should handle no assets views (loading) */}\n          {canRead && !isGridView && (assetCount > 0 || folderCount > 0) && (\n            <TableList\n              assetCount={assetCount}\n              folderCount={folderCount}\n              indeterminate={indeterminateBulkSelect}\n              onChangeSort={handleChangeSort}\n              onChangeFolder={(folderID, folderPath) =>\n                navigate(getFolderURL(pathname, query, { folder: folderID.toString(), folderPath }))\n              }\n              onEditAsset={setAssetToEdit as TableListProps['onEditAsset']}\n              onEditFolder={handleEditFolder}\n              onSelectOne={selectOne}\n              onSelectAll={handleBulkSelect as TableListProps['onSelectAll']}\n              rows={[...folders, ...assets] as TableListProps['rows']}\n              selected={selected as TableListProps['selected']}\n              shouldDisableBulkSelect={!canUpdate}\n              sortQuery={query?.sort ?? ''}\n            />\n          )}\n\n          {canRead && isGridView && (\n            <>\n              {folderCount > 0 && (\n                <FolderGridList\n                  title={\n                    // Folders title should only appear if:\n                    // user is filtering and there are assets to display, to divide both type of elements\n                    // user is not filtering\n                    (((isFiltering && assetCount > 0) || !isFiltering) &&\n                      formatMessage(\n                        {\n                          id: getTrad('list.folders.title'),\n                          defaultMessage: 'Folders ({count})',\n                        },\n                        { count: folderCount }\n                      )) ||\n                    ''\n                  }\n                >\n                  {folders.map((folder) => {\n                    const selectedFolders = selected.filter(({ type }) => type === 'folder');\n                    const isSelected = !!selectedFolders.find(\n                      (currentFolder) => currentFolder.id === folder.id\n                    );\n\n                    const url = getFolderURL(pathname, query, {\n                      folder: folder?.id.toString(),\n                      folderPath: folder?.path,\n                    });\n\n                    return (\n                      <Grid.Item\n                        col={3}\n                        key={`folder-${folder.id}`}\n                        direction=\"column\"\n                        alignItems=\"stretch\"\n                      >\n                        <FolderCard\n                          ref={\n                            folderToEdit && folder.id === folderToEdit.id\n                              ? currentFolderToEditRef\n                              : undefined\n                          }\n                          ariaLabel={folder.name}\n                          id={`folder-${folder.id}`}\n                          to={url}\n                          startAction={\n                            folder.isSelectable ? (\n                              <FolderCardCheckbox\n                                data-testid={`folder-checkbox-${folder.id}`}\n                                checked={isSelected}\n                                onCheckedChange={() => selectOne(folder)}\n                              />\n                            ) : null\n                          }\n                          cardActions={\n                            <IconButton\n                              label={formatMessage({\n                                id: getTrad('list.folder.edit'),\n                                defaultMessage: 'Edit folder',\n                              })}\n                              onClick={() => handleEditFolder(folder)}\n                            >\n                              <Pencil />\n                            </IconButton>\n                          }\n                        >\n                          <FolderCardBody>\n                            <FolderCardBodyAction to={url}>\n                              <Flex tag=\"h2\" direction=\"column\" alignItems=\"start\" maxWidth=\"100%\">\n                                <TypographyMaxWidth\n                                  fontWeight=\"semiBold\"\n                                  textColor=\"neutral800\"\n                                  ellipsis\n                                >\n                                  {folder.name}\n                                  <VisuallyHidden>:</VisuallyHidden>\n                                </TypographyMaxWidth>\n\n                                <TypographyMaxWidth\n                                  tag=\"span\"\n                                  textColor=\"neutral600\"\n                                  variant=\"pi\"\n                                  ellipsis\n                                >\n                                  {formatMessage(\n                                    {\n                                      id: getTrad('list.folder.subtitle'),\n                                      defaultMessage:\n                                        '{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}',\n                                    },\n                                    {\n                                      folderCount: (folder as FolderDefinition).children?.count,\n                                      filesCount: (folder as FolderDefinition).files?.count,\n                                    }\n                                  )}\n                                </TypographyMaxWidth>\n                              </Flex>\n                            </FolderCardBodyAction>\n                          </FolderCardBody>\n                        </FolderCard>\n                      </Grid.Item>\n                    );\n                  })}\n                </FolderGridList>\n              )}\n\n              {assetCount > 0 && folderCount > 0 && (\n                <Box paddingTop={6} paddingBottom={4}>\n                  <Divider />\n                </Box>\n              )}\n\n              {assetCount > 0 && (\n                <AssetGridList\n                  assets={assets}\n                  onEditAsset={setAssetToEdit as AssetGridListProps['onEditAsset']}\n                  onSelectAsset={selectOne}\n                  selectedAssets={\n                    selected.filter(\n                      ({ type }) => type === 'asset'\n                    ) as AssetGridListProps['selectedAssets']\n                  }\n                  title={\n                    // Assets title should only appear if:\n                    // - user is not filtering\n                    // - user is filtering and there are folders to display, to separate them\n                    // - user is on page 1 since folders won't appear on any other page than the first one (no need to visually separate them)\n                    ((!isFiltering || (isFiltering && folderCount > 0)) &&\n                      assetsData?.pagination?.page === 1 &&\n                      formatMessage(\n                        {\n                          id: getTrad('list.assets.title'),\n                          defaultMessage: 'Assets ({count})',\n                        },\n                        { count: totalAssetCount }\n                      )) ||\n                    ''\n                  }\n                />\n              )}\n            </>\n          )}\n          <Pagination.Root {...assetsData?.pagination}>\n            <Pagination.PageSize />\n            <Pagination.Links />\n          </Pagination.Root>\n        </Layouts.Content>\n      </Page.Main>\n      {showUploadAssetDialog && (\n        <UploadAssetDialog\n          open={showUploadAssetDialog}\n          onClose={toggleUploadAssetDialog}\n          trackedLocation=\"upload\"\n          folderId={query?.folder as string | number | null | undefined}\n        />\n      )}\n      {showEditFolderDialog && (\n        <EditFolderDialog\n          open={showEditFolderDialog}\n          onClose={() => handleEditFolderClose()}\n          folder={folderToEdit as FolderDefinition}\n          parentFolderId={query?.folder as string | number | null | undefined}\n          location=\"upload\"\n        />\n      )}\n      {assetToEdit && (\n        <EditAssetDialog\n          onClose={(editedAsset) => {\n            // The asset has been deleted\n            if (editedAsset === null) {\n              handleAssetDeleted(1);\n            }\n\n            setAssetToEdit(undefined);\n          }}\n          open={!!assetToEdit}\n          asset={assetToEdit}\n          canUpdate={canUpdate}\n          canCopyLink={canCopyLink}\n          canDownload={canDownload}\n          trackedLocation=\"upload\"\n        />\n      )}\n    </Layouts.Root>\n  );\n};\n"],"names":["BoxWithHeight","styled","Box","TypographyMaxWidth","Typography","ActionContainer","theme","colors","neutral500","MediaLibrary","navigate","useNavigate","canRead","canCreate","canUpdate","canCopyLink","canDownload","canConfigureView","isLoading","permissionsLoading","useMediaLibraryPermissions","currentFolderToEditRef","React","useRef","formatMessage","useIntl","pathname","useLocation","trackUsage","useTracking","query","setQuery","useQueryParams","isFiltering","Boolean","_q","filters","view","setView","usePersistentState","localStorageKeys","viewOptions","GRID","isGridView","data","assetsData","assetsLoading","error","assetsError","useAssets","skipWhen","foldersData","foldersLoading","foldersError","useFolders","enabled","pagination","page","containsAssetFilter","currentFolder","isCurrentFolderLoading","currentFolderError","useFolder","folder","name","folders","map","type","folderURL","getFolderURL","id","toString","folderPath","path","isSelectable","folderCount","length","assets","results","asset","assetCount","totalAssetCount","total","showUploadAssetDialog","setShowUploadAssetDialog","useState","showEditFolderDialog","setShowEditFolderDialog","assetToEdit","setAssetToEdit","undefined","folderToEdit","setFolderToEdit","selected","selectOne","selectAll","useSelectionState","indeterminateBulkSelect","toggleUploadAssetDialog","prev","toggleEditFolderDialog","created","handleBulkSelect","checked","elements","handleChangeSort","value","location","sort","handleEditFolder","handleEditFolderClose","payload","current","focus","handleAssetDeleted","numberOfAssets","pageCount","handleBulkActionSuccess","_jsx","Page","Loading","Error","_jsxs","Layouts","Root","Main","Header","breadcrumbs","getBreadcrumbDataML","onToggleEditFolderDialog","onToggleUploadAssetDialog","Action","startActions","_Fragment","paddingLeft","paddingRight","background","hasRadius","borderColor","Checkbox","aria-label","getTrad","defaultMessage","onCheckedChange","e","SortPicker","onChangeSort","Filters","endActions","paddingTop","paddingBottom","IconButton","tag","ReactRouterLink","to","search","stringify","encode","label","Cog","onClick","LIST","List","GridIcon","SearchInput","trackedEvent","trackedEventDetails","Content","BulkActions","onSuccess","EmptyOrNoPermissions","onActionClick","TableList","indeterminate","onChangeFolder","folderID","onEditAsset","onEditFolder","onSelectOne","onSelectAll","rows","shouldDisableBulkSelect","sortQuery","FolderGridList","title","count","selectedFolders","filter","isSelected","find","url","Grid","Item","col","direction","alignItems","FolderCard","ref","ariaLabel","startAction","FolderCardCheckbox","data-testid","cardActions","Pencil","FolderCardBody","FolderCardBodyAction","Flex","maxWidth","fontWeight","textColor","ellipsis","VisuallyHidden","variant","children","filesCount","files","Divider","AssetGridList","onSelectAsset","selectedAssets","Pagination","PageSize","Links","UploadAssetDialog","open","onClose","trackedLocation","folderId","EditFolderDialog","parentFolderId","EditAssetDialog","editedAsset"],"mappings":"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"}

package/dist/admin/pages/App/MediaLibrary/MediaLibrary.mjs

@@ -0,0 +1,432 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useQueryParams, Page, Layouts, SearchInput, Pagination } from '@strapi/admin/strapi-admin';
+import { Box, Typography, Checkbox, IconButton, Grid, Flex, VisuallyHidden, Divider } from '@strapi/design-system';
+import { Cog, List, GridFour, Pencil } from '@strapi/icons';
+import { stringify } from 'qs';
+import { useIntl } from 'react-intl';
+import { useNavigate, useLocation, Link } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { AssetGridList } from '../../../components/AssetGridList/AssetGridList.mjs';
+import { EditAssetDialog } from '../../../components/EditAssetDialog/EditAssetContent.mjs';
+import { EditFolderDialog } from '../../../components/EditFolderDialog/EditFolderDialog.mjs';
+import { FolderCard } from '../../../components/FolderCard/FolderCard/FolderCard.mjs';
+import { FolderCardBody } from '../../../components/FolderCard/FolderCardBody/FolderCardBody.mjs';
+import { FolderCardBodyAction } from '../../../components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.mjs';
+import { FolderCardCheckbox } from '../../../components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.mjs';
+import { FolderGridList } from '../../../components/FolderGridList/FolderGridList.mjs';
+import { SortPicker } from '../../../components/SortPicker/SortPicker.mjs';
+import { TableList } from '../../../components/TableList/TableList.mjs';
+import { UploadAssetDialog } from '../../../components/UploadAssetDialog/UploadAssetDialog.mjs';
+import { viewOptions, localStorageKeys } from '../../../constants.mjs';
+import { useAssets } from '../../../hooks/useAssets.mjs';
+import { useFolder } from '../../../hooks/useFolder.mjs';
+import { useFolders } from '../../../hooks/useFolders.mjs';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { usePersistentState } from '../../../hooks/usePersistentState.mjs';
+import { useSelectionState } from '../../../hooks/useSelectionState.mjs';
+import { containsAssetFilter } from '../../../utils/containsAssetFilter.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../utils/getTrad.mjs';
+import { getBreadcrumbDataML } from '../../../utils/getBreadcrumbDataML.mjs';
+import { getFolderURL } from '../../../utils/getFolderURL.mjs';
+import '../../../utils/urlYupSchema.mjs';
+import { BulkActions } from './components/BulkActions.mjs';
+import { EmptyOrNoPermissions } from './components/EmptyOrNoPermissions.mjs';
+import { Filters } from './components/Filters.mjs';
+import { Header } from './components/Header.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const BoxWithHeight = styled(Box)`
+  height: 3.2rem;
+  display: flex;
+  align-items: center;
+`;
+const TypographyMaxWidth = styled(Typography)`
+  max-width: 100%;
+`;
+const ActionContainer = styled(Box)`
+  svg {
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+`;
+const MediaLibrary = ()=>{
+    const navigate = useNavigate();
+    const { canRead, canCreate, canUpdate, canCopyLink, canDownload, canConfigureView, isLoading: permissionsLoading } = useMediaLibraryPermissions();
+    const currentFolderToEditRef = React.useRef();
+    const { formatMessage } = useIntl();
+    const { pathname } = useLocation();
+    const { trackUsage } = useTracking();
+    const [{ query }, setQuery] = useQueryParams();
+    const isFiltering = Boolean(query._q || query.filters);
+    const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);
+    const isGridView = view === viewOptions.GRID;
+    const { data: assetsData, isLoading: assetsLoading, error: assetsError } = useAssets({
+        skipWhen: !canRead,
+        query
+    });
+    const { data: foldersData, isLoading: foldersLoading, error: foldersError } = useFolders({
+        enabled: canRead && assetsData?.pagination?.page === 1 && !containsAssetFilter(query),
+        query
+    });
+    const { data: currentFolder, isLoading: isCurrentFolderLoading, error: currentFolderError } = useFolder(query?.folder, {
+        enabled: canRead && !!query?.folder
+    });
+    // Folder was not found: redirect to the media library root
+    if (currentFolderError?.name === 'NotFoundError') {
+        navigate(pathname);
+    }
+    const folders = foldersData?.map((folder)=>({
+            ...folder,
+            type: 'folder',
+            folderURL: getFolderURL(pathname, query, {
+                folder: folder.id.toString(),
+                folderPath: folder.path
+            }),
+            isSelectable: canUpdate
+        })) ?? [];
+    const folderCount = folders?.length || 0;
+    const assets = assetsData?.results?.map((asset)=>({
+            ...asset,
+            type: 'asset',
+            isSelectable: canUpdate
+        })) || [];
+    const assetCount = assets?.length ?? 0;
+    const totalAssetCount = assetsData?.pagination?.total;
+    const isLoading = isCurrentFolderLoading || foldersLoading || permissionsLoading || assetsLoading;
+    const [showUploadAssetDialog, setShowUploadAssetDialog] = React.useState(false);
+    const [showEditFolderDialog, setShowEditFolderDialog] = React.useState(false);
+    const [assetToEdit, setAssetToEdit] = React.useState(undefined);
+    const [folderToEdit, setFolderToEdit] = React.useState(undefined);
+    const [selected, { selectOne, selectAll }] = useSelectionState([
+        'type',
+        'id'
+    ], []);
+    const indeterminateBulkSelect = selected?.length > 0 && selected?.length !== assetCount + folderCount;
+    const toggleUploadAssetDialog = ()=>setShowUploadAssetDialog((prev)=>!prev);
+    const toggleEditFolderDialog = ({ created = false } = {})=>{
+        // folders are only displayed on the first page, therefore
+        // we have to navigate the user to that page, in case a folder
+        // was created successfully in order for them to see it
+        if (created && query?.page !== '1') {
+            setQuery({
+                ...query,
+                page: 1
+            });
+        }
+        setShowEditFolderDialog((prev)=>!prev);
+    };
+    const handleBulkSelect = (checked, elements)=>{
+        if (checked) {
+            trackUsage('didSelectAllMediaLibraryElements');
+        }
+        selectAll(elements);
+    };
+    const handleChangeSort = (value)=>{
+        trackUsage('didSortMediaLibraryElements', {
+            location: 'upload',
+            sort: value
+        });
+        setQuery({
+            sort: value
+        });
+    };
+    const handleEditFolder = (folder)=>{
+        setFolderToEdit(folder);
+        setShowEditFolderDialog(true);
+    };
+    const handleEditFolderClose = (payload)=>{
+        setFolderToEdit(null);
+        toggleEditFolderDialog(payload);
+        if (currentFolderToEditRef.current) {
+            currentFolderToEditRef.current.focus();
+        }
+    };
+    const handleAssetDeleted = (numberOfAssets)=>{
+        if (numberOfAssets === assetCount && assetsData?.pagination?.page === assetsData?.pagination?.pageCount && assetsData?.pagination?.page && assetsData.pagination.page > 1) {
+            setQuery({
+                ...query,
+                page: assetsData.pagination.page - 1
+            });
+        }
+    };
+    const handleBulkActionSuccess = ()=>{
+        selectAll();
+        handleAssetDeleted(selected.length);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (assetsError || foldersError) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxs(Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsxs(Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsx(Header, {
+                        breadcrumbs: !isCurrentFolderLoading ? getBreadcrumbDataML(currentFolder, {
+                            pathname,
+                            query
+                        }) : null,
+                        canCreate: canCreate,
+                        onToggleEditFolderDialog: toggleEditFolderDialog,
+                        onToggleUploadAssetDialog: toggleUploadAssetDialog,
+                        folder: currentFolder
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Action, {
+                        startActions: /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                canUpdate && isGridView && (assetCount > 0 || folderCount > 0) && /*#__PURE__*/ jsx(BoxWithHeight, {
+                                    paddingLeft: 2,
+                                    paddingRight: 2,
+                                    background: "neutral0",
+                                    hasRadius: true,
+                                    borderColor: "neutral200",
+                                    children: /*#__PURE__*/ jsx(Checkbox, {
+                                        "aria-label": formatMessage({
+                                            id: getTrad('bulk.select.label'),
+                                            defaultMessage: 'Select all folders & assets'
+                                        }),
+                                        checked: indeterminateBulkSelect ? 'indeterminate' : (assetCount > 0 || folderCount > 0) && selected.length === assetCount + folderCount,
+                                        onCheckedChange: (e)=>handleBulkSelect(e, [
+                                                ...assets,
+                                                ...folders
+                                            ])
+                                    })
+                                }),
+                                canRead && isGridView && /*#__PURE__*/ jsx(SortPicker, {
+                                    value: query?.sort,
+                                    onChangeSort: handleChangeSort
+                                }),
+                                canRead && /*#__PURE__*/ jsx(Filters, {})
+                            ]
+                        }),
+                        endActions: /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                canConfigureView ? /*#__PURE__*/ jsx(ActionContainer, {
+                                    paddingTop: 1,
+                                    paddingBottom: 1,
+                                    children: /*#__PURE__*/ jsx(IconButton, {
+                                        tag: Link,
+                                        to: {
+                                            pathname: `${pathname}/configuration`,
+                                            search: stringify(query, {
+                                                encode: false
+                                            })
+                                        },
+                                        label: formatMessage({
+                                            id: 'app.links.configure-view',
+                                            defaultMessage: 'Configure the view'
+                                        }),
+                                        children: /*#__PURE__*/ jsx(Cog, {})
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ jsx(ActionContainer, {
+                                    paddingTop: 1,
+                                    paddingBottom: 1,
+                                    children: /*#__PURE__*/ jsx(IconButton, {
+                                        label: isGridView ? formatMessage({
+                                            id: getTrad('view-switch.list'),
+                                            defaultMessage: 'List View'
+                                        }) : formatMessage({
+                                            id: getTrad('view-switch.grid'),
+                                            defaultMessage: 'Grid View'
+                                        }),
+                                        onClick: ()=>setView(isGridView ? viewOptions.LIST : viewOptions.GRID),
+                                        children: isGridView ? /*#__PURE__*/ jsx(List, {}) : /*#__PURE__*/ jsx(GridFour, {})
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(SearchInput, {
+                                    label: formatMessage({
+                                        id: getTrad('search.label'),
+                                        defaultMessage: 'Search for an asset'
+                                    }),
+                                    trackedEvent: "didSearchMediaLibraryElements",
+                                    trackedEventDetails: {
+                                        location: 'upload'
+                                    }
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Layouts.Content, {
+                        children: [
+                            selected.length > 0 && /*#__PURE__*/ jsx(BulkActions, {
+                                currentFolder: currentFolder,
+                                selected: selected,
+                                onSuccess: handleBulkActionSuccess
+                            }),
+                            folderCount === 0 && assetCount === 0 && /*#__PURE__*/ jsx(EmptyOrNoPermissions, {
+                                canCreate: canCreate,
+                                canRead: canRead,
+                                isFiltering: isFiltering,
+                                onActionClick: toggleUploadAssetDialog
+                            }),
+                            canRead && !isGridView && (assetCount > 0 || folderCount > 0) && /*#__PURE__*/ jsx(TableList, {
+                                assetCount: assetCount,
+                                folderCount: folderCount,
+                                indeterminate: indeterminateBulkSelect,
+                                onChangeSort: handleChangeSort,
+                                onChangeFolder: (folderID, folderPath)=>navigate(getFolderURL(pathname, query, {
+                                        folder: folderID.toString(),
+                                        folderPath
+                                    })),
+                                onEditAsset: setAssetToEdit,
+                                onEditFolder: handleEditFolder,
+                                onSelectOne: selectOne,
+                                onSelectAll: handleBulkSelect,
+                                rows: [
+                                    ...folders,
+                                    ...assets
+                                ],
+                                selected: selected,
+                                shouldDisableBulkSelect: !canUpdate,
+                                sortQuery: query?.sort ?? ''
+                            }),
+                            canRead && isGridView && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    folderCount > 0 && /*#__PURE__*/ jsx(FolderGridList, {
+                                        title: (isFiltering && assetCount > 0 || !isFiltering) && formatMessage({
+                                            id: getTrad('list.folders.title'),
+                                            defaultMessage: 'Folders ({count})'
+                                        }, {
+                                            count: folderCount
+                                        }) || '',
+                                        children: folders.map((folder)=>{
+                                            const selectedFolders = selected.filter(({ type })=>type === 'folder');
+                                            const isSelected = !!selectedFolders.find((currentFolder)=>currentFolder.id === folder.id);
+                                            const url = getFolderURL(pathname, query, {
+                                                folder: folder?.id.toString(),
+                                                folderPath: folder?.path
+                                            });
+                                            return /*#__PURE__*/ jsx(Grid.Item, {
+                                                col: 3,
+                                                direction: "column",
+                                                alignItems: "stretch",
+                                                children: /*#__PURE__*/ jsx(FolderCard, {
+                                                    ref: folderToEdit && folder.id === folderToEdit.id ? currentFolderToEditRef : undefined,
+                                                    ariaLabel: folder.name,
+                                                    id: `folder-${folder.id}`,
+                                                    to: url,
+                                                    startAction: folder.isSelectable ? /*#__PURE__*/ jsx(FolderCardCheckbox, {
+                                                        "data-testid": `folder-checkbox-${folder.id}`,
+                                                        checked: isSelected,
+                                                        onCheckedChange: ()=>selectOne(folder)
+                                                    }) : null,
+                                                    cardActions: /*#__PURE__*/ jsx(IconButton, {
+                                                        label: formatMessage({
+                                                            id: getTrad('list.folder.edit'),
+                                                            defaultMessage: 'Edit folder'
+                                                        }),
+                                                        onClick: ()=>handleEditFolder(folder),
+                                                        children: /*#__PURE__*/ jsx(Pencil, {})
+                                                    }),
+                                                    children: /*#__PURE__*/ jsx(FolderCardBody, {
+                                                        children: /*#__PURE__*/ jsx(FolderCardBodyAction, {
+                                                            to: url,
+                                                            children: /*#__PURE__*/ jsxs(Flex, {
+                                                                tag: "h2",
+                                                                direction: "column",
+                                                                alignItems: "start",
+                                                                maxWidth: "100%",
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxs(TypographyMaxWidth, {
+                                                                        fontWeight: "semiBold",
+                                                                        textColor: "neutral800",
+                                                                        ellipsis: true,
+                                                                        children: [
+                                                                            folder.name,
+                                                                            /*#__PURE__*/ jsx(VisuallyHidden, {
+                                                                                children: ":"
+                                                                            })
+                                                                        ]
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(TypographyMaxWidth, {
+                                                                        tag: "span",
+                                                                        textColor: "neutral600",
+                                                                        variant: "pi",
+                                                                        ellipsis: true,
+                                                                        children: formatMessage({
+                                                                            id: getTrad('list.folder.subtitle'),
+                                                                            defaultMessage: '{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}'
+                                                                        }, {
+                                                                            folderCount: folder.children?.count,
+                                                                            filesCount: folder.files?.count
+                                                                        })
+                                                                    })
+                                                                ]
+                                                            })
+                                                        })
+                                                    })
+                                                })
+                                            }, `folder-${folder.id}`);
+                                        })
+                                    }),
+                                    assetCount > 0 && folderCount > 0 && /*#__PURE__*/ jsx(Box, {
+                                        paddingTop: 6,
+                                        paddingBottom: 4,
+                                        children: /*#__PURE__*/ jsx(Divider, {})
+                                    }),
+                                    assetCount > 0 && /*#__PURE__*/ jsx(AssetGridList, {
+                                        assets: assets,
+                                        onEditAsset: setAssetToEdit,
+                                        onSelectAsset: selectOne,
+                                        selectedAssets: selected.filter(({ type })=>type === 'asset'),
+                                        title: (!isFiltering || isFiltering && folderCount > 0) && assetsData?.pagination?.page === 1 && formatMessage({
+                                            id: getTrad('list.assets.title'),
+                                            defaultMessage: 'Assets ({count})'
+                                        }, {
+                                            count: totalAssetCount
+                                        }) || ''
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Pagination.Root, {
+                                ...assetsData?.pagination,
+                                children: [
+                                    /*#__PURE__*/ jsx(Pagination.PageSize, {}),
+                                    /*#__PURE__*/ jsx(Pagination.Links, {})
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showUploadAssetDialog && /*#__PURE__*/ jsx(UploadAssetDialog, {
+                open: showUploadAssetDialog,
+                onClose: toggleUploadAssetDialog,
+                trackedLocation: "upload",
+                folderId: query?.folder
+            }),
+            showEditFolderDialog && /*#__PURE__*/ jsx(EditFolderDialog, {
+                open: showEditFolderDialog,
+                onClose: ()=>handleEditFolderClose(),
+                folder: folderToEdit,
+                parentFolderId: query?.folder,
+                location: "upload"
+            }),
+            assetToEdit && /*#__PURE__*/ jsx(EditAssetDialog, {
+                onClose: (editedAsset)=>{
+                    // The asset has been deleted
+                    if (editedAsset === null) {
+                        handleAssetDeleted(1);
+                    }
+                    setAssetToEdit(undefined);
+                },
+                open: !!assetToEdit,
+                asset: assetToEdit,
+                canUpdate: canUpdate,
+                canCopyLink: canCopyLink,
+                canDownload: canDownload,
+                trackedLocation: "upload"
+            })
+        ]
+    });
+};
+
+export { MediaLibrary };
+//# sourceMappingURL=MediaLibrary.mjs.map

package/dist/admin/pages/App/MediaLibrary/MediaLibrary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.mjs","sources":["../../../../../admin/src/pages/App/MediaLibrary/MediaLibrary.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  Page,\n  SearchInput,\n  Pagination,\n  useTracking,\n  useQueryParams,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Checkbox,\n  Box,\n  Divider,\n  Flex,\n  IconButton,\n  Typography,\n  VisuallyHidden,\n  Grid,\n} from '@strapi/design-system';\nimport { Cog, GridFour as GridIcon, List, Pencil } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link as ReactRouterLink, useNavigate, useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { AssetGridList } from '../../../components/AssetGridList/AssetGridList';\nimport { EditAssetDialog } from '../../../components/EditAssetDialog/EditAssetContent';\nimport { EditFolderDialog } from '../../../components/EditFolderDialog/EditFolderDialog';\nimport { FolderCard } from '../../../components/FolderCard/FolderCard/FolderCard';\nimport { FolderCardBody } from '../../../components/FolderCard/FolderCardBody/FolderCardBody';\nimport { FolderCardBodyAction } from '../../../components/FolderCard/FolderCardBodyAction/FolderCardBodyAction';\nimport { FolderCardCheckbox } from '../../../components/FolderCard/FolderCardCheckbox/FolderCardCheckbox';\nimport { FolderGridList } from '../../../components/FolderGridList/FolderGridList';\nimport { SortPicker } from '../../../components/SortPicker/SortPicker';\nimport { TableList } from '../../../components/TableList/TableList';\nimport { UploadAssetDialog } from '../../../components/UploadAssetDialog/UploadAssetDialog';\nimport { localStorageKeys, viewOptions } from '../../../constants';\nimport { useAssets } from '../../../hooks/useAssets';\nimport { useFolder } from '../../../hooks/useFolder';\nimport { useFolders } from '../../../hooks/useFolders';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { usePersistentState } from '../../../hooks/usePersistentState';\nimport { useSelectionState } from '../../../hooks/useSelectionState';\nimport { containsAssetFilter, getBreadcrumbDataML, getFolderURL, getTrad } from '../../../utils';\n\nimport { BulkActions } from './components/BulkActions';\nimport { EmptyOrNoPermissions } from './components/EmptyOrNoPermissions';\nimport { Filters } from './components/Filters';\nimport { Header } from './components/Header';\n\nimport type { BulkActionsProps } from './components/BulkActions';\nimport type { HeaderProps } from './components/Header';\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FolderDefinition } from '../../../../../shared/contracts/folders';\nimport type { AssetGridListProps } from '../../../components/AssetGridList/AssetGridList';\nimport type { Asset } from '../../../components/EditAssetDialog/EditAssetContent';\nimport type { FolderRow, FileRow, TableListProps } from '../../../components/TableList/TableList';\n\nconst BoxWithHeight = styled(Box)`\n  height: 3.2rem;\n  display: flex;\n  align-items: center;\n`;\n\nconst TypographyMaxWidth = styled(Typography)`\n  max-width: 100%;\n`;\n\nconst ActionContainer = styled(Box)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n`;\n\nexport const MediaLibrary = () => {\n  const navigate = useNavigate();\n  const {\n    canRead,\n    canCreate,\n    canUpdate,\n    canCopyLink,\n    canDownload,\n    canConfigureView,\n    isLoading: permissionsLoading,\n  } = useMediaLibraryPermissions();\n  const currentFolderToEditRef = React.useRef<HTMLDivElement>();\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const isFiltering = Boolean(query._q || query.filters);\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  const {\n    data: assetsData,\n    isLoading: assetsLoading,\n    error: assetsError,\n  } = useAssets({\n    skipWhen: !canRead,\n    query,\n  });\n\n  const {\n    data: foldersData,\n    isLoading: foldersLoading,\n    error: foldersError,\n  } = useFolders({\n    enabled: canRead && assetsData?.pagination?.page === 1 && !containsAssetFilter(query),\n    query,\n  });\n\n  const {\n    data: currentFolder,\n    isLoading: isCurrentFolderLoading,\n    error: currentFolderError,\n  } = useFolder(query?.folder as number | null | undefined, {\n    enabled: canRead && !!query?.folder,\n  });\n\n  // Folder was not found: redirect to the media library root\n  if (currentFolderError?.name === 'NotFoundError') {\n    navigate(pathname);\n  }\n\n  const folders =\n    foldersData?.map((folder) => ({\n      ...folder,\n      type: 'folder',\n      folderURL: getFolderURL(pathname, query, {\n        folder: folder.id.toString(),\n        folderPath: folder.path,\n      }),\n      isSelectable: canUpdate,\n    })) ?? [];\n  const folderCount = folders?.length || 0;\n  const assets =\n    assetsData?.results?.map((asset) => ({ ...asset, type: 'asset', isSelectable: canUpdate })) ||\n    [];\n  const assetCount = assets?.length ?? 0;\n  const totalAssetCount = assetsData?.pagination?.total;\n\n  const isLoading = isCurrentFolderLoading || foldersLoading || permissionsLoading || assetsLoading;\n  const [showUploadAssetDialog, setShowUploadAssetDialog] = React.useState(false);\n  const [showEditFolderDialog, setShowEditFolderDialog] = React.useState(false);\n  const [assetToEdit, setAssetToEdit] = React.useState<Asset | undefined>(undefined);\n  const [folderToEdit, setFolderToEdit] = React.useState<FolderRow | undefined | null>(undefined);\n  const [selected, { selectOne, selectAll }] = useSelectionState<FolderRow | FileRow>(\n    ['type', 'id'],\n    []\n  );\n  const indeterminateBulkSelect =\n    selected?.length > 0 && selected?.length !== assetCount + folderCount;\n  const toggleUploadAssetDialog = () => setShowUploadAssetDialog((prev) => !prev);\n  const toggleEditFolderDialog = ({ created = false } = {}) => {\n    // folders are only displayed on the first page, therefore\n    // we have to navigate the user to that page, in case a folder\n    // was created successfully in order for them to see it\n    if (created && query?.page !== '1') {\n      setQuery({\n        ...query,\n        page: 1,\n      });\n    }\n\n    setShowEditFolderDialog((prev) => !prev);\n  };\n\n  const handleBulkSelect = (\n    checked: boolean | 'indeterminate',\n    elements?: FolderRow[] | FileRow[]\n  ) => {\n    if (checked) {\n      trackUsage('didSelectAllMediaLibraryElements');\n    }\n\n    selectAll(elements as (FolderRow | FileRow)[]);\n  };\n\n  const handleChangeSort = (value: Query['sort'] | string) => {\n    trackUsage('didSortMediaLibraryElements', {\n      location: 'upload',\n      sort: value,\n    });\n    setQuery({ sort: value as Query['sort'] });\n  };\n\n  const handleEditFolder = (folder: FolderRow) => {\n    setFolderToEdit(folder);\n    setShowEditFolderDialog(true);\n  };\n\n  const handleEditFolderClose = (payload?: { created?: boolean | undefined }) => {\n    setFolderToEdit(null);\n    toggleEditFolderDialog(payload);\n\n    if (currentFolderToEditRef.current) {\n      currentFolderToEditRef.current.focus();\n    }\n  };\n\n  const handleAssetDeleted = (numberOfAssets: number) => {\n    if (\n      numberOfAssets === assetCount &&\n      assetsData?.pagination?.page === assetsData?.pagination?.pageCount &&\n      assetsData?.pagination?.page &&\n      assetsData.pagination.page > 1\n    ) {\n      setQuery({\n        ...query,\n        page: assetsData.pagination.page - 1,\n      });\n    }\n  };\n\n  const handleBulkActionSuccess = () => {\n    selectAll();\n\n    handleAssetDeleted(selected.length);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (assetsError || foldersError) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Main>\n        <Header\n          breadcrumbs={\n            !isCurrentFolderLoading\n              ? (getBreadcrumbDataML(currentFolder!, {\n                  pathname,\n                  query,\n                }) as HeaderProps['breadcrumbs'])\n              : null\n          }\n          canCreate={canCreate}\n          onToggleEditFolderDialog={toggleEditFolderDialog}\n          onToggleUploadAssetDialog={toggleUploadAssetDialog}\n          folder={currentFolder as HeaderProps['folder']}\n        />\n        <Layouts.Action\n          startActions={\n            <>\n              {canUpdate && isGridView && (assetCount > 0 || folderCount > 0) && (\n                <BoxWithHeight\n                  paddingLeft={2}\n                  paddingRight={2}\n                  background=\"neutral0\"\n                  hasRadius\n                  borderColor=\"neutral200\"\n                >\n                  <Checkbox\n                    aria-label={formatMessage({\n                      id: getTrad('bulk.select.label'),\n                      defaultMessage: 'Select all folders & assets',\n                    })}\n                    checked={\n                      indeterminateBulkSelect\n                        ? 'indeterminate'\n                        : (assetCount > 0 || folderCount > 0) &&\n                          selected.length === assetCount + folderCount\n                    }\n                    onCheckedChange={(e) =>\n                      handleBulkSelect(e, [...assets, ...folders] as FolderRow[] | FileRow[])\n                    }\n                  />\n                </BoxWithHeight>\n              )}\n              {canRead && isGridView && (\n                <SortPicker value={query?.sort} onChangeSort={handleChangeSort} />\n              )}\n              {canRead && <Filters />}\n            </>\n          }\n          endActions={\n            <>\n              {canConfigureView ? (\n                <ActionContainer paddingTop={1} paddingBottom={1}>\n                  <IconButton\n                    tag={ReactRouterLink}\n                    to={{\n                      pathname: `${pathname}/configuration`,\n                      search: stringify(query, { encode: false }),\n                    }}\n                    label={formatMessage({\n                      id: 'app.links.configure-view',\n                      defaultMessage: 'Configure the view',\n                    })}\n                  >\n                    <Cog />\n                  </IconButton>\n                </ActionContainer>\n              ) : null}\n              <ActionContainer paddingTop={1} paddingBottom={1}>\n                <IconButton\n                  label={\n                    isGridView\n                      ? formatMessage({\n                          id: getTrad('view-switch.list'),\n                          defaultMessage: 'List View',\n                        })\n                      : formatMessage({\n                          id: getTrad('view-switch.grid'),\n                          defaultMessage: 'Grid View',\n                        })\n                  }\n                  onClick={() => setView(isGridView ? viewOptions.LIST : viewOptions.GRID)}\n                >\n                  {isGridView ? <List /> : <GridIcon />}\n                </IconButton>\n              </ActionContainer>\n              <SearchInput\n                label={formatMessage({\n                  id: getTrad('search.label'),\n                  defaultMessage: 'Search for an asset',\n                })}\n                trackedEvent=\"didSearchMediaLibraryElements\"\n                trackedEventDetails={{ location: 'upload' }}\n              />\n            </>\n          }\n        />\n\n        <Layouts.Content>\n          {selected.length > 0 && (\n            <BulkActions\n              currentFolder={currentFolder as BulkActionsProps['currentFolder']}\n              selected={selected as BulkActionsProps['selected']}\n              onSuccess={handleBulkActionSuccess}\n            />\n          )}\n\n          {folderCount === 0 && assetCount === 0 && (\n            <EmptyOrNoPermissions\n              canCreate={canCreate}\n              canRead={canRead}\n              isFiltering={isFiltering}\n              onActionClick={toggleUploadAssetDialog}\n            />\n          )}\n\n          {/* TODO: fix AssetListTable should handle no assets views (loading) */}\n          {canRead && !isGridView && (assetCount > 0 || folderCount > 0) && (\n            <TableList\n              assetCount={assetCount}\n              folderCount={folderCount}\n              indeterminate={indeterminateBulkSelect}\n              onChangeSort={handleChangeSort}\n              onChangeFolder={(folderID, folderPath) =>\n                navigate(getFolderURL(pathname, query, { folder: folderID.toString(), folderPath }))\n              }\n              onEditAsset={setAssetToEdit as TableListProps['onEditAsset']}\n              onEditFolder={handleEditFolder}\n              onSelectOne={selectOne}\n              onSelectAll={handleBulkSelect as TableListProps['onSelectAll']}\n              rows={[...folders, ...assets] as TableListProps['rows']}\n              selected={selected as TableListProps['selected']}\n              shouldDisableBulkSelect={!canUpdate}\n              sortQuery={query?.sort ?? ''}\n            />\n          )}\n\n          {canRead && isGridView && (\n            <>\n              {folderCount > 0 && (\n                <FolderGridList\n                  title={\n                    // Folders title should only appear if:\n                    // user is filtering and there are assets to display, to divide both type of elements\n                    // user is not filtering\n                    (((isFiltering && assetCount > 0) || !isFiltering) &&\n                      formatMessage(\n                        {\n                          id: getTrad('list.folders.title'),\n                          defaultMessage: 'Folders ({count})',\n                        },\n                        { count: folderCount }\n                      )) ||\n                    ''\n                  }\n                >\n                  {folders.map((folder) => {\n                    const selectedFolders = selected.filter(({ type }) => type === 'folder');\n                    const isSelected = !!selectedFolders.find(\n                      (currentFolder) => currentFolder.id === folder.id\n                    );\n\n                    const url = getFolderURL(pathname, query, {\n                      folder: folder?.id.toString(),\n                      folderPath: folder?.path,\n                    });\n\n                    return (\n                      <Grid.Item\n                        col={3}\n                        key={`folder-${folder.id}`}\n                        direction=\"column\"\n                        alignItems=\"stretch\"\n                      >\n                        <FolderCard\n                          ref={\n                            folderToEdit && folder.id === folderToEdit.id\n                              ? currentFolderToEditRef\n                              : undefined\n                          }\n                          ariaLabel={folder.name}\n                          id={`folder-${folder.id}`}\n                          to={url}\n                          startAction={\n                            folder.isSelectable ? (\n                              <FolderCardCheckbox\n                                data-testid={`folder-checkbox-${folder.id}`}\n                                checked={isSelected}\n                                onCheckedChange={() => selectOne(folder)}\n                              />\n                            ) : null\n                          }\n                          cardActions={\n                            <IconButton\n                              label={formatMessage({\n                                id: getTrad('list.folder.edit'),\n                                defaultMessage: 'Edit folder',\n                              })}\n                              onClick={() => handleEditFolder(folder)}\n                            >\n                              <Pencil />\n                            </IconButton>\n                          }\n                        >\n                          <FolderCardBody>\n                            <FolderCardBodyAction to={url}>\n                              <Flex tag=\"h2\" direction=\"column\" alignItems=\"start\" maxWidth=\"100%\">\n                                <TypographyMaxWidth\n                                  fontWeight=\"semiBold\"\n                                  textColor=\"neutral800\"\n                                  ellipsis\n                                >\n                                  {folder.name}\n                                  <VisuallyHidden>:</VisuallyHidden>\n                                </TypographyMaxWidth>\n\n                                <TypographyMaxWidth\n                                  tag=\"span\"\n                                  textColor=\"neutral600\"\n                                  variant=\"pi\"\n                                  ellipsis\n                                >\n                                  {formatMessage(\n                                    {\n                                      id: getTrad('list.folder.subtitle'),\n                                      defaultMessage:\n                                        '{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}',\n                                    },\n                                    {\n                                      folderCount: (folder as FolderDefinition).children?.count,\n                                      filesCount: (folder as FolderDefinition).files?.count,\n                                    }\n                                  )}\n                                </TypographyMaxWidth>\n                              </Flex>\n                            </FolderCardBodyAction>\n                          </FolderCardBody>\n                        </FolderCard>\n                      </Grid.Item>\n                    );\n                  })}\n                </FolderGridList>\n              )}\n\n              {assetCount > 0 && folderCount > 0 && (\n                <Box paddingTop={6} paddingBottom={4}>\n                  <Divider />\n                </Box>\n              )}\n\n              {assetCount > 0 && (\n                <AssetGridList\n                  assets={assets}\n                  onEditAsset={setAssetToEdit as AssetGridListProps['onEditAsset']}\n                  onSelectAsset={selectOne}\n                  selectedAssets={\n                    selected.filter(\n                      ({ type }) => type === 'asset'\n                    ) as AssetGridListProps['selectedAssets']\n                  }\n                  title={\n                    // Assets title should only appear if:\n                    // - user is not filtering\n                    // - user is filtering and there are folders to display, to separate them\n                    // - user is on page 1 since folders won't appear on any other page than the first one (no need to visually separate them)\n                    ((!isFiltering || (isFiltering && folderCount > 0)) &&\n                      assetsData?.pagination?.page === 1 &&\n                      formatMessage(\n                        {\n                          id: getTrad('list.assets.title'),\n                          defaultMessage: 'Assets ({count})',\n                        },\n                        { count: totalAssetCount }\n                      )) ||\n                    ''\n                  }\n                />\n              )}\n            </>\n          )}\n          <Pagination.Root {...assetsData?.pagination}>\n            <Pagination.PageSize />\n            <Pagination.Links />\n          </Pagination.Root>\n        </Layouts.Content>\n      </Page.Main>\n      {showUploadAssetDialog && (\n        <UploadAssetDialog\n          open={showUploadAssetDialog}\n          onClose={toggleUploadAssetDialog}\n          trackedLocation=\"upload\"\n          folderId={query?.folder as string | number | null | undefined}\n        />\n      )}\n      {showEditFolderDialog && (\n        <EditFolderDialog\n          open={showEditFolderDialog}\n          onClose={() => handleEditFolderClose()}\n          folder={folderToEdit as FolderDefinition}\n          parentFolderId={query?.folder as string | number | null | undefined}\n          location=\"upload\"\n        />\n      )}\n      {assetToEdit && (\n        <EditAssetDialog\n          onClose={(editedAsset) => {\n            // The asset has been deleted\n            if (editedAsset === null) {\n              handleAssetDeleted(1);\n            }\n\n            setAssetToEdit(undefined);\n          }}\n          open={!!assetToEdit}\n          asset={assetToEdit}\n          canUpdate={canUpdate}\n          canCopyLink={canCopyLink}\n          canDownload={canDownload}\n          trackedLocation=\"upload\"\n        />\n      )}\n    </Layouts.Root>\n  );\n};\n"],"names":["BoxWithHeight","styled","Box","TypographyMaxWidth","Typography","ActionContainer","theme","colors","neutral500","MediaLibrary","navigate","useNavigate","canRead","canCreate","canUpdate","canCopyLink","canDownload","canConfigureView","isLoading","permissionsLoading","useMediaLibraryPermissions","currentFolderToEditRef","React","useRef","formatMessage","useIntl","pathname","useLocation","trackUsage","useTracking","query","setQuery","useQueryParams","isFiltering","Boolean","_q","filters","view","setView","usePersistentState","localStorageKeys","viewOptions","GRID","isGridView","data","assetsData","assetsLoading","error","assetsError","useAssets","skipWhen","foldersData","foldersLoading","foldersError","useFolders","enabled","pagination","page","containsAssetFilter","currentFolder","isCurrentFolderLoading","currentFolderError","useFolder","folder","name","folders","map","type","folderURL","getFolderURL","id","toString","folderPath","path","isSelectable","folderCount","length","assets","results","asset","assetCount","totalAssetCount","total","showUploadAssetDialog","setShowUploadAssetDialog","useState","showEditFolderDialog","setShowEditFolderDialog","assetToEdit","setAssetToEdit","undefined","folderToEdit","setFolderToEdit","selected","selectOne","selectAll","useSelectionState","indeterminateBulkSelect","toggleUploadAssetDialog","prev","toggleEditFolderDialog","created","handleBulkSelect","checked","elements","handleChangeSort","value","location","sort","handleEditFolder","handleEditFolderClose","payload","current","focus","handleAssetDeleted","numberOfAssets","pageCount","handleBulkActionSuccess","_jsx","Page","Loading","Error","_jsxs","Layouts","Root","Main","Header","breadcrumbs","getBreadcrumbDataML","onToggleEditFolderDialog","onToggleUploadAssetDialog","Action","startActions","_Fragment","paddingLeft","paddingRight","background","hasRadius","borderColor","Checkbox","aria-label","getTrad","defaultMessage","onCheckedChange","e","SortPicker","onChangeSort","Filters","endActions","paddingTop","paddingBottom","IconButton","tag","ReactRouterLink","to","search","stringify","encode","label","Cog","onClick","LIST","List","GridIcon","SearchInput","trackedEvent","trackedEventDetails","Content","BulkActions","onSuccess","EmptyOrNoPermissions","onActionClick","TableList","indeterminate","onChangeFolder","folderID","onEditAsset","onEditFolder","onSelectOne","onSelectAll","rows","shouldDisableBulkSelect","sortQuery","FolderGridList","title","count","selectedFolders","filter","isSelected","find","url","Grid","Item","col","direction","alignItems","FolderCard","ref","ariaLabel","startAction","FolderCardCheckbox","data-testid","cardActions","Pencil","FolderCardBody","FolderCardBodyAction","Flex","maxWidth","fontWeight","textColor","ellipsis","VisuallyHidden","variant","children","filesCount","files","Divider","AssetGridList","onSelectAsset","selectedAssets","Pagination","PageSize","Links","UploadAssetDialog","open","onClose","trackedLocation","folderId","EditFolderDialog","parentFolderId","EditAssetDialog","editedAsset"],"mappings":"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"}