npm - @strapi/upload - Versions diffs - 5.47.0 → 5.47.1 - Mend

@strapi/upload 5.47.0 → 5.47.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetDetailsDrawer.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams, getDisplayName } from '@strapi/admin/strapi-admin';\nimport {\n Alert,\n Box,\n Field,\n Flex,\n Loader,\n TextInput,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowLineRight, FileError, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Drawer, DRAWER_CLOSE_ANIMATION_MS } from '../../../../components/Drawer';\nimport { AssetType } from '../../../../enums';\nimport { useGetAssetQuery } from '../../../../services/assets';\nimport { formatBytes, getFileExtension } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { AssetPreview } from './AssetPreview';\n\nimport type { AssetWithPopulatedCreatedBy } from '../../../../../../../shared/contracts/files';\n\n// Name of the parameter to look for in the URL to open the drawer\nconst URL_PARAM = 'assetId';\n\n/* -------------------------------------------------------------------------------------------------\n * useAssetDetailsParam - sync drawer visibility with URL ?{URL_PARAM}={id}\n * -----------------------------------------------------------------------------------------------/\n\nexport const useAssetDetailsParam = () => {\n const [{ query }, setQuery] = useQueryParams<{ [URL_PARAM]?: string }>();\n\n const detailsId = query?.[URL_PARAM];\n const assetId = detailsId ? parseInt(detailsId, 10) : null;\n const hasValidId = assetId !== null && !Number.isNaN(assetId);\n\n const [isClosing, setIsClosing] = React.useState(false);\n const displayAssetId = React.useRef<number \| null>(null);\n\n const isVisible = hasValidId && !isClosing;\n\n React.useEffect(() => {\n if (hasValidId) {\n displayAssetId.current = assetId;\n }\n }, [hasValidId, assetId]);\n\n const openDetails = React.useCallback(\n (id: number) => {\n setIsClosing(false);\n setQuery({ [URL_PARAM]: String(id) });\n },\n [setQuery]\n );\n\n const closeDetails = React.useCallback(() => {\n if (!hasValidId) return;\n setIsClosing(true);\n }, [hasValidId]);\n\n React.useEffect(() => {\n if (!isClosing) return;\n const timer = window.setTimeout(() => {\n setQuery({ [URL_PARAM]: undefined }, 'remove');\n setIsClosing(false);\n displayAssetId.current = null;\n }, DRAWER_CLOSE_ANIMATION_MS);\n return () => window.clearTimeout(timer);\n }, [isClosing, setQuery]);\n\n const shouldRenderDrawer = hasValidId \|\| isClosing;\n const drawerAssetId = isClosing ? (displayAssetId.current ?? assetId) : assetId;\n\n return {\n assetId: drawerAssetId,\n isVisible,\n shouldRenderDrawer,\n openDetails,\n closeDetails,\n };\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DetailItem\n * -----------------------------------------------------------------------------------------------/\n\ninterface DetailItemProps {\n label: string;\n value: React.ReactNode;\n}\n\nconst DetailItemContainer = styled(Flex)`\n flex: 0 0 calc(50% - ${({ theme }) => theme.spaces[2]});\n`;\n\nconst DetailItem = ({ label, value }: DetailItemProps) => (\n <DetailItemContainer\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n gap={1}\n >\n <Typography\n variant=\"sigma\"\n textColor=\"neutral600\"\n fontWeight=\"semiBold\"\n textTransform=\"uppercase\"\n >\n {label}\n </Typography>\n <Typography variant=\"pi\" textColor=\"neutral700\">\n {value ?? '-'}\n </Typography>\n </DetailItemContainer>\n);\n\n/ -------------------------------------------------------------------------------------------------\n * DetailField\n * -----------------------------------------------------------------------------------------------/\n\nconst StyledWarning = styled(WarningCircle)`\n width: 1.6rem;\n height: 1.6rem;\n\n path {\n fill: ${({ theme }) => theme.colors.warning500};\n }\n`;\n\ninterface DetailFieldProps {\n name: string;\n label: string;\n value: string \| null \| undefined;\n required?: boolean;\n}\n\nconst DetailField = ({ name, label, value, required }: DetailFieldProps) => (\n <Field.Root name={name} required={required}>\n <Field.Label>{label}</Field.Label>\n <TextInput\n value={value ?? ''}\n // TODO: handle onChange\n onChange={() => {}}\n endAction={!value ? <StyledWarning /> : undefined}\n type=\"text\"\n />\n </Field.Root>\n);\n\n/ -------------------------------------------------------------------------------------------------\n * AssetDetails\n * -----------------------------------------------------------------------------------------------/\n\ninterface AssetDetailsProps {\n asset: AssetWithPopulatedCreatedBy;\n}\n\nconst AssetDetails = ({ asset }: AssetDetailsProps) => {\n const { formatMessage, formatDate } = useIntl();\n\n const isImage = asset.mime?.includes(AssetType.Image);\n\n return (\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n gap={4}\n paddingTop={4}\n paddingBottom={4}\n paddingLeft={5}\n paddingRight={5}\n >\n <Typography variant=\"beta\" fontWeight=\"semiBold\" tag=\"h3\">\n {formatMessage({\n id: getTranslationKey('asset-details.fileInfo'),\n defaultMessage: 'File info',\n })}\n </Typography>\n <Flex\n wrap=\"wrap\"\n gap={4}\n background=\"neutral100\"\n paddingTop={4}\n paddingBottom={4}\n paddingLeft={6}\n paddingRight={6}\n alignItems=\"flex-start\"\n >\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.creationDate'),\n defaultMessage: 'Creation date',\n })}\n value={\n asset.createdAt\n ? formatDate(new Date(asset.createdAt), { dateStyle: 'long', timeStyle: 'short' })\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.lastUpdated'),\n defaultMessage: 'Last updated',\n })}\n value={\n asset.updatedAt\n ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long', timeStyle: 'short' })\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.createdBy'),\n defaultMessage: 'Created by',\n })}\n value={\n asset.createdBy\n ? (getDisplayName({\n firstname: asset.createdBy.firstname ?? undefined,\n lastname: asset.createdBy.lastname ?? undefined,\n username: asset.createdBy.username ?? undefined,\n email: asset.createdBy.email ?? undefined,\n }) ?? '-')\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.size'),\n defaultMessage: 'Size',\n })}\n value={asset.size ? formatBytes(asset.size, 1) : null}\n />\n {isImage && (asset.width != null \|\| asset.height != null) && (\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.dimensions'),\n defaultMessage: 'Dimensions',\n })}\n value={\n asset.width != null && asset.height != null\n ? `${asset.width} × ${asset.height}`\n : null\n }\n />\n )}\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.extension'),\n defaultMessage: 'Extension',\n })}\n value={getFileExtension(asset.ext)}\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.assetId'),\n defaultMessage: 'Asset ID',\n })}\n value={String(asset.id)}\n />\n </Flex>\n <DetailField\n name=\"fileName\"\n label={formatMessage({\n id: getTranslationKey('asset-details.fileName'),\n defaultMessage: 'File name',\n })}\n value={asset.name}\n required\n />\n {isImage && (\n <>\n <DetailField\n name=\"caption\"\n label={formatMessage({\n id: getTranslationKey('asset-details.caption'),\n defaultMessage: 'Caption',\n })}\n value={asset.caption}\n />\n <DetailField\n name=\"alternativeText\"\n label={formatMessage({\n id: getTranslationKey('asset-details.alternativeText'),\n defaultMessage: 'Alternative text',\n })}\n value={asset.alternativeText}\n />\n </>\n )}\n </Flex>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DrawerHeader\n * -----------------------------------------------------------------------------------------------/\n\ninterface DrawerHeaderProps {\n asset: AssetWithPopulatedCreatedBy;\n closeDetails: () => void;\n}\n\nconst DrawerHeader = ({ asset, closeDetails }: DrawerHeaderProps) => {\n const DocIcon = asset ? getAssetIcon(asset.mime, asset.ext) : FileError;\n return (\n <Flex gap={2} paddingLeft={5} paddingTop={3} paddingBottom={3} paddingRight={3}>\n <DocIcon width={20} height={20} />\n <Drawer.Title asChild>\n <Typography variant=\"omega\" fontWeight=\"semiBold\" overflow=\"hidden\" ellipsis tag=\"h2\">\n {asset.name}\n </Typography>\n </Drawer.Title>\n <Box marginLeft=\"auto\">\n <Drawer.CloseButton onClose={closeDetails}>\n <ArrowLineRight />\n </Drawer.CloseButton>\n </Box>\n </Flex>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DrawerContent\n * -----------------------------------------------------------------------------------------------/\n\ninterface DrawerContentProps {\n assetId: number;\n closeDetails: () => void;\n}\n\nconst DrawerContent = ({ assetId, closeDetails }: DrawerContentProps) => {\n const { formatMessage } = useIntl();\n const {\n data: asset,\n isLoading,\n error,\n } = useGetAssetQuery(assetId, {\n refetchOnMountOrArgChange: false,\n refetchOnReconnect: false,\n refetchOnFocus: false,\n });\n\n if (isLoading) {\n return (\n <Flex justifyContent=\"center\" padding={8}>\n <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n </Flex>\n );\n }\n\n if (error \|\| !asset) {\n return (\n <Flex direction=\"column\" alignItems=\"stretch\" gap={4} padding={4}>\n <Alert\n variant=\"danger\"\n closeLabel={formatMessage({ id: 'global.close', defaultMessage: 'Close' })}\n onClose={closeDetails}\n >\n {formatMessage({\n id: getTranslationKey('asset-details.error'),\n defaultMessage: 'Failed to load file details.',\n })}\n </Alert>\n </Flex>\n );\n }\n\n return (\n <>\n <DrawerHeader asset={asset} closeDetails={closeDetails} />\n <Drawer.ScrollableContent>\n <AssetPreview asset={asset} />\n <AssetDetails asset={asset} />\n </Drawer.ScrollableContent>\n </>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * AssetDetailsDrawer\n * -----------------------------------------------------------------------------------------------/\n\nexport const AssetDetailsDrawer = () => {\n const { formatMessage } = useIntl();\n const { assetId, isVisible, shouldRenderDrawer, closeDetails } = useAssetDetailsParam();\n\n if (!shouldRenderDrawer \|\| assetId === null) {\n return null;\n }\n\n return (\n <Drawer.Root isVisible={isVisible} onClose={closeDetails}>\n {/ Wrapper div required: Dialog.Portal uses asChild and merges ref onto each child.\n VisuallyHidden does not forward refs, so we wrap it in a div that can receive the ref. */}\n <div>\n <VisuallyHidden>\n <Drawer.Title>\n {formatMessage({\n id: getTranslationKey('asset-details.title'),\n defaultMessage: 'File details',\n })}\n </Drawer.Title>\n <Drawer.Description>\n {formatMessage({\n id: getTranslationKey('asset-details.description'),\n defaultMessage: 'Displays file information and metadata',\n })}\n </Drawer.Description>\n </VisuallyHidden>\n </div>\n <Drawer.Body animationDirection=\"left\" width=\"41.6rem\" height=\"100vh\">\n <DrawerContent assetId={assetId} closeDetails={closeDetails} />\n </Drawer.Body>\n </Drawer.Root>\n );\n};\n"],"names":["URL_PARAM","useAssetDetailsParam","query","setQuery","useQueryParams","detailsId","assetId","parseInt","hasValidId","Number","isNaN","isClosing","setIsClosing","React","useState","displayAssetId","useRef","isVisible","useEffect","current","openDetails","useCallback","id","String","closeDetails","timer","window","setTimeout","undefined","DRAWER_CLOSE_ANIMATION_MS","clearTimeout","shouldRenderDrawer","drawerAssetId","DetailItemContainer","styled","Flex","theme","spaces","DetailItem","label","value","_jsxs","direction","justifyContent","alignItems","gap","_jsx","Typography","variant","textColor","fontWeight","textTransform","StyledWarning","WarningCircle","colors","warning500","DetailField","name","required","Field","Root","Label","TextInput","onChange","endAction","type","AssetDetails","asset","formatMessage","formatDate","useIntl","isImage","mime","includes","AssetType","Image","paddingTop","paddingBottom","paddingLeft","paddingRight","tag","getTranslationKey","defaultMessage","wrap","background","createdAt","Date","dateStyle","timeStyle","updatedAt","createdBy","getDisplayName","firstname","lastname","username","email","size","formatBytes","width","height","getFileExtension","ext","_Fragment","caption","alternativeText","DrawerHeader","DocIcon","getAssetIcon","FileError","Drawer","Title","asChild","overflow","ellipsis","Box","marginLeft","CloseButton","onClose","ArrowLineRight","DrawerContent","data","isLoading","error","useGetAssetQuery","refetchOnMountOrArgChange","refetchOnReconnect","refetchOnFocus","padding","Loader","Alert","closeLabel","ScrollableContent","AssetPreview","AssetDetailsDrawer","div","VisuallyHidden","Description","Body","animationDirection"],"mappings":"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"}
1	+ {"version":3,"file":"AssetDetailsDrawer.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Blocker,\n Form,\n useField,\n useForm,\n useNotification,\n useQueryParams,\n getDisplayName,\n} from '@strapi/admin/strapi-admin';\nimport {\n Alert,\n Box,\n Button,\n Field,\n Flex,\n Loader,\n SingleSelect,\n SingleSelectOption,\n TextInput,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowLineRight, FileError, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Drawer } from '../../../../components/Drawer';\nimport { AssetType } from '../../../../enums';\nimport { useGetAssetQuery, useUpdateAssetMutation } from '../../../../services/assets';\nimport { useGetAllFoldersQuery } from '../../../../services/folders';\nimport { formatBytes, getFileExtension } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { AssetPreview } from './AssetPreview';\n\nimport type { AssetWithPopulatedCreatedBy } from '../../../../../../../shared/contracts/files';\n\n// Name of the parameter to look for in the URL to open the drawer\nconst URL_PARAM = 'assetId';\n\n/* -------------------------------------------------------------------------------------------------\n * useAssetDetailsParam - sync drawer visibility with URL ?{URL_PARAM}={id}\n * -----------------------------------------------------------------------------------------------/\n\nexport const useAssetDetailsParam = () => {\n const [{ query }, setQuery] = useQueryParams<{ [URL_PARAM]?: string }>();\n\n const detailsId = query?.[URL_PARAM];\n const assetId = detailsId ? parseInt(detailsId, 10) : null;\n const hasValidId = assetId !== null && !Number.isNaN(assetId);\n\n // Closing is driven by removing the URL param (a navigation), so navigation\n // guards like <Blocker> can intercept it. `isMounted` keeps the drawer in the\n // tree through the slide-out: it stays true once opened and only flips false\n // when the close animation actually ends (see onCloseAnimationEnd), so the\n // close duration lives entirely in CSS — no JS timer.\n const [isMounted, setIsMounted] = React.useState(hasValidId);\n const displayAssetId = React.useRef<number \| null>(null);\n\n React.useEffect(() => {\n if (hasValidId) {\n displayAssetId.current = assetId;\n setIsMounted(true);\n }\n }, [hasValidId, assetId]);\n\n const onCloseAnimationEnd = React.useCallback(\n (event: React.AnimationEvent) => {\n // Ignore animations bubbling up from descendants, and the slide-in.\n if (event.target === event.currentTarget && !hasValidId) {\n setIsMounted(false);\n }\n },\n [hasValidId]\n );\n\n const openDetails = React.useCallback(\n (id: number) => {\n setQuery({ [URL_PARAM]: String(id) }, 'push', true);\n },\n [setQuery]\n );\n\n const closeDetails = React.useCallback(() => {\n setQuery({ [URL_PARAM]: undefined }, 'remove', true);\n }, [setQuery]);\n\n return {\n assetId: hasValidId ? assetId : displayAssetId.current,\n isVisible: hasValidId,\n shouldRenderDrawer: isMounted,\n onCloseAnimationEnd,\n openDetails,\n closeDetails,\n };\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DetailItem\n * -----------------------------------------------------------------------------------------------/\n\ninterface DetailItemProps {\n label: string;\n value: React.ReactNode;\n}\n\nconst DetailItemContainer = styled(Flex)`\n flex: 0 0 calc(50% - ${({ theme }) => theme.spaces[2]});\n`;\n\nconst DetailItem = ({ label, value }: DetailItemProps) => (\n <DetailItemContainer\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n gap={1}\n >\n <Typography\n variant=\"sigma\"\n textColor=\"neutral600\"\n fontWeight=\"semiBold\"\n textTransform=\"uppercase\"\n >\n {label}\n </Typography>\n <Typography variant=\"pi\" textColor=\"neutral700\">\n {value ?? '-'}\n </Typography>\n </DetailItemContainer>\n);\n\n/ -------------------------------------------------------------------------------------------------\n * DetailField\n * -----------------------------------------------------------------------------------------------/\n\nconst StyledWarning = styled(WarningCircle)`\n width: 1.6rem;\n height: 1.6rem;\n\n path {\n fill: ${({ theme }) => theme.colors.warning500};\n }\n`;\n\ninterface DetailFieldProps {\n name: string;\n label: string;\n required?: boolean;\n}\n\nconst DetailField = ({ name, label, required }: DetailFieldProps) => {\n const { formatMessage } = useIntl();\n const field = useField<string>(name);\n const isSubmitting = useForm('DetailField', (state) => state.isSubmitting);\n const value = field.value ?? '';\n const emptyTooltipLabel = formatMessage(\n {\n id: getTranslationKey('asset-details.field.empty'),\n defaultMessage: '{label} is currently empty.',\n },\n { label }\n );\n\n return (\n <Field.Root name={name} required={required}>\n <Field.Label>{label}</Field.Label>\n <TextInput\n value={value}\n onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n field.onChange(name, event.target.value)\n }\n endAction={\n !value ? (\n <Tooltip label={emptyTooltipLabel}>\n <StyledWarning aria-label={emptyTooltipLabel} role=\"img\" />\n </Tooltip>\n ) : undefined\n }\n type=\"text\"\n disabled={isSubmitting}\n />\n </Field.Root>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * LocationField\n * -----------------------------------------------------------------------------------------------/\n\ninterface LocationFieldProps {\n label: string;\n rootLabel: string;\n folders: Array<{ id: number; name: string }>;\n}\n\nconst LocationField = ({ label, rootLabel, folders }: LocationFieldProps) => {\n const field = useField<number \| null>('folder');\n const isSubmitting = useForm('LocationField', (state) => state.isSubmitting);\n\n return (\n <Field.Root name=\"folder\" required>\n <Field.Label>{label}</Field.Label>\n {/ `null` is the canonical \"root of the Media Library\" value everywhere\n in the upload domain. The DS `SingleSelectOption.value` prop is typed\n `string \| number`, so we use the empty string as a DOM-only sentinel\n for the root option and map it back to `null` on change. /}\n <SingleSelect\n value={field.value == null ? '' : String(field.value)}\n onChange={(value) => {\n const next = value === '' ? null : Number(value);\n field.onChange('folder', next);\n }}\n disabled={isSubmitting}\n >\n <SingleSelectOption value=\"\">{rootLabel}</SingleSelectOption>\n {folders.map((folder) => (\n <SingleSelectOption key={folder.id} value={String(folder.id)}>\n {folder.name}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n </Field.Root>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * AssetDetails\n * -----------------------------------------------------------------------------------------------/\n\ninterface AssetDetailsProps {\n asset: AssetWithPopulatedCreatedBy;\n}\n\ninterface AssetFormState {\n name: string;\n caption: string;\n alternativeText: string;\n folder: number \| null;\n}\n\nexport const AssetDetails = ({ asset }: AssetDetailsProps) => {\n const { formatMessage, formatDate } = useIntl();\n const { toggleNotification } = useNotification();\n const { data: folders = [] } = useGetAllFoldersQuery();\n const [updateAsset] = useUpdateAssetMutation();\n\n const isImage = asset.mime?.includes(AssetType.Image);\n\n const initialValues: AssetFormState = {\n name: asset.name ?? '',\n caption: asset.caption ?? '',\n alternativeText: asset.alternativeText ?? '',\n folder:\n typeof asset.folder === 'object' && asset.folder !== null\n ? ((asset.folder as { id: number }).id ?? null)\n : ((asset.folder as number \| null \| undefined) ?? null),\n };\n\n const handleSubmit = async (values: AssetFormState) => {\n const res = await updateAsset({\n id: asset.id,\n fileInfo: {\n name: values.name,\n caption: values.caption,\n alternativeText: values.alternativeText,\n folder: values.folder,\n },\n });\n\n if ('error' in res) {\n toggleNotification({\n type: 'danger',\n message: formatMessage({\n id: getTranslationKey('asset-details.update.error'),\n defaultMessage: 'Failed to update the file.',\n }),\n });\n return;\n }\n\n toggleNotification({\n type: 'success',\n message: formatMessage({\n id: getTranslationKey('asset-details.update.success'),\n defaultMessage: 'File updated',\n }),\n });\n };\n\n return (\n // `key={asset.id}` resets the form when the drawer switches to a different\n // asset so cached values from the previous asset don't bleed in.\n <Form key={asset.id} method=\"POST\" initialValues={initialValues} onSubmit={handleSubmit}>\n {({ modified, isSubmitting, values, resetForm }) => {\n const nameIsEmpty = ((values as AssetFormState).name ?? '').trim() === '';\n return (\n <>\n {/ Guards every close path (X button, ESC, route change, browser\n back) by intercepting the navigation when the form is dirty.\n `onProceed` resets the form so the held navigation can complete.\n Lives inside <Form> so it can read the form context. /}\n <Blocker onProceed={resetForm} />\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n gap={4}\n paddingTop={4}\n paddingBottom={4}\n paddingLeft={5}\n paddingRight={5}\n >\n <Typography variant=\"beta\" fontWeight=\"semiBold\" tag=\"h3\">\n {formatMessage({\n id: getTranslationKey('asset-details.fileInfo'),\n defaultMessage: 'File info',\n })}\n </Typography>\n <Flex\n wrap=\"wrap\"\n gap={4}\n background=\"neutral100\"\n paddingTop={4}\n paddingBottom={4}\n paddingLeft={6}\n paddingRight={6}\n alignItems=\"flex-start\"\n >\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.creationDate'),\n defaultMessage: 'Creation date',\n })}\n value={\n asset.createdAt\n ? formatDate(new Date(asset.createdAt), {\n dateStyle: 'long',\n timeStyle: 'short',\n })\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.lastUpdated'),\n defaultMessage: 'Last updated',\n })}\n value={\n asset.updatedAt\n ? formatDate(new Date(asset.updatedAt), {\n dateStyle: 'long',\n timeStyle: 'short',\n })\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.createdBy'),\n defaultMessage: 'Created by',\n })}\n value={\n asset.createdBy\n ? (getDisplayName({\n firstname: asset.createdBy.firstname ?? undefined,\n lastname: asset.createdBy.lastname ?? undefined,\n username: asset.createdBy.username ?? undefined,\n email: asset.createdBy.email ?? undefined,\n }) ?? '-')\n : null\n }\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.size'),\n defaultMessage: 'Size',\n })}\n value={asset.size ? formatBytes(asset.size, 1) : null}\n />\n {isImage && (asset.width != null \|\| asset.height != null) && (\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.dimensions'),\n defaultMessage: 'Dimensions',\n })}\n value={\n asset.width != null && asset.height != null\n ? `${asset.width} × ${asset.height}`\n : null\n }\n />\n )}\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.extension'),\n defaultMessage: 'Extension',\n })}\n value={getFileExtension(asset.ext)}\n />\n <DetailItem\n label={formatMessage({\n id: getTranslationKey('asset-details.assetId'),\n defaultMessage: 'Asset ID',\n })}\n value={String(asset.id)}\n />\n </Flex>\n <DetailField\n name=\"name\"\n label={formatMessage({\n id: getTranslationKey('asset-details.fileName'),\n defaultMessage: 'File name',\n })}\n required\n />\n <LocationField\n label={formatMessage({\n id: getTranslationKey('asset-details.location'),\n defaultMessage: 'Location',\n })}\n rootLabel={formatMessage({\n id: getTranslationKey('plugin.home'),\n defaultMessage: 'Home',\n })}\n folders={folders}\n />\n {isImage && (\n <>\n <DetailField\n name=\"caption\"\n label={formatMessage({\n id: getTranslationKey('asset-details.caption'),\n defaultMessage: 'Caption',\n })}\n />\n <DetailField\n name=\"alternativeText\"\n label={formatMessage({\n id: getTranslationKey('asset-details.alternativeText'),\n defaultMessage: 'Alternative text',\n })}\n />\n </>\n )}\n\n <Flex justifyContent=\"flex-end\" gap={2} paddingTop={2}>\n <Button\n type=\"submit\"\n variant=\"default\"\n loading={isSubmitting}\n // File name is required; block submit when it's empty or whitespace so the API can't 400 on a blank value.\n disabled={!modified \|\| isSubmitting \|\| nameIsEmpty}\n >\n {formatMessage({\n id: getTranslationKey('asset-details.save'),\n defaultMessage: 'Save changes',\n })}\n </Button>\n </Flex>\n </Flex>\n </>\n );\n }}\n </Form>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DrawerHeader\n * -----------------------------------------------------------------------------------------------/\n\ninterface DrawerHeaderProps {\n asset: AssetWithPopulatedCreatedBy;\n closeDetails: () => void;\n}\n\nconst DrawerHeader = ({ asset, closeDetails }: DrawerHeaderProps) => {\n const DocIcon = asset ? getAssetIcon(asset.mime, asset.ext) : FileError;\n return (\n <Flex gap={2} paddingLeft={5} paddingTop={3} paddingBottom={3} paddingRight={3}>\n <DocIcon width={20} height={20} />\n <Drawer.Title asChild>\n <Typography variant=\"omega\" fontWeight=\"semiBold\" overflow=\"hidden\" ellipsis tag=\"h2\">\n {asset.name}\n </Typography>\n </Drawer.Title>\n <Box marginLeft=\"auto\">\n <Drawer.CloseButton onClose={closeDetails}>\n <ArrowLineRight />\n </Drawer.CloseButton>\n </Box>\n </Flex>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * DrawerContent\n * -----------------------------------------------------------------------------------------------/\n\ninterface DrawerContentProps {\n assetId: number;\n closeDetails: () => void;\n}\n\nconst DrawerContent = ({ assetId, closeDetails }: DrawerContentProps) => {\n const { formatMessage } = useIntl();\n const {\n data: asset,\n isLoading,\n error,\n } = useGetAssetQuery(assetId, {\n refetchOnMountOrArgChange: false,\n refetchOnReconnect: false,\n refetchOnFocus: false,\n });\n\n if (isLoading) {\n return (\n <Flex justifyContent=\"center\" padding={8}>\n <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n </Flex>\n );\n }\n\n if (error \|\| !asset) {\n return (\n <Flex direction=\"column\" alignItems=\"stretch\" gap={4} padding={4}>\n <Alert\n variant=\"danger\"\n closeLabel={formatMessage({ id: 'global.close', defaultMessage: 'Close' })}\n onClose={closeDetails}\n >\n {formatMessage({\n id: getTranslationKey('asset-details.error'),\n defaultMessage: 'Failed to load file details.',\n })}\n </Alert>\n </Flex>\n );\n }\n\n return (\n <>\n <DrawerHeader asset={asset} closeDetails={closeDetails} />\n <Drawer.ScrollableContent>\n <AssetPreview asset={asset} />\n <AssetDetails asset={asset} />\n </Drawer.ScrollableContent>\n </>\n );\n};\n\n/ -------------------------------------------------------------------------------------------------\n * AssetDetailsDrawer\n * -----------------------------------------------------------------------------------------------/\n\nexport const AssetDetailsDrawer = () => {\n const { formatMessage } = useIntl();\n const { assetId, isVisible, shouldRenderDrawer, onCloseAnimationEnd, closeDetails } =\n useAssetDetailsParam();\n\n if (!shouldRenderDrawer \|\| assetId === null) {\n return null;\n }\n\n return (\n <Drawer.Root isVisible={isVisible} onClose={closeDetails}>\n {/ Wrapper div required: Dialog.Portal uses asChild and merges ref onto each child.\n VisuallyHidden does not forward refs, so we wrap it in a div that can receive the ref. */}\n <div>\n <VisuallyHidden>\n <Drawer.Title>\n {formatMessage({\n id: getTranslationKey('asset-details.title'),\n defaultMessage: 'File details',\n })}\n </Drawer.Title>\n <Drawer.Description>\n {formatMessage({\n id: getTranslationKey('asset-details.description'),\n defaultMessage: 'Displays file information and metadata',\n })}\n </Drawer.Description>\n </VisuallyHidden>\n </div>\n <Drawer.Body\n animationDirection=\"left\"\n width=\"41.6rem\"\n height=\"100vh\"\n onAnimationEnd={onCloseAnimationEnd}\n >\n <DrawerContent assetId={assetId} closeDetails={closeDetails} />\n </Drawer.Body>\n </Drawer.Root>\n );\n};\n"],"names":["URL_PARAM","useAssetDetailsParam","query","setQuery","useQueryParams","detailsId","assetId","parseInt","hasValidId","Number","isNaN","isMounted","setIsMounted","React","useState","displayAssetId","useRef","useEffect","current","onCloseAnimationEnd","useCallback","event","target","currentTarget","openDetails","id","String","closeDetails","undefined","isVisible","shouldRenderDrawer","DetailItemContainer","styled","Flex","theme","spaces","DetailItem","label","value","_jsxs","direction","justifyContent","alignItems","gap","_jsx","Typography","variant","textColor","fontWeight","textTransform","StyledWarning","WarningCircle","colors","warning500","DetailField","name","required","formatMessage","useIntl","field","useField","isSubmitting","useForm","state","emptyTooltipLabel","getTranslationKey","defaultMessage","Field","Root","Label","TextInput","onChange","endAction","Tooltip","aria-label","role","type","disabled","LocationField","rootLabel","folders","SingleSelect","next","SingleSelectOption","map","folder","AssetDetails","asset","formatDate","toggleNotification","useNotification","data","useGetAllFoldersQuery","updateAsset","useUpdateAssetMutation","isImage","mime","includes","AssetType","Image","initialValues","caption","alternativeText","handleSubmit","values","res","fileInfo","message","Form","method","onSubmit","modified","resetForm","nameIsEmpty","trim","_Fragment","Blocker","onProceed","paddingTop","paddingBottom","paddingLeft","paddingRight","tag","wrap","background","createdAt","Date","dateStyle","timeStyle","updatedAt","createdBy","getDisplayName","firstname","lastname","username","email","size","formatBytes","width","height","getFileExtension","ext","Button","loading","DrawerHeader","DocIcon","getAssetIcon","FileError","Drawer","Title","asChild","overflow","ellipsis","Box","marginLeft","CloseButton","onClose","ArrowLineRight","DrawerContent","isLoading","error","useGetAssetQuery","refetchOnMountOrArgChange","refetchOnReconnect","refetchOnFocus","padding","Loader","Alert","closeLabel","ScrollableContent","AssetPreview","AssetDetailsDrawer","div","VisuallyHidden","Description","Body","animationDirection","onAnimationEnd"],"mappings":"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"}