payload 0.14.3-beta.0 → 0.14.8-beta.0

package/dist/admin/components/forms/field-types/Upload/Add/index.js

@@ -1,43 +1,43 @@
-import React, { useCallback } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig, useAuth } from '@payloadcms/config-provider';
-import MinimalTemplate from '../../../../templates/Minimal';
-import Form from '../../../Form';
-import Button from '../../../../elements/Button';
-import RenderFields from '../../../RenderFields';
-import FormSubmit from '../../../Submit';
-import Upload from '../../../../views/collections/Edit/Upload';
-import { NegativeFieldGutterProvider } from '../../../FieldTypeGutter/context';
-import './index.scss';
-const baseClass = 'add-upload-modal';
-const AddUploadModal = (props) => {
-    var _a, _b;
-    const { collection, collection: { admin: { description, } = {}, } = {}, slug, fieldTypes, setValue, } = props;
-    const { permissions } = useAuth();
-    const { serverURL, routes: { api } } = useConfig();
-    const { closeAll } = useModal();
-    const onSuccess = useCallback((json) => {
-        closeAll();
-        setValue(json.doc);
-    }, [closeAll, setValue]);
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    const collectionPermissions = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.fields;
-    return (React.createElement(Modal, { className: classes, slug: slug },
-        React.createElement(MinimalTemplate, { width: "wide" },
-            React.createElement(Form, { method: "post", action: `${serverURL}${api}/${collection.slug}`, onSuccess: onSuccess, disableSuccessStatus: true },
-                React.createElement("header", { className: `${baseClass}__header` },
-                    React.createElement("div", null,
-                        React.createElement("h1", null,
-                            "New",
-                            ' ',
-                            collection.labels.singular),
-                        React.createElement(FormSubmit, null, "Save"),
-                        React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
-                    description && (React.createElement("div", { className: `${baseClass}__sub-header` }, description))),
-                React.createElement(Upload, { collection: collection }),
-                React.createElement(NegativeFieldGutterProvider, { allow: true },
-                    React.createElement(RenderFields, { permissions: collectionPermissions, readOnly: false, fieldTypes: fieldTypes, fieldSchema: collection.fields }))))));
-};
-export default AddUploadModal;
+import React, { useCallback } from 'react';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { useConfig, useAuth } from '@payloadcms/config-provider';
+import MinimalTemplate from '../../../../templates/Minimal';
+import Form from '../../../Form';
+import Button from '../../../../elements/Button';
+import RenderFields from '../../../RenderFields';
+import FormSubmit from '../../../Submit';
+import Upload from '../../../../views/collections/Edit/Upload';
+import { NegativeFieldGutterProvider } from '../../../FieldTypeGutter/context';
+import './index.scss';
+const baseClass = 'add-upload-modal';
+const AddUploadModal = (props) => {
+    var _a, _b;
+    const { collection, collection: { admin: { description, } = {}, } = {}, slug, fieldTypes, setValue, } = props;
+    const { permissions } = useAuth();
+    const { serverURL, routes: { api } } = useConfig();
+    const { closeAll } = useModal();
+    const onSuccess = useCallback((json) => {
+        closeAll();
+        setValue(json.doc);
+    }, [closeAll, setValue]);
+    const classes = [
+        baseClass,
+    ].filter(Boolean).join(' ');
+    const collectionPermissions = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.fields;
+    return (React.createElement(Modal, { className: classes, slug: slug },
+        React.createElement(MinimalTemplate, { width: "wide" },
+            React.createElement(Form, { method: "post", action: `${serverURL}${api}/${collection.slug}`, onSuccess: onSuccess, disableSuccessStatus: true },
+                React.createElement("header", { className: `${baseClass}__header` },
+                    React.createElement("div", null,
+                        React.createElement("h1", null,
+                            "New",
+                            ' ',
+                            collection.labels.singular),
+                        React.createElement(FormSubmit, null, "Save"),
+                        React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
+                    description && (React.createElement("div", { className: `${baseClass}__sub-header` }, description))),
+                React.createElement(Upload, { collection: collection }),
+                React.createElement(NegativeFieldGutterProvider, { allow: true },
+                    React.createElement(RenderFields, { permissions: collectionPermissions, readOnly: false, fieldTypes: fieldTypes, fieldSchema: collection.fields }))))));
+};
+export default AddUploadModal;

package/dist/admin/components/forms/field-types/Upload/Add/types.d.ts

@@ -1,10 +1,10 @@
-import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-import { FieldTypes } from '../..';
-export declare type Props = {
-    setValue: (val: {
-        id: string;
-    } | null) => void;
-    collection: SanitizedCollectionConfig;
-    slug: string;
-    fieldTypes: FieldTypes;
-};
+import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
+import { FieldTypes } from '../..';
+export declare type Props = {
+    setValue: (val: {
+        id: string;
+    } | null) => void;
+    collection: SanitizedCollectionConfig;
+    slug: string;
+    fieldTypes: FieldTypes;
+};

package/dist/admin/components/forms/field-types/Upload/Add/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/field-types/Upload/Input.d.ts

@@ -1,25 +1,26 @@
-import React from 'react';
-import { UploadField } from '../../../../../fields/config/types';
-import { Description } from '../../FieldDescription/types';
-import { FieldTypes } from '..';
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import './index.scss';
-export declare type UploadInputProps = Omit<UploadField, 'type'> & {
-    showError?: boolean;
-    errorMessage?: string;
-    readOnly?: boolean;
-    path: string;
-    required?: boolean;
-    value?: string;
-    description?: Description;
-    onChange?: (e: any) => void;
-    placeholder?: string;
-    style?: React.CSSProperties;
-    width?: string;
-    fieldTypes?: FieldTypes;
-    collection?: SanitizedCollectionConfig;
-    serverURL?: string;
-    api?: string;
-};
-declare const UploadInput: React.FC<UploadInputProps>;
-export default UploadInput;
+import React from 'react';
+import { UploadField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import { FieldTypes } from '..';
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import './index.scss';
+export declare type UploadInputProps = Omit<UploadField, 'type'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path: string;
+    required?: boolean;
+    value?: string;
+    description?: Description;
+    onChange?: (e: any) => void;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+    fieldTypes?: FieldTypes;
+    collection?: SanitizedCollectionConfig;
+    serverURL?: string;
+    api?: string;
+};
+declare const UploadInput: React.FC<UploadInputProps>;
+export default UploadInput;

package/dist/admin/components/forms/field-types/Upload/Input.js

@@ -1,83 +1,84 @@
-import React, { useEffect, useState } from 'react';
-import { useModal } from '@faceless-ui/modal';
-import Button from '../../../elements/Button';
-import Label from '../../Label';
-import Error from '../../Error';
-import FileDetails from '../../../elements/FileDetails';
-import FieldDescription from '../../FieldDescription';
-import AddModal from './Add';
-import SelectExistingModal from './SelectExisting';
-import './index.scss';
-const baseClass = 'upload';
-const UploadInput = (props) => {
-    const { path, required, readOnly, style, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
-    const { toggle } = useModal();
-    const addModalSlug = `${path}-add`;
-    const selectExistingModalSlug = `${path}-select-existing`;
-    const [file, setFile] = useState(undefined);
-    const [missingFile, setMissingFile] = useState(false);
-    const classes = [
-        'field-type',
-        baseClass,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    useEffect(() => {
-        if (typeof value === 'string' && value !== '') {
-            const fetchFile = async () => {
-                const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`);
-                if (response.ok) {
-                    const json = await response.json();
-                    setFile(json);
-                }
-                else {
-                    setMissingFile(true);
-                    setFile(undefined);
-                }
-            };
-            fetchFile();
-        }
-        else {
-            setFile(undefined);
-        }
-    }, [
-        value,
-        relationTo,
-        api,
-        serverURL,
-    ]);
-    return (React.createElement("div", { className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        (collection === null || collection === void 0 ? void 0 : collection.upload) && (React.createElement(React.Fragment, null,
-            (file && !missingFile) && (React.createElement(FileDetails, { collection: collection, doc: file, handleRemove: () => {
-                    onChange(null);
-                } })),
-            (!file || missingFile) && (React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggle(addModalSlug);
-                    } },
-                    "Upload new",
-                    ' ',
-                    collection.labels.singular),
-                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggle(selectExistingModalSlug);
-                    } }, "Choose from existing"))),
-            React.createElement(AddModal, { ...{
-                    collection,
-                    slug: addModalSlug,
-                    fieldTypes,
-                    setValue: onChange,
-                } }),
-            React.createElement(SelectExistingModal, { ...{
-                    collection,
-                    slug: selectExistingModalSlug,
-                    setValue: onChange,
-                    addModalSlug,
-                } }),
-            React.createElement(FieldDescription, { value: file, description: description })))));
-};
-export default UploadInput;
+import React, { useEffect, useState } from 'react';
+import { useModal } from '@faceless-ui/modal';
+import Button from '../../../elements/Button';
+import Label from '../../Label';
+import Error from '../../Error';
+import FileDetails from '../../../elements/FileDetails';
+import FieldDescription from '../../FieldDescription';
+import AddModal from './Add';
+import SelectExistingModal from './SelectExisting';
+import './index.scss';
+const baseClass = 'upload';
+const UploadInput = (props) => {
+    const { path, required, readOnly, style, className, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
+    const { toggle } = useModal();
+    const addModalSlug = `${path}-add`;
+    const selectExistingModalSlug = `${path}-select-existing`;
+    const [file, setFile] = useState(undefined);
+    const [missingFile, setMissingFile] = useState(false);
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    useEffect(() => {
+        if (typeof value === 'string' && value !== '') {
+            const fetchFile = async () => {
+                const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`);
+                if (response.ok) {
+                    const json = await response.json();
+                    setFile(json);
+                }
+                else {
+                    setMissingFile(true);
+                    setFile(undefined);
+                }
+            };
+            fetchFile();
+        }
+        else {
+            setFile(undefined);
+        }
+    }, [
+        value,
+        relationTo,
+        api,
+        serverURL,
+    ]);
+    return (React.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        React.createElement(Error, { showError: showError, message: errorMessage }),
+        React.createElement(Label, { htmlFor: path, label: label, required: required }),
+        (collection === null || collection === void 0 ? void 0 : collection.upload) && (React.createElement(React.Fragment, null,
+            (file && !missingFile) && (React.createElement(FileDetails, { collection: collection, doc: file, handleRemove: () => {
+                    onChange(null);
+                } })),
+            (!file || missingFile) && (React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
+                        toggle(addModalSlug);
+                    } },
+                    "Upload new",
+                    ' ',
+                    collection.labels.singular),
+                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
+                        toggle(selectExistingModalSlug);
+                    } }, "Choose from existing"))),
+            React.createElement(AddModal, { ...{
+                    collection,
+                    slug: addModalSlug,
+                    fieldTypes,
+                    setValue: onChange,
+                } }),
+            React.createElement(SelectExistingModal, { ...{
+                    collection,
+                    slug: selectExistingModalSlug,
+                    setValue: onChange,
+                    addModalSlug,
+                } }),
+            React.createElement(FieldDescription, { value: file, description: description })))));
+};
+export default UploadInput;

