@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/Upload/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { isImage } from 'payload/shared';
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
@@ -41,12 +41,12 @@ export const UploadActions = ({ customActions, enableAdjustments, enablePreviewS
     if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass}__upload-actions`,
         children: [
-            fileTypeIsAdjustable && /*#__PURE__*/ _jsxs(React.Fragment, {
+            fileTypeIsAdjustable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                 children: [
-                    enablePreviewSizes && /*#__PURE__*/ _jsx(Button, {
+                    enablePreviewSizes && /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "pill",
                         className: `${baseClass}__previewSizes`,
                         margin: false,
@@ -55,8 +55,12 @@ export const UploadActions = ({ customActions, enableAdjustments, enablePreviewS
                         },
                         size: "small",
                         children: t('upload:previewSizes')
-                    }),
-                    enableAdjustments && /*#__PURE__*/ _jsx(Button, {
+                    }, void 0, false, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 72,
+                        columnNumber: 13
+                    }, this),
+                    enableAdjustments && /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "pill",
                         className: `${baseClass}__edit`,
                         margin: false,
@@ -65,27 +69,51 @@ export const UploadActions = ({ customActions, enableAdjustments, enablePreviewS
                         },
                         size: "small",
                         children: t('upload:editImage')
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 85,
+                        columnNumber: 13
+                    }, this)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 70,
+                columnNumber: 9
+            }, this),
             customActions && customActions.map((CustomAction, i)=>{
-                return /*#__PURE__*/ _jsx(React.Fragment, {
+                return /*#__PURE__*/ _jsxDEV(React.Fragment, {
                     children: CustomAction
-                }, i);
+                }, i, false, {
+                    fileName: "src/elements/Upload/index.tsx",
+                    lineNumber: 102,
+                    columnNumber: 18
+                }, this);
             })
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Upload/index.tsx",
+        lineNumber: 68,
+        columnNumber: 5
+    }, this);
 };
 export const Upload = (props)=>{
     const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits();
-    return /*#__PURE__*/ _jsx(UploadControlsProvider, {
-        children: /*#__PURE__*/ _jsx(Upload_v4, {
+    return /*#__PURE__*/ _jsxDEV(UploadControlsProvider, {
+        children: /*#__PURE__*/ _jsxDEV(Upload_v4, {
             ...props,
             resetUploadEdits: resetUploadEdits,
             updateUploadEdits: updateUploadEdits,
             uploadEdits: uploadEdits
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/Upload/index.tsx",
+            lineNumber: 121,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Upload/index.tsx",
+        lineNumber: 120,
+        columnNumber: 5
+    }, this);
 };
 export const Upload_v4 = (props)=>{
     const { collectionSlug, customActions, initialState, onChange, resetUploadEdits, updateUploadEdits, uploadConfig, UploadControls, uploadEdits } = props;
@@ -205,8 +233,9 @@ export const Upload_v4 = (props)=>{
                 file
             });
             setUploadStatus('idle');
-            return; // Exit if client-side fetch succeeds
-        } catch (_clientError) {
+            return;
+        } // Exit if client-side fetch succeeds
+        catch (_clientError) {
             if (!useServerSideFetch) {
                 // If server-side fetch is not enabled, show client-side error
                 toast.error('Failed to fetch the file.');
@@ -257,10 +286,9 @@ export const Upload_v4 = (props)=>{
         initialState
     ]);
     useEffect(()=>{
-        if (showUrlInput && urlInputRef.current) {
-        // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true
-        }
-    }, [
+        if (showUrlInput && urlInputRef.current) {}
+    }, // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true
+    [
         showUrlInput
     ]);
     useEffect(()=>{
@@ -304,17 +332,21 @@ export const Upload_v4 = (props)=>{
         uploadControlFile,
         handleFileChange
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx(FieldError, {
+            /*#__PURE__*/ _jsxDEV(FieldError, {
                 message: errorMessage,
                 showError: showError
-            }),
-            data && data.filename && !removedFile && /*#__PURE__*/ _jsx(FileDetails, {
+            }, void 0, false, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 380,
+                columnNumber: 7
+            }, this),
+            data && data.filename && !removedFile && /*#__PURE__*/ _jsxDEV(FileDetails, {
                 collectionSlug: collectionSlug,
                 customUploadActions: customActions,
                 doc: data,
@@ -324,19 +356,23 @@ export const Upload_v4 = (props)=>{
                 hideRemoveFile: uploadConfig.hideRemoveFile,
                 imageCacheTag: imageCacheTag,
                 uploadConfig: uploadConfig
-            }),
-            (!uploadConfig.hideFileInputOnCreate && !data?.filename || removedFile) && /*#__PURE__*/ _jsxs("div", {
+            }, void 0, false, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 382,
+                columnNumber: 9
+            }, this),
+            (!uploadConfig.hideFileInputOnCreate && !data?.filename || removedFile) && /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__upload`,
                 children: [
-                    !value && !showUrlInput && /*#__PURE__*/ _jsx(Dropzone, {
+                    !value && !showUrlInput && /*#__PURE__*/ _jsxDEV(Dropzone, {
                         onChange: handleFileSelection,
-                        children: /*#__PURE__*/ _jsxs("div", {
+                        children: /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__dropzoneContent`,
                             children: [
-                                /*#__PURE__*/ _jsxs("div", {
+                                /*#__PURE__*/ _jsxDEV("div", {
                                     className: `${baseClass}__dropzoneButtons`,
                                     children: [
-                                        /*#__PURE__*/ _jsx(Button, {
+                                        /*#__PURE__*/ _jsxDEV(Button, {
                                             buttonStyle: "pill",
                                             onClick: ()=>{
                                                 if (inputRef.current) {
@@ -345,8 +381,12 @@ export const Upload_v4 = (props)=>{
                                             },
                                             size: "small",
                                             children: t('upload:selectFile')
-                                        }),
-                                        /*#__PURE__*/ _jsx("input", {
+                                        }, void 0, false, {
+                                            fileName: "src/elements/Upload/index.tsx",
+                                            lineNumber: 400,
+                                            columnNumber: 19
+                                        }, this),
+                                        /*#__PURE__*/ _jsxDEV("input", {
                                             accept: acceptMimeTypes,
                                             "aria-hidden": "true",
                                             className: `${baseClass}__hidden-input`,
@@ -358,14 +398,22 @@ export const Upload_v4 = (props)=>{
                                             },
                                             ref: inputRef,
                                             type: "file"
-                                        }),
-                                        uploadConfig?.pasteURL !== false && /*#__PURE__*/ _jsxs(Fragment, {
+                                        }, void 0, false, {
+                                            fileName: "src/elements/Upload/index.tsx",
+                                            lineNumber: 411,
+                                            columnNumber: 19
+                                        }, this),
+                                        uploadConfig?.pasteURL !== false && /*#__PURE__*/ _jsxDEV(Fragment, {
                                             children: [
-                                                /*#__PURE__*/ _jsx("span", {
+                                                /*#__PURE__*/ _jsxDEV("span", {
                                                     className: `${baseClass}__orText`,
                                                     children: t('general:or')
-                                                }),
-                                                /*#__PURE__*/ _jsx(Button, {
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/Upload/index.tsx",
+                                                    lineNumber: 426,
+                                                    columnNumber: 23
+                                                }, this),
+                                                /*#__PURE__*/ _jsxDEV(Button, {
                                                     buttonStyle: "pill",
                                                     onClick: ()=>{
                                                         setShowUrlInput(true);
@@ -375,29 +423,53 @@ export const Upload_v4 = (props)=>{
                                                     },
                                                     size: "small",
                                                     children: t('upload:pasteURL')
-                                                })
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/Upload/index.tsx",
+                                                    lineNumber: 427,
+                                                    columnNumber: 23
+                                                }, this)
                                             ]
-                                        }),
+                                        }, void 0, true, {
+                                            fileName: "src/elements/Upload/index.tsx",
+                                            lineNumber: 425,
+                                            columnNumber: 21
+                                        }, this),
                                         UploadControls ? UploadControls : null
                                     ]
-                                }),
-                                /*#__PURE__*/ _jsxs("p", {
+                                }, void 0, true, {
+                                    fileName: "src/elements/Upload/index.tsx",
+                                    lineNumber: 399,
+                                    columnNumber: 17
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV("p", {
                                     className: `${baseClass}__dragAndDropText`,
                                     children: [
                                         t('general:or'),
                                         " ",
                                         t('upload:dragAndDrop')
                                     ]
-                                })
+                                }, void 0, true, {
+                                    fileName: "src/elements/Upload/index.tsx",
+                                    lineNumber: 444,
+                                    columnNumber: 17
+                                }, this)
                             ]
-                        })
-                    }),
-                    showUrlInput && /*#__PURE__*/ _jsxs(React.Fragment, {
+                        }, void 0, true, {
+                            fileName: "src/elements/Upload/index.tsx",
+                            lineNumber: 398,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 397,
+                        columnNumber: 13
+                    }, this),
+                    showUrlInput && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsxs("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__remote-file-wrap`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("input", {
+                                    /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
                                         className: `${baseClass}__remote-file`,
                                         onChange: (e)=>{
                                             setFileUrl(e.target.value);
@@ -406,21 +478,37 @@ export const Upload_v4 = (props)=>{
                                         title: fileUrl,
                                         type: "text",
                                         value: fileUrl
-                                    }),
-                                    /*#__PURE__*/ _jsx("div", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Upload/index.tsx",
+                                        lineNumber: 454,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__add-file-wrap`,
-                                        children: /*#__PURE__*/ _jsx("button", {
+                                        children: /*#__PURE__*/ _jsxDEV("button", {
                                             className: `${baseClass}__add-file`,
                                             onClick: ()=>{
                                                 void handleUrlSubmit();
                                             },
                                             type: "button",
                                             children: t('upload:addFile')
-                                        })
-                                    })
+                                        }, void 0, false, {
+                                            fileName: "src/elements/Upload/index.tsx",
+                                            lineNumber: 465,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Upload/index.tsx",
+                                        lineNumber: 464,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
+                            }, void 0, true, {
+                                fileName: "src/elements/Upload/index.tsx",
+                                lineNumber: 452,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "icon-label",
                                 className: `${baseClass}__remove`,
                                 icon: "x",
@@ -433,37 +521,65 @@ export const Upload_v4 = (props)=>{
                                 },
                                 round: true,
                                 tooltip: t('general:cancel')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/Upload/index.tsx",
+                                lineNumber: 476,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    }),
-                    value && fileSrc && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, void 0, true, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 451,
+                        columnNumber: 13
+                    }, this),
+                    value && fileSrc && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__thumbnail-wrap`,
-                                children: /*#__PURE__*/ _jsx(Thumbnail, {
+                                children: /*#__PURE__*/ _jsxDEV(Thumbnail, {
                                     collectionSlug: collectionSlug,
                                     fileSrc: isImage(value.type) ? fileSrc : null
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
+                                }, void 0, false, {
+                                    fileName: "src/elements/Upload/index.tsx",
+                                    lineNumber: 495,
+                                    columnNumber: 17
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/Upload/index.tsx",
+                                lineNumber: 494,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__file-adjustments`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("input", {
+                                    /* eslint-disable-next-line jsx-a11y/control-has-associated-label */ /*#__PURE__*/ _jsxDEV("input", {
                                         className: `${baseClass}__filename`,
                                         onChange: handleFileNameChange,
                                         title: filename || value.name,
                                         type: "text",
                                         value: filename || value.name
-                                    }),
-                                    /*#__PURE__*/ _jsx(UploadActions, {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Upload/index.tsx",
+                                        lineNumber: 502,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV(UploadActions, {
                                         customActions: customActions,
                                         enableAdjustments: showCrop || showFocalPoint,
                                         enablePreviewSizes: hasImageSizes && data?.filename && !removedFile,
                                         mimeType: value.type
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Upload/index.tsx",
+                                        lineNumber: 509,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
+                            }, void 0, true, {
+                                fileName: "src/elements/Upload/index.tsx",
+                                lineNumber: 500,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "icon-label",
                                 className: `${baseClass}__remove`,
                                 icon: "x",
@@ -471,16 +587,28 @@ export const Upload_v4 = (props)=>{
                                 onClick: handleFileRemoval,
                                 round: true,
                                 tooltip: t('general:cancel')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/Upload/index.tsx",
+                                lineNumber: 516,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 493,
+                        columnNumber: 13
+                    }, this)
                 ]
-            }),
-            (value || data?.filename) && /*#__PURE__*/ _jsx(EditDepthProvider, {
-                children: /*#__PURE__*/ _jsx(Drawer, {
+            }, void 0, true, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 395,
+                columnNumber: 9
+            }, this),
+            (value || data?.filename) && /*#__PURE__*/ _jsxDEV(EditDepthProvider, {
+                children: /*#__PURE__*/ _jsxDEV(Drawer, {
                     Header: null,
                     slug: editDrawerSlug,
-                    children: /*#__PURE__*/ _jsx(EditUpload, {
+                    children: /*#__PURE__*/ _jsxDEV(EditUpload, {
                         fileName: value?.name || data?.filename,
                         fileSrc: data?.url || fileSrc,
                         imageCacheTag: imageCacheTag,
@@ -492,24 +620,48 @@ export const Upload_v4 = (props)=>{
                         onSave: onEditsSave,
                         showCrop: showCrop,
                         showFocalPoint: showFocalPoint
-                    })
-                })
-            }),
-            data && hasImageSizes && /*#__PURE__*/ _jsx(Drawer, {
+                    }, void 0, false, {
+                        fileName: "src/elements/Upload/index.tsx",
+                        lineNumber: 532,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Upload/index.tsx",
+                    lineNumber: 531,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 530,
+                columnNumber: 9
+            }, this),
+            data && hasImageSizes && /*#__PURE__*/ _jsxDEV(Drawer, {
                 className: `${baseClass}__previewDrawer`,
                 hoverTitle: true,
                 slug: sizePreviewSlug,
                 title: t('upload:sizesFor', {
                     label: data.filename
                 }),
-                children: /*#__PURE__*/ _jsx(PreviewSizes, {
+                children: /*#__PURE__*/ _jsxDEV(PreviewSizes, {
                     doc: data,
                     imageCacheTag: imageCacheTag,
                     uploadConfig: uploadConfig
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/elements/Upload/index.tsx",
+                    lineNumber: 555,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Upload/index.tsx",
+                lineNumber: 549,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Upload/index.tsx",
+        lineNumber: 379,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map