@payloadcms/ui 4.0.0-canary.3 → 4.0.0-canary.4

package/dist/elements/FileManager/index.js

@@ -0,0 +1,424 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { formatAdminURL, formatFilesize, isImage } from 'payload/shared';
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { FieldError } from '../../fields/FieldError/index.js';
+import { fieldBaseClass } from '../../fields/shared/index.js';
+import { TextInput } from '../../fields/Text/Input.js';
+import { useForm } from '../../forms/Form/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { EditDepthProvider } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useUploadControls } from '../../providers/UploadControls/index.js';
+import { useUploadEdits } from '../../providers/UploadEdits/index.js';
+import { Button } from '../Button/index.js';
+import { Drawer } from '../Drawer/index.js';
+import { Dropzone } from '../Dropzone/index.js';
+import { EditUpload } from '../EditUpload/index.js';
+import { PreviewSizes } from '../PreviewSizes/index.js';
+import { Thumbnail } from '../Thumbnail/index.js';
+import { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js';
+import { pasteURLDrawerSlug, UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js';
+import { AudioPreview } from './FilePreview/AudioPreview/index.js';
+import { FilePreview } from './FilePreview/index.js';
+import { PdfPreview } from './FilePreview/PdfPreview/index.js';
+import { VideoPreview } from './FilePreview/VideoPreview/index.js';
+import { FileToolbar } from './FileToolbar/index.js';
+import './index.css';
+const baseClass = 'file-manager';
+const validate = value => {
+  if (!value && value !== undefined) {
+    return 'A file is required.';
+  }
+  if (value && (!value.name || value.name === '')) {
+    return 'A file name is required.';
+  }
+  return true;
+};
+export const FileManager = ({
+  collectionSlug,
+  initialState,
+  resetUploadEdits: resetUploadEditsFromProps,
+  updateUploadEdits: updateUploadEditsFromProps,
+  uploadConfig,
+  UploadControls,
+  uploadEdits: uploadEditsFromProps,
+  UploadFilePreview
+}) => {
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const {
+    setModified
+  } = useForm();
+  const {
+    id,
+    data,
+    setUploadStatus
+  } = useDocumentInfo();
+  const {
+    errorMessage,
+    setValue,
+    showError,
+    value
+  } = useField({
+    path: 'file',
+    validate
+  });
+  const {
+    config: {
+      routes: {
+        api
+      }
+    }
+  } = useConfig();
+  const {
+    setUploadControlFile,
+    setUploadControlFileName,
+    setUploadControlFileUrl,
+    uploadControlFile,
+    uploadControlFileName,
+    uploadControlFileUrl
+  } = useUploadControls();
+  const uploadEditsContext = useUploadEdits();
+  const resetUploadEdits = resetUploadEditsFromProps ?? uploadEditsContext.resetUploadEdits;
+  const updateUploadEdits = updateUploadEditsFromProps ?? uploadEditsContext.updateUploadEdits;
+  const uploadEdits = uploadEditsFromProps ?? uploadEditsContext.uploadEdits;
+  const [fileSrc, setFileSrc] = useState(null);
+  const [removedFile, setRemovedFile] = useState(false);
+  const [filename, setFilename] = useState(value?.name || '');
+  const [fileUrl, setFileUrl] = useState('');
+  const [selectedSize, setSelectedSize] = useState(null);
+  const inputRef = useRef(null);
+  const useServerSideFetch = typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0;
+  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ');
+  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt;
+  const hasImageSizes = uploadConfig?.imageSizes?.length > 0;
+  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions);
+  const focalPointEnabled = uploadConfig?.focalPoint === true;
+  const {
+    crop: showCrop = true,
+    focalPoint = true
+  } = uploadConfig;
+  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled);
+  const selectedSizeData = selectedSize ? data?.sizes?.[selectedSize] : null;
+  const sidePanelFileSrc = selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null;
+  const sidePanelMimeType = data?.mimeType;
+  const fileTypeIsAdjustable = !!sidePanelMimeType && isImage(sidePanelMimeType) && sidePanelMimeType !== 'image/svg+xml' && sidePanelMimeType !== 'image/jxl';
+  const renameFile = (fileToChange, newName) => new File([fileToChange], newName, {
+    type: fileToChange.type,
+    lastModified: fileToChange.lastModified
+  });
+  const handleFileChange = useCallback(({
+    file,
+    isNewFile = true
+  }) => {
+    if (isNewFile && file instanceof File) {
+      setFileSrc(URL.createObjectURL(file));
+    }
+    setValue(file);
+    setUploadControlFileUrl('');
+    setUploadControlFileName(null);
+    setUploadControlFile(null);
+  }, [setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl]);
+  const handleFileNameChange = useCallback(e => {
+    const updatedFileName = e.target.value;
+    if (value) {
+      handleFileChange({
+        file: renameFile(value, updatedFileName),
+        isNewFile: false
+      });
+      setFilename(updatedFileName);
+    }
+  }, [handleFileChange, value]);
+  const handleFileRemoval = useCallback(() => {
+    setRemovedFile(true);
+    handleFileChange({
+      file: null
+    });
+    setFileSrc('');
+    setFileUrl('');
+    setSelectedSize(null);
+    resetUploadEdits();
+    setUploadControlFileUrl('');
+    setUploadControlFileName(null);
+    setUploadControlFile(null);
+  }, [handleFileChange, resetUploadEdits, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl]);
+  const handleFileSelection = useCallback(files => handleFileChange({
+    file: files?.[0]
+  }), [handleFileChange]);
+  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl));
+  const handleUrlSubmit = useCallback(async () => {
+    if (!fileUrl || !URL.canParse(fileUrl) || uploadConfig?.pasteURL === false) {
+      return;
+    }
+    setUploadStatus('uploading');
+    try {
+      const clientResponse = await fetch(fileUrl);
+      if (!clientResponse.ok) {
+        throw new Error(`Fetch failed: ${clientResponse.status}`);
+      }
+      const blob = await clientResponse.blob();
+      const rawSegment = fileUrl.split('/').pop() || '';
+      const fileName = uploadControlFileName || decodeURIComponent(rawSegment.split('?')[0]);
+      handleFileChange({
+        file: new File([blob], fileName, {
+          type: blob.type
+        })
+      });
+      setUploadStatus('idle');
+      closeModal(pasteURLDrawerSlug);
+      setFileUrl('');
+      return;
+    } catch (_clientError) {
+      if (!useServerSideFetch) {
+        toast.error('Failed to fetch the file.');
+        setUploadStatus('failed');
+        return;
+      }
+    }
+    try {
+      const pasteURL = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(fileUrl)}`;
+      const serverResponse = await fetch(formatAdminURL({
+        apiRoute: api,
+        path: pasteURL
+      }));
+      if (!serverResponse.ok) {
+        throw new Error(`Fetch failed: ${serverResponse.status}`);
+      }
+      const blob_0 = await serverResponse.blob();
+      const rawSegment_0 = fileUrl.split('/').pop() || '';
+      const fileName_0 = decodeURIComponent(rawSegment_0.split('?')[0]);
+      handleFileChange({
+        file: new File([blob_0], fileName_0, {
+          type: blob_0.type
+        })
+      });
+      setUploadStatus('idle');
+      closeModal(pasteURLDrawerSlug);
+      setFileUrl('');
+    } catch (_serverError) {
+      toast.error('The provided URL is not allowed.');
+      setUploadStatus('failed');
+    }
+  }, [api, closeModal, collectionSlug, fileUrl, handleFileChange, id, setUploadStatus, uploadConfig, uploadControlFileName, useServerSideFetch]);
+  const onEditsSave = useCallback(args => {
+    setModified(true);
+    updateUploadEdits(args);
+  }, [setModified, updateUploadEdits]);
+  useEffect(() => {
+    if (initialState?.file?.value instanceof File) {
+      setFileSrc(URL.createObjectURL(initialState.file.value));
+      setRemovedFile(false);
+    }
+  }, [initialState]);
+  useEffect(() => {
+    return () => {
+      if (fileSrc?.startsWith('blob:')) {
+        URL.revokeObjectURL(fileSrc);
+      }
+    };
+  }, [fileSrc]);
+  useEffect(() => {
+    setSelectedSize(null);
+  }, [data?.url, data?.filename]);
+  useEffect(() => {
+    const handleControlFileUrl = async () => {
+      if (uploadControlFileUrl) {
+        setFileUrl(uploadControlFileUrl);
+        await handleUrlSubmit();
+      }
+    };
+    void handleControlFileUrl();
+  }, [uploadControlFileUrl, handleUrlSubmit]);
+  useEffect(() => {
+    if (uploadControlFile) {
+      handleFileChange({
+        file: uploadControlFile
+      });
+    }
+  }, [uploadControlFile, handleFileChange]);
+  // Preview a freshly-selected (not-yet-saved) file from its local object URL, so video/audio/PDF
+  // are playable/viewable just like images. Sizing is capped in CSS so large files stay contained.
+  const renderSelectedFilePreview = src => {
+    const fileType = value?.type ?? '';
+    if (fileType.startsWith('video/')) {
+      return /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__selected-preview`,
+        children: /*#__PURE__*/_jsx(VideoPreview, {
+          fileSrc: src
+        })
+      });
+    }
+    if (fileType.startsWith('audio/')) {
+      return /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__selected-preview ${baseClass}__selected-preview--audio`,
+        children: /*#__PURE__*/_jsx(AudioPreview, {
+          fileSrc: src
+        })
+      });
+    }
+    if (fileType === 'application/pdf') {
+      return /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__selected-preview`,
+        children: /*#__PURE__*/_jsx(PdfPreview, {
+          fileSrc: src,
+          title: value?.name
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__selected-preview`,
+      children: /*#__PURE__*/_jsx(Thumbnail, {
+        collectionSlug: collectionSlug,
+        fileSrc: isImage(fileType) ? src : null,
+        size: "expand"
+      })
+    });
+  };
+  const drawers = /*#__PURE__*/_jsxs(Fragment, {
+    children: [(value || data?.filename) && /*#__PURE__*/_jsx(EditDepthProvider, {
+      children: /*#__PURE__*/_jsx(EditUpload, {
+        fileName: value?.name || data?.filename,
+        fileSrc: data?.url || fileSrc,
+        imageCacheTag: imageCacheTag,
+        initialCrop: uploadEdits?.crop ?? undefined,
+        initialFocalPoint: {
+          x: uploadEdits?.focalPoint?.x || data?.focalX || 50,
+          y: uploadEdits?.focalPoint?.y || data?.focalY || 50
+        },
+        onSave: onEditsSave,
+        showCrop: showCrop,
+        showFocalPoint: showFocalPoint
+      })
+    }), data && hasImageSizes && /*#__PURE__*/_jsx(Drawer, {
+      className: `${baseClass}__preview-drawer`,
+      hoverTitle: true,
+      slug: sizePreviewSlug,
+      title: t('upload:sizesFor', {
+        label: data.filename
+      }),
+      children: /*#__PURE__*/_jsx(PreviewSizes, {
+        doc: data,
+        imageCacheTag: imageCacheTag,
+        uploadConfig: uploadConfig
+      })
+    }), uploadConfig?.pasteURL !== false && /*#__PURE__*/_jsx(UploadFromURLModal, {
+      fileUrl: fileUrl,
+      handleUrlSubmit: handleUrlSubmit,
+      isValidUrl: isValidUrl,
+      setFileUrl: setFileUrl
+    })]
+  });
+  // Hide the create file input when the collection opts out of it (unless the user has explicitly
+  // removed an existing file or already selected a new one).
+  const showUploadInput = Boolean(value) || removedFile || !uploadConfig?.hideFileInputOnCreate;
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx(FieldError, {
+      message: errorMessage,
+      showError: showError
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__panel`,
+      children: [data?.filename && !removedFile && /*#__PURE__*/_jsx(FileToolbar, {
+        filename: data.filename,
+        fileSrc: sidePanelFileSrc,
+        fileUrl: data?.url,
+        hideRemoveFile: uploadConfig?.hideRemoveFile,
+        isAdjustable: fileTypeIsAdjustable,
+        onEditImage: () => openModal(editDrawerSlug),
+        onReplace: handleFileRemoval
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__content`,
+        children: data?.filename && !removedFile ? /*#__PURE__*/_jsx(FilePreview, {
+          collectionSlug: collectionSlug,
+          data: data,
+          imageCacheTag: imageCacheTag,
+          selectedSize: selectedSize,
+          selectedSizeData: selectedSizeData,
+          setSelectedSize: setSelectedSize,
+          uploadConfig: uploadConfig,
+          UploadFilePreview: UploadFilePreview
+        }) : showUploadInput ? /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__upload`,
+          children: [!value && /*#__PURE__*/_jsx(Dropzone, {
+            onChange: handleFileSelection,
+            children: /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__dropzone-content`,
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__dropzone-buttons`,
+                children: [/*#__PURE__*/_jsx(Button, {
+                  buttonStyle: "secondary",
+                  onClick: () => inputRef.current?.click(),
+                  size: "medium",
+                  children: t('upload:selectFile')
+                }), /*#__PURE__*/_jsx("input", {
+                  accept: acceptMimeTypes,
+                  "aria-hidden": "true",
+                  className: `${baseClass}__hidden-input`,
+                  hidden: true,
+                  onChange: e_0 => {
+                    if (e_0.target.files && e_0.target.files.length > 0) {
+                      handleFileSelection(e_0.target.files);
+                    }
+                  },
+                  ref: inputRef,
+                  type: "file"
+                }), uploadConfig?.pasteURL !== false && /*#__PURE__*/_jsxs(Fragment, {
+                  children: [/*#__PURE__*/_jsx("span", {
+                    className: `${baseClass}__or-text`,
+                    children: t('general:or')
+                  }), /*#__PURE__*/_jsx(Button, {
+                    buttonStyle: "secondary",
+                    onClick: () => {
+                      openModal(pasteURLDrawerSlug);
+                      setUploadControlFileUrl('');
+                      setUploadControlFile(null);
+                      setUploadControlFileName(null);
+                    },
+                    size: "medium",
+                    children: t('upload:pasteURL')
+                  })]
+                }), UploadControls ?? null]
+              }), /*#__PURE__*/_jsxs("p", {
+                className: `${baseClass}__drag-text`,
+                children: [t('general:or'), " ", t('upload:dragAndDrop')]
+              })]
+            })
+          }), value && fileSrc && /*#__PURE__*/_jsxs(Fragment, {
+            children: [/*#__PURE__*/_jsx(Button, {
+              buttonStyle: "secondary",
+              className: `${baseClass}__remove`,
+              icon: "x",
+              onClick: handleFileRemoval,
+              round: true,
+              tooltip: t('general:cancel')
+            }), renderSelectedFilePreview(fileSrc), /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__file-adjustments`,
+              children: [/*#__PURE__*/_jsx(TextInput, {
+                id: "field-filemanager-filename",
+                label: t('upload:fileName'),
+                onChange: handleFileNameChange,
+                path: "filename",
+                value: filename || value.name
+              }), (value.size || value.type) && /*#__PURE__*/_jsx("span", {
+                className: `${baseClass}__selected-meta`,
+                children: [value.size ? formatFilesize(value.size) : null, value.type].filter(Boolean).join(' – ')
+              })]
+            })]
+          })]
+        }) : null
+      })]
+    }), drawers]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","formatAdminURL","formatFilesize","isImage","React","Fragment","useCallback","useEffect","useRef","useState","toast","FieldError","fieldBaseClass","TextInput","useForm","useField","useConfig","useDocumentInfo","EditDepthProvider","useTranslation","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","PreviewSizes","Thumbnail","editDrawerSlug","sizePreviewSlug","pasteURLDrawerSlug","UploadFromURLModal","AudioPreview","FilePreview","PdfPreview","VideoPreview","FileToolbar","baseClass","validate","value","undefined","name","FileManager","collectionSlug","initialState","resetUploadEdits","resetUploadEditsFromProps","updateUploadEdits","updateUploadEditsFromProps","uploadConfig","UploadControls","uploadEdits","uploadEditsFromProps","UploadFilePreview","closeModal","openModal","t","setModified","id","data","setUploadStatus","errorMessage","setValue","showError","path","config","routes","api","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileName","uploadControlFileUrl","uploadEditsContext","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","fileUrl","setFileUrl","selectedSize","setSelectedSize","inputRef","useServerSideFetch","pasteURL","allowList","length","acceptMimeTypes","mimeTypes","join","imageCacheTag","cacheTags","updatedAt","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","selectedSizeData","sizes","sidePanelFileSrc","url","thumbnailURL","sidePanelMimeType","mimeType","fileTypeIsAdjustable","renameFile","fileToChange","newName","File","type","lastModified","handleFileChange","file","isNewFile","URL","createObjectURL","handleFileNameChange","e","updatedFileName","target","handleFileRemoval","handleFileSelection","files","isValidUrl","canParse","handleUrlSubmit","clientResponse","fetch","ok","Error","status","blob","rawSegment","split","pop","fileName","decodeURIComponent","_clientError","error","encodeURIComponent","serverResponse","apiRoute","_serverError","onEditsSave","args","startsWith","revokeObjectURL","handleControlFileUrl","renderSelectedFilePreview","src","fileType","_jsx","className","title","size","drawers","_jsxs","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","label","doc","showUploadInput","hideFileInputOnCreate","filter","message","hideRemoveFile","isAdjustable","onEditImage","onReplace","onChange","buttonStyle","onClick","current","click","accept","hidden","ref","icon","round","tooltip"],"sources":["../../../src/elements/FileManager/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL, formatFilesize, isImage } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { 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 { EditUpload } from '../EditUpload/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js'\nimport { pasteURLDrawerSlug, UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js'\nimport { AudioPreview } from './FilePreview/AudioPreview/index.js'\nimport { FilePreview } from './FilePreview/index.js'\nimport { PdfPreview } from './FilePreview/PdfPreview/index.js'\nimport { VideoPreview } from './FilePreview/VideoPreview/index.js'\nimport { FileToolbar } from './FileToolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'file-manager'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n  if (value && (!value.name || value.name === '')) {\n    return 'A file name is required.'\n  }\n  return true\n}\n\nexport type FileManagerProps = {\n  readonly collectionSlug: string\n  readonly initialState?: import('payload').FormState\n  /**\n   * When provided, upload edits are sourced from these props instead of the `useUploadEdits`\n   * context. The bulk upload drawer uses this to drive per-file edits from its FormsManager.\n   */\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n  readonly UploadControls?: React.ReactNode\n  readonly uploadEdits?: UploadEdits\n  readonly UploadFilePreview?: React.ReactNode\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n  collectionSlug,\n  initialState,\n  resetUploadEdits: resetUploadEditsFromProps,\n  updateUploadEdits: updateUploadEditsFromProps,\n  uploadConfig,\n  UploadControls,\n  uploadEdits: uploadEditsFromProps,\n  UploadFilePreview,\n}) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { id, data, setUploadStatus } = useDocumentInfo()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileName,\n    uploadControlFileUrl,\n  } = useUploadControls()\n  const uploadEditsContext = useUploadEdits()\n  const resetUploadEdits = resetUploadEditsFromProps ?? uploadEditsContext.resetUploadEdits\n  const updateUploadEdits = updateUploadEditsFromProps ?? uploadEditsContext.updateUploadEdits\n  const uploadEdits = uploadEditsFromProps ?? uploadEditsContext.uploadEdits\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [fileUrl, setFileUrl] = useState<string>('')\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const selectedSizeData = selectedSize\n    ? (data?.sizes?.[selectedSize] as Record<string, unknown>)\n    : null\n  const sidePanelFileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n  const sidePanelMimeType = data?.mimeType as string | undefined\n  const fileTypeIsAdjustable =\n    !!sidePanelMimeType &&\n    isImage(sidePanelMimeType) &&\n    sidePanelMimeType !== 'image/svg+xml' &&\n    sidePanelMimeType !== 'image/jxl'\n\n  const renameFile = (fileToChange: File, newName: string): File =>\n    new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\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      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n    },\n    [setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl],\n  )\n\n  const handleFileNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    setSelectedSize(null)\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => handleFileChange({ file: files?.[0] }),\n    [handleFileChange],\n  )\n\n  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl))\n\n  const handleUrlSubmit = useCallback(async () => {\n    if (!fileUrl || !URL.canParse(fileUrl) || uploadConfig?.pasteURL === false) {\n      return\n    }\n    setUploadStatus('uploading')\n    try {\n      const clientResponse = await fetch(fileUrl)\n      if (!clientResponse.ok) {\n        throw new Error(`Fetch failed: ${clientResponse.status}`)\n      }\n      const blob = await clientResponse.blob()\n      const rawSegment = fileUrl.split('/').pop() || ''\n      const fileName = uploadControlFileName || decodeURIComponent(rawSegment.split('?')[0])\n      handleFileChange({ file: new File([blob], fileName, { type: blob.type }) })\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n      return\n    } catch (_clientError) {\n      if (!useServerSideFetch) {\n        toast.error('Failed to fetch the file.')\n        setUploadStatus('failed')\n        return\n      }\n    }\n    try {\n      const pasteURL: `/${string}` = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(fileUrl)}`\n      const serverResponse = await fetch(formatAdminURL({ apiRoute: api, path: pasteURL }))\n      if (!serverResponse.ok) {\n        throw new Error(`Fetch failed: ${serverResponse.status}`)\n      }\n      const blob = await serverResponse.blob()\n      const rawSegment = fileUrl.split('/').pop() || ''\n      const fileName = decodeURIComponent(rawSegment.split('?')[0])\n      handleFileChange({ file: new File([blob], fileName, { type: blob.type }) })\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n    } catch (_serverError) {\n      toast.error('The provided URL is not allowed.')\n      setUploadStatus('failed')\n    }\n  }, [\n    api,\n    closeModal,\n    collectionSlug,\n    fileUrl,\n    handleFileChange,\n    id,\n    setUploadStatus,\n    uploadConfig,\n    uploadControlFileName,\n    useServerSideFetch,\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    setSelectedSize(null)\n  }, [data?.url, data?.filename])\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit])\n\n  useEffect(() => {\n    if (uploadControlFile) {\n      handleFileChange({ file: uploadControlFile })\n    }\n  }, [uploadControlFile, handleFileChange])\n\n  // Preview a freshly-selected (not-yet-saved) file from its local object URL, so video/audio/PDF\n  // are playable/viewable just like images. Sizing is capped in CSS so large files stay contained.\n  const renderSelectedFilePreview = (src: string) => {\n    const fileType = value?.type ?? ''\n\n    if (fileType.startsWith('video/')) {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <VideoPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType.startsWith('audio/')) {\n      return (\n        <div className={`${baseClass}__selected-preview ${baseClass}__selected-preview--audio`}>\n          <AudioPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType === 'application/pdf') {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <PdfPreview fileSrc={src} title={value?.name} />\n        </div>\n      )\n    }\n\n    return (\n      <div className={`${baseClass}__selected-preview`}>\n        <Thumbnail\n          collectionSlug={collectionSlug}\n          fileSrc={isImage(fileType) ? src : null}\n          size=\"expand\"\n        />\n      </div>\n    )\n  }\n\n  const drawers = (\n    <Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || (data?.filename as string)}\n            fileSrc={(data?.url as string) || fileSrc}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || (data?.focalX as number) || 50,\n              y: uploadEdits?.focalPoint?.y || (data?.focalY as number) || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__preview-drawer`}\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    </Fragment>\n  )\n\n  // Hide the create file input when the collection opts out of it (unless the user has explicitly\n  // removed an existing file or already selected a new one).\n  const showUploadInput = Boolean(value) || removedFile || !uploadConfig?.hideFileInputOnCreate\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      <div className={`${baseClass}__panel`}>\n        {data?.filename && !removedFile && (\n          <FileToolbar\n            filename={data.filename as string}\n            fileSrc={sidePanelFileSrc}\n            fileUrl={data?.url as string}\n            hideRemoveFile={uploadConfig?.hideRemoveFile}\n            isAdjustable={fileTypeIsAdjustable}\n            onEditImage={() => openModal(editDrawerSlug)}\n            onReplace={handleFileRemoval}\n          />\n        )}\n        <div className={`${baseClass}__content`}>\n          {data?.filename && !removedFile ? (\n            <FilePreview\n              collectionSlug={collectionSlug}\n              data={data as Record<string, unknown>}\n              imageCacheTag={imageCacheTag}\n              selectedSize={selectedSize}\n              selectedSizeData={selectedSizeData}\n              setSelectedSize={setSelectedSize}\n              uploadConfig={uploadConfig}\n              UploadFilePreview={UploadFilePreview}\n            />\n          ) : showUploadInput ? (\n            <div className={`${baseClass}__upload`}>\n              {!value && (\n                <Dropzone onChange={handleFileSelection}>\n                  <div className={`${baseClass}__dropzone-content`}>\n                    <div className={`${baseClass}__dropzone-buttons`}>\n                      <Button\n                        buttonStyle=\"secondary\"\n                        onClick={() => inputRef.current?.click()}\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                      {uploadConfig?.pasteURL !== false && (\n                        <Fragment>\n                          <span className={`${baseClass}__or-text`}>{t('general:or')}</span>\n                          <Button\n                            buttonStyle=\"secondary\"\n                            onClick={() => {\n                              openModal(pasteURLDrawerSlug)\n                              setUploadControlFileUrl('')\n                              setUploadControlFile(null)\n                              setUploadControlFileName(null)\n                            }}\n                            size=\"medium\"\n                          >\n                            {t('upload:pasteURL')}\n                          </Button>\n                        </Fragment>\n                      )}\n                      {UploadControls ?? null}\n                    </div>\n                    <p className={`${baseClass}__drag-text`}>\n                      {t('general:or')} {t('upload:dragAndDrop')}\n                    </p>\n                  </div>\n                </Dropzone>\n              )}\n              {value && fileSrc && (\n                <Fragment>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__remove`}\n                    icon=\"x\"\n                    onClick={handleFileRemoval}\n                    round\n                    tooltip={t('general:cancel')}\n                  />\n                  {renderSelectedFilePreview(fileSrc)}\n                  <div className={`${baseClass}__file-adjustments`}>\n                    {/* Custom id so this editor doesn't collide with the hidden auto `filename` field. */}\n                    <TextInput\n                      id=\"field-filemanager-filename\"\n                      label={t('upload:fileName')}\n                      onChange={handleFileNameChange}\n                      path=\"filename\"\n                      value={filename || value.name}\n                    />\n                    {(value.size || value.type) && (\n                      <span className={`${baseClass}__selected-meta`}>\n                        {[value.size ? formatFilesize(value.size) : null, value.type]\n                          .filter(Boolean)\n                          .join(' – ')}\n                      </span>\n                    )}\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,EAAEC,cAAc,EAAEC,OAAO,QAAQ;AACxD,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAC1E,SAASC,KAAK,QAAQ;AAEtB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,EAAEC,eAAe,QAAQ;AAChD,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ;AACvD,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,QAAA,GAAYC,KAAA;EAChB,IAAI,CAACA,KAAA,IAASA,KAAA,KAAUC,SAAA,EAAW;IACjC,OAAO;EACT;EACA,IAAID,KAAA,KAAU,CAACA,KAAA,CAAME,IAAI,IAAIF,KAAA,CAAME,IAAI,KAAK,EAAC,GAAI;IAC/C,OAAO;EACT;EACA,OAAO;AACT;AAiBA,OAAO,MAAMC,WAAA,GAA0CA,CAAC;EACtDC,cAAc;EACdC,YAAY;EACZC,gBAAA,EAAkBC,yBAAyB;EAC3CC,iBAAA,EAAmBC,0BAA0B;EAC7CC,YAAY;EACZC,cAAc;EACdC,WAAA,EAAaC,oBAAoB;EACjCC;AAAiB,CAClB;EACC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAE,GAAGvD,QAAA;EAClC,MAAM;IAAEwD;EAAC,CAAE,GAAGrC,cAAA;EACd,MAAM;IAAEsC;EAAW,CAAE,GAAG3C,OAAA;EACxB,MAAM;IAAE4C,EAAE;IAAEC,IAAI;IAAEC;EAAe,CAAE,GAAG3C,eAAA;EACtC,MAAM;IAAE4C,YAAY;IAAEC,QAAQ;IAAEC,SAAS;IAAExB;EAAK,CAAE,GAAGxB,QAAA,CAAe;IAClEiD,IAAA,EAAM;IACN1B;EACF;EACA,MAAM;IACJ2B,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG;IAAE;EAChB,CACF,GAAGnD,SAAA;EACJ,MAAM;IACJoD,oBAAoB;IACpBC,wBAAwB;IACxBC,uBAAuB;IACvBC,iBAAiB;IACjBC,qBAAqB;IACrBC;EAAoB,CACrB,GAAGrD,iBAAA;EACJ,MAAMsD,kBAAA,GAAqBrD,cAAA;EAC3B,MAAMwB,gBAAA,GAAmBC,yBAAA,IAA6B4B,kBAAA,CAAmB7B,gBAAgB;EACzF,MAAME,iBAAA,GAAoBC,0BAAA,IAA8B0B,kBAAA,CAAmB3B,iBAAiB;EAC5F,MAAMI,WAAA,GAAcC,oBAAA,IAAwBsB,kBAAA,CAAmBvB,WAAW;EAE1E,MAAM,CAACwB,OAAA,EAASC,UAAA,CAAW,GAAGnE,QAAA,CAAwB;EACtD,MAAM,CAACoE,WAAA,EAAaC,cAAA,CAAe,GAAGrE,QAAA,CAAS;EAC/C,MAAM,CAACsE,QAAA,EAAUC,WAAA,CAAY,GAAGvE,QAAA,CAAiB8B,KAAA,EAAOE,IAAA,IAAQ;EAChE,MAAM,CAACwC,OAAA,EAASC,UAAA,CAAW,GAAGzE,QAAA,CAAiB;EAC/C,MAAM,CAAC0E,YAAA,EAAcC,eAAA,CAAgB,GAAG3E,QAAA,CAAwB;EAEhE,MAAM4E,QAAA,GAAW7E,MAAA,CAAyB;EAE1C,MAAM8E,kBAAA,GACJ,OAAOrC,YAAA,EAAcsC,QAAA,KAAa,YAAYtC,YAAA,CAAasC,QAAQ,CAACC,SAAS,EAAEC,MAAA,GAAS;EAE1F,MAAMC,eAAA,GAAkBzC,YAAA,CAAa0C,SAAS,EAAEC,IAAA,CAAK;EACrD,MAAMC,aAAA,GAAgB5C,YAAA,EAAc6C,SAAA,IAAanC,IAAA,EAAMoC,SAAA;EAEvD,MAAMC,aAAA,GAAgB/C,YAAA,EAAcgD,UAAA,EAAYR,MAAA,GAAS;EACzD,MAAMS,gBAAA,GAAmBC,OAAA,CAAQlD,YAAA,EAAcmD,aAAA;EAC/C,MAAMC,iBAAA,GAAoBpD,YAAA,EAAcqD,UAAA,KAAe;EACvD,MAAM;IAAEC,IAAA,EAAMC,QAAA,GAAW,IAAI;IAAEF,UAAA,GAAa;EAAI,CAAE,GAAGrD,YAAA;EACrD,MAAMwD,cAAA,GAAiBH,UAAA,KAAeN,aAAA,IAAiBE,gBAAA,IAAoBG,iBAAgB;EAE3F,MAAMK,gBAAA,GAAmBvB,YAAA,GACpBxB,IAAA,EAAMgD,KAAA,GAAQxB,YAAA,CAAa,GAC5B;EACJ,MAAMyB,gBAAA,GAAoBF,gBAAA,EAAkBG,GAAA,IAAOlD,IAAA,EAAMmD,YAAA,IAAgBnD,IAAA,EAAMkD,GAAA,IAAO;EAGtF,MAAME,iBAAA,GAAoBpD,IAAA,EAAMqD,QAAA;EAChC,MAAMC,oBAAA,GACJ,CAAC,CAACF,iBAAA,IACF5G,OAAA,CAAQ4G,iBAAA,KACRA,iBAAA,KAAsB,mBACtBA,iBAAA,KAAsB;EAExB,MAAMG,UAAA,GAAaA,CAACC,YAAA,EAAoBC,OAAA,KACtC,IAAIC,IAAA,CAAK,CAACF,YAAA,CAAa,EAAEC,OAAA,EAAS;IAChCE,IAAA,EAAMH,YAAA,CAAaG,IAAI;IACvBC,YAAA,EAAcJ,YAAA,CAAaI;EAC7B;EAEF,MAAMC,gBAAA,GAAmBlH,WAAA,CACvB,CAAC;IAAEmH,IAAI;IAAEC,SAAA,GAAY;EAAI,CAA8C;IACrE,IAAIA,SAAA,IAAaD,IAAA,YAAgBJ,IAAA,EAAM;MACrCzC,UAAA,CAAW+C,GAAA,CAAIC,eAAe,CAACH,IAAA;IACjC;IACA3D,QAAA,CAAS2D,IAAA;IACTnD,uBAAA,CAAwB;IACxBD,wBAAA,CAAyB;IACzBD,oBAAA,CAAqB;EACvB,GACA,CAACN,QAAA,EAAUM,oBAAA,EAAsBC,wBAAA,EAA0BC,uBAAA,CAAwB;EAGrF,MAAMuD,oBAAA,GAAuBvH,WAAA,CAC1BwH,CAAA;IACC,MAAMC,eAAA,GAAkBD,CAAA,CAAEE,MAAM,CAACzF,KAAK;IACtC,IAAIA,KAAA,EAAO;MACTiF,gBAAA,CAAiB;QAAEC,IAAA,EAAMP,UAAA,CAAW3E,KAAA,EAAOwF,eAAA;QAAkBL,SAAA,EAAW;MAAM;MAC9E1C,WAAA,CAAY+C,eAAA;IACd;EACF,GACA,CAACP,gBAAA,EAAkBjF,KAAA,CAAM;EAG3B,MAAM0F,iBAAA,GAAoB3H,WAAA,CAAY;IACpCwE,cAAA,CAAe;IACf0C,gBAAA,CAAiB;MAAEC,IAAA,EAAM;IAAK;IAC9B7C,UAAA,CAAW;IACXM,UAAA,CAAW;IACXE,eAAA,CAAgB;IAChBvC,gBAAA;IACAyB,uBAAA,CAAwB;IACxBD,wBAAA,CAAyB;IACzBD,oBAAA,CAAqB;EACvB,GAAG,CACDoD,gBAAA,EACA3E,gBAAA,EACAuB,oBAAA,EACAC,wBAAA,EACAC,uBAAA,CACD;EAED,MAAM4D,mBAAA,GAAsB5H,WAAA,CACzB6H,KAAA,IAAoBX,gBAAA,CAAiB;IAAEC,IAAA,EAAMU,KAAA,GAAQ;EAAG,IACzD,CAACX,gBAAA,CAAiB;EAGpB,MAAMY,UAAA,GAAajC,OAAA,CAAQlB,OAAA,IAAW0C,GAAA,CAAIU,QAAQ,CAACpD,OAAA;EAEnD,MAAMqD,eAAA,GAAkBhI,WAAA,CAAY;IAClC,IAAI,CAAC2E,OAAA,IAAW,CAAC0C,GAAA,CAAIU,QAAQ,CAACpD,OAAA,KAAYhC,YAAA,EAAcsC,QAAA,KAAa,OAAO;MAC1E;IACF;IACA3B,eAAA,CAAgB;IAChB,IAAI;MACF,MAAM2E,cAAA,GAAiB,MAAMC,KAAA,CAAMvD,OAAA;MACnC,IAAI,CAACsD,cAAA,CAAeE,EAAE,EAAE;QACtB,MAAM,IAAIC,KAAA,CAAM,iBAAiBH,cAAA,CAAeI,MAAM,EAAE;MAC1D;MACA,MAAMC,IAAA,GAAO,MAAML,cAAA,CAAeK,IAAI;MACtC,MAAMC,UAAA,GAAa5D,OAAA,CAAQ6D,KAAK,CAAC,KAAKC,GAAG,MAAM;MAC/C,MAAMC,QAAA,GAAWxE,qBAAA,IAAyByE,kBAAA,CAAmBJ,UAAA,CAAWC,KAAK,CAAC,IAAI,CAAC,EAAE;MACrFtB,gBAAA,CAAiB;QAAEC,IAAA,EAAM,IAAIJ,IAAA,CAAK,CAACuB,IAAA,CAAK,EAAEI,QAAA,EAAU;UAAE1B,IAAA,EAAMsB,IAAA,CAAKtB;QAAK;MAAG;MACzE1D,eAAA,CAAgB;MAChBN,UAAA,CAAWxB,kBAAA;MACXoD,UAAA,CAAW;MACX;IACF,EAAE,OAAOgE,YAAA,EAAc;MACrB,IAAI,CAAC5D,kBAAA,EAAoB;QACvB5E,KAAA,CAAMyI,KAAK,CAAC;QACZvF,eAAA,CAAgB;QAChB;MACF;IACF;IACA,IAAI;MACF,MAAM2B,QAAA,GAAyB,IAAI5C,cAAA,aAA2Be,EAAA,GAAK,IAAIA,EAAA,GAAK,GAAG,UAAU0F,kBAAA,CAAmBnE,OAAA,GAAU;MACtH,MAAMoE,cAAA,GAAiB,MAAMb,KAAA,CAAMvI,cAAA,CAAe;QAAEqJ,QAAA,EAAUnF,GAAA;QAAKH,IAAA,EAAMuB;MAAS;MAClF,IAAI,CAAC8D,cAAA,CAAeZ,EAAE,EAAE;QACtB,MAAM,IAAIC,KAAA,CAAM,iBAAiBW,cAAA,CAAeV,MAAM,EAAE;MAC1D;MACA,MAAMC,MAAA,GAAO,MAAMS,cAAA,CAAeT,IAAI;MACtC,MAAMC,YAAA,GAAa5D,OAAA,CAAQ6D,KAAK,CAAC,KAAKC,GAAG,MAAM;MAC/C,MAAMC,UAAA,GAAWC,kBAAA,CAAmBJ,YAAA,CAAWC,KAAK,CAAC,IAAI,CAAC,EAAE;MAC5DtB,gBAAA,CAAiB;QAAEC,IAAA,EAAM,IAAIJ,IAAA,CAAK,CAACuB,MAAA,CAAK,EAAEI,UAAA,EAAU;UAAE1B,IAAA,EAAMsB,MAAA,CAAKtB;QAAK;MAAG;MACzE1D,eAAA,CAAgB;MAChBN,UAAA,CAAWxB,kBAAA;MACXoD,UAAA,CAAW;IACb,EAAE,OAAOqE,YAAA,EAAc;MACrB7I,KAAA,CAAMyI,KAAK,CAAC;MACZvF,eAAA,CAAgB;IAClB;EACF,GAAG,CACDO,GAAA,EACAb,UAAA,EACAX,cAAA,EACAsC,OAAA,EACAuC,gBAAA,EACA9D,EAAA,EACAE,eAAA,EACAX,YAAA,EACAuB,qBAAA,EACAc,kBAAA,CACD;EAED,MAAMkE,WAAA,GAAclJ,WAAA,CACjBmJ,IAAA;IACChG,WAAA,CAAY;IACZV,iBAAA,CAAkB0G,IAAA;EACpB,GACA,CAAChG,WAAA,EAAaV,iBAAA,CAAkB;EAGlCxC,SAAA,CAAU;IACR,IAAIqC,YAAA,EAAc6E,IAAA,EAAMlF,KAAA,YAAiB8E,IAAA,EAAM;MAC7CzC,UAAA,CAAW+C,GAAA,CAAIC,eAAe,CAAChF,YAAA,CAAa6E,IAAI,CAAClF,KAAK;MACtDuC,cAAA,CAAe;IACjB;EACF,GAAG,CAAClC,YAAA,CAAa;EAEjBrC,SAAA,CAAU;IACR,OAAO;MACL,IAAIoE,OAAA,EAAS+E,UAAA,CAAW,UAAU;QAChC/B,GAAA,CAAIgC,eAAe,CAAChF,OAAA;MACtB;IACF;EACF,GAAG,CAACA,OAAA,CAAQ;EAEZpE,SAAA,CAAU;IACR6E,eAAA,CAAgB;EAClB,GAAG,CAACzB,IAAA,EAAMkD,GAAA,EAAKlD,IAAA,EAAMoB,QAAA,CAAS;EAE9BxE,SAAA,CAAU;IACR,MAAMqJ,oBAAA,GAAuB,MAAAA,CAAA;MAC3B,IAAInF,oBAAA,EAAsB;QACxBS,UAAA,CAAWT,oBAAA;QACX,MAAM6D,eAAA;MACR;IACF;IACA,KAAKsB,oBAAA;EACP,GAAG,CAACnF,oBAAA,EAAsB6D,eAAA,CAAgB;EAE1C/H,SAAA,CAAU;IACR,IAAIgE,iBAAA,EAAmB;MACrBiD,gBAAA,CAAiB;QAAEC,IAAA,EAAMlD;MAAkB;IAC7C;EACF,GAAG,CAACA,iBAAA,EAAmBiD,gBAAA,CAAiB;EAExC;EACA;EACA,MAAMqC,yBAAA,GAA6BC,GAAA;IACjC,MAAMC,QAAA,GAAWxH,KAAA,EAAO+E,IAAA,IAAQ;IAEhC,IAAIyC,QAAA,CAASL,UAAU,CAAC,WAAW;MACjC,oBACEM,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;kBAC9C,aAAA2H,IAAA,CAAC7H,YAAA;UAAawC,OAAA,EAASmF;;;IAG7B;IAEA,IAAIC,QAAA,CAASL,UAAU,CAAC,WAAW;MACjC,oBACEM,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAG5H,SAAA,sBAA+BA,SAAA,2BAAoC;kBACpF,aAAA2H,IAAA,CAAChI,YAAA;UAAa2C,OAAA,EAASmF;;;IAG7B;IAEA,IAAIC,QAAA,KAAa,mBAAmB;MAClC,oBACEC,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;kBAC9C,aAAA2H,IAAA,CAAC9H,UAAA;UAAWyC,OAAA,EAASmF,GAAA;UAAKI,KAAA,EAAO3H,KAAA,EAAOE;;;IAG9C;IAEA,oBACEuH,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;gBAC9C,aAAA2H,IAAA,CAACrI,SAAA;QACCgB,cAAA,EAAgBA,cAAA;QAChBgC,OAAA,EAASxE,OAAA,CAAQ4J,QAAA,IAAYD,GAAA,GAAM;QACnCK,IAAA,EAAK;;;EAIb;EAEA,MAAMC,OAAA,gBACJC,KAAA,CAAChK,QAAA;eACG,CAAAkC,KAAA,IAASoB,IAAA,EAAMoB,QAAO,kBACtBiF,IAAA,CAAC9I,iBAAA;gBACC,aAAA8I,IAAA,CAACvI,UAAA;QACCuH,QAAA,EAAUzG,KAAA,EAAOE,IAAA,IAASkB,IAAA,EAAMoB,QAAA;QAChCJ,OAAA,EAAShB,IAAC,EAAMkD,GAAA,IAAkBlC,OAAA;QAClCkB,aAAA,EAAeA,aAAA;QACfyE,WAAA,EAAanH,WAAA,EAAaoD,IAAA,IAAQ/D,SAAA;QAClC+H,iBAAA,EAAmB;UACjBC,CAAA,EAAGrH,WAAA,EAAamD,UAAA,EAAYkE,CAAA,IAAM7G,IAAA,EAAM8G,MAAA,IAAqB;UAC7DC,CAAA,EAAGvH,WAAA,EAAamD,UAAA,EAAYoE,CAAA,IAAM/G,IAAA,EAAMgH,MAAA,IAAqB;QAC/D;QACAC,MAAA,EAAQpB,WAAA;QACRhD,QAAA,EAAUA,QAAA;QACVC,cAAA,EAAgBA;;QAIrB9C,IAAA,IAAQqC,aAAA,iBACPgE,IAAA,CAACzI,MAAA;MACC0I,SAAA,EAAW,GAAG5H,SAAA,kBAA2B;MACzCwI,UAAU;MACVC,IAAA,EAAMjJ,eAAA;MACNqI,KAAA,EAAO1G,CAAA,CAAE,mBAAmB;QAAEuH,KAAA,EAAOpH,IAAA,CAAKoB;MAAS;gBAEnD,aAAAiF,IAAA,CAACtI,YAAA;QAAasJ,GAAA,EAAKrH,IAAA;QAAMkC,aAAA,EAAeA,aAAA;QAAe5C,YAAA,EAAcA;;QAGxEA,YAAA,EAAcsC,QAAA,KAAa,sBAC1ByE,IAAA,CAACjI,kBAAA;MACCkD,OAAA,EAASA,OAAA;MACTqD,eAAA,EAAiBA,eAAA;MACjBF,UAAA,EAAYA,UAAA;MACZlD,UAAA,EAAYA;;;EAMpB;EACA;EACA,MAAM+F,eAAA,GAAkB9E,OAAA,CAAQ5D,KAAA,KAAUsC,WAAA,IAAe,CAAC5B,YAAA,EAAciI,qBAAA;EAExE,oBACEb,KAAA,CAAC;IAAIJ,SAAA,EAAW,CAACrJ,cAAA,EAAgByB,SAAA,CAAU,CAAC8I,MAAM,CAAChF,OAAA,EAASP,IAAI,CAAC;4BAC/DoE,IAAA,CAACrJ,UAAA;MAAWyK,OAAA,EAASvH,YAAA;MAAcE,SAAA,EAAWA;qBAC9CsG,KAAA,CAAC;MAAIJ,SAAA,EAAW,GAAG5H,SAAA,SAAkB;iBAClCsB,IAAA,EAAMoB,QAAA,IAAY,CAACF,WAAA,iBAClBmF,IAAA,CAAC5H,WAAA;QACC2C,QAAA,EAAUpB,IAAA,CAAKoB,QAAQ;QACvBJ,OAAA,EAASiC,gBAAA;QACT3B,OAAA,EAAStB,IAAA,EAAMkD,GAAA;QACfwE,cAAA,EAAgBpI,YAAA,EAAcoI,cAAA;QAC9BC,YAAA,EAAcrE,oBAAA;QACdsE,WAAA,EAAaA,CAAA,KAAMhI,SAAA,CAAU3B,cAAA;QAC7B4J,SAAA,EAAWvD;uBAGf+B,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAG5H,SAAA,WAAoB;kBACpCsB,IAAA,EAAMoB,QAAA,IAAY,CAACF,WAAA,gBAClBmF,IAAA,CAAC/H,WAAA;UACCU,cAAA,EAAgBA,cAAA;UAChBgB,IAAA,EAAMA,IAAA;UACNkC,aAAA,EAAeA,aAAA;UACfV,YAAA,EAAcA,YAAA;UACduB,gBAAA,EAAkBA,gBAAA;UAClBtB,eAAA,EAAiBA,eAAA;UACjBnC,YAAA,EAAcA,YAAA;UACdI,iBAAA,EAAmBA;aAEnB4H,eAAA,gBACFZ,KAAA,CAAC;UAAIJ,SAAA,EAAW,GAAG5H,SAAA,UAAmB;qBACnC,CAACE,KAAA,iBACAyH,IAAA,CAACxI,QAAA;YAASiK,QAAA,EAAUvD,mBAAA;sBAClB,aAAAmC,KAAA,CAAC;cAAIJ,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;sCAC9CgI,KAAA,CAAC;gBAAIJ,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;wCAC9C2H,IAAA,CAAC1I,MAAA;kBACCoK,WAAA,EAAY;kBACZC,OAAA,EAASA,CAAA,KAAMtG,QAAA,CAASuG,OAAO,EAAEC,KAAA;kBACjC1B,IAAA,EAAK;4BAEJ3G,CAAA,CAAE;iCAELwG,IAAA,CAAC;kBACC8B,MAAA,EAAQpG,eAAA;kBACR,eAAY;kBACZuE,SAAA,EAAW,GAAG5H,SAAA,gBAAyB;kBACvC0J,MAAM;kBACNN,QAAA,EAAW3D,GAAA;oBACT,IAAIA,GAAA,CAAEE,MAAM,CAACG,KAAK,IAAIL,GAAA,CAAEE,MAAM,CAACG,KAAK,CAAC1C,MAAM,GAAG,GAAG;sBAC/CyC,mBAAA,CAAoBJ,GAAA,CAAEE,MAAM,CAACG,KAAK;oBACpC;kBACF;kBACA6D,GAAA,EAAK3G,QAAA;kBACLiC,IAAA,EAAK;oBAENrE,YAAA,EAAcsC,QAAA,KAAa,sBAC1B8E,KAAA,CAAChK,QAAA;0CACC2J,IAAA,CAAC;oBAAKC,SAAA,EAAW,GAAG5H,SAAA,WAAoB;8BAAGmB,CAAA,CAAE;mCAC7CwG,IAAA,CAAC1I,MAAA;oBACCoK,WAAA,EAAY;oBACZC,OAAA,EAASA,CAAA;sBACPpI,SAAA,CAAUzB,kBAAA;sBACVwC,uBAAA,CAAwB;sBACxBF,oBAAA,CAAqB;sBACrBC,wBAAA,CAAyB;oBAC3B;oBACA8F,IAAA,EAAK;8BAEJ3G,CAAA,CAAE;;oBAIRN,cAAA,IAAkB;+BAErBmH,KAAA,CAAC;gBAAEJ,SAAA,EAAW,GAAG5H,SAAA,aAAsB;2BACpCmB,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;cAK5BjB,KAAA,IAASoC,OAAA,iBACR0F,KAAA,CAAChK,QAAA;oCACC2J,IAAA,CAAC1I,MAAA;cACCoK,WAAA,EAAY;cACZzB,SAAA,EAAW,GAAG5H,SAAA,UAAmB;cACjC4J,IAAA,EAAK;cACLN,OAAA,EAAS1D,iBAAA;cACTiE,KAAK;cACLC,OAAA,EAAS3I,CAAA,CAAE;gBAEZqG,yBAAA,CAA0BlF,OAAA,G,aAC3B0F,KAAA,CAAC;cAAIJ,SAAA,EAAW,GAAG5H,SAAA,oBAA6B;sCAE9C2H,IAAA,CAACnJ,SAAA;gBACC6C,EAAA,EAAG;gBACHqH,KAAA,EAAOvH,CAAA,CAAE;gBACTiI,QAAA,EAAU5D,oBAAA;gBACV7D,IAAA,EAAK;gBACLzB,KAAA,EAAOwC,QAAA,IAAYxC,KAAA,CAAME;kBAEzB,CAAAF,KAAA,CAAM4H,IAAI,IAAI5H,KAAA,CAAM+E,IAAI,KAAD,aACvB0C,IAAA,CAAC;gBAAKC,SAAA,EAAW,GAAG5H,SAAA,iBAA0B;0BAC3C,CAACE,KAAA,CAAM4H,IAAI,GAAGjK,cAAA,CAAeqC,KAAA,CAAM4H,IAAI,IAAI,MAAM5H,KAAA,CAAM+E,IAAI,CAAC,CAC1D6D,MAAM,CAAChF,OAAA,EACPP,IAAI,CAAC;;;;aAOlB;;QAGPwE,OAAA;;AAGP","ignoreList":[]}

package/dist/elements/GroupBy/Popup.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ReducedField } from '../WhereBuilder/types.js';
+import './Popup.css';
+export type GroupByPopupProps = {
+    /** Closes the parent popup. */
+    readonly close: () => void;
+    /** The selectable, permission-filtered fields. */
+    readonly filteredFields: ReducedField[];
+    /** The currently selected field, if any. */
+    readonly groupByField?: ReducedField;
+    /** The selected field path with any leading `-` stripped. */
+    readonly groupByFieldName?: string;
+    /** Whether a field is currently selected. */
+    readonly isActive: boolean;
+    /** Called with the next `groupBy` value (prefixed with `-` for descending). */
+    readonly onChange: (groupBy: string) => void;
+    /** The current `groupBy` value (prefixed with `-` for descending). */
+    readonly value: string;
+};
+export declare const GroupByPopup: React.FC<GroupByPopupProps>;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/elements/GroupBy/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupBy/Popup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQ5D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,CAAA;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAA;IACpC,6DAA6D;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6JpD,CAAA"}