package/dist/admin/components/forms/field-types/Upload/SelectExisting/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const SelectExistingUploadModal: React.FC<Props>;
-export default SelectExistingUploadModal;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const SelectExistingUploadModal: React.FC<Props>;
+export default SelectExistingUploadModal;

package/dist/admin/components/forms/field-types/Upload/SelectExisting/index.js

@@ -1,72 +1,72 @@
-import React, { Fragment, useState, useEffect } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig } from '@payloadcms/config-provider';
-import MinimalTemplate from '../../../../templates/Minimal';
-import Button from '../../../../elements/Button';
-import usePayloadAPI from '../../../../../hooks/usePayloadAPI';
-import ListControls from '../../../../elements/ListControls';
-import Paginator from '../../../../elements/Paginator';
-import UploadGallery from '../../../../elements/UploadGallery';
-import PerPage from '../../../../elements/PerPage';
-import formatFields from '../../../../views/collections/List/formatFields';
-import './index.scss';
-const baseClass = 'select-existing-upload-modal';
-const SelectExistingUploadModal = (props) => {
-    const { setValue, collection, collection: { slug: collectionSlug, admin: { description, pagination: { defaultLimit, }, } = {}, } = {}, slug: modalSlug, } = props;
-    const { serverURL, routes: { api } } = useConfig();
-    const { closeAll, currentModal } = useModal();
-    const [fields] = useState(() => formatFields(collection));
-    const [limit, setLimit] = useState(defaultLimit);
-    const [sort, setSort] = useState(null);
-    const [where, setWhere] = useState(null);
-    const [page, setPage] = useState(null);
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    const isOpen = currentModal === modalSlug;
-    const apiURL = isOpen ? `${serverURL}${api}/${collectionSlug}` : null;
-    const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
-    useEffect(() => {
-        const params = {};
-        if (page)
-            params.page = page;
-        if (where)
-            params.where = where;
-        if (sort)
-            params.sort = sort;
-        if (limit)
-            params.limit = limit;
-        setParams(params);
-    }, [setParams, page, sort, where, limit]);
-    return (React.createElement(Modal, { className: classes, slug: modalSlug }, isOpen && (React.createElement(MinimalTemplate, { width: "wide" },
-        React.createElement("header", { className: `${baseClass}__header` },
-            React.createElement("div", null,
-                React.createElement("h1", null,
-                    ' ',
-                    "Select existing",
-                    ' ',
-                    collection.labels.singular),
-                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
-            description && (React.createElement("div", { className: `${baseClass}__sub-header` }, description))),
-        React.createElement(ListControls, { collection: {
-                ...collection,
-                fields,
-            }, enableColumns: false, enableSort: true, modifySearchQuery: false, handleSortChange: setSort, handleWhereChange: setWhere }),
-        React.createElement(UploadGallery, { docs: data === null || data === void 0 ? void 0 : data.docs, collection: collection, onCardClick: (doc) => {
-                setValue(doc);
-                closeAll();
-            } }),
-        React.createElement("div", { className: `${baseClass}__page-controls` },
-            React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
-            (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (React.createElement(Fragment, null,
-                React.createElement("div", { className: `${baseClass}__page-info` },
-                    data.page,
-                    "-",
-                    data.totalPages > 1 ? data.limit : data.totalDocs,
-                    ' ',
-                    "of",
-                    ' ',
-                    data.totalDocs),
-                React.createElement(PerPage, { collection: collection, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))));
-};
-export default SelectExistingUploadModal;
+import React, { Fragment, useState, useEffect } from 'react';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { useConfig } from '@payloadcms/config-provider';
+import MinimalTemplate from '../../../../templates/Minimal';
+import Button from '../../../../elements/Button';
+import usePayloadAPI from '../../../../../hooks/usePayloadAPI';
+import ListControls from '../../../../elements/ListControls';
+import Paginator from '../../../../elements/Paginator';
+import UploadGallery from '../../../../elements/UploadGallery';
+import PerPage from '../../../../elements/PerPage';
+import formatFields from '../../../../views/collections/List/formatFields';
+import './index.scss';
+const baseClass = 'select-existing-upload-modal';
+const SelectExistingUploadModal = (props) => {
+    const { setValue, collection, collection: { slug: collectionSlug, admin: { description, pagination: { defaultLimit, }, } = {}, } = {}, slug: modalSlug, } = props;
+    const { serverURL, routes: { api } } = useConfig();
+    const { closeAll, currentModal } = useModal();
+    const [fields] = useState(() => formatFields(collection));
+    const [limit, setLimit] = useState(defaultLimit);
+    const [sort, setSort] = useState(null);
+    const [where, setWhere] = useState(null);
+    const [page, setPage] = useState(null);
+    const classes = [
+        baseClass,
+    ].filter(Boolean).join(' ');
+    const isOpen = currentModal === modalSlug;
+    const apiURL = isOpen ? `${serverURL}${api}/${collectionSlug}` : null;
+    const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
+    useEffect(() => {
+        const params = {};
+        if (page)
+            params.page = page;
+        if (where)
+            params.where = where;
+        if (sort)
+            params.sort = sort;
+        if (limit)
+            params.limit = limit;
+        setParams(params);
+    }, [setParams, page, sort, where, limit]);
+    return (React.createElement(Modal, { className: classes, slug: modalSlug }, isOpen && (React.createElement(MinimalTemplate, { width: "wide" },
+        React.createElement("header", { className: `${baseClass}__header` },
+            React.createElement("div", null,
+                React.createElement("h1", null,
+                    ' ',
+                    "Select existing",
+                    ' ',
+                    collection.labels.singular),
+                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
+            description && (React.createElement("div", { className: `${baseClass}__sub-header` }, description))),
+        React.createElement(ListControls, { collection: {
+                ...collection,
+                fields,
+            }, enableColumns: false, enableSort: true, modifySearchQuery: false, handleSortChange: setSort, handleWhereChange: setWhere }),
+        React.createElement(UploadGallery, { docs: data === null || data === void 0 ? void 0 : data.docs, collection: collection, onCardClick: (doc) => {
+                setValue(doc);
+                closeAll();
+            } }),
+        React.createElement("div", { className: `${baseClass}__page-controls` },
+            React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
+            (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (React.createElement(Fragment, null,
+                React.createElement("div", { className: `${baseClass}__page-info` },
+                    data.page,
+                    "-",
+                    data.totalPages > 1 ? data.limit : data.totalDocs,
+                    ' ',
+                    "of",
+                    ' ',
+                    data.totalDocs),
+                React.createElement(PerPage, { collection: collection, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))));
+};
+export default SelectExistingUploadModal;

package/dist/admin/components/forms/field-types/Upload/SelectExisting/types.d.ts

@@ -1,8 +1,8 @@
-import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-export declare type Props = {
-    setValue: (val: {
-        id: string;
-    } | null) => void;
-    collection: SanitizedCollectionConfig;
-    slug: string;
-};
+import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
+export declare type Props = {
+    setValue: (val: {
+        id: string;
+    } | null) => void;
+    collection: SanitizedCollectionConfig;
+    slug: string;
+};

package/dist/admin/components/forms/field-types/Upload/SelectExisting/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/field-types/Upload/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const _default: React.FC<Props>;
-export default _default;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/admin/components/forms/field-types/Upload/index.js

@@ -1,33 +1,33 @@
-import React, { useCallback } from 'react';
-import { useConfig } from '@payloadcms/config-provider';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { upload } from '../../../../../fields/validations';
-import UploadInput from './Input';
-import './index.scss';
-const Upload = (props) => {
-    const { collections, serverURL, routes: { api, }, } = useConfig();
-    const { path, name, required, admin: { readOnly, style, width, description, condition, } = {}, label, validate = upload, relationTo, fieldTypes, } = props;
-    const collection = collections.find((coll) => coll.slug === relationTo);
-    const memoizedValidate = useCallback((value) => {
-        const validationResult = validate(value, { required });
-        return validationResult;
-    }, [validate, required]);
-    const field = useField({
-        path,
-        validate: memoizedValidate,
-        condition,
-    });
-    const { value, showError, setValue, errorMessage, } = field;
-    const onChange = useCallback((incomingValue) => {
-        const incomingID = (incomingValue === null || incomingValue === void 0 ? void 0 : incomingValue.id) || incomingValue;
-        setValue(incomingID);
-    }, [
-        setValue,
-    ]);
-    if (collection.upload) {
-        return (React.createElement(UploadInput, { path: path, value: value, onChange: onChange, description: description, label: label, required: required, showError: showError, serverURL: serverURL, api: api, errorMessage: errorMessage, readOnly: readOnly, style: style, width: width, collection: collection, fieldTypes: fieldTypes, name: name, relationTo: relationTo }));
-    }
-    return null;
-};
-export default withCondition(Upload);
+import React, { useCallback } from 'react';
+import { useConfig } from '@payloadcms/config-provider';
+import useField from '../../useField';
+import withCondition from '../../withCondition';
+import { upload } from '../../../../../fields/validations';
+import UploadInput from './Input';
+import './index.scss';
+const Upload = (props) => {
+    const { collections, serverURL, routes: { api, }, } = useConfig();
+    const { path, name, required, admin: { readOnly, style, className, width, description, condition, } = {}, label, validate = upload, relationTo, fieldTypes, } = props;
+    const collection = collections.find((coll) => coll.slug === relationTo);
+    const memoizedValidate = useCallback((value) => {
+        const validationResult = validate(value, { required });
+        return validationResult;
+    }, [validate, required]);
+    const field = useField({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const { value, showError, setValue, errorMessage, } = field;
+    const onChange = useCallback((incomingValue) => {
+        const incomingID = (incomingValue === null || incomingValue === void 0 ? void 0 : incomingValue.id) || incomingValue;
+        setValue(incomingID);
+    }, [
+        setValue,
+    ]);
+    if (collection.upload) {
+        return (React.createElement(UploadInput, { path: path, value: value, onChange: onChange, description: description, label: label, required: required, showError: showError, serverURL: serverURL, api: api, errorMessage: errorMessage, readOnly: readOnly, style: style, className: className, width: width, collection: collection, fieldTypes: fieldTypes, name: name, relationTo: relationTo }));
+    }
+    return null;
+};
+export default withCondition(Upload);

package/dist/admin/components/forms/field-types/Upload/types.d.ts

@@ -1,6 +1,6 @@
-import { UploadField } from '../../../../../fields/config/types';
-import { FieldTypes } from '..';
-export declare type Props = Omit<UploadField, 'type'> & {
-    path?: string;
-    fieldTypes: FieldTypes;
-};
+import { UploadField } from '../../../../../fields/config/types';
+import { FieldTypes } from '..';
+export declare type Props = Omit<UploadField, 'type'> & {
+    path?: string;
+    fieldTypes: FieldTypes;
+};

package/dist/admin/components/forms/field-types/Upload/types.js

@@ -1 +1 @@
-export {};
+export {};