@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

package/dist/elements/Upload/index.js

@@ -23,6 +23,7 @@ import { EditUpload } from '../EditUpload/index.js';
 import { FileDetails } from '../FileDetails/index.js';
 import { PreviewSizes } from '../PreviewSizes/index.js';
 import { Thumbnail } from '../Thumbnail/index.js';
+import { getEditorFileSrc } from './getEditorFileSrc.js';
 import { pasteURLDrawerSlug, UploadFromURLModal } from './UploadFromURLModal/index.js';
 import { usePasteFromClipboard } from './usePasteFromClipboard.js';
 import { useUploadFromUrl } from './useUploadFromUrl.js';
@@ -268,15 +269,15 @@ const UploadComponent = props => {
     }
   }, [isFormSubmitting]);
   const canRemoveUpload = docPermissions?.update;
-  const hasImageSizes = uploadConfig?.imageSizes?.length > 0;
-  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions);
+  const hasVariants = uploadConfig?.variants?.length > 0;
+  const hasImageAdjustments = Boolean(uploadConfig?.hasImageAdjustments);
   // Explicity check if set to true, default is undefined
   const focalPointEnabled = uploadConfig?.focalPoint === true;
   const {
     crop: showCrop = true,
     focalPoint = true
   } = uploadConfig;
