@strapi/upload 5.53.0 → 5.55.0

package/dist/admin/components/UploadAssetDialog/AddAssetStep/FromComputerForm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FromComputerForm.mjs","sources":["../../../../../admin/src/components/UploadAssetDialog/AddAssetStep/FromComputerForm.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Modal, Typography } from '@strapi/design-system';\nimport { PlusCircle as PicturePlus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ASSET_SOURCES } from '../../../constants';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad, rawFileToAsset } from '../../../utils';\n\nimport type { FileWithRawFile } from './AddAssetStep';\n\nconst Wrapper = styled(Flex)`\n  flex-direction: column;\n`;\n\nconst IconWrapper = styled.div`\n  font-size: 6rem;\n\n  svg path {\n    fill: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\nconst MediaBox = styled(Box)`\n  border-style: dashed;\n`;\n\nconst OpaqueBox = styled(Box)`\n  opacity: 0;\n  cursor: pointer;\n`;\n\ninterface FromComputerFormProps {\n  onClose: () => void;\n  onAddAssets: (assets: FileWithRawFile[]) => void;\n  trackedLocation?: string;\n}\n\nexport const FromComputerForm = ({\n  onClose,\n  onAddAssets,\n  trackedLocation,\n}: FromComputerFormProps) => {\n  const { formatMessage } = useIntl();\n  const [dragOver, setDragOver] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const { trackUsage } = useTracking();\n\n  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n  };\n\n  const handleDragEnter = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    setDragOver(true);\n  };\n\n  const handleDragLeave = () => setDragOver(false);\n\n  const filesToAssets = async (fileList: FileList) => {\n    const files = Array.from(fileList);\n\n    return Promise.all(files.map((file) => rawFileToAsset(file, ASSET_SOURCES.Computer)));\n  };\n\n  const handleChange = async () => {\n    const files = inputRef.current?.files;\n    const assets = files ? await filesToAssets(files) : [];\n\n    if (trackedLocation) {\n      trackUsage('didSelectFile', { source: 'computer', location: trackedLocation });\n    }\n\n    onAddAssets(assets);\n  };\n\n  const handleDrop = async (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n\n    if (e?.dataTransfer?.files) {\n      const assets = await filesToAssets(e.dataTransfer.files);\n      onAddAssets(assets);\n    }\n\n    setDragOver(false);\n  };\n\n  return (\n    <form>\n      <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n        <label>\n          <MediaBox\n            paddingTop={11}\n            paddingBottom={11}\n            hasRadius\n            justifyContent=\"center\"\n            borderColor={dragOver ? 'primary500' : 'neutral300'}\n            background={dragOver ? 'primary100' : 'neutral100'}\n            position=\"relative\"\n            onDragEnter={handleDragEnter}\n            onDragLeave={handleDragLeave}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop}\n          >\n            <Flex justifyContent=\"center\">\n              <Wrapper>\n                <IconWrapper>\n                  <PicturePlus aria-hidden width=\"3.2rem\" height=\"3.2rem\" />\n                </IconWrapper>\n\n                <Box paddingTop={3} paddingBottom={5}>\n                  <Typography variant=\"delta\" textColor=\"neutral600\" tag=\"span\">\n                    {formatMessage({\n                      id: getTrad('input.label'),\n                      defaultMessage: 'Drag & Drop here or',\n                    })}\n                  </Typography>\n                </Box>\n\n                <OpaqueBox\n                  tag=\"input\"\n                  position=\"absolute\"\n                  left={0}\n                  right={0}\n                  bottom={0}\n                  top={0}\n                  width=\"100%\"\n                  type=\"file\"\n                  multiple\n                  name=\"files\"\n                  aria-label={formatMessage({\n                    id: getTrad('input.label'),\n                    defaultMessage: 'Drag & Drop here or',\n                  })}\n                  tabIndex={-1}\n                  ref={inputRef}\n                  zIndex={1}\n                  onChange={handleChange}\n                />\n              </Wrapper>\n            </Flex>\n          </MediaBox>\n        </label>\n      </Box>\n\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({\n            id: 'app.components.Button.cancel',\n            defaultMessage: 'cancel',\n          })}\n        </Button>\n      </Modal.Footer>\n    </form>\n  );\n};\n"],"names":["Wrapper","styled","Flex","IconWrapper","div","theme","colors","primary600","MediaBox","Box","OpaqueBox","FromComputerForm","onClose","onAddAssets","trackedLocation","formatMessage","useIntl","dragOver","setDragOver","React","useState","inputRef","useRef","trackUsage","useTracking","handleDragOver","event","preventDefault","handleDragEnter","handleDragLeave","filesToAssets","fileList","files","Array","from","Promise","all","map","file","rawFileToAsset","ASSET_SOURCES","Computer","handleChange","current","assets","source","location","handleDrop","e","dataTransfer","_jsxs","form","_jsx","paddingLeft","paddingRight","paddingTop","paddingBottom","label","hasRadius","justifyContent","borderColor","background","position","onDragEnter","onDragLeave","onDragOver","onDrop","PicturePlus","aria-hidden","width","height","Typography","variant","textColor","tag","id","getTrad","defaultMessage","left","right","bottom","top","type","multiple","name","aria-label","tabIndex","ref","zIndex","onChange","Modal","Footer","Button","onClick"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/AddAssetStep/FromUrlForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FromUrlForm.js","sources":["../../../../../admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Field, Modal, Textarea } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad, urlsToAssets, urlSchema } from '../../../utils';\n\nimport type { FileWithRawFile } from './AddAssetStep';\nimport type { MessageDescriptor, PrimitiveType } from 'react-intl';\n\ntype TranslationMessage = MessageDescriptor & { values?: Record<string, PrimitiveType> };\n\nconst isMessageDescriptor = (error: unknown): error is TranslationMessage =>\n  typeof error === 'object' && error !== null && 'id' in error;\n\ninterface FromUrlFormProps {\n  onClose: () => void;\n  onAddAsset: (assets: FileWithRawFile[]) => void;\n  trackedLocation?: string;\n}\n\nexport const FromUrlForm = ({ onClose, onAddAsset, trackedLocation }: FromUrlFormProps) => {\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | undefined>(undefined);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  /**\n   * `urlSchema` errors are message descriptors: they carry the values needed to interpolate\n   * placeholders such as `{max}` or `{number}`, even though Formik types the error as a string.\n   */\n  const formatValidationError = (validationError: unknown) => {\n    if (isMessageDescriptor(validationError)) {\n      const { values, ...message } = validationError;\n\n      return formatMessage({ defaultMessage: 'An error occurred', ...message }, values);\n    }\n\n    if (typeof validationError === 'string') {\n      return formatMessage({ id: validationError, defaultMessage: 'An error occurred' });\n    }\n\n    return undefined;\n  };\n\n  const handleSubmit = async ({ urls }: { urls: string }) => {\n    setLoading(true);\n    const urlArray = urls.split(/\\r?\\n/);\n    try {\n      const assets: FileWithRawFile[] = await urlsToAssets(urlArray);\n\n      if (trackedLocation) {\n        trackUsage('didSelectFile', { source: 'url', location: trackedLocation });\n      }\n\n      // no need to set the loading to false since the component unmounts\n      onAddAsset(assets);\n    } catch (e: unknown) {\n      setError(e as Error);\n      setLoading(false);\n    }\n  };\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={{\n        urls: '',\n      }}\n      onSubmit={handleSubmit}\n      validationSchema={urlSchema}\n      validateOnChange={false}\n    >\n      {({ values, errors, handleChange }) => (\n        <Form noValidate>\n          <Box paddingLeft={8} paddingRight={8} paddingBottom={6} paddingTop={6}>\n            <Field.Root\n              hint={formatMessage({\n                id: getTrad('input.url.description'),\n                defaultMessage: 'Separate your URL links by a carriage return.',\n              })}\n              error={error?.message || formatValidationError(errors.urls)}\n            >\n              <Field.Label>\n                {formatMessage({ id: getTrad('input.url.label'), defaultMessage: 'URL' })}\n              </Field.Label>\n              <Textarea name=\"urls\" onChange={handleChange} value={values.urls} />\n              <Field.Hint />\n              <Field.Error />\n            </Field.Root>\n          </Box>\n\n          <Modal.Footer>\n            <Button onClick={onClose} variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'cancel' })}\n            </Button>\n            <Button type=\"submit\" loading={loading}>\n              {formatMessage({\n                id: getTrad('button.next'),\n                defaultMessage: 'Next',\n              })}\n            </Button>\n          </Modal.Footer>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n"],"names":["isMessageDescriptor","error","FromUrlForm","onClose","onAddAsset","trackedLocation","loading","setLoading","React","useState","setError","undefined","formatMessage","useIntl","trackUsage","useTracking","formatValidationError","validationError","values","message","defaultMessage","id","handleSubmit","urls","urlArray","split","assets","urlsToAssets","source","location","e","_jsx","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","urlSchema","validateOnChange","errors","handleChange","_jsxs","Form","noValidate","Box","paddingLeft","paddingRight","paddingBottom","paddingTop","Field","Root","hint","getTrad","Label","Textarea","name","onChange","value","Hint","Error","Modal","Footer","Button","onClick","variant","type"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/AddAssetStep/FromUrlForm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FromUrlForm.mjs","sources":["../../../../../admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Field, Modal, Textarea } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad, urlsToAssets, urlSchema } from '../../../utils';\n\nimport type { FileWithRawFile } from './AddAssetStep';\nimport type { MessageDescriptor, PrimitiveType } from 'react-intl';\n\ntype TranslationMessage = MessageDescriptor & { values?: Record<string, PrimitiveType> };\n\nconst isMessageDescriptor = (error: unknown): error is TranslationMessage =>\n  typeof error === 'object' && error !== null && 'id' in error;\n\ninterface FromUrlFormProps {\n  onClose: () => void;\n  onAddAsset: (assets: FileWithRawFile[]) => void;\n  trackedLocation?: string;\n}\n\nexport const FromUrlForm = ({ onClose, onAddAsset, trackedLocation }: FromUrlFormProps) => {\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | undefined>(undefined);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  /**\n   * `urlSchema` errors are message descriptors: they carry the values needed to interpolate\n   * placeholders such as `{max}` or `{number}`, even though Formik types the error as a string.\n   */\n  const formatValidationError = (validationError: unknown) => {\n    if (isMessageDescriptor(validationError)) {\n      const { values, ...message } = validationError;\n\n      return formatMessage({ defaultMessage: 'An error occurred', ...message }, values);\n    }\n\n    if (typeof validationError === 'string') {\n      return formatMessage({ id: validationError, defaultMessage: 'An error occurred' });\n    }\n\n    return undefined;\n  };\n\n  const handleSubmit = async ({ urls }: { urls: string }) => {\n    setLoading(true);\n    const urlArray = urls.split(/\\r?\\n/);\n    try {\n      const assets: FileWithRawFile[] = await urlsToAssets(urlArray);\n\n      if (trackedLocation) {\n        trackUsage('didSelectFile', { source: 'url', location: trackedLocation });\n      }\n\n      // no need to set the loading to false since the component unmounts\n      onAddAsset(assets);\n    } catch (e: unknown) {\n      setError(e as Error);\n      setLoading(false);\n    }\n  };\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={{\n        urls: '',\n      }}\n      onSubmit={handleSubmit}\n      validationSchema={urlSchema}\n      validateOnChange={false}\n    >\n      {({ values, errors, handleChange }) => (\n        <Form noValidate>\n          <Box paddingLeft={8} paddingRight={8} paddingBottom={6} paddingTop={6}>\n            <Field.Root\n              hint={formatMessage({\n                id: getTrad('input.url.description'),\n                defaultMessage: 'Separate your URL links by a carriage return.',\n              })}\n              error={error?.message || formatValidationError(errors.urls)}\n            >\n              <Field.Label>\n                {formatMessage({ id: getTrad('input.url.label'), defaultMessage: 'URL' })}\n              </Field.Label>\n              <Textarea name=\"urls\" onChange={handleChange} value={values.urls} />\n              <Field.Hint />\n              <Field.Error />\n            </Field.Root>\n          </Box>\n\n          <Modal.Footer>\n            <Button onClick={onClose} variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'cancel' })}\n            </Button>\n            <Button type=\"submit\" loading={loading}>\n              {formatMessage({\n                id: getTrad('button.next'),\n                defaultMessage: 'Next',\n              })}\n            </Button>\n          </Modal.Footer>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n"],"names":["isMessageDescriptor","error","FromUrlForm","onClose","onAddAsset","trackedLocation","loading","setLoading","React","useState","setError","undefined","formatMessage","useIntl","trackUsage","useTracking","formatValidationError","validationError","values","message","defaultMessage","id","handleSubmit","urls","urlArray","split","assets","urlsToAssets","source","location","e","_jsx","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","urlSchema","validateOnChange","errors","handleChange","_jsxs","Form","noValidate","Box","paddingLeft","paddingRight","paddingBottom","paddingTop","Field","Root","hint","getTrad","Label","Textarea","name","onChange","value","Hint","Error","Modal","Footer","Button","onClick","variant","type"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PendingAssetStep.js","sources":["../../../../../admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Flex, Grid, KeyboardNavigable, Modal, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { AssetType } from '../../../enums';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad } from '../../../utils';\nimport { AssetCard } from '../../AssetCard/AssetCard';\nimport { UploadingAssetCard } from '../../AssetCard/UploadingAssetCard';\n\nimport type { File, RawFile } from '../../../../../shared/contracts/files';\n\nconst Status = {\n  Idle: 'IDLE',\n  Uploading: 'UPLOADING',\n  Intermediate: 'INTERMEDIATE',\n};\n\ninterface Asset extends File {\n  rawFile?: RawFile;\n  type?: AssetType;\n}\n\ninterface PendingAssetStepProps {\n  addUploadedFiles?: (files: File[]) => void;\n  folderId?: string | number | null;\n  onClose: () => void;\n  onEditAsset: (asset: File) => void;\n  onRemoveAsset: (asset: File) => void;\n  onAddAsset?: (asset: File) => void;\n  assets: Asset[];\n  onClickAddAsset: () => void;\n  onCancelUpload: (rawFile: RawFile) => void;\n  onUploadSucceed: (file: RawFile) => void;\n  trackedLocation?: string;\n  initialAssetsToAdd?: File[];\n}\n\nexport const PendingAssetStep = ({\n  addUploadedFiles,\n  folderId,\n  onClose,\n  onEditAsset,\n  onRemoveAsset,\n  assets,\n  onClickAddAsset,\n  onCancelUpload,\n  onUploadSucceed,\n  trackedLocation,\n}: PendingAssetStepProps) => {\n  const assetCountRef = React.useRef(0);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [uploadStatus, setUploadStatus] = React.useState(Status.Idle);\n\n  const handleSubmit = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const assetsCountByType = assets.reduce(\n      (acc: Record<AssetType, string | number>, asset) => {\n        const { type } = asset;\n\n        if (type !== undefined && !acc[type]) {\n          acc[type] = 0;\n        }\n\n        if (type !== undefined) {\n          const accType = acc[type];\n          const currentCount = typeof accType === 'string' ? accType : accType.toString();\n          acc[type] = `${parseInt(currentCount, 10) + 1}`;\n        }\n\n        return acc;\n      },\n      {} as Record<AssetType, string | number>\n    );\n\n    trackUsage('willAddMediaLibraryAssets', {\n      location: trackedLocation!,\n      ...assetsCountByType,\n    });\n\n    setUploadStatus(Status.Uploading);\n  };\n\n  const handleStatusChange = (status: string, file: RawFile) => {\n    if (status === 'success' || status === 'error') {\n      assetCountRef.current++;\n\n      // There's no \"terminated\" status. When all the files have called their\n      // onUploadSucceed callback, the parent component filters the asset list\n      // and closes the modal when the asset list is empty\n      if (assetCountRef.current === assets.length) {\n        assetCountRef.current = 0;\n        setUploadStatus(Status.Intermediate);\n      }\n    }\n\n    if (status === 'success') {\n      onUploadSucceed(file);\n    }\n  };\n\n  return (\n    <>\n      <Modal.Header>\n        <Modal.Title>\n          {formatMessage({\n            id: getTrad('header.actions.add-assets'),\n            defaultMessage: 'Add new assets',\n          })}\n        </Modal.Title>\n      </Modal.Header>\n\n      <Modal.Body>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex justifyContent=\"space-between\">\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={0}>\n              <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n                {formatMessage(\n                  {\n                    id: getTrad('list.assets.to-upload'),\n                    defaultMessage:\n                      '{number, plural, =0 {No asset} one {1 asset} other {# assets}} ready to upload',\n                  },\n                  { number: assets.length }\n                )}\n              </Typography>\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: getTrad('modal.upload-list.sub-header-subtitle'),\n                  defaultMessage: 'Manage the assets before adding them to the Media Library',\n                })}\n              </Typography>\n            </Flex>\n            <Button size=\"S\" onClick={onClickAddAsset}>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n          <KeyboardNavigable tagName=\"article\">\n            <Grid.Root gap={4}>\n              {assets.map((asset) => {\n                const assetKey = asset.url;\n\n                if (uploadStatus === Status.Uploading || uploadStatus === Status.Intermediate) {\n                  return (\n                    <Grid.Item\n                      m={4}\n                      s={6}\n                      xs={12}\n                      key={assetKey}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <UploadingAssetCard\n                        // Props used to store the newly uploaded files\n                        addUploadedFiles={addUploadedFiles!}\n                        asset={asset}\n                        id={assetKey}\n                        onCancel={onCancelUpload}\n                        onStatusChange={(status) => handleStatusChange(status, asset.rawFile!)}\n                        size=\"S\"\n                        folderId={folderId}\n                      />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item col={4} key={assetKey} direction=\"column\" alignItems=\"stretch\">\n                    <AssetCard\n                      asset={asset}\n                      size=\"S\"\n                      key={assetKey}\n                      local\n                      alt={asset.name}\n                      onEdit={onEditAsset}\n                      onRemove={onRemoveAsset}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </KeyboardNavigable>\n        </Flex>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'cancel' })}\n        </Button>\n        <Button onClick={handleSubmit} loading={uploadStatus === Status.Uploading}>\n          {formatMessage(\n            {\n              id: getTrad('modal.upload-list.footer.button'),\n              defaultMessage:\n                'Upload {number, plural, one {# asset} other {# assets}} to the library',\n            },\n            { number: assets.length }\n          )}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n"],"names":["Status","Idle","Uploading","Intermediate","PendingAssetStep","addUploadedFiles","folderId","onClose","onEditAsset","onRemoveAsset","assets","onClickAddAsset","onCancelUpload","onUploadSucceed","trackedLocation","assetCountRef","React","useRef","formatMessage","useIntl","trackUsage","useTracking","uploadStatus","setUploadStatus","useState","handleSubmit","e","preventDefault","stopPropagation","assetsCountByType","reduce","acc","asset","type","undefined","accType","currentCount","toString","parseInt","location","handleStatusChange","status","file","current","length","_jsxs","_Fragment","_jsx","Modal","Header","Title","id","getTrad","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","Typography","variant","fontWeight","textColor","number","Button","size","onClick","KeyboardNavigable","tagName","Grid","Root","map","assetKey","url","Item","m","s","xs","UploadingAssetCard","onCancel","onStatusChange","rawFile","col","AssetCard","local","alt","name","onEdit","onRemove","Footer","loading"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PendingAssetStep.mjs","sources":["../../../../../admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Flex, Grid, KeyboardNavigable, Modal, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { AssetType } from '../../../enums';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad } from '../../../utils';\nimport { AssetCard } from '../../AssetCard/AssetCard';\nimport { UploadingAssetCard } from '../../AssetCard/UploadingAssetCard';\n\nimport type { File, RawFile } from '../../../../../shared/contracts/files';\n\nconst Status = {\n  Idle: 'IDLE',\n  Uploading: 'UPLOADING',\n  Intermediate: 'INTERMEDIATE',\n};\n\ninterface Asset extends File {\n  rawFile?: RawFile;\n  type?: AssetType;\n}\n\ninterface PendingAssetStepProps {\n  addUploadedFiles?: (files: File[]) => void;\n  folderId?: string | number | null;\n  onClose: () => void;\n  onEditAsset: (asset: File) => void;\n  onRemoveAsset: (asset: File) => void;\n  onAddAsset?: (asset: File) => void;\n  assets: Asset[];\n  onClickAddAsset: () => void;\n  onCancelUpload: (rawFile: RawFile) => void;\n  onUploadSucceed: (file: RawFile) => void;\n  trackedLocation?: string;\n  initialAssetsToAdd?: File[];\n}\n\nexport const PendingAssetStep = ({\n  addUploadedFiles,\n  folderId,\n  onClose,\n  onEditAsset,\n  onRemoveAsset,\n  assets,\n  onClickAddAsset,\n  onCancelUpload,\n  onUploadSucceed,\n  trackedLocation,\n}: PendingAssetStepProps) => {\n  const assetCountRef = React.useRef(0);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [uploadStatus, setUploadStatus] = React.useState(Status.Idle);\n\n  const handleSubmit = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const assetsCountByType = assets.reduce(\n      (acc: Record<AssetType, string | number>, asset) => {\n        const { type } = asset;\n\n        if (type !== undefined && !acc[type]) {\n          acc[type] = 0;\n        }\n\n        if (type !== undefined) {\n          const accType = acc[type];\n          const currentCount = typeof accType === 'string' ? accType : accType.toString();\n          acc[type] = `${parseInt(currentCount, 10) + 1}`;\n        }\n\n        return acc;\n      },\n      {} as Record<AssetType, string | number>\n    );\n\n    trackUsage('willAddMediaLibraryAssets', {\n      location: trackedLocation!,\n      ...assetsCountByType,\n    });\n\n    setUploadStatus(Status.Uploading);\n  };\n\n  const handleStatusChange = (status: string, file: RawFile) => {\n    if (status === 'success' || status === 'error') {\n      assetCountRef.current++;\n\n      // There's no \"terminated\" status. When all the files have called their\n      // onUploadSucceed callback, the parent component filters the asset list\n      // and closes the modal when the asset list is empty\n      if (assetCountRef.current === assets.length) {\n        assetCountRef.current = 0;\n        setUploadStatus(Status.Intermediate);\n      }\n    }\n\n    if (status === 'success') {\n      onUploadSucceed(file);\n    }\n  };\n\n  return (\n    <>\n      <Modal.Header>\n        <Modal.Title>\n          {formatMessage({\n            id: getTrad('header.actions.add-assets'),\n            defaultMessage: 'Add new assets',\n          })}\n        </Modal.Title>\n      </Modal.Header>\n\n      <Modal.Body>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex justifyContent=\"space-between\">\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={0}>\n              <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n                {formatMessage(\n                  {\n                    id: getTrad('list.assets.to-upload'),\n                    defaultMessage:\n                      '{number, plural, =0 {No asset} one {1 asset} other {# assets}} ready to upload',\n                  },\n                  { number: assets.length }\n                )}\n              </Typography>\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: getTrad('modal.upload-list.sub-header-subtitle'),\n                  defaultMessage: 'Manage the assets before adding them to the Media Library',\n                })}\n              </Typography>\n            </Flex>\n            <Button size=\"S\" onClick={onClickAddAsset}>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n          <KeyboardNavigable tagName=\"article\">\n            <Grid.Root gap={4}>\n              {assets.map((asset) => {\n                const assetKey = asset.url;\n\n                if (uploadStatus === Status.Uploading || uploadStatus === Status.Intermediate) {\n                  return (\n                    <Grid.Item\n                      m={4}\n                      s={6}\n                      xs={12}\n                      key={assetKey}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <UploadingAssetCard\n                        // Props used to store the newly uploaded files\n                        addUploadedFiles={addUploadedFiles!}\n                        asset={asset}\n                        id={assetKey}\n                        onCancel={onCancelUpload}\n                        onStatusChange={(status) => handleStatusChange(status, asset.rawFile!)}\n                        size=\"S\"\n                        folderId={folderId}\n                      />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item col={4} key={assetKey} direction=\"column\" alignItems=\"stretch\">\n                    <AssetCard\n                      asset={asset}\n                      size=\"S\"\n                      key={assetKey}\n                      local\n                      alt={asset.name}\n                      onEdit={onEditAsset}\n                      onRemove={onRemoveAsset}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </KeyboardNavigable>\n        </Flex>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'cancel' })}\n        </Button>\n        <Button onClick={handleSubmit} loading={uploadStatus === Status.Uploading}>\n          {formatMessage(\n            {\n              id: getTrad('modal.upload-list.footer.button'),\n              defaultMessage:\n                'Upload {number, plural, one {# asset} other {# assets}} to the library',\n            },\n            { number: assets.length }\n          )}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n"],"names":["Status","Idle","Uploading","Intermediate","PendingAssetStep","addUploadedFiles","folderId","onClose","onEditAsset","onRemoveAsset","assets","onClickAddAsset","onCancelUpload","onUploadSucceed","trackedLocation","assetCountRef","React","useRef","formatMessage","useIntl","trackUsage","useTracking","uploadStatus","setUploadStatus","useState","handleSubmit","e","preventDefault","stopPropagation","assetsCountByType","reduce","acc","asset","type","undefined","accType","currentCount","toString","parseInt","location","handleStatusChange","status","file","current","length","_jsxs","_Fragment","_jsx","Modal","Header","Title","id","getTrad","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","Typography","variant","fontWeight","textColor","number","Button","size","onClick","KeyboardNavigable","tagName","Grid","Root","map","assetKey","url","Item","m","s","xs","UploadingAssetCard","onCancel","onStatusChange","rawFile","col","AssetCard","local","alt","name","onEdit","onRemove","Footer","loading"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/UploadAssetDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadAssetDialog.js","sources":["../../../../admin/src/components/UploadAssetDialog/UploadAssetDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { EditAssetContent } from '../EditAssetDialog/EditAssetContent';\n\nimport { AddAssetStep } from './AddAssetStep/AddAssetStep';\nimport { PendingAssetStep } from './PendingAssetStep/PendingAssetStep';\n\nimport type { File, RawFile } from '../../../../shared/contracts/files';\nimport type { AllowedFiles } from '../../utils';\n\nconst Steps = {\n  AddAsset: 'AddAsset',\n  PendingAsset: 'PendingAsset',\n};\n\ninterface FileWithRawFile extends Omit<File, 'id' | 'hash'> {\n  id?: string;\n  hash?: string;\n  rawFile: RawFile;\n}\n\ntype FileWithoutIdHash = Omit<File, 'id' | 'hash'>;\n\nexport interface Asset extends Omit<File, 'folder'> {\n  isLocal?: boolean;\n  rawFile?: RawFile;\n  folder?: File['folder'] & { id: number };\n}\n\nexport interface UploadAssetDialogProps {\n  addUploadedFiles?: (files: Asset[] | File[]) => void;\n  folderId?: string | number | null;\n  initialAssetsToAdd?: Asset[];\n  onClose: () => void;\n  open: boolean;\n  trackedLocation?: string;\n  validateAssetsTypes?: (\n    assets: FileWithoutIdHash[] | Asset[],\n    cb: (assets?: AllowedFiles[], error?: string) => void\n  ) => void;\n}\n\nexport const UploadAssetDialog = ({\n  initialAssetsToAdd,\n  folderId = null,\n  onClose = () => {},\n  addUploadedFiles,\n  trackedLocation,\n  open,\n  validateAssetsTypes = (_, cb) => cb(),\n}: UploadAssetDialogProps) => {\n  const { formatMessage } = useIntl();\n  const [step, setStep] = React.useState(initialAssetsToAdd ? Steps.PendingAsset : Steps.AddAsset);\n  const [assets, setAssets] = React.useState(initialAssetsToAdd || []);\n  const [assetToEdit, setAssetToEdit] = React.useState<File | Asset | undefined>(undefined);\n\n  const handleAddToPendingAssets = (nextAssets: Asset[]) => {\n    validateAssetsTypes(nextAssets, () => {\n      setAssets((prevAssets) => prevAssets.concat(nextAssets));\n      setStep(Steps.PendingAsset);\n    });\n  };\n\n  const moveToAddAsset = () => {\n    setStep(Steps.AddAsset);\n  };\n\n  const handleCancelUpload = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    // When there's no asset, transition to the AddAsset step\n    if (nextAssets.length === 0) {\n      moveToAddAsset();\n    }\n  };\n\n  const handleUploadSuccess = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    if (nextAssets.length === 0) {\n      onClose();\n    }\n  };\n\n  const handleAssetEditValidation = (nextAsset?: Asset | boolean | null) => {\n    if (nextAsset && typeof nextAsset !== 'boolean') {\n      const nextAssets = assets.map((asset) => (asset === assetToEdit ? nextAsset : asset));\n      setAssets(nextAssets);\n    }\n\n    setAssetToEdit(undefined);\n  };\n\n  const handleClose = () => {\n    if (step === Steps.PendingAsset && assets.length > 0) {\n      // eslint-disable-next-line no-alert\n      const confirm = window.confirm(\n        formatMessage({\n          id: 'window.confirm.close-modal.files',\n          defaultMessage: 'Are you sure? You have some files that have not been uploaded yet.',\n        })\n      );\n\n      if (confirm) {\n        onClose();\n      }\n    } else {\n      onClose();\n    }\n  };\n\n  const handleRemoveAsset = (assetToRemove: File) => {\n    const nextAssets = assets.filter((asset) => asset !== assetToRemove);\n    setAssets(nextAssets);\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={handleClose}>\n      {step === Steps.AddAsset && (\n        <Modal.Content>\n          <AddAssetStep\n            onClose={onClose}\n            onAddAsset={(assets: FileWithRawFile[]) =>\n              handleAddToPendingAssets(assets as unknown as Asset[])\n            }\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {step === Steps.PendingAsset && (\n        <Modal.Content>\n          <PendingAssetStep\n            onClose={handleClose}\n            assets={assets}\n            onEditAsset={setAssetToEdit}\n            onRemoveAsset={handleRemoveAsset}\n            onClickAddAsset={moveToAddAsset}\n            onCancelUpload={handleCancelUpload}\n            onUploadSucceed={handleUploadSuccess}\n            initialAssetsToAdd={initialAssetsToAdd}\n            addUploadedFiles={addUploadedFiles}\n            folderId={folderId}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {assetToEdit && (\n        <Modal.Content>\n          <EditAssetContent\n            onClose={handleAssetEditValidation}\n            asset={assetToEdit as Asset}\n            initialFolderId={folderId}\n            canUpdate\n            canCopyLink={false}\n            canDownload={false}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n    </Modal.Root>\n  );\n};\n"],"names":["Steps","AddAsset","PendingAsset","UploadAssetDialog","initialAssetsToAdd","folderId","onClose","addUploadedFiles","trackedLocation","open","validateAssetsTypes","_","cb","formatMessage","useIntl","step","setStep","React","useState","assets","setAssets","assetToEdit","setAssetToEdit","undefined","handleAddToPendingAssets","nextAssets","prevAssets","concat","moveToAddAsset","handleCancelUpload","file","filter","asset","rawFile","length","handleUploadSuccess","handleAssetEditValidation","nextAsset","map","handleClose","confirm","window","id","defaultMessage","handleRemoveAsset","assetToRemove","_jsxs","Modal","Root","onOpenChange","_jsx","Content","AddAssetStep","onAddAsset","PendingAssetStep","onEditAsset","onRemoveAsset","onClickAddAsset","onCancelUpload","onUploadSucceed","EditAssetContent","initialFolderId","canUpdate","canCopyLink","canDownload"],"mappings":"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"}

package/dist/admin/components/UploadAssetDialog/UploadAssetDialog.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadAssetDialog.mjs","sources":["../../../../admin/src/components/UploadAssetDialog/UploadAssetDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { EditAssetContent } from '../EditAssetDialog/EditAssetContent';\n\nimport { AddAssetStep } from './AddAssetStep/AddAssetStep';\nimport { PendingAssetStep } from './PendingAssetStep/PendingAssetStep';\n\nimport type { File, RawFile } from '../../../../shared/contracts/files';\nimport type { AllowedFiles } from '../../utils';\n\nconst Steps = {\n  AddAsset: 'AddAsset',\n  PendingAsset: 'PendingAsset',\n};\n\ninterface FileWithRawFile extends Omit<File, 'id' | 'hash'> {\n  id?: string;\n  hash?: string;\n  rawFile: RawFile;\n}\n\ntype FileWithoutIdHash = Omit<File, 'id' | 'hash'>;\n\nexport interface Asset extends Omit<File, 'folder'> {\n  isLocal?: boolean;\n  rawFile?: RawFile;\n  folder?: File['folder'] & { id: number };\n}\n\nexport interface UploadAssetDialogProps {\n  addUploadedFiles?: (files: Asset[] | File[]) => void;\n  folderId?: string | number | null;\n  initialAssetsToAdd?: Asset[];\n  onClose: () => void;\n  open: boolean;\n  trackedLocation?: string;\n  validateAssetsTypes?: (\n    assets: FileWithoutIdHash[] | Asset[],\n    cb: (assets?: AllowedFiles[], error?: string) => void\n  ) => void;\n}\n\nexport const UploadAssetDialog = ({\n  initialAssetsToAdd,\n  folderId = null,\n  onClose = () => {},\n  addUploadedFiles,\n  trackedLocation,\n  open,\n  validateAssetsTypes = (_, cb) => cb(),\n}: UploadAssetDialogProps) => {\n  const { formatMessage } = useIntl();\n  const [step, setStep] = React.useState(initialAssetsToAdd ? Steps.PendingAsset : Steps.AddAsset);\n  const [assets, setAssets] = React.useState(initialAssetsToAdd || []);\n  const [assetToEdit, setAssetToEdit] = React.useState<File | Asset | undefined>(undefined);\n\n  const handleAddToPendingAssets = (nextAssets: Asset[]) => {\n    validateAssetsTypes(nextAssets, () => {\n      setAssets((prevAssets) => prevAssets.concat(nextAssets));\n      setStep(Steps.PendingAsset);\n    });\n  };\n\n  const moveToAddAsset = () => {\n    setStep(Steps.AddAsset);\n  };\n\n  const handleCancelUpload = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    // When there's no asset, transition to the AddAsset step\n    if (nextAssets.length === 0) {\n      moveToAddAsset();\n    }\n  };\n\n  const handleUploadSuccess = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    if (nextAssets.length === 0) {\n      onClose();\n    }\n  };\n\n  const handleAssetEditValidation = (nextAsset?: Asset | boolean | null) => {\n    if (nextAsset && typeof nextAsset !== 'boolean') {\n      const nextAssets = assets.map((asset) => (asset === assetToEdit ? nextAsset : asset));\n      setAssets(nextAssets);\n    }\n\n    setAssetToEdit(undefined);\n  };\n\n  const handleClose = () => {\n    if (step === Steps.PendingAsset && assets.length > 0) {\n      // eslint-disable-next-line no-alert\n      const confirm = window.confirm(\n        formatMessage({\n          id: 'window.confirm.close-modal.files',\n          defaultMessage: 'Are you sure? You have some files that have not been uploaded yet.',\n        })\n      );\n\n      if (confirm) {\n        onClose();\n      }\n    } else {\n      onClose();\n    }\n  };\n\n  const handleRemoveAsset = (assetToRemove: File) => {\n    const nextAssets = assets.filter((asset) => asset !== assetToRemove);\n    setAssets(nextAssets);\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={handleClose}>\n      {step === Steps.AddAsset && (\n        <Modal.Content>\n          <AddAssetStep\n            onClose={onClose}\n            onAddAsset={(assets: FileWithRawFile[]) =>\n              handleAddToPendingAssets(assets as unknown as Asset[])\n            }\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {step === Steps.PendingAsset && (\n        <Modal.Content>\n          <PendingAssetStep\n            onClose={handleClose}\n            assets={assets}\n            onEditAsset={setAssetToEdit}\n            onRemoveAsset={handleRemoveAsset}\n            onClickAddAsset={moveToAddAsset}\n            onCancelUpload={handleCancelUpload}\n            onUploadSucceed={handleUploadSuccess}\n            initialAssetsToAdd={initialAssetsToAdd}\n            addUploadedFiles={addUploadedFiles}\n            folderId={folderId}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {assetToEdit && (\n        <Modal.Content>\n          <EditAssetContent\n            onClose={handleAssetEditValidation}\n            asset={assetToEdit as Asset}\n            initialFolderId={folderId}\n            canUpdate\n            canCopyLink={false}\n            canDownload={false}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n    </Modal.Root>\n  );\n};\n"],"names":["Steps","AddAsset","PendingAsset","UploadAssetDialog","initialAssetsToAdd","folderId","onClose","addUploadedFiles","trackedLocation","open","validateAssetsTypes","_","cb","formatMessage","useIntl","step","setStep","React","useState","assets","setAssets","assetToEdit","setAssetToEdit","undefined","handleAddToPendingAssets","nextAssets","prevAssets","concat","moveToAddAsset","handleCancelUpload","file","filter","asset","rawFile","length","handleUploadSuccess","handleAssetEditValidation","nextAsset","map","handleClose","confirm","window","id","defaultMessage","handleRemoveAsset","assetToRemove","_jsxs","Modal","Root","onOpenChange","_jsx","Content","AddAssetStep","onAddAsset","PendingAssetStep","onEditAsset","onRemoveAsset","onClickAddAsset","onCancelUpload","onUploadSucceed","EditAssetContent","initialFolderId","canUpdate","canCopyLink","canDownload"],"mappings":"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"}

package/dist/admin/components/UploadProgress/UploadProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadProgress.js","sources":["../../../../admin/src/components/UploadProgress/UploadProgress.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Flex, ProgressBar, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { UpdateFile } from '../../../../shared/contracts/files';\n\nconst BoxWrapper = styled(Flex)`\n  border-radius: ${({ theme }) => `${theme.borderRadius} ${theme.borderRadius} 0 0`};\n  width: 100%;\n  height: 100%;\n\n  svg {\n    path {\n      fill: ${({ theme, error }) => (error ? theme.colors.danger600 : undefined)};\n    }\n  }\n`;\n\nconst CancelButton = styled.button`\n  border: none;\n  background: none;\n  width: min-content;\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  svg {\n    height: 10px;\n    width: 10px;\n\n    path {\n      fill: currentColor;\n    }\n  }\n`;\n\nexport interface UploadProgressProps {\n  error?: UpdateFile.Response['error'] | Error | null;\n  onCancel: () => void;\n  progress?: number;\n}\n\nexport const UploadProgress = ({ onCancel, progress = 0, error }: UploadProgressProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BoxWrapper\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      background={error ? 'danger100' : 'neutral150'}\n      error={error}\n    >\n      {error ? (\n        <Cross aria-label={error?.message} />\n      ) : (\n        <Flex direction=\"column\" alignItems=\"center\" gap={2} width=\"100%\">\n          <ProgressBar value={progress} />\n          <Typography>{`${progress}/100%`}</Typography>\n\n          <CancelButton type=\"button\" onClick={onCancel}>\n            <Flex gap={2}>\n              <Typography variant=\"pi\" tag=\"span\" textColor=\"inherit\">\n                {formatMessage({\n                  id: 'app.components.Button.cancel',\n                  defaultMessage: 'Cancel',\n                })}\n              </Typography>\n\n              <Cross aria-hidden />\n            </Flex>\n          </CancelButton>\n        </Flex>\n      )}\n    </BoxWrapper>\n  );\n};\n"],"names":["BoxWrapper","styled","Flex","theme","borderRadius","error","colors","danger600","undefined","CancelButton","button","neutral600","neutral700","UploadProgress","onCancel","progress","formatMessage","useIntl","_jsx","justifyContent","alignItems","background","Cross","aria-label","message","_jsxs","direction","gap","width","ProgressBar","value","Typography","type","onClick","variant","tag","textColor","id","defaultMessage","aria-hidden"],"mappings":";;;;;;;;AAAA;AAQA,MAAMA,UAAAA,GAAaC,uBAAAA,CAAOC,iBAAAA,CAAK;AACd,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,GAAGA,KAAAA,CAAMC,YAAY,CAAC,CAAC,EAAED,KAAAA,CAAMC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;;AAMxE,YAAA,EAAE,CAAC,EAAED,KAAK,EAAEE,KAAK,EAAE,GAAMA,KAAAA,GAAQF,KAAAA,CAAMG,MAAM,CAACC,SAAS,GAAGC,SAAAA,CAAW;;;AAGjF,CAAC;AAED,MAAMC,YAAAA,GAAeR,uBAAAA,CAAOS,MAAM;;;;SAIzB,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACK,UAAU,CAAC;;;;WAIvC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACM,UAAU,CAAC;;;;;;;;;;;AAWpD,CAAC;AAQM,MAAMC,cAAAA,GAAiB,CAAC,EAAEC,QAAQ,EAAEC,QAAAA,GAAW,CAAC,EAAEV,KAAK,EAAuB,GAAA;IACnF,MAAM,EAAEW,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAA,CAAClB,UAAAA,EAAAA;QACCmB,cAAAA,EAAe,QAAA;QACfC,UAAAA,EAAW,QAAA;AACXC,QAAAA,UAAAA,EAAYhB,QAAQ,WAAA,GAAc,YAAA;QAClCA,KAAAA,EAAOA,KAAAA;AAENA,QAAAA,QAAAA,EAAAA,KAAAA,iBACCa,cAAA,CAACI,WAAAA,EAAAA;AAAMC,YAAAA,YAAAA,EAAYlB,KAAAA,EAAOmB;2BAE1BC,eAAA,CAACvB,iBAAAA,EAAAA;YAAKwB,SAAAA,EAAU,QAAA;YAASN,UAAAA,EAAW,QAAA;YAASO,GAAAA,EAAK,CAAA;YAAGC,KAAAA,EAAM,MAAA;;8BACzDV,cAAA,CAACW,wBAAAA,EAAAA;oBAAYC,KAAAA,EAAOf;;8BACpBG,cAAA,CAACa,uBAAAA,EAAAA;8BAAY,CAAA,EAAGhB,QAAAA,CAAS,KAAK;;8BAE9BG,cAAA,CAACT,YAAAA,EAAAA;oBAAauB,IAAAA,EAAK,QAAA;oBAASC,OAAAA,EAASnB,QAAAA;AACnC,oBAAA,QAAA,gBAAAW,eAAA,CAACvB,iBAAAA,EAAAA;wBAAKyB,GAAAA,EAAK,CAAA;;0CACTT,cAAA,CAACa,uBAAAA,EAAAA;gCAAWG,OAAAA,EAAQ,IAAA;gCAAKC,GAAAA,EAAI,MAAA;gCAAOC,SAAAA,EAAU,SAAA;0CAC3CpB,aAAAA,CAAc;oCACbqB,EAAAA,EAAI,8BAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAGFpB,cAAA,CAACI,WAAAA,EAAAA;gCAAMiB,aAAW,EAAA;;;;;;;;AAOhC;;;;"}

package/dist/admin/components/UploadProgress/UploadProgress.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadProgress.mjs","sources":["../../../../admin/src/components/UploadProgress/UploadProgress.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Flex, ProgressBar, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { UpdateFile } from '../../../../shared/contracts/files';\n\nconst BoxWrapper = styled(Flex)`\n  border-radius: ${({ theme }) => `${theme.borderRadius} ${theme.borderRadius} 0 0`};\n  width: 100%;\n  height: 100%;\n\n  svg {\n    path {\n      fill: ${({ theme, error }) => (error ? theme.colors.danger600 : undefined)};\n    }\n  }\n`;\n\nconst CancelButton = styled.button`\n  border: none;\n  background: none;\n  width: min-content;\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  svg {\n    height: 10px;\n    width: 10px;\n\n    path {\n      fill: currentColor;\n    }\n  }\n`;\n\nexport interface UploadProgressProps {\n  error?: UpdateFile.Response['error'] | Error | null;\n  onCancel: () => void;\n  progress?: number;\n}\n\nexport const UploadProgress = ({ onCancel, progress = 0, error }: UploadProgressProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BoxWrapper\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      background={error ? 'danger100' : 'neutral150'}\n      error={error}\n    >\n      {error ? (\n        <Cross aria-label={error?.message} />\n      ) : (\n        <Flex direction=\"column\" alignItems=\"center\" gap={2} width=\"100%\">\n          <ProgressBar value={progress} />\n          <Typography>{`${progress}/100%`}</Typography>\n\n          <CancelButton type=\"button\" onClick={onCancel}>\n            <Flex gap={2}>\n              <Typography variant=\"pi\" tag=\"span\" textColor=\"inherit\">\n                {formatMessage({\n                  id: 'app.components.Button.cancel',\n                  defaultMessage: 'Cancel',\n                })}\n              </Typography>\n\n              <Cross aria-hidden />\n            </Flex>\n          </CancelButton>\n        </Flex>\n      )}\n    </BoxWrapper>\n  );\n};\n"],"names":["BoxWrapper","styled","Flex","theme","borderRadius","error","colors","danger600","undefined","CancelButton","button","neutral600","neutral700","UploadProgress","onCancel","progress","formatMessage","useIntl","_jsx","justifyContent","alignItems","background","Cross","aria-label","message","_jsxs","direction","gap","width","ProgressBar","value","Typography","type","onClick","variant","tag","textColor","id","defaultMessage","aria-hidden"],"mappings":";;;;;;AAAA;AAQA,MAAMA,UAAAA,GAAaC,MAAAA,CAAOC,IAAAA,CAAK;AACd,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,GAAGA,KAAAA,CAAMC,YAAY,CAAC,CAAC,EAAED,KAAAA,CAAMC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;;AAMxE,YAAA,EAAE,CAAC,EAAED,KAAK,EAAEE,KAAK,EAAE,GAAMA,KAAAA,GAAQF,KAAAA,CAAMG,MAAM,CAACC,SAAS,GAAGC,SAAAA,CAAW;;;AAGjF,CAAC;AAED,MAAMC,YAAAA,GAAeR,MAAAA,CAAOS,MAAM;;;;SAIzB,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACK,UAAU,CAAC;;;;WAIvC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACM,UAAU,CAAC;;;;;;;;;;;AAWpD,CAAC;AAQM,MAAMC,cAAAA,GAAiB,CAAC,EAAEC,QAAQ,EAAEC,QAAAA,GAAW,CAAC,EAAEV,KAAK,EAAuB,GAAA;IACnF,MAAM,EAAEW,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAA,CAAClB,UAAAA,EAAAA;QACCmB,cAAAA,EAAe,QAAA;QACfC,UAAAA,EAAW,QAAA;AACXC,QAAAA,UAAAA,EAAYhB,QAAQ,WAAA,GAAc,YAAA;QAClCA,KAAAA,EAAOA,KAAAA;AAENA,QAAAA,QAAAA,EAAAA,KAAAA,iBACCa,GAAA,CAACI,KAAAA,EAAAA;AAAMC,YAAAA,YAAAA,EAAYlB,KAAAA,EAAOmB;2BAE1BC,IAAA,CAACvB,IAAAA,EAAAA;YAAKwB,SAAAA,EAAU,QAAA;YAASN,UAAAA,EAAW,QAAA;YAASO,GAAAA,EAAK,CAAA;YAAGC,KAAAA,EAAM,MAAA;;8BACzDV,GAAA,CAACW,WAAAA,EAAAA;oBAAYC,KAAAA,EAAOf;;8BACpBG,GAAA,CAACa,UAAAA,EAAAA;8BAAY,CAAA,EAAGhB,QAAAA,CAAS,KAAK;;8BAE9BG,GAAA,CAACT,YAAAA,EAAAA;oBAAauB,IAAAA,EAAK,QAAA;oBAASC,OAAAA,EAASnB,QAAAA;AACnC,oBAAA,QAAA,gBAAAW,IAAA,CAACvB,IAAAA,EAAAA;wBAAKyB,GAAAA,EAAK,CAAA;;0CACTT,GAAA,CAACa,UAAAA,EAAAA;gCAAWG,OAAAA,EAAQ,IAAA;gCAAKC,GAAAA,EAAI,MAAA;gCAAOC,SAAAA,EAAU,SAAA;0CAC3CpB,aAAAA,CAAc;oCACbqB,EAAAA,EAAI,8BAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAGFpB,GAAA,CAACI,KAAAA,EAAAA;gCAAMiB,aAAW,EAAA;;;;;;;;AAOhC;;;;"}

package/dist/admin/future/App.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
-var strapiAdmin = require('@strapi/admin/strapi-admin');
-var reactIntl = require('react-intl');
-var reactRouterDom = require('react-router-dom');
-var AssetsPage = require('./pages/Assets/AssetsPage.js');
-var translations = require('./utils/translations.js');
-
-const BetaMediaLibrary = ()=>{
-    const { formatMessage } = reactIntl.useIntl();
-    const title = formatMessage({
-        id: translations.getTranslationKey('plugin.name'),
-        defaultMessage: 'Media Library'
-    });
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
-                children: title
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Routes, {
-                children: /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                    index: true,
-                    element: /*#__PURE__*/ jsxRuntime.jsx(AssetsPage.AssetsPage, {})
-                })
-            })
-        ]
-    });
-};
-
-exports.BetaMediaLibrary = BetaMediaLibrary;
-//# sourceMappingURL=App.js.map

package/dist/admin/future/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const BetaMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </>\n  );\n};\n"],"names":["BetaMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","_Fragment","_jsx","Page","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;;;MASaA,gBAAAA,GAAmB,IAAA;IAC9B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAC1BG,QAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAC,cAAA,CAACC,iBAAKC,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbM,cAAA,CAACG,qBAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAH,cAAA,CAACI,oBAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASN,cAAA,CAACO,qBAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}

package/dist/admin/future/App.mjs

@@ -1,31 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react';
-import { Page } from '@strapi/admin/strapi-admin';
-import { useIntl } from 'react-intl';
-import { Routes, Route } from 'react-router-dom';
-import { AssetsPage } from './pages/Assets/AssetsPage.mjs';
-import { getTranslationKey } from './utils/translations.mjs';
-
-const BetaMediaLibrary = ()=>{
-    const { formatMessage } = useIntl();
-    const title = formatMessage({
-        id: getTranslationKey('plugin.name'),
-        defaultMessage: 'Media Library'
-    });
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(Page.Title, {
-                children: title
-            }),
-            /*#__PURE__*/ jsx(Routes, {
-                children: /*#__PURE__*/ jsx(Route, {
-                    index: true,
-                    element: /*#__PURE__*/ jsx(AssetsPage, {})
-                })
-            })
-        ]
-    });
-};
-
-export { BetaMediaLibrary };
-//# sourceMappingURL=App.mjs.map

package/dist/admin/future/App.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.mjs","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const BetaMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </>\n  );\n};\n"],"names":["BetaMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","_Fragment","_jsx","Page","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;MASaA,gBAAAA,GAAmB,IAAA;IAC9B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAC1BG,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,0BAAAC,GAAA,CAACC,KAAKC,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbM,GAAA,CAACG,MAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAH,GAAA,CAACI,KAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASN,GAAA,CAACO,UAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}

package/dist/admin/future/components/BetaNotice.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var strapiAdmin = require('@strapi/admin/strapi-admin');
-var designSystem = require('@strapi/design-system');
-var reactIntl = require('react-intl');
-var translations = require('../utils/translations.js');
-
-/**
- * The beta indicator is a notice rather than a badge on the page header: that
- * header's title follows the folder you are in, so a badge attached to it would
- * read as "this folder is beta". This notice covers the whole Media Library, and
- * stays dismissed once a tester has read it.
- *
- * It renders inside `Layouts.Content` so it picks up the content column's gutter.
- * Rendered above the layout instead, it would span the full viewport width and
- * sit over the folder sidebar.
- */ const BetaNotice = ()=>{
-    const { formatMessage } = reactIntl.useIntl();
-    const [isBetaNoticeDismissed, setIsBetaNoticeDismissed] = strapiAdmin.usePersistentState('STRAPI_UPLOAD_LIBRARY_BETA_NOTICE_DISMISSED', false);
-    if (isBetaNoticeDismissed) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-        paddingBottom: 4,
-        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Alert, {
-            variant: "default",
-            onClose: ()=>setIsBetaNoticeDismissed(true),
-            closeLabel: formatMessage({
-                id: translations.getTranslationKey('beta.notice.close'),
-                defaultMessage: 'Close'
-            }),
-            title: formatMessage({
-                id: translations.getTranslationKey('plugin.name'),
-                defaultMessage: 'Media Library'
-            }),
-            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                tag: "span",
-                gap: 2,
-                alignItems: "center",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                        tag: "span",
-                        background: "neutral150",
-                        hasRadius: true,
-                        paddingLeft: 2,
-                        paddingRight: 2,
-                        shrink: 0,
-                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                            variant: "sigma",
-                            textColor: "neutral600",
-                            children: formatMessage({
-                                id: translations.getTranslationKey('beta.badge'),
-                                defaultMessage: 'Beta'
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        tag: "span",
-                        children: formatMessage({
-                            id: translations.getTranslationKey('beta.notice.content'),
-                            defaultMessage: 'This is a beta version of the Media Library. Some features are still in progress — please report any issue you run into.'
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-
-exports.BetaNotice = BetaNotice;
-//# sourceMappingURL=BetaNotice.js.map

package/dist/admin/future/components/BetaNotice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BetaNotice.js","sources":["../../../../admin/src/future/components/BetaNotice.tsx"],"sourcesContent":["import { usePersistentState } from '@strapi/admin/strapi-admin';\nimport { Alert, Box, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../utils/translations';\n\n/**\n * The beta indicator is a notice rather than a badge on the page header: that\n * header's title follows the folder you are in, so a badge attached to it would\n * read as \"this folder is beta\". This notice covers the whole Media Library, and\n * stays dismissed once a tester has read it.\n *\n * It renders inside `Layouts.Content` so it picks up the content column's gutter.\n * Rendered above the layout instead, it would span the full viewport width and\n * sit over the folder sidebar.\n */\nexport const BetaNotice = () => {\n  const { formatMessage } = useIntl();\n  const [isBetaNoticeDismissed, setIsBetaNoticeDismissed] = usePersistentState(\n    'STRAPI_UPLOAD_LIBRARY_BETA_NOTICE_DISMISSED',\n    false\n  );\n\n  if (isBetaNoticeDismissed) {\n    return null;\n  }\n\n  return (\n    <Box paddingBottom={4}>\n      <Alert\n        variant=\"default\"\n        onClose={() => setIsBetaNoticeDismissed(true)}\n        closeLabel={formatMessage({\n          id: getTranslationKey('beta.notice.close'),\n          defaultMessage: 'Close',\n        })}\n        title={formatMessage({\n          id: getTranslationKey('plugin.name'),\n          defaultMessage: 'Media Library',\n        })}\n      >\n        {/* `Alert` renders its children inside a `<p>`, so everything here stays\n            inline to keep the markup valid. That rules out `Badge`, which always\n            renders a `<div>` — the badge below reproduces its look on a `<span>`. */}\n        <Flex tag=\"span\" gap={2} alignItems=\"center\">\n          <Box\n            tag=\"span\"\n            background=\"neutral150\"\n            hasRadius\n            paddingLeft={2}\n            paddingRight={2}\n            shrink={0}\n          >\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslationKey('beta.badge'),\n                defaultMessage: 'Beta',\n              })}\n            </Typography>\n          </Box>\n          <Typography tag=\"span\">\n            {formatMessage({\n              id: getTranslationKey('beta.notice.content'),\n              defaultMessage:\n                'This is a beta version of the Media Library. Some features are still in progress — please report any issue you run into.',\n            })}\n          </Typography>\n        </Flex>\n      </Alert>\n    </Box>\n  );\n};\n"],"names":["BetaNotice","formatMessage","useIntl","isBetaNoticeDismissed","setIsBetaNoticeDismissed","usePersistentState","_jsx","Box","paddingBottom","Alert","variant","onClose","closeLabel","id","getTranslationKey","defaultMessage","title","_jsxs","Flex","tag","gap","alignItems","background","hasRadius","paddingLeft","paddingRight","shrink","Typography","textColor"],"mappings":";;;;;;;;AAMA;;;;;;;;;UAUaA,UAAAA,GAAa,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,qBAAAA,EAAuBC,wBAAAA,CAAyB,GAAGC,+BACxD,6CAAA,EACA,KAAA,CAAA;AAGF,IAAA,IAAIF,qBAAAA,EAAuB;QACzB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEG,cAAA,CAACC,gBAAAA,EAAAA;QAAIC,aAAAA,EAAe,CAAA;AAClB,QAAA,QAAA,gBAAAF,cAAA,CAACG,kBAAAA,EAAAA;YACCC,OAAAA,EAAQ,SAAA;AACRC,YAAAA,OAAAA,EAAS,IAAMP,wBAAAA,CAAyB,IAAA,CAAA;AACxCQ,YAAAA,UAAAA,EAAYX,aAAAA,CAAc;AACxBY,gBAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,mBAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AACAC,YAAAA,KAAAA,EAAOf,aAAAA,CAAc;AACnBY,gBAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,aAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AAKA,YAAA,QAAA,gBAAAE,eAAA,CAACC,iBAAAA,EAAAA;gBAAKC,GAAAA,EAAI,MAAA;gBAAOC,GAAAA,EAAK,CAAA;gBAAGC,UAAAA,EAAW,QAAA;;kCAClCf,cAAA,CAACC,gBAAAA,EAAAA;wBACCY,GAAAA,EAAI,MAAA;wBACJG,UAAAA,EAAW,YAAA;wBACXC,SAAS,EAAA,IAAA;wBACTC,WAAAA,EAAa,CAAA;wBACbC,YAAAA,EAAc,CAAA;wBACdC,MAAAA,EAAQ,CAAA;AAER,wBAAA,QAAA,gBAAApB,cAAA,CAACqB,uBAAAA,EAAAA;4BAAWjB,OAAAA,EAAQ,OAAA;4BAAQkB,SAAAA,EAAU,YAAA;sCACnC3B,aAAAA,CAAc;AACbY,gCAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,YAAA,CAAA;gCACtBC,cAAAA,EAAgB;AAClB,6BAAA;;;kCAGJT,cAAA,CAACqB,uBAAAA,EAAAA;wBAAWR,GAAAA,EAAI,MAAA;kCACblB,aAAAA,CAAc;AACbY,4BAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,qBAAA,CAAA;4BACtBC,cAAAA,EACE;AACJ,yBAAA;;;;;;AAMZ;;;;"}

package/dist/admin/future/components/BetaNotice.mjs

@@ -1,70 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { usePersistentState } from '@strapi/admin/strapi-admin';
-import { Box, Alert, Flex, Typography } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
-import { getTranslationKey } from '../utils/translations.mjs';
-
-/**
- * The beta indicator is a notice rather than a badge on the page header: that
- * header's title follows the folder you are in, so a badge attached to it would
- * read as "this folder is beta". This notice covers the whole Media Library, and
- * stays dismissed once a tester has read it.
- *
- * It renders inside `Layouts.Content` so it picks up the content column's gutter.
- * Rendered above the layout instead, it would span the full viewport width and
- * sit over the folder sidebar.
- */ const BetaNotice = ()=>{
-    const { formatMessage } = useIntl();
-    const [isBetaNoticeDismissed, setIsBetaNoticeDismissed] = usePersistentState('STRAPI_UPLOAD_LIBRARY_BETA_NOTICE_DISMISSED', false);
-    if (isBetaNoticeDismissed) {
-        return null;
-    }
-    return /*#__PURE__*/ jsx(Box, {
-        paddingBottom: 4,
-        children: /*#__PURE__*/ jsx(Alert, {
-            variant: "default",
-            onClose: ()=>setIsBetaNoticeDismissed(true),
-            closeLabel: formatMessage({
-                id: getTranslationKey('beta.notice.close'),
-                defaultMessage: 'Close'
-            }),
-            title: formatMessage({
-                id: getTranslationKey('plugin.name'),
-                defaultMessage: 'Media Library'
-            }),
-            children: /*#__PURE__*/ jsxs(Flex, {
-                tag: "span",
-                gap: 2,
-                alignItems: "center",
-                children: [
-                    /*#__PURE__*/ jsx(Box, {
-                        tag: "span",
-                        background: "neutral150",
-                        hasRadius: true,
-                        paddingLeft: 2,
-                        paddingRight: 2,
-                        shrink: 0,
-                        children: /*#__PURE__*/ jsx(Typography, {
-                            variant: "sigma",
-                            textColor: "neutral600",
-                            children: formatMessage({
-                                id: getTranslationKey('beta.badge'),
-                                defaultMessage: 'Beta'
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Typography, {
-                        tag: "span",
-                        children: formatMessage({
-                            id: getTranslationKey('beta.notice.content'),
-                            defaultMessage: 'This is a beta version of the Media Library. Some features are still in progress — please report any issue you run into.'
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-
-export { BetaNotice };
-//# sourceMappingURL=BetaNotice.mjs.map

package/dist/admin/future/components/BetaNotice.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BetaNotice.mjs","sources":["../../../../admin/src/future/components/BetaNotice.tsx"],"sourcesContent":["import { usePersistentState } from '@strapi/admin/strapi-admin';\nimport { Alert, Box, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../utils/translations';\n\n/**\n * The beta indicator is a notice rather than a badge on the page header: that\n * header's title follows the folder you are in, so a badge attached to it would\n * read as \"this folder is beta\". This notice covers the whole Media Library, and\n * stays dismissed once a tester has read it.\n *\n * It renders inside `Layouts.Content` so it picks up the content column's gutter.\n * Rendered above the layout instead, it would span the full viewport width and\n * sit over the folder sidebar.\n */\nexport const BetaNotice = () => {\n  const { formatMessage } = useIntl();\n  const [isBetaNoticeDismissed, setIsBetaNoticeDismissed] = usePersistentState(\n    'STRAPI_UPLOAD_LIBRARY_BETA_NOTICE_DISMISSED',\n    false\n  );\n\n  if (isBetaNoticeDismissed) {\n    return null;\n  }\n\n  return (\n    <Box paddingBottom={4}>\n      <Alert\n        variant=\"default\"\n        onClose={() => setIsBetaNoticeDismissed(true)}\n        closeLabel={formatMessage({\n          id: getTranslationKey('beta.notice.close'),\n          defaultMessage: 'Close',\n        })}\n        title={formatMessage({\n          id: getTranslationKey('plugin.name'),\n          defaultMessage: 'Media Library',\n        })}\n      >\n        {/* `Alert` renders its children inside a `<p>`, so everything here stays\n            inline to keep the markup valid. That rules out `Badge`, which always\n            renders a `<div>` — the badge below reproduces its look on a `<span>`. */}\n        <Flex tag=\"span\" gap={2} alignItems=\"center\">\n          <Box\n            tag=\"span\"\n            background=\"neutral150\"\n            hasRadius\n            paddingLeft={2}\n            paddingRight={2}\n            shrink={0}\n          >\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslationKey('beta.badge'),\n                defaultMessage: 'Beta',\n              })}\n            </Typography>\n          </Box>\n          <Typography tag=\"span\">\n            {formatMessage({\n              id: getTranslationKey('beta.notice.content'),\n              defaultMessage:\n                'This is a beta version of the Media Library. Some features are still in progress — please report any issue you run into.',\n            })}\n          </Typography>\n        </Flex>\n      </Alert>\n    </Box>\n  );\n};\n"],"names":["BetaNotice","formatMessage","useIntl","isBetaNoticeDismissed","setIsBetaNoticeDismissed","usePersistentState","_jsx","Box","paddingBottom","Alert","variant","onClose","closeLabel","id","getTranslationKey","defaultMessage","title","_jsxs","Flex","tag","gap","alignItems","background","hasRadius","paddingLeft","paddingRight","shrink","Typography","textColor"],"mappings":";;;;;;AAMA;;;;;;;;;UAUaA,UAAAA,GAAa,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,qBAAAA,EAAuBC,wBAAAA,CAAyB,GAAGC,mBACxD,6CAAA,EACA,KAAA,CAAA;AAGF,IAAA,IAAIF,qBAAAA,EAAuB;QACzB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEG,GAAA,CAACC,GAAAA,EAAAA;QAAIC,aAAAA,EAAe,CAAA;AAClB,QAAA,QAAA,gBAAAF,GAAA,CAACG,KAAAA,EAAAA;YACCC,OAAAA,EAAQ,SAAA;AACRC,YAAAA,OAAAA,EAAS,IAAMP,wBAAAA,CAAyB,IAAA,CAAA;AACxCQ,YAAAA,UAAAA,EAAYX,aAAAA,CAAc;AACxBY,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AACAC,YAAAA,KAAAA,EAAOf,aAAAA,CAAc;AACnBY,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,aAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AAKA,YAAA,QAAA,gBAAAE,IAAA,CAACC,IAAAA,EAAAA;gBAAKC,GAAAA,EAAI,MAAA;gBAAOC,GAAAA,EAAK,CAAA;gBAAGC,UAAAA,EAAW,QAAA;;kCAClCf,GAAA,CAACC,GAAAA,EAAAA;wBACCY,GAAAA,EAAI,MAAA;wBACJG,UAAAA,EAAW,YAAA;wBACXC,SAAS,EAAA,IAAA;wBACTC,WAAAA,EAAa,CAAA;wBACbC,YAAAA,EAAc,CAAA;wBACdC,MAAAA,EAAQ,CAAA;AAER,wBAAA,QAAA,gBAAApB,GAAA,CAACqB,UAAAA,EAAAA;4BAAWjB,OAAAA,EAAQ,OAAA;4BAAQkB,SAAAA,EAAU,YAAA;sCACnC3B,aAAAA,CAAc;AACbY,gCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,YAAA,CAAA;gCACtBC,cAAAA,EAAgB;AAClB,6BAAA;;;kCAGJT,GAAA,CAACqB,UAAAA,EAAAA;wBAAWR,GAAAA,EAAI,MAAA;kCACblB,aAAAA,CAAc;AACbY,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,qBAAA,CAAA;4BACtBC,cAAAA,EACE;AACJ,yBAAA;;;;;;AAMZ;;;;"}

package/dist/admin/future/components/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideHandler = NonNullable<Dialog.DialogContentProps['onPointerDownOutside']>;\n\n/** Vetoes an outside interaction that would otherwise dismiss the drawer. */\nconst keepOpen = (event: { preventDefault: () => void }) => event.preventDefault();\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  /**\n   * Opt in to dismiss-on-outside-click. Omitted, an outside pointer press never\n   * closes the drawer — it must be closed explicitly, as long-running panels\n   * like the upload progress dialog need. Passed, the handler can still veto\n   * individual presses via `event.preventDefault()`. Content rendered from\n   * inside the panel but portaled elsewhere (DS dialogs, popovers, tooltips)\n   * never counts as outside — Radix reads the React tree, not the DOM.\n   */\n  onPointerDownOutside?: PointerDownOutsideHandler;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  (\n    { animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props },\n    ref\n  ) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={onPointerDownOutside}\n      // Non-modal, so focus legitimately moves outside (tabbing past the last\n      // field); only a pointer press should ever dismiss.\n      onFocusOutside={keepOpen}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","keepOpen","event","preventDefault","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","onPointerDownOutside","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onFocusOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

package/dist/admin/future/components/Drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideHandler = NonNullable<Dialog.DialogContentProps['onPointerDownOutside']>;\n\n/** Vetoes an outside interaction that would otherwise dismiss the drawer. */\nconst keepOpen = (event: { preventDefault: () => void }) => event.preventDefault();\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  /**\n   * Opt in to dismiss-on-outside-click. Omitted, an outside pointer press never\n   * closes the drawer — it must be closed explicitly, as long-running panels\n   * like the upload progress dialog need. Passed, the handler can still veto\n   * individual presses via `event.preventDefault()`. Content rendered from\n   * inside the panel but portaled elsewhere (DS dialogs, popovers, tooltips)\n   * never counts as outside — Radix reads the React tree, not the DOM.\n   */\n  onPointerDownOutside?: PointerDownOutsideHandler;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  (\n    { animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props },\n    ref\n  ) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={onPointerDownOutside}\n      // Non-modal, so focus legitimately moves outside (tabbing past the last\n      // field); only a pointer press should ever dismiss.\n      onFocusOutside={keepOpen}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","keepOpen","event","preventDefault","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","onPointerDownOutside","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onFocusOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

package/dist/admin/future/components/TruncatedText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedText.js","sources":["../../../../admin/src/future/components/TruncatedText.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Tooltip, Typography, type TypographyProps } from '@strapi/design-system';\n\ninterface TruncatedTextProps extends Omit<TypographyProps, 'children' | 'ellipsis'> {\n  /** The full text. Doubles as the tooltip content once it no longer fits. */\n  children: string;\n}\n\n/**\n * Text that ellipsizes, with a tooltip carrying the full value once it actually\n * does. Used for folder and asset names, which are user-supplied and routinely\n * longer than the column, card or rail holding them.\n *\n * The tooltip is conditional rather than always-on: a permanent tooltip would\n * make every short name hoverable for no reason, and would announce a\n * description that merely repeats the visible text.\n *\n * Whether the text is truncated can't be derived from the string — it depends on\n * the rendered width — so it has to be measured. That measurement happens when\n * the pointer or focus arrives, not at mount.\n *\n * Measuring at mount is the obvious approach and it does not work here. The\n * reading is only correct once the row's width constraint has reached this span,\n * and the tree remounts its rows during first render: the instance that survives\n * can take its one measurement while still unconstrained, conclude it fits, and\n * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on\n * this span never fires again — an ancestor clamps the row, so the text\n * overflows inside a box whose own size stops changing.\n *\n * Reading on hover sidesteps all of that. It is the only moment the answer is\n * needed, the layout is settled by then, and nothing is cached across remounts\n * or resizes that could go stale.\n */\nexport const TruncatedText = ({ children, ...props }: TruncatedTextProps) => {\n  const textRef = useRef<HTMLSpanElement | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const checkTruncation = () => {\n    const el = textRef.current;\n\n    if (el) {\n      setIsTruncated(el.scrollWidth > el.clientWidth);\n    }\n  };\n\n  // A ref callback rather than useRef alone, so the first measurement happens\n  // when the node attaches and again whenever it is replaced. The tree remounts\n  // its rows during first render, and a value measured against the discarded\n  // node would never be revisited — this re-runs against the node that survives.\n  const attachRef = (el: HTMLSpanElement | null) => {\n    textRef.current = el;\n\n    if (el) {\n      checkTruncation();\n    }\n  };\n\n  // The Tooltip stays mounted and the *label* is what's conditional, rather than\n  // swapping between a wrapped and unwrapped span. Swapping loses the first\n  // hover: the measurement that decides to show a tooltip is itself triggered by\n  // the pointer arriving, so the trigger would mount underneath a pointer that\n  // has already entered, and Radix — which starts watching at mount — sees no\n  // enter event and stays closed until the pointer leaves and returns.\n  //\n  // With `label` empty the DS Tooltip renders its child as-is and attaches\n  // nothing, so untruncated text still costs no DOM node and announces no\n  // description duplicating what is already on screen.\n  return (\n    <Tooltip label={isTruncated ? children : undefined}>\n      <Typography\n        ref={attachRef}\n        ellipsis\n        // Focus is covered as well as hover: the tooltip has to be reachable by\n        // keyboard, and these rows are buttons.\n        onPointerEnter={checkTruncation}\n        onFocus={checkTruncation}\n        {...props}\n      >\n        {children}\n      </Typography>\n    </Tooltip>\n  );\n};\n"],"names":["TruncatedText","children","props","textRef","useRef","isTruncated","setIsTruncated","useState","checkTruncation","el","current","scrollWidth","clientWidth","attachRef","_jsx","Tooltip","label","undefined","Typography","ref","ellipsis","onPointerEnter","onFocus"],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;UAyBaA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAAAA,EAA2B,GAAA;AACtE,IAAA,MAAMC,UAAUC,YAAAA,CAA+B,IAAA,CAAA;AAC/C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAE/C,IAAA,MAAMC,eAAAA,GAAkB,IAAA;QACtB,MAAMC,EAAAA,GAAKN,QAAQO,OAAO;AAE1B,QAAA,IAAID,EAAAA,EAAI;AACNH,YAAAA,cAAAA,CAAeG,EAAAA,CAAGE,WAAW,GAAGF,EAAAA,CAAGG,WAAW,CAAA;AAChD,QAAA;AACF,IAAA,CAAA;;;;;AAMA,IAAA,MAAMC,YAAY,CAACJ,EAAAA,GAAAA;AACjBN,QAAAA,OAAAA,CAAQO,OAAO,GAAGD,EAAAA;AAElB,QAAA,IAAIA,EAAAA,EAAI;AACND,YAAAA,eAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;;;;;;;;;;;AAYA,IAAA,qBACEM,cAAA,CAACC,oBAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOX,cAAcJ,QAAAA,GAAWgB,SAAAA;AACvC,QAAA,QAAA,gBAAAH,cAAA,CAACI,uBAAAA,EAAAA;YACCC,GAAAA,EAAKN,SAAAA;YACLO,QAAQ,EAAA,IAAA;;;YAGRC,cAAAA,EAAgBb,eAAAA;YAChBc,OAAAA,EAASd,eAAAA;AACR,YAAA,GAAGN,KAAK;AAERD,YAAAA,QAAAA,EAAAA;;;AAIT;;;;"}

package/dist/admin/future/components/TruncatedText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedText.mjs","sources":["../../../../admin/src/future/components/TruncatedText.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Tooltip, Typography, type TypographyProps } from '@strapi/design-system';\n\ninterface TruncatedTextProps extends Omit<TypographyProps, 'children' | 'ellipsis'> {\n  /** The full text. Doubles as the tooltip content once it no longer fits. */\n  children: string;\n}\n\n/**\n * Text that ellipsizes, with a tooltip carrying the full value once it actually\n * does. Used for folder and asset names, which are user-supplied and routinely\n * longer than the column, card or rail holding them.\n *\n * The tooltip is conditional rather than always-on: a permanent tooltip would\n * make every short name hoverable for no reason, and would announce a\n * description that merely repeats the visible text.\n *\n * Whether the text is truncated can't be derived from the string — it depends on\n * the rendered width — so it has to be measured. That measurement happens when\n * the pointer or focus arrives, not at mount.\n *\n * Measuring at mount is the obvious approach and it does not work here. The\n * reading is only correct once the row's width constraint has reached this span,\n * and the tree remounts its rows during first render: the instance that survives\n * can take its one measurement while still unconstrained, conclude it fits, and\n * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on\n * this span never fires again — an ancestor clamps the row, so the text\n * overflows inside a box whose own size stops changing.\n *\n * Reading on hover sidesteps all of that. It is the only moment the answer is\n * needed, the layout is settled by then, and nothing is cached across remounts\n * or resizes that could go stale.\n */\nexport const TruncatedText = ({ children, ...props }: TruncatedTextProps) => {\n  const textRef = useRef<HTMLSpanElement | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const checkTruncation = () => {\n    const el = textRef.current;\n\n    if (el) {\n      setIsTruncated(el.scrollWidth > el.clientWidth);\n    }\n  };\n\n  // A ref callback rather than useRef alone, so the first measurement happens\n  // when the node attaches and again whenever it is replaced. The tree remounts\n  // its rows during first render, and a value measured against the discarded\n  // node would never be revisited — this re-runs against the node that survives.\n  const attachRef = (el: HTMLSpanElement | null) => {\n    textRef.current = el;\n\n    if (el) {\n      checkTruncation();\n    }\n  };\n\n  // The Tooltip stays mounted and the *label* is what's conditional, rather than\n  // swapping between a wrapped and unwrapped span. Swapping loses the first\n  // hover: the measurement that decides to show a tooltip is itself triggered by\n  // the pointer arriving, so the trigger would mount underneath a pointer that\n  // has already entered, and Radix — which starts watching at mount — sees no\n  // enter event and stays closed until the pointer leaves and returns.\n  //\n  // With `label` empty the DS Tooltip renders its child as-is and attaches\n  // nothing, so untruncated text still costs no DOM node and announces no\n  // description duplicating what is already on screen.\n  return (\n    <Tooltip label={isTruncated ? children : undefined}>\n      <Typography\n        ref={attachRef}\n        ellipsis\n        // Focus is covered as well as hover: the tooltip has to be reachable by\n        // keyboard, and these rows are buttons.\n        onPointerEnter={checkTruncation}\n        onFocus={checkTruncation}\n        {...props}\n      >\n        {children}\n      </Typography>\n    </Tooltip>\n  );\n};\n"],"names":["TruncatedText","children","props","textRef","useRef","isTruncated","setIsTruncated","useState","checkTruncation","el","current","scrollWidth","clientWidth","attachRef","_jsx","Tooltip","label","undefined","Typography","ref","ellipsis","onPointerEnter","onFocus"],"mappings":";;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;UAyBaA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAAAA,EAA2B,GAAA;AACtE,IAAA,MAAMC,UAAUC,MAAAA,CAA+B,IAAA,CAAA;AAC/C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAE/C,IAAA,MAAMC,eAAAA,GAAkB,IAAA;QACtB,MAAMC,EAAAA,GAAKN,QAAQO,OAAO;AAE1B,QAAA,IAAID,EAAAA,EAAI;AACNH,YAAAA,cAAAA,CAAeG,EAAAA,CAAGE,WAAW,GAAGF,EAAAA,CAAGG,WAAW,CAAA;AAChD,QAAA;AACF,IAAA,CAAA;;;;;AAMA,IAAA,MAAMC,YAAY,CAACJ,EAAAA,GAAAA;AACjBN,QAAAA,OAAAA,CAAQO,OAAO,GAAGD,EAAAA;AAElB,QAAA,IAAIA,EAAAA,EAAI;AACND,YAAAA,eAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;;;;;;;;;;;AAYA,IAAA,qBACEM,GAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOX,cAAcJ,QAAAA,GAAWgB,SAAAA;AACvC,QAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;YACCC,GAAAA,EAAKN,SAAAA;YACLO,QAAQ,EAAA,IAAA;;;YAGRC,cAAAA,EAAgBb,eAAAA;YAChBc,OAAAA,EAASd,eAAAA;AACR,YAAA,GAAGN,KAAK;AAERD,YAAAA,QAAAA,EAAAA;;;AAIT;;;;"}