-  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled);
+  const showFocalPoint = focalPoint && (hasVariants || hasImageAdjustments || focalPointEnabled);
   const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ');
   const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt;
   useEffect(() => {
@@ -302,7 +303,11 @@ const UploadComponent = props => {
     children: [(value || data?.filename) && /*#__PURE__*/_jsx(EditDepthProvider, {
       children: /*#__PURE__*/_jsx(EditUpload, {
         fileName: value?.name || data?.filename,
-        fileSrc: data?.url || fileSrc,
+        fileSrc: getEditorFileSrc({
+          data,
+          fileSrc,
+          hasSelectedFile: Boolean(value)
+        }),
         imageCacheTag: imageCacheTag,
         initialCrop: uploadEdits?.crop ?? undefined,
         initialFocalPoint: {
@@ -313,7 +318,7 @@ const UploadComponent = props => {
         showCrop: showCrop,
         showFocalPoint: showFocalPoint
       })
-    }), data && hasImageSizes && /*#__PURE__*/_jsx(Drawer, {
+    }), data && hasVariants && /*#__PURE__*/_jsx(Drawer, {
       className: `${baseClass}__previewDrawer`,
       hoverTitle: true,
       slug: sizePreviewSlug,
@@ -343,7 +348,7 @@ const UploadComponent = props => {
       doc: data,
       enableAdjustments: showCrop || showFocalPoint,
       handleRemove: canRemoveUpload ? handleFileRemoval : undefined,
-      hasImageSizes: hasImageSizes,
+      hasImageSizes: hasVariants,
       hideRemoveFile: uploadConfig.hideRemoveFile,
       imageCacheTag: imageCacheTag,
       uploadConfig: uploadConfig
@@ -380,6 +385,7 @@ const UploadComponent = props => {
               className: `${baseClass}__orText`,
               children: t('general:or')
             }), /*#__PURE__*/_jsx(Button, {
+              "aria-label": t('upload:pasteURL'),
               buttonStyle: "pill",
               className: `${baseClass}__pasteFromClipboard`,
               icon: "clipboard",
@@ -394,6 +400,7 @@ const UploadComponent = props => {
         })
       }), value && fileSrc && /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:cancel'),
           buttonStyle: "ghost",
           className: `${baseClass}__remove`,
           icon: "x",
@@ -416,7 +423,7 @@ const UploadComponent = props => {
           }), /*#__PURE__*/_jsx(UploadActions, {
             customActions: customActions,
             enableAdjustments: showCrop || showFocalPoint,
-            enablePreviewSizes: hasImageSizes && data?.filename && !removedFile,
+            enablePreviewSizes: hasVariants && data?.filename && !removedFile,
             mimeType: value.type
           })]
         })]

package/dist/elements/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","isImage","React","useCallback","useEffect","useRef","useState","FieldError","fieldBaseClass","TextInput","useForm","useFormProcessing","useField","useDocumentInfo","EditDepthProvider","useTranslation","UploadControlsProvider","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","pasteURLDrawerSlug","UploadFromURLModal","usePasteFromClipboard","useUploadFromUrl","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","name","UploadActions","t0","$","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","openModal","t1","t2","Symbol","for","bb0","fileTypeIsAdjustable","length","_jsxs","className","children","Fragment","_jsx","buttonStyle","margin","onClick","size","map","_temp","Upload","props","resetUploadEdits","updateUploadEdits","uploadEdits","UploadComponent","collectionSlug","initialState","onChange","uploadConfig","UploadControls","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileUrl","setModified","data","docPermissions","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","inputRef","handleFileChange","file","isNewFile","File","URL","createObjectURL","renameFile","fileToChange","newName","newFile","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileFetchedFromUrl","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","onFileFetched","handlePasteFromClipboard","handleFileRemoval","onEditsSave","args","startsWith","revokeObjectURL","canRemoveUpload","update","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","imageCacheTag","cacheTags","updatedAt","handleControlFileUrl","handleControlFile","drawers","fileName","url","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","title","label","doc","pasteURL","filter","message","customUploadActions","handleRemove","hideRemoveFile","hideFileInputOnCreate","current","click","accept","hidden","ref","icon","tooltip","round","CustomAction","i"],"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider, useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport './index.css'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { pasteURLDrawerSlug, UploadFromURLModal } from './UploadFromURLModal/index.js'\nimport { usePasteFromClipboard } from './usePasteFromClipboard.js'\nimport { useUploadFromUrl } from './useUploadFromUrl.js'\n\nexport { pasteURLDrawerSlug }\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  if (value && (!value.name || value.name === '')) {\n    return 'A file name is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n\n  const fileTypeIsAdjustable =\n    isImage(mimeType) && mimeType !== 'image/svg+xml' && mimeType !== 'image/jxl'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__previewSizes`}\n              margin={false}\n              onClick={() => {\n                openModal(sizePreviewSlug)\n              }}\n              size=\"medium\"\n            >\n              {t('upload:previewSizes')}\n            </Button>\n          )}\n          {enableAdjustments && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__edit`}\n              margin={false}\n              onClick={() => {\n                openModal(editDrawerSlug)\n              }}\n              size=\"medium\"\n            >\n              {t('upload:editImage')}\n            </Button>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n  readonly UploadControls?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  return (\n    <UploadControlsProvider>\n      <UploadComponent\n        {...props}\n        resetUploadEdits={resetUploadEdits}\n        updateUploadEdits={updateUploadEdits}\n        uploadEdits={uploadEdits}\n      />\n    </UploadControlsProvider>\n  )\n}\n\ntype UploadComponentProps = {\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadEdits?: UploadEdits\n} & UploadProps\n\nconst UploadComponent: React.FC<UploadComponentProps> = (props) => {\n  const {\n    collectionSlug,\n    customActions,\n    initialState,\n    onChange,\n    resetUploadEdits,\n    updateUploadEdits,\n    uploadConfig,\n    UploadControls,\n    uploadEdits,\n  } = props\n\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileUrl,\n  } = useUploadControls()\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { data, docPermissions } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n\n      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n\n      if (typeof onChange === 'function') {\n        onChange(file)\n      }\n    },\n    [onChange, setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange({ file: fileToUpload })\n    },\n    [handleFileChange],\n  )\n\n  const handleFileFetchedFromUrl = useCallback(\n    (file: File) => handleFileChange({ file }),\n    [handleFileChange],\n  )\n\n  const { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl } = useUploadFromUrl({\n    collectionSlug,\n    onFileFetched: handleFileFetchedFromUrl,\n    uploadConfig,\n  })\n\n  const handlePasteFromClipboard = usePasteFromClipboard({\n    handleFileSelection,\n    handleUrlSubmit,\n    setFileUrl,\n    uploadConfig,\n  })\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    return () => {\n      if (fileSrc?.startsWith('blob:')) {\n        URL.revokeObjectURL(fileSrc)\n      }\n    }\n  }, [fileSrc])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload = docPermissions?.update\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit, setFileUrl])\n\n  useEffect(() => {\n    const handleControlFile = () => {\n      if (uploadControlFile) {\n        handleFileChange({ file: uploadControlFile })\n      }\n    }\n\n    void handleControlFile()\n  }, [uploadControlFile, handleFileChange])\n\n  const drawers = (\n    <React.Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || data?.filename}\n            fileSrc={data?.url || fileSrc}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || data?.focalX || 50,\n              y: uploadEdits?.focalPoint?.y || data?.focalY || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n      {uploadConfig?.pasteURL !== false && (\n        <UploadFromURLModal\n          fileUrl={fileUrl}\n          handleUrlSubmit={handleUrlSubmit}\n          isValidUrl={isValidUrl}\n          setFileUrl={setFileUrl}\n        />\n      )}\n    </React.Fragment>\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {data && data.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={data}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasImageSizes}\n          hideRemoveFile={uploadConfig.hideRemoveFile}\n          imageCacheTag={imageCacheTag}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {((!uploadConfig.hideFileInputOnCreate && !data?.filename) || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"medium\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                  <Button\n                    buttonStyle=\"pill\"\n                    className={`${baseClass}__pasteFromClipboard`}\n                    icon=\"clipboard\"\n                    onClick={handlePasteFromClipboard}\n                    size=\"medium\"\n                    tooltip={t('upload:pasteURL')}\n                  />\n\n                  {UploadControls ? UploadControls : null}\n                </div>\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                <TextInput\n                  label={t('upload:fileName')}\n                  onChange={handleFileNameChange}\n                  path=\"filename\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasImageSizes && data?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","isImage","React","useCallback","useEffect","useRef","useState","FieldError","fieldBaseClass","TextInput","useForm","useFormProcessing","useField","useDocumentInfo","EditDepthProvider","useTranslation","UploadControlsProvider","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","getEditorFileSrc","pasteURLDrawerSlug","UploadFromURLModal","usePasteFromClipboard","useUploadFromUrl","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","name","UploadActions","t0","$","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","openModal","t1","t2","Symbol","for","bb0","fileTypeIsAdjustable","length","_jsxs","className","children","Fragment","_jsx","buttonStyle","margin","onClick","size","map","_temp","Upload","props","resetUploadEdits","updateUploadEdits","uploadEdits","UploadComponent","collectionSlug","initialState","onChange","uploadConfig","UploadControls","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileUrl","setModified","data","docPermissions","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","inputRef","handleFileChange","file","isNewFile","File","URL","createObjectURL","renameFile","fileToChange","newName","newFile","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileFetchedFromUrl","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","onFileFetched","handlePasteFromClipboard","handleFileRemoval","onEditsSave","args","startsWith","revokeObjectURL","canRemoveUpload","update","hasVariants","variants","hasImageAdjustments","Boolean","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","imageCacheTag","cacheTags","updatedAt","handleControlFileUrl","handleControlFile","drawers","fileName","hasSelectedFile","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","title","label","doc","pasteURL","filter","message","customUploadActions","handleRemove","hasImageSizes","hideRemoveFile","hideFileInputOnCreate","current","click","accept","hidden","ref","icon","tooltip","round","CustomAction","i"],"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider, useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport './index.css'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { getEditorFileSrc } from './getEditorFileSrc.js'\nimport { pasteURLDrawerSlug, UploadFromURLModal } from './UploadFromURLModal/index.js'\nimport { usePasteFromClipboard } from './usePasteFromClipboard.js'\nimport { useUploadFromUrl } from './useUploadFromUrl.js'\n\nexport { pasteURLDrawerSlug }\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  if (value && (!value.name || value.name === '')) {\n    return 'A file name is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n\n  const fileTypeIsAdjustable =\n    isImage(mimeType) && mimeType !== 'image/svg+xml' && mimeType !== 'image/jxl'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__previewSizes`}\n              margin={false}\n              onClick={() => {\n                openModal(sizePreviewSlug)\n              }}\n              size=\"medium\"\n            >\n              {t('upload:previewSizes')}\n            </Button>\n          )}\n          {enableAdjustments && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__edit`}\n              margin={false}\n              onClick={() => {\n                openModal(editDrawerSlug)\n              }}\n              size=\"medium\"\n            >\n              {t('upload:editImage')}\n            </Button>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  readonly UploadControls?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  return (\n    <UploadControlsProvider>\n      <UploadComponent\n        {...props}\n        resetUploadEdits={resetUploadEdits}\n        updateUploadEdits={updateUploadEdits}\n        uploadEdits={uploadEdits}\n      />\n    </UploadControlsProvider>\n  )\n}\n\ntype UploadComponentProps = {\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadEdits?: UploadEdits\n} & UploadProps\n\nconst UploadComponent: React.FC<UploadComponentProps> = (props) => {\n  const {\n    collectionSlug,\n    customActions,\n    initialState,\n    onChange,\n    resetUploadEdits,\n    updateUploadEdits,\n    uploadConfig,\n    UploadControls,\n    uploadEdits,\n  } = props\n\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileUrl,\n  } = useUploadControls()\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { data, docPermissions } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n\n      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n\n      if (typeof onChange === 'function') {\n        onChange(file)\n      }\n    },\n    [onChange, setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange({ file: fileToUpload })\n    },\n    [handleFileChange],\n  )\n\n  const handleFileFetchedFromUrl = useCallback(\n    (file: File) => handleFileChange({ file }),\n    [handleFileChange],\n  )\n\n  const { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl } = useUploadFromUrl({\n    collectionSlug,\n    onFileFetched: handleFileFetchedFromUrl,\n    uploadConfig,\n  })\n\n  const handlePasteFromClipboard = usePasteFromClipboard({\n    handleFileSelection,\n    handleUrlSubmit,\n    setFileUrl,\n    uploadConfig,\n  })\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    return () => {\n      if (fileSrc?.startsWith('blob:')) {\n        URL.revokeObjectURL(fileSrc)\n      }\n    }\n  }, [fileSrc])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload = docPermissions?.update\n\n  const hasVariants = uploadConfig?.variants?.length > 0\n  const hasImageAdjustments = Boolean(uploadConfig?.hasImageAdjustments)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasVariants || hasImageAdjustments || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit, setFileUrl])\n\n  useEffect(() => {\n    const handleControlFile = () => {\n      if (uploadControlFile) {\n        handleFileChange({ file: uploadControlFile })\n      }\n    }\n\n    void handleControlFile()\n  }, [uploadControlFile, handleFileChange])\n\n  const drawers = (\n    <React.Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || data?.filename}\n            fileSrc={getEditorFileSrc({ data, fileSrc, hasSelectedFile: Boolean(value) })}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || data?.focalX || 50,\n              y: uploadEdits?.focalPoint?.y || data?.focalY || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasVariants && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n      {uploadConfig?.pasteURL !== false && (\n        <UploadFromURLModal\n          fileUrl={fileUrl}\n          handleUrlSubmit={handleUrlSubmit}\n          isValidUrl={isValidUrl}\n          setFileUrl={setFileUrl}\n        />\n      )}\n    </React.Fragment>\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {data && data.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={data}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasVariants}\n          hideRemoveFile={uploadConfig.hideRemoveFile}\n          imageCacheTag={imageCacheTag}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {((!uploadConfig.hideFileInputOnCreate && !data?.filename) || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"medium\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                  <Button\n                    aria-label={t('upload:pasteURL')}\n                    buttonStyle=\"pill\"\n                    className={`${baseClass}__pasteFromClipboard`}\n                    icon=\"clipboard\"\n                    onClick={handlePasteFromClipboard}\n                    size=\"medium\"\n                    tooltip={t('upload:pasteURL')}\n                  />\n\n                  {UploadControls ? UploadControls : null}\n                </div>\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <Button\n                aria-label={t('general:cancel')}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                <TextInput\n                  label={t('upload:fileName')}\n                  onChange={handleFileNameChange}\n                  path=\"filename\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasVariants && data?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Upload/usePasteFromClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePasteFromClipboard.js","names":["c","_c","useModal","validateMimeType","useCallback","toast","useTranslation","useUploadControls","getFileOrUrlFromClipboard","pasteURLDrawerSlug","usePasteFromClipboard","t0","$","handleFileSelection","handleUrlSubmit","setFileUrl","uploadConfig","openModal","t","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","t1","result","isClipboardAccessDenied","t2","err","DOMException","name","error","type","pastedFile","files","mimeTypes","length","pasteURL","url","didFetchSucceed"],"sources":["../../../src/elements/Upload/usePasteFromClipboard.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { getFileOrUrlFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UsePasteFromClipboardArgs = {\n  readonly handleFileSelection: (files: FileList) => void\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly setFileUrl: (url: string) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements: reads the clipboard and routes the result\n * to file selection, URL fetching, or the paste-URL modal depending on what was found.\n */\nexport const usePasteFromClipboard = ({\n  handleFileSelection,\n  handleUrlSubmit,\n  setFileUrl,\n  uploadConfig,\n}: UsePasteFromClipboardArgs): (() => Promise<void>) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl } =\n    useUploadControls()\n\n  return useCallback(async () => {\n    let result: Awaited<ReturnType<typeof getFileOrUrlFromClipboard>> = null\n    let isClipboardAccessDenied = false\n\n    try {\n      result = await getFileOrUrlFromClipboard()\n    } catch (err) {\n      // Permission denied is the one clipboard failure that should still let the user paste a\n      // URL manually when pasteURL is enabled - any other failure keeps the old error toast.\n      if (err instanceof DOMException && err.name === 'NotAllowedError') {\n        isClipboardAccessDenied = true\n      } else {\n        toast.error(t('error:unableToReadClipboard'))\n        return\n      }\n    }\n\n    if (result?.type === 'file') {\n      const [pastedFile] = result.files\n      if (\n        uploadConfig?.mimeTypes?.length &&\n        !validateMimeType(pastedFile.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      handleFileSelection(result.files)\n      return\n    }\n\n    if (uploadConfig?.pasteURL === false) {\n      toast.error(\n        isClipboardAccessDenied\n          ? t('error:unableToReadClipboard')\n          : t('error:noFileFoundInClipboard'),\n      )\n      return\n    }\n\n    if (result?.type === 'url') {\n      setFileUrl(result.url)\n      const didFetchSucceed = await handleUrlSubmit(result.url)\n      if (!didFetchSucceed) {\n        openModal(pasteURLDrawerSlug)\n      }\n      return\n    }\n\n    openModal(pasteURLDrawerSlug)\n    setUploadControlFileUrl('')\n    setUploadControlFile(null)\n    setUploadControlFileName(null)\n  }, [\n    handleFileSelection,\n    handleUrlSubmit,\n    openModal,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    t,\n    uploadConfig,\n  ])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AAEtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AASnC;;;;AAIA,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,mBAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKV;EAC1B;IAAAM;EAAA,IAAsBf,QAAA;EACtB;IAAAgB;EAAA,IAAcZ,cAAA;EACd;IAAAa,oBAAA;IAAAC,wBAAA;IAAAC;EAAA,IACEd,iBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAC,mBAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAQ,wBAAA,IAAAR,CAAA,QAAAS,uBAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAI,YAAA;IAEiBM,EAAA,SAAAA,CAAA;MACjB,IAAAC,MAAA;MACA,IAAAC,uBAAA;MAA8B;MAAA;QAG5BD,MAAA,CAAAA,CAAA,CAAAA,KAAA,CAAeA,2BAAA;MAAf,SAAAE,EAAA;QACOC,KAAA,CAAAA,GAAA,CAAAA,CAAA,CAAAA,EAAA;QAAA,IAGHA,GAAA,YAAAC,YAAe,IAAgBD,GAAA,CAAAE,IAAA,KAAa;UAC9CJ,uBAAA,CAAAA,CAAA,CAAAA,IAAA;QAAA;UAEAnB,KAAA,CAAAwB,KAAA,CAAYX,CAAA,CAAE;UAAA;QAAA;MAAA;MAAA,IAKdK,MAAA,EAAAO,IAAA,KAAiB;QACnB,OAAAC,UAAA,IAAqBR,MAAA,CAAAS,KAAA;QAAY,IAE/BhB,YAAA,EAAAiB,SAAA,EAAAC,MAAA,KACC/B,gBAAA,CAAiB4B,UAAA,CAAAD,IAAA,EAAiBd,YAAA,CAAAiB,SAAsB;UAEzD5B,KAAA,CAAAwB,KAAA,CAAYX,CAAA,CAAE;UAAA;QAAA;QAGhBL,mBAAA,CAAoBU,MAAA,CAAAS,KAAY;QAAA;MAAA;MAAA,IAI9BhB,YAAA,EAAAmB,QAAA,UAA2B;QAC7B9B,KAAA,CAAAwB,KAAA,CACEL,uBAAA,GACIN,CAAA,CAAE,iCACFA,CAAA,CAAE;QAAA;MAAA;MAAA,IAKNK,MAAA,EAAAO,IAAA,KAAiB;QACnBf,UAAA,CAAWQ,MAAA,CAAAa,GAAU;QACrB,MAAAC,eAAA,SAA8BvB,eAAA,CAAgBS,MAAA,CAAAa,GAAU;QAAA,KACnDC,eAAA;UACHpB,SAAA,CAAAR,kBAAU;QAAA;QAAA;MAAA;MAKdQ,SAAA,CAAAR,kBAAU;MACVY,uBAAA,CAAwB;MACxBF,oBAAA,KAAqB;MACrBC,wBAAA,KAAyB;IAAA;IAC3BR,CAAA,MAAAC,mBAAA;IAAAD,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAQ,wBAAA;IAAAR,CAAA,MAAAS,uBAAA;IAAAT,CAAA,MAAAM,CAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,OApDOU,EA8DN;AAAA,CACH","ignoreList":[]}
+{"version":3,"file":"usePasteFromClipboard.js","names":["c","_c","useModal","validateMimeType","useCallback","toast","useTranslation","useUploadControls","getFileOrUrlFromClipboard","pasteURLDrawerSlug","usePasteFromClipboard","t0","$","handleFileSelection","handleUrlSubmit","setFileUrl","uploadConfig","openModal","t","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","t1","result","isClipboardAccessDenied","t2","err","DOMException","name","error","type","pastedFile","files","mimeTypes","length","pasteURL","url","didFetchSucceed"],"sources":["../../../src/elements/Upload/usePasteFromClipboard.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { getFileOrUrlFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UsePasteFromClipboardArgs = {\n  readonly handleFileSelection: (files: FileList) => void\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly setFileUrl: (url: string) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements: reads the clipboard and routes the result\n * to file selection, URL fetching, or the paste-URL modal depending on what was found.\n */\nexport const usePasteFromClipboard = ({\n  handleFileSelection,\n  handleUrlSubmit,\n  setFileUrl,\n  uploadConfig,\n}: UsePasteFromClipboardArgs): (() => Promise<void>) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl } =\n    useUploadControls()\n\n  return useCallback(async () => {\n    let result: Awaited<ReturnType<typeof getFileOrUrlFromClipboard>> = null\n    let isClipboardAccessDenied = false\n\n    try {\n      result = await getFileOrUrlFromClipboard()\n    } catch (err) {\n      // Permission denied is the one clipboard failure that should still let the user paste a\n      // URL manually when pasteURL is enabled - any other failure keeps the old error toast.\n      if (err instanceof DOMException && err.name === 'NotAllowedError') {\n        isClipboardAccessDenied = true\n      } else {\n        toast.error(t('error:unableToReadClipboard'))\n        return\n      }\n    }\n\n    if (result?.type === 'file') {\n      const [pastedFile] = result.files\n      if (\n        uploadConfig?.mimeTypes?.length &&\n        !validateMimeType(pastedFile.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      handleFileSelection(result.files)\n      return\n    }\n\n    if (uploadConfig?.pasteURL === false) {\n      toast.error(\n        isClipboardAccessDenied\n          ? t('error:unableToReadClipboard')\n          : t('error:noFileFoundInClipboard'),\n      )\n      return\n    }\n\n    if (result?.type === 'url') {\n      setFileUrl(result.url)\n      const didFetchSucceed = await handleUrlSubmit(result.url)\n      if (!didFetchSucceed) {\n        openModal(pasteURLDrawerSlug)\n      }\n      return\n    }\n\n    openModal(pasteURLDrawerSlug)\n    setUploadControlFileUrl('')\n    setUploadControlFile(null)\n    setUploadControlFileName(null)\n  }, [\n    handleFileSelection,\n    handleUrlSubmit,\n    openModal,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    t,\n    uploadConfig,\n  ])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AAEtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AASnC;;;;AAIA,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,mBAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKV;EAC1B;IAAAM;EAAA,IAAsBf,QAAA;EACtB;IAAAgB;EAAA,IAAcZ,cAAA;EACd;IAAAa,oBAAA;IAAAC,wBAAA;IAAAC;EAAA,IACEd,iBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAC,mBAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAQ,wBAAA,IAAAR,CAAA,QAAAS,uBAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAI,YAAA;IAEiBM,EAAA,SAAAA,CAAA;MACjB,IAAAC,MAAA,GAAoE;MACpE,IAAAC,uBAAA,GAA8B;MAAA;MAE9B;QACED,MAAA,CAAAA,CAAA,CAASA,KAAA,CAAMf,yBAAA;MAAf,SAAAiB,EAAA;QACOC,KAAA,CAAAA,GAAA,CAAAA,CAAA,CAAAA,EAAA;QAGP,IAAIA,GAAA,YAAeC,YAA6B,IAAbD,GAAA,CAAAE,IAAQ,KAAK;UAC9CJ,uBAAA,CAAAA,CAAA,CAA0BA,IAAA;QAA1B;UAEAnB,KAAA,CAAAwB,KAAW,CAACX,CAAA,CAAE;UAAA;QAAA;MAEhB;MAGF,IAAIK,MAAA,EAAAO,IAAQ,KAAS;QACnB,OAAAC,UAAA,IAAqBR,MAAA,CAAAS,KAAY;QACjC,IACEhB,YAAA,EAAAiB,SAAyB,EAAAC,MACgC,IADzD,CACC/B,gBAAA,CAAiB4B,UAAA,CAAAD,IAAe,EAAEd,YAAA,CAAAiB,SAAsB;UAEzD5B,KAAA,CAAAwB,KAAW,CAACX,CAAA,CAAE;UAAA;QAAA;QAGhBL,mBAAA,CAAoBU,MAAA,CAAAS,KAAY;QAAA;MAAA;MAIlC,IAAIhB,YAAA,EAAAmB,QAAc,KAAa;QAC7B9B,KAAA,CAAAwB,KAAW,CACTL,uBAAA,GACIN,CAAA,CAAE,6BACA,IAAFA,CAAA,CAAE;QAAA;MAAA;MAKV,IAAIK,MAAA,EAAAO,IAAQ,KAAS;QACnBf,UAAA,CAAWQ,MAAA,CAAAa,GAAU;QACrB,MAAAC,eAAA,GAAwB,MAAMvB,eAAA,CAAgBS,MAAA,CAAAa,GAAU;QACxD,IAAI,CAACC,eAAA;UACHpB,SAAA,CAAUR,kBAAA;QAAA;QACZ;MAAA;MAIFQ,SAAA,CAAUR,kBAAA;MACVY,uBAAA,CAAwB;MACxBF,oBAAA,CAAqB;MACrBC,wBAAA,CAAyB;IAAA,CAC3B;IAAAR,CAAA,MAAAC,mBAAA;IAAAD,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAQ,wBAAA;IAAAR,CAAA,MAAAS,uBAAA;IAAAT,CAAA,MAAAM,CAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,OApDOU,EA8DN;AAAA,CACH","ignoreList":[]}

package/dist/elements/Upload/useUploadFromUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadFromUrl.js","names":["c","_c","useModal","formatAdminURL","validateMimeType","useCallback","useState","toast","useConfig","useDocumentInfo","useTranslation","useUploadControls","pasteURLDrawerSlug","getFileNameFromUrl","overrideFileName","url","rawSegment","split","pop","decodeURIComponent","useUploadFromUrl","t0","$","collectionSlug","onFileFetched","uploadConfig","config","t1","routes","t2","api","closeModal","id","setUploadStatus","t","uploadControlFileName","fileUrl","setFileUrl","t3","URL","canParse","isValidUrl","Boolean","useServerSideFetch","pasteURL","allowList","length","t4","t5","blob","mimeTypes","type","error","fileName","File","acceptFetchedBlob","url_0","response","fetch","ok","Error","status","blob_0","fetchFileFromClient","t6","url_1","encodeURIComponent","response_0","apiRoute","path","blob_1","fetchFileFromServerProxy","t7","urlOverride","urlToFetch","t8","t9","handleUrlSubmit"],"sources":["../../../src/elements/Upload/useUploadFromUrl.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL, validateMimeType } from 'payload/shared'\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UseUploadFromUrlArgs = {\n  readonly collectionSlug: string\n  readonly onFileFetched: (file: File) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\ntype UseUploadFromUrlResult = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nconst getFileNameFromUrl = ({\n  overrideFileName,\n  url,\n}: {\n  overrideFileName: null | string\n  url: string\n}): string => {\n  const rawSegment = url.split('/').pop() || ''\n  return overrideFileName || decodeURIComponent(rawSegment.split('?')[0])\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements to fetch a file from a pasted URL, first\n * attempting a client-side fetch and falling back to a server-side proxy fetch when the\n * collection's `pasteURL.allowList` is configured (needed to work around CORS-restricted URLs).\n */\nexport const useUploadFromUrl = ({\n  collectionSlug,\n  onFileFetched,\n  uploadConfig,\n}: UseUploadFromUrlArgs): UseUploadFromUrlResult => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { closeModal } = useModal()\n  const { id, setUploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { uploadControlFileName } = useUploadControls()\n\n  const [fileUrl, setFileUrl] = useState('')\n\n  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl))\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const acceptFetchedBlob = useCallback(\n    ({ blob, url }: { blob: Blob; url: string }): boolean => {\n      if (uploadConfig?.mimeTypes?.length && !validateMimeType(blob.type, uploadConfig.mimeTypes)) {\n        toast.error(t('error:invalidFileType'))\n        setUploadStatus('failed')\n        return false\n      }\n\n      const fileName = getFileNameFromUrl({ overrideFileName: uploadControlFileName, url })\n      onFileFetched(new File([blob], fileName, { type: blob.type }))\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n      return true\n    },\n    [closeModal, onFileFetched, setUploadStatus, t, uploadConfig, uploadControlFileName],\n  )\n\n  const fetchFileFromClient = useCallback(\n    async (url: string): Promise<boolean> => {\n      const response = await fetch(url)\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob],\n  )\n\n  const fetchFileFromServerProxy = useCallback(\n    async (url: string): Promise<boolean> => {\n      const pasteURL: `/${string}` = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(url)}`\n      const response = await fetch(formatAdminURL({ apiRoute: api, path: pasteURL }))\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob, api, collectionSlug, id],\n  )\n\n  const handleUrlSubmit = useCallback(\n    async (urlOverride?: string): Promise<boolean> => {\n      const urlToFetch = urlOverride ?? fileUrl\n\n      if (!urlToFetch || !URL.canParse(urlToFetch) || uploadConfig?.pasteURL === false) {\n        return false\n      }\n\n      setUploadStatus('uploading')\n\n      try {\n        return await fetchFileFromClient(urlToFetch)\n      } catch (_clientError) {\n        if (!useServerSideFetch) {\n          toast.error(t('error:fileFetchFailed'))\n          setUploadStatus('failed')\n          return false\n        }\n      }\n\n      try {\n        return await fetchFileFromServerProxy(urlToFetch)\n      } catch (_serverError) {\n        toast.error(t('error:urlNotAllowed'))\n        setUploadStatus('failed')\n        return false\n      }\n    },\n    [\n      fetchFileFromClient,\n      fetchFileFromServerProxy,\n      fileUrl,\n      setUploadStatus,\n      t,\n      uploadConfig,\n      useServerSideFetch,\n    ],\n  )\n\n  return { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useUploadFromUrl.js","names":["c","_c","useModal","formatAdminURL","validateMimeType","useCallback","useState","toast","useConfig","useDocumentInfo","useTranslation","useUploadControls","pasteURLDrawerSlug","getFileNameFromUrl","overrideFileName","url","rawSegment","split","pop","decodeURIComponent","useUploadFromUrl","t0","$","collectionSlug","onFileFetched","uploadConfig","config","t1","routes","t2","api","closeModal","id","setUploadStatus","t","uploadControlFileName","fileUrl","setFileUrl","t3","URL","canParse","isValidUrl","Boolean","useServerSideFetch","pasteURL","allowList","length","t4","t5","blob","mimeTypes","type","error","fileName","File","acceptFetchedBlob","url_0","response","fetch","ok","Error","status","blob_0","fetchFileFromClient","t6","url_1","encodeURIComponent","response_0","apiRoute","path","blob_1","fetchFileFromServerProxy","t7","urlOverride","urlToFetch","t8","t9","handleUrlSubmit"],"sources":["../../../src/elements/Upload/useUploadFromUrl.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL, validateMimeType } from 'payload/shared'\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UseUploadFromUrlArgs = {\n  readonly collectionSlug: string\n  readonly onFileFetched: (file: File) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\ntype UseUploadFromUrlResult = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nconst getFileNameFromUrl = ({\n  overrideFileName,\n  url,\n}: {\n  overrideFileName: null | string\n  url: string\n}): string => {\n  const rawSegment = url.split('/').pop() || ''\n  return overrideFileName || decodeURIComponent(rawSegment.split('?')[0])\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements to fetch a file from a pasted URL, first\n * attempting a client-side fetch and falling back to a server-side proxy fetch when the\n * collection's `pasteURL.allowList` is configured (needed to work around CORS-restricted URLs).\n */\nexport const useUploadFromUrl = ({\n  collectionSlug,\n  onFileFetched,\n  uploadConfig,\n}: UseUploadFromUrlArgs): UseUploadFromUrlResult => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { closeModal } = useModal()\n  const { id, setUploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { uploadControlFileName } = useUploadControls()\n\n  const [fileUrl, setFileUrl] = useState('')\n\n  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl))\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const acceptFetchedBlob = useCallback(\n    ({ blob, url }: { blob: Blob; url: string }): boolean => {\n      if (uploadConfig?.mimeTypes?.length && !validateMimeType(blob.type, uploadConfig.mimeTypes)) {\n        toast.error(t('error:invalidFileType'))\n        setUploadStatus('failed')\n        return false\n      }\n\n      const fileName = getFileNameFromUrl({ overrideFileName: uploadControlFileName, url })\n      onFileFetched(new File([blob], fileName, { type: blob.type }))\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n      return true\n    },\n    [closeModal, onFileFetched, setUploadStatus, t, uploadConfig, uploadControlFileName],\n  )\n\n  const fetchFileFromClient = useCallback(\n    async (url: string): Promise<boolean> => {\n      const response = await fetch(url)\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob],\n  )\n\n  const fetchFileFromServerProxy = useCallback(\n    async (url: string): Promise<boolean> => {\n      const pasteURL: `/${string}` = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(url)}`\n      const response = await fetch(formatAdminURL({ apiRoute: api, path: pasteURL }))\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob, api, collectionSlug, id],\n  )\n\n  const handleUrlSubmit = useCallback(\n    async (urlOverride?: string): Promise<boolean> => {\n      const urlToFetch = urlOverride ?? fileUrl\n\n      if (!urlToFetch || !URL.canParse(urlToFetch) || uploadConfig?.pasteURL === false) {\n        return false\n      }\n\n      setUploadStatus('uploading')\n\n      try {\n        return await fetchFileFromClient(urlToFetch)\n      } catch (_clientError) {\n        if (!useServerSideFetch) {\n          toast.error(t('error:fileFetchFailed'))\n          setUploadStatus('failed')\n          return false\n        }\n      }\n\n      try {\n        return await fetchFileFromServerProxy(urlToFetch)\n      } catch (_serverError) {\n        toast.error(t('error:urlNotAllowed'))\n        setUploadStatus('failed')\n        return false\n      }\n    },\n    [\n      fetchFileFromClient,\n      fetchFileFromServerProxy,\n      fileUrl,\n      setUploadStatus,\n      t,\n      uploadConfig,\n      useServerSideFetch,\n    ],\n  )\n\n  return { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/UploadDropzoneContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UploadDropzoneContent/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,0HAA0H;IAC1H,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,IAAI,CAAA;IACzC,yGAAyG;IACzG,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,eAAe,EACf,SAAS,EACT,aAAa,EACb,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,GACb,EAAE,0BAA0B,qBA0C5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UploadDropzoneContent/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,0HAA0H;IAC1H,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,IAAI,CAAA;IACzC,yGAAyG;IACzG,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,eAAe,EACf,SAAS,EACT,aAAa,EACb,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,GACb,EAAE,0BAA0B,qBA2C5B"}

package/dist/elements/UploadDropzoneContent/index.js

@@ -46,6 +46,7 @@ export function UploadDropzoneContent({
         className: `${baseClass}__or-text`,
         children: t('general:or')
       }), /*#__PURE__*/_jsx(Button, {
+        "aria-label": pasteTooltip,
         buttonStyle: "secondary",
         className: [`${baseClass}__pasteFromClipboard`, pasteButtonClassName].filter(Boolean).join(' '),
         icon: "clipboard",

package/dist/elements/UploadDropzoneContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","Button","baseClass","UploadDropzoneContent","acceptMimeTypes","className","extraControls","multiple","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip","t","inputRef","useRef","_jsxs","filter","Boolean","join","_jsx","buttonStyle","onClick","current","click","size","accept","hidden","onChange","e","target","files","length","ref","type","icon","tooltip"],"sources":["../../../src/elements/UploadDropzoneContent/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'upload-dropzone-content'\n\nexport type UploadDropzoneContentProps = {\n  readonly acceptMimeTypes?: string\n  readonly className?: string\n  /** Extra controls rendered alongside the select/paste buttons, e.g. the single-upload field's custom `UploadControls`. */\n  readonly extraControls?: React.ReactNode\n  /** Allows selecting more than one file at once, used by the bulk upload drawer. */\n  readonly multiple?: boolean\n  readonly onFilesSelected: (files: FileList) => void\n  readonly onPasteFromClipboard: () => void\n  /** Additional className kept on the paste button for callers with existing selectors depending on it. */\n  readonly pasteButtonClassName?: string\n  readonly pasteTooltip: string\n}\n\nexport function UploadDropzoneContent({\n  acceptMimeTypes,\n  className,\n  extraControls,\n  multiple,\n  onFilesSelected,\n  onPasteFromClipboard,\n  pasteButtonClassName,\n  pasteTooltip,\n}: UploadDropzoneContentProps) {\n  const { t } = useTranslation()\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__buttons`}>\n        <Button buttonStyle=\"secondary\" onClick={() => inputRef.current?.click()} size=\"medium\">\n          {t('upload:selectFile')}\n        </Button>\n        <input\n          accept={acceptMimeTypes}\n          aria-hidden=\"true\"\n          className={`${baseClass}__hidden-input`}\n          hidden\n          multiple={multiple}\n          onChange={(e) => {\n            if (e.target.files && e.target.files.length > 0) {\n              onFilesSelected(e.target.files)\n            }\n          }}\n          ref={inputRef}\n          type=\"file\"\n        />\n        <span className={`${baseClass}__or-text`}>{t('general:or')}</span>\n        <Button\n          buttonStyle=\"secondary\"\n          className={[`${baseClass}__pasteFromClipboard`, pasteButtonClassName]\n            .filter(Boolean)\n            .join(' ')}\n          icon=\"clipboard\"\n          onClick={onPasteFromClipboard}\n          size=\"medium\"\n          tooltip={pasteTooltip}\n        />\n        {extraControls}\n      </div>\n      <p className={`${baseClass}__drag-text`}>\n        {t('general:or')} {t('upload:dragAndDrop')}\n      </p>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAgBlB,OAAO,SAASC,sBAAsB;EACpCC,eAAe;EACfC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,eAAe;EACfC,oBAAoB;EACpBC,oBAAoB;EACpBC;AAAY,CACe;EAC3B,MAAM;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAMa,QAAA,GAAWd,KAAA,CAAMe,MAAM,CAAmB;EAEhD,oBACEC,KAAA,CAAC;IAAIV,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACW,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DH,KAAA,CAAC;MAAIV,SAAA,EAAW,GAAGH,SAAA,WAAoB;8BACrCiB,IAAA,CAAClB,MAAA;QAAOmB,WAAA,EAAY;QAAYC,OAAA,EAASA,CAAA,KAAMR,QAAA,CAASS,OAAO,EAAEC,KAAA;QAASC,IAAA,EAAK;kBAC5EZ,CAAA,CAAE;uBAELO,IAAA,CAAC;QACCM,MAAA,EAAQrB,eAAA;QACR,eAAY;QACZC,SAAA,EAAW,GAAGH,SAAA,gBAAyB;QACvCwB,MAAM;QACNnB,QAAA,EAAUA,QAAA;QACVoB,QAAA,EAAWC,CAAA;UACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;YAC/CvB,eAAA,CAAgBoB,CAAA,CAAEC,MAAM,CAACC,KAAK;UAChC;QACF;QACAE,GAAA,EAAKnB,QAAA;QACLoB,IAAA,EAAK;uBAEPd,IAAA,CAAC;QAAKd,SAAA,EAAW,GAAGH,SAAA,WAAoB;kBAAGU,CAAA,CAAE;uBAC7CO,IAAA,CAAClB,MAAA;QACCmB,WAAA,EAAY;QACZf,SAAA,EAAW,CAAC,GAAGH,SAAA,sBAA+B,EAAEQ,oBAAA,CAAqB,CAClEM,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRgB,IAAA,EAAK;QACLb,OAAA,EAASZ,oBAAA;QACTe,IAAA,EAAK;QACLW,OAAA,EAASxB;UAEVL,aAAA;qBAEHS,KAAA,CAAC;MAAEV,SAAA,EAAW,GAAGH,SAAA,aAAsB;iBACpCU,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;AAI7B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useTranslation","Button","baseClass","UploadDropzoneContent","acceptMimeTypes","className","extraControls","multiple","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip","t","inputRef","useRef","_jsxs","filter","Boolean","join","_jsx","buttonStyle","onClick","current","click","size","accept","hidden","onChange","e","target","files","length","ref","type","icon","tooltip"],"sources":["../../../src/elements/UploadDropzoneContent/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'upload-dropzone-content'\n\nexport type UploadDropzoneContentProps = {\n  readonly acceptMimeTypes?: string\n  readonly className?: string\n  /** Extra controls rendered alongside the select/paste buttons, e.g. the single-upload field's custom `UploadControls`. */\n  readonly extraControls?: React.ReactNode\n  /** Allows selecting more than one file at once, used by the bulk upload drawer. */\n  readonly multiple?: boolean\n  readonly onFilesSelected: (files: FileList) => void\n  readonly onPasteFromClipboard: () => void\n  /** Additional className kept on the paste button for callers with existing selectors depending on it. */\n  readonly pasteButtonClassName?: string\n  readonly pasteTooltip: string\n}\n\nexport function UploadDropzoneContent({\n  acceptMimeTypes,\n  className,\n  extraControls,\n  multiple,\n  onFilesSelected,\n  onPasteFromClipboard,\n  pasteButtonClassName,\n  pasteTooltip,\n}: UploadDropzoneContentProps) {\n  const { t } = useTranslation()\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__buttons`}>\n        <Button buttonStyle=\"secondary\" onClick={() => inputRef.current?.click()} size=\"medium\">\n          {t('upload:selectFile')}\n        </Button>\n        <input\n          accept={acceptMimeTypes}\n          aria-hidden=\"true\"\n          className={`${baseClass}__hidden-input`}\n          hidden\n          multiple={multiple}\n          onChange={(e) => {\n            if (e.target.files && e.target.files.length > 0) {\n              onFilesSelected(e.target.files)\n            }\n          }}\n          ref={inputRef}\n          type=\"file\"\n        />\n        <span className={`${baseClass}__or-text`}>{t('general:or')}</span>\n        <Button\n          aria-label={pasteTooltip}\n          buttonStyle=\"secondary\"\n          className={[`${baseClass}__pasteFromClipboard`, pasteButtonClassName]\n            .filter(Boolean)\n            .join(' ')}\n          icon=\"clipboard\"\n          onClick={onPasteFromClipboard}\n          size=\"medium\"\n          tooltip={pasteTooltip}\n        />\n        {extraControls}\n      </div>\n      <p className={`${baseClass}__drag-text`}>\n        {t('general:or')} {t('upload:dragAndDrop')}\n      </p>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAgBlB,OAAO,SAASC,sBAAsB;EACpCC,eAAe;EACfC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,eAAe;EACfC,oBAAoB;EACpBC,oBAAoB;EACpBC;AAAY,CACe;EAC3B,MAAM;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAMa,QAAA,GAAWd,KAAA,CAAMe,MAAM,CAAmB;EAEhD,oBACEC,KAAA,CAAC;IAAIV,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACW,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DH,KAAA,CAAC;MAAIV,SAAA,EAAW,GAAGH,SAAA,WAAoB;8BACrCiB,IAAA,CAAClB,MAAA;QAAOmB,WAAA,EAAY;QAAYC,OAAA,EAASA,CAAA,KAAMR,QAAA,CAASS,OAAO,EAAEC,KAAA;QAASC,IAAA,EAAK;kBAC5EZ,CAAA,CAAE;uBAELO,IAAA,CAAC;QACCM,MAAA,EAAQrB,eAAA;QACR,eAAY;QACZC,SAAA,EAAW,GAAGH,SAAA,gBAAyB;QACvCwB,MAAM;QACNnB,QAAA,EAAUA,QAAA;QACVoB,QAAA,EAAWC,CAAA;UACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;YAC/CvB,eAAA,CAAgBoB,CAAA,CAAEC,MAAM,CAACC,KAAK;UAChC;QACF;QACAE,GAAA,EAAKnB,QAAA;QACLoB,IAAA,EAAK;uBAEPd,IAAA,CAAC;QAAKd,SAAA,EAAW,GAAGH,SAAA,WAAoB;kBAAGU,CAAA,CAAE;uBAC7CO,IAAA,CAAClB,MAAA;QACC,cAAYU,YAAA;QACZS,WAAA,EAAY;QACZf,SAAA,EAAW,CAAC,GAAGH,SAAA,sBAA+B,EAAEQ,oBAAA,CAAqB,CAClEM,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRgB,IAAA,EAAK;QACLb,OAAA,EAASZ,oBAAA;QACTe,IAAA,EAAK;QACLW,OAAA,EAASxB;UAEVL,aAAA;qBAEHS,KAAA,CAAC;MAAEV,SAAA,EAAW,GAAGH,SAAA,aAAsB;iBACpCU,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;AAI7B","ignoreList":[]}

package/dist/elements/UserMenu/LanguageMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAsBvC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CACnC,CAsDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAsBvC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CACnC,CA4CA,CAAA"}

package/dist/elements/UserMenu/LanguageMenu/index.js

@@ -60,6 +60,8 @@ export const LanguageMenu = t0 => {
         className: "popup-button-list__button popup-button-list__button--submenu-trigger",
         "data-popup-prevent-close": true,
         onClick: onMobileOpen,
+        role: "menuitem",
+        tabIndex: -1,
         type: "button",
         children: [_jsx("span", {
           className: "popup-button-list__submenu-icon",
@@ -88,36 +90,19 @@ export const LanguageMenu = t0 => {
   let t1;
   if ($[3] !== t) {
     t1 = _jsx(Popup, {
-      renderButton: t2 => {
-        const {
-          active,
-          onClick,
-          onKeyDown,
-          ...aria
-        } = t2;
-        return _jsxs("button", {
-          ...aria,
-          className: ["popup-button-list__button", "popup-button-list__button--submenu-trigger", active && "popup-button-list__button--selected"].filter(Boolean).join(" "),
-          onClick,
-          onKeyDown,
-          type: "button",
-          children: [_jsx("span", {
-            className: "popup-button-list__submenu-icon",
-            children: _jsx(LanguageIcon, {
-              size: 24
-            })
-          }), _jsx("span", {
-            className: "popup-button-list__label",
-            children: t("general:language")
-          }), _jsx("span", {
-            className: "popup-button-list__chevron",
-            children: _jsx(ChevronIcon, {
-              direction: "right",
-              size: 16
-            })
-          })]
-        });
-      },
+      hoverSubmenu: true,
+      popupType: "menu",
+      renderButton: buttonProps => _jsx(PopupList.SubmenuTrigger, {
+        buttonProps,
+        icon: _jsx(LanguageIcon, {
+          size: 24
+        }),
+        trailingIcon: _jsx(ChevronIcon, {
+          direction: "right",
+          size: 16
+        }),
+        children: t("general:language")
+      }),
       side: "left",
       size: "large",
       theme: "dark",

package/dist/elements/UserMenu/LanguageMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","type","size","direction","renderButton","t2","onKeyDown","aria","filter","Boolean","join","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      renderButton={({ active, onClick, onKeyDown, ...aria }) => (\n        <button\n          {...aria}\n          className={[\n            'popup-button-list__button',\n            'popup-button-list__button--submenu-trigger',\n            active && 'popup-button-list__button--selected',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          type=\"button\"\n        >\n          <span className=\"popup-button-list__submenu-icon\">\n            <LanguageIcon size={24} />\n          </span>\n          <span className=\"popup-button-list__label\">{t('general:language')}</span>\n          <span className=\"popup-button-list__chevron\">\n            <ChevronIcon direction=\"right\" size={16} />\n          </span>\n        </button>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA;MAAAC,QAAA,EACCD,IAAA,CAAAP,SAAA,CAAAS,UAAA;QAAAD,QAAA,EACGJ,eAAA,EAAAM,GAAA,CAAAC,EAAA;UAAsB;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAAAP,SAAA,CAAAc,cAAA;YAAAC,MAAA,EACUZ,IAAA,CAAAa,QAAA,KAAkBH,KAAA;YAAAI,OAAA,EAAAA,CAAA;cAAA,IAGpBZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YAAA;YAAAL,QAAA,EAIvBI;UAAA,GAPIC,KAAA;QAAA;MAAA,C;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAAA,IAEVqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA;QAAAL,OAAA,EAEDE,YAAA;QAAAI,IAAA,EACJ;QAAAf,QAAA,GAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAV,YAAA;YAAA2B,IAAA;UAAA,C;YAEFjB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;QAAA,C,GAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAX,WAAA;YAAA6B,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAX3Bb,E;;;;IAkBFA,EAAA,GAAAJ,IAAA,CAAAR,KAAA;MAAA2B,YAAA,EAAAC,EAAA;QACiB;UAAAZ,MAAA;UAAAE,OAAA;UAAAW,SAAA;UAAA,GAAAC;QAAA,IAAAF,EAAuC;QAAA,OACpDN,KAAA,CAAC;UAAA,GACKQ,IAAI;UAAAP,SAAA,EACG,CACT,6BACA,8CACAP,MAAA,IAAU,uCAAAe,MAAA,CAAAC,OAEF,EAAAC,IAAA,CACF;UAAAf,OAAA;UAAAW,SAAA;UAAAL,IAAA,EAGH;UAAAf,QAAA,GAELD,IAAA,CAAC;YAAAe,SAAA,EAAe;YAAAd,QAAA,EACdD,IAAA,CAAAV,YAAA;cAAA2B,IAAA;YAAA,C;cAEFjB,IAAA,CAAC;YAAAe,SAAA,EAAe;YAAAd,QAAA,EAA4BY,CAAA,CAAE;UAAA,C,GAC9Cb,IAAA,CAAC;YAAAe,SAAA,EAAe;YAAAd,QAAA,EACdD,IAAA,CAAAX,WAAA;cAAA6B,SAAA,EAAuB;cAAAD,IAAA;YAAA,C;;;;YAIxB;MAAAA,IAAA,EACA;MAAAS,KAAA,EACC;MAAAzB,QAAA,EAEND,IAAA,CAAAN,mBAAA,IAAC;IAAA,C;;;;;;SA5BHU,E;CA+BJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<LanguageIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:language')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA,4BAA4B;MAAAC,QAAA,EAC3BD,IAAA,CAACP,SAAA,CAAAS,UAAoB;QAAAD,QAAA,EAClBJ,eAAA,EAAAM,GAGQ,CAHaC,EAAA;UAAC;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAACP,SAAA,CAAAc,cAAwB;YAAAC,MAAA,EACfZ,IAAA,CAAAa,QAAa,KAAKH,KAAA;YAAAI,OAAA,EAEjBA,CAAA;cACP,IAAIZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YACtB,CACF;YAAAL,QAAA,EAECI;aAPIC,KAAA;QAAA;;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAEd,IAAIqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA,4BACc;QAAAL,OAAA,EACfE,YAAA;QAAAI,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAjB,QAAA,E,CAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACV,YAAA;YAAA6B,IAAA,EAAmB;;YAEtBnB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;YAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACX,WAAA;YAAA+B,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCf,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAT,CAAA,QAAAkB,CAAA;IAGET,EAAA,GAAAJ,IAAA,CAACR,KAAA;MAAA6B,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIC,WAAA,IACZxB,IAAA,CAACP,SAAA,CAAAgC,cAAwB;QAAAD,WAAA;QAAAE,IAAA,EAEjB1B,IAAA,CAACV,YAAA;UAAA6B,IAAA,EAAmB;;sBACZnB,IAAA,CAACX,WAAA;UAAA+B,SAAA,EAAsB;UAAAD,IAAA,EAAc;;kBAElDN,CAAA,CAAE;;YAGF;MAAAM,IAAA,EACA;MAAAQ,KAAA,EACC;MAAA1B,QAAA,EAEND,IAAA,CAACN,mBAAA;;;;;;;SAhBHU,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/SettingsMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CACzB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,qBAAqB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,qBAAqB,EAAE,CAAA;CAAE,CAY7E,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CACzB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,qBAAqB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,qBAAqB,EAAE,CAAA;CAAE,CAY7E,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4CpD,CAAA"}

package/dist/elements/UserMenu/SettingsMenu/index.js

@@ -35,6 +35,8 @@ export const SettingsMenu = t0 => {
         className: "popup-button-list__button popup-button-list__button--submenu-trigger",
         "data-popup-prevent-close": true,
         onClick: onMobileOpen,
+        role: "menuitem",
+        tabIndex: -1,
         type: "button",
         children: [_jsx("span", {
           className: "popup-button-list__submenu-icon",
@@ -62,36 +64,17 @@ export const SettingsMenu = t0 => {
   }
   let t1;
   if ($[3] !== t) {
-    t1 = t2 => {
-      const {
-        active,
-        onClick,
-        onKeyDown,
-        ...aria
-      } = t2;
-      return _jsxs("button", {
-        ...aria,
-        className: ["popup-button-list__button", "popup-button-list__button--submenu-trigger", active && "popup-button-list__button--selected"].filter(Boolean).join(" "),
-        onClick,
-        onKeyDown,
-        type: "button",
-        children: [_jsx("span", {
-          className: "popup-button-list__submenu-icon",
-          children: _jsx(GearIcon, {
-            size: 24
-          })
-        }), _jsx("span", {
-          className: "popup-button-list__label",
-          children: t("general:settings")
-        }), _jsx("span", {
-          className: "popup-button-list__chevron",
-          children: _jsx(ChevronIcon, {
-            direction: "right",
-            size: 16
-          })
-        })]
-      });
-    };
+    t1 = buttonProps => _jsx(PopupList.SubmenuTrigger, {
+      buttonProps,
+      icon: _jsx(GearIcon, {
+        size: 24
+      }),
+      trailingIcon: _jsx(ChevronIcon, {
+        direction: "right",
+        size: 16
+      }),
+      children: t("general:settings")
+    });
     $[3] = t;
     $[4] = t1;
   } else {
@@ -100,6 +83,8 @@ export const SettingsMenu = t0 => {
   let t2;
   if ($[5] !== groups || $[6] !== t1) {
     t2 = _jsx(Popup, {
+      hoverSubmenu: true,
+      popupType: "menu",
       renderButton: t1,
       side: "left",
       size: "large",

package/dist/elements/UserMenu/SettingsMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","type","children","size","direction","t2","active","onKeyDown","aria","filter","Boolean","join","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      renderButton={({ active, onClick, onKeyDown, ...aria }) => (\n        <button\n          {...aria}\n          className={[\n            'popup-button-list__button',\n            'popup-button-list__button--submenu-trigger',\n            active && 'popup-button-list__button--selected',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          type=\"button\"\n        >\n          <span className=\"popup-button-list__submenu-icon\">\n            <GearIcon size={24} />\n          </span>\n          <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n          <span className=\"popup-button-list__chevron\">\n            <ChevronIcon direction=\"right\" size={16} />\n          </span>\n        </button>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAAA,IAEVoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA;QAAAC,OAAA,EAEDJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA,GAELpB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EACdpB,IAAA,CAAAP,QAAA;YAAA4B,IAAA;UAAA,C;YAEFrB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EAA4BL,CAAA,CAAE;QAAA,C,GAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EACdpB,IAAA,CAAAR,WAAA;YAAA8B,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAX3BL,E;;;;IAmBcA,EAAA,GAAAO,EAAA;MAAC;QAAAC,MAAA;QAAAN,OAAA;QAAAO,SAAA;QAAA,GAAAC;MAAA,IAAAH,EAAuC;MAAA,OACpDlB,KAAA,CAAC;QAAA,GACKqB,IAAI;QAAAT,SAAA,EACG,CACT,6BACA,8CACAO,MAAA,IAAU,uCAAAG,MAAA,CAAAC,OAEF,EAAAC,IAAA,CACF;QAAAX,OAAA;QAAAO,SAAA;QAAAN,IAAA,EAGH;QAAAC,QAAA,GAELpB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EACdpB,IAAA,CAAAP,QAAA;YAAA4B,IAAA;UAAA,C;YAEFrB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EAA4BL,CAAA,CAAE;QAAA,C,GAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAG,QAAA,EACdpB,IAAA,CAAAR,WAAA;YAAA8B,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;;;IApB/BE,EAAA,GAAAvB,IAAA,CAAAJ,KAAA;MAAAkC,YAAA,EACgBd,E;YAuBT;MAAAK,IAAA,EACA;MAAAU,KAAA,EACC;MAAAX,QAAA,EAENpB,IAAA,CAAAF,mBAAA;QAAAC;MAAA,C;;;;;;;;SA5BFwB,E;CA+BJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","role","tabIndex","type","children","size","direction","buttonProps","SubmenuTrigger","icon","t2","hoverSubmenu","popupType","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<GearIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:settings')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAEd,IAAIoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA,4BACc;QAAAC,OAAA,EACfJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAC,QAAA,E,CAELtB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACP,QAAA;YAAA8B,IAAA,EAAe;;YAElBvB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EAA4BP,CAAA,CAAE;YAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACR,WAAA;YAAAgC,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCP,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAH,CAAA,QAAAE,CAAA;IAMkBC,EAAA,GAAAS,WAAA,IACZzB,IAAA,CAACH,SAAA,CAAA6B,cAAwB;MAAAD,WAAA;MAAAE,IAAA,EAEjB3B,IAAA,CAACP,QAAA;QAAA8B,IAAA,EAAe;;oBACRvB,IAAA,CAACR,WAAA;QAAAgC,SAAA,EAAsB;QAAAD,IAAA,EAAc;;gBAElDR,CAAA,CAAE;;;;;;;;;IATTa,EAAA,GAAA5B,IAAA,CAACJ,KAAA;MAAAiC,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIf,E;YAST;MAAAO,IAAA,EACA;MAAAS,KAAA,EACC;MAAAV,QAAA,EAENtB,IAAA,CAACF,mBAAA;QAAAC;;;;;;;;;SAhBH6B,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/SubMenuHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/SubMenuHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAiBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/UserMenu/SubMenuHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAmBA,CAAA"}

package/dist/elements/UserMenu/SubMenuHeader/index.js

@@ -16,6 +16,8 @@ export const SubMenuHeader = ({
       "aria-label": title,
       className: "user-menu__submenu-header-row",
       onClick: onBack,
+      role: "menuitem",
+      tabIndex: -1,
       type: "button",
       children: [/*#__PURE__*/_jsx("span", {
         className: "user-menu__submenu-back",

package/dist/elements/UserMenu/SubMenuHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","MenuSeparator","SubMenuHeader","onBack","title","_jsxs","className","_jsx","onClick","type","direction","size"],"sources":["../../../../src/elements/UserMenu/SubMenuHeader/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\n\nexport const SubMenuHeader: React.FC<{\n  readonly onBack: () => void\n  readonly title: string\n}> = ({ onBack, title }) => (\n  <div className=\"user-menu__submenu-header\" data-popup-prevent-close>\n    <div className=\"user-menu__submenu-header-wrap\">\n      <button\n        aria-label={title}\n        className=\"user-menu__submenu-header-row\"\n        onClick={onBack}\n        type=\"button\"\n      >\n        <span className=\"user-menu__submenu-back\">\n          <ChevronIcon direction=\"left\" size={24} />\n        </span>\n        <span className=\"user-menu__submenu-title\">{title}</span>\n      </button>\n    </div>\n    <MenuSeparator />\n  </div>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,aAAA,GAGRA,CAAC;EAAEC,MAAM;EAAEC;AAAK,CAAE,kBACrBC,KAAA,CAAC;EAAIC,SAAA,EAAU;EAA4B,0BAAwB;0BACjEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAD,KAAA,CAAC;MACC,cAAYD,KAAA;MACZE,SAAA,EAAU;MACVE,OAAA,EAASL,MAAA;MACTM,IAAA,EAAK;8BAELF,IAAA,CAAC;QAAKD,SAAA,EAAU;kBACd,aAAAC,IAAA,CAACP,WAAA;UAAYU,SAAA,EAAU;UAAOC,IAAA,EAAM;;uBAEtCJ,IAAA,CAAC;QAAKD,SAAA,EAAU;kBAA4BF;;;mBAGhDG,IAAA,CAACN,aAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","MenuSeparator","SubMenuHeader","onBack","title","_jsxs","className","_jsx","onClick","role","tabIndex","type","direction","size"],"sources":["../../../../src/elements/UserMenu/SubMenuHeader/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\n\nexport const SubMenuHeader: React.FC<{\n  readonly onBack: () => void\n  readonly title: string\n}> = ({ onBack, title }) => (\n  <div className=\"user-menu__submenu-header\" data-popup-prevent-close>\n    <div className=\"user-menu__submenu-header-wrap\">\n      <button\n        aria-label={title}\n        className=\"user-menu__submenu-header-row\"\n        onClick={onBack}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"user-menu__submenu-back\">\n          <ChevronIcon direction=\"left\" size={24} />\n        </span>\n        <span className=\"user-menu__submenu-title\">{title}</span>\n      </button>\n    </div>\n    <MenuSeparator />\n  </div>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,aAAA,GAGRA,CAAC;EAAEC,MAAM;EAAEC;AAAK,CAAE,kBACrBC,KAAA,CAAC;EAAIC,SAAA,EAAU;EAA4B,0BAAwB;0BACjEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAD,KAAA,CAAC;MACC,cAAYD,KAAA;MACZE,SAAA,EAAU;MACVE,OAAA,EAASL,MAAA;MACTM,IAAA,EAAK;MACLC,QAAA,EAAU,CAAC;MACXC,IAAA,EAAK;8BAELJ,IAAA,CAAC;QAAKD,SAAA,EAAU;kBACd,aAAAC,IAAA,CAACP,WAAA;UAAYY,SAAA,EAAU;UAAOC,IAAA,EAAM;;uBAEtCN,IAAA,CAAC;QAAKD,SAAA,EAAU;kBAA4BF;;;mBAGhDG,IAAA,CAACN,aAAA","ignoreList":[]}