payload 1.4.2 → 1.5.0

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

@@ -1,22 +1,50 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { text } from '../../../../../fields/validations';
-import TextInput from './Input';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
 const Text = (props) => {
-    const { path: pathFromProps, name, required, validate = text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, inputRef, } = props;
+    const { path: pathFromProps, name, required, validate = validations_1.text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, inputRef, } = props;
     const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
         return validate(value, { ...options, minLength, maxLength, required });
     }, [validate, minLength, maxLength, required]);
-    const field = useField({
+    const field = (0, useField_1.default)({
         path,
         validate: memoizedValidate,
         condition,
     });
     const { value, showError, setValue, errorMessage, } = field;
-    return (React.createElement(TextInput, { path: path, name: name, onChange: (e) => {
+    return (react_1.default.createElement(Input_1.default, { path: path, name: name, onChange: (e) => {
             setValue(e.target.value);
         }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description, inputRef: inputRef }));
 };
-export default withCondition(Text);
+exports.default = (0, withCondition_1.default)(Text);

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TextField } from '../../../../../fields/config/types';
-export declare type Props = Omit<TextField, 'type'> & {
+export type Props = Omit<TextField, 'type'> & {
     path?: string;
     inputRef?: React.MutableRefObject<HTMLInputElement>;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -2,7 +2,7 @@ import React, { ChangeEvent } from 'react';
 import { TextareaField } from '../../../../../fields/config/types';
 import { Description } from '../../FieldDescription/types';
 import './index.scss';
-export declare type TextAreaInputProps = Omit<TextareaField, 'type'> & {
+export type TextAreaInputProps = Omit<TextareaField, 'type'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

@@ -1,13 +1,18 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+require("./index.scss");
 const TextareaInput = (props) => {
     const { path, required, readOnly, style, className, width, placeholder, description, label, showError, value, errorMessage, onChange, rows, } = props;
-    const { i18n } = useTranslation();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const classes = [
         'field-type',
         'textarea',
@@ -15,16 +20,16 @@ const TextareaInput = (props) => {
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
+    return (react_1.default.createElement("div", { className: classes, style: {
             ...style,
             width,
         } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        React.createElement("label", { className: "textarea-outer", htmlFor: `field-${path.replace(/\./gi, '__')}` },
-            React.createElement("div", { className: "textarea-inner" },
-                React.createElement("div", { className: "textarea-clone", "data-value": value || placeholder || '' }),
-                React.createElement("textarea", { className: "textarea-element", id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: getTranslation(placeholder, i18n), name: path, rows: rows }))),
-        React.createElement(FieldDescription, { value: value, description: description })));
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
+        react_1.default.createElement("label", { className: "textarea-outer", htmlFor: `field-${path.replace(/\./gi, '__')}` },
+            react_1.default.createElement("div", { className: "textarea-inner" },
+                react_1.default.createElement("div", { className: "textarea-clone", "data-value": value || placeholder || '' }),
+                react_1.default.createElement("textarea", { className: "textarea-element", id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), name: path, rows: rows }))),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
 };
-export default TextareaInput;
+exports.default = TextareaInput;

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

@@ -1,25 +1,53 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { textarea } from '../../../../../fields/validations';
-import TextareaInput from './Input';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+require("./index.scss");
 const Textarea = (props) => {
-    const { path: pathFromProps, name, required, validate = textarea, maxLength, minLength, admin: { readOnly, style, className, width, placeholder, rows, description, condition, } = {}, label, } = props;
-    const { i18n } = useTranslation();
+    const { path: pathFromProps, name, required, validate = validations_1.textarea, maxLength, minLength, admin: { readOnly, style, className, width, placeholder, rows, description, condition, } = {}, label, } = props;
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
         return validate(value, { ...options, required, maxLength, minLength });
     }, [validate, required, maxLength, minLength]);
-    const { value, showError, setValue, errorMessage, } = useField({
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
         path,
         validate: memoizedValidate,
         condition,
     });
-    return (React.createElement(TextareaInput, { path: path, name: name, onChange: (e) => {
+    return (react_1.default.createElement(Input_1.default, { path: path, name: name, onChange: (e) => {
             setValue(e.target.value);
-        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: getTranslation(placeholder, i18n), readOnly: readOnly, style: style, className: className, width: width, description: description, rows: rows }));
+        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), readOnly: readOnly, style: style, className: className, width: width, description: description, rows: rows }));
 };
-export default withCondition(Textarea);
+exports.default = (0, withCondition_1.default)(Textarea);

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +1,15 @@
-import React from 'react';
-import withCondition from '../../withCondition';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
 const UI = (props) => {
     const { admin: { components: { Field, }, }, } = props;
     if (Field) {
-        return React.createElement(Field, { ...props });
+        return react_1.default.createElement(Field, { ...props });
     }
     return null;
 };
-export default withCondition(UI);
+exports.default = (0, withCondition_1.default)(UI);

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

@@ -4,7 +4,7 @@ import { Description } from '../../FieldDescription/types';
 import { FieldTypes } from '..';
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import './index.scss';
-export declare type UploadInputProps = Omit<UploadField, 'type'> & {
+export type UploadInputProps = Omit<UploadField, 'type'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

@@ -1,25 +1,53 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import Label from '../../Label';
-import Error from '../../Error';
-import FileDetails from '../../../elements/FileDetails';
-import FieldDescription from '../../FieldDescription';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import { useDocumentDrawer } from '../../../elements/DocumentDrawer';
-import { useListDrawer } from '../../../elements/ListDrawer';
-import Button from '../../../elements/Button';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const FileDetails_1 = __importDefault(require("../../../elements/FileDetails"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const DocumentDrawer_1 = require("../../../elements/DocumentDrawer");
+const ListDrawer_1 = require("../../../elements/ListDrawer");
+const Button_1 = __importDefault(require("../../../elements/Button"));
+require("./index.scss");
 const baseClass = 'upload';
 const UploadInput = (props) => {
     const { path, required, readOnly, style, className, width, description, label, relationTo, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
-    const { t, i18n } = useTranslation('fields');
-    const [file, setFile] = useState(undefined);
-    const [missingFile, setMissingFile] = useState(false);
-    const [collectionSlugs] = useState([collection === null || collection === void 0 ? void 0 : collection.slug]);
-    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = useDocumentDrawer({
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const [file, setFile] = (0, react_1.useState)(undefined);
+    const [missingFile, setMissingFile] = (0, react_1.useState)(false);
+    const [collectionSlugs] = (0, react_1.useState)([collection === null || collection === void 0 ? void 0 : collection.slug]);
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
         collectionSlug: collectionSlugs[0],
     });
-    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = useListDrawer({
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = (0, ListDrawer_1.useListDrawer)({
         collectionSlugs,
     });
     const classes = [
@@ -29,7 +57,7 @@ const UploadInput = (props) => {
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (typeof value === 'string' && value !== '') {
             const fetchFile = async () => {
                 const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
@@ -59,36 +87,36 @@ const UploadInput = (props) => {
         serverURL,
         i18n,
     ]);
-    const onSave = useCallback((args) => {
+    const onSave = (0, react_1.useCallback)((args) => {
         setMissingFile(false);
         onChange(args.doc);
         closeDrawer();
     }, [onChange, closeDrawer]);
-    const onSelect = useCallback((args) => {
+    const onSelect = (0, react_1.useCallback)((args) => {
         setMissingFile(false);
         onChange({
             id: args.docID,
         });
         closeListDrawer();
     }, [onChange, closeListDrawer]);
-    return (React.createElement("div", { className: classes, style: {
+    return (react_1.default.createElement("div", { className: classes, style: {
             ...style,
             width,
         } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, 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: () => {
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
+        (collection === null || collection === void 0 ? void 0 : collection.upload) && (react_1.default.createElement(react_1.default.Fragment, null,
+            (file && !missingFile) && (react_1.default.createElement(FileDetails_1.default, { collection: collection, doc: file, handleRemove: () => {
                     onChange(null);
                 } })),
-            (!file || missingFile) && (React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("div", { className: `${baseClass}__buttons` },
-                    React.createElement(DocumentDrawerToggler, { className: `${baseClass}__toggler` },
-                        React.createElement(Button, { buttonStyle: "secondary", el: "div" }, t('uploadNewLabel', { label: getTranslation(collection.labels.singular, i18n) }))),
-                    React.createElement(ListDrawerToggler, { className: `${baseClass}__toggler` },
-                        React.createElement(Button, { buttonStyle: "secondary", el: "div" }, t('chooseFromExisting')))))),
-            React.createElement(FieldDescription, { value: file, description: description }))),
-        React.createElement(DocumentDrawer, { onSave: onSave }),
-        React.createElement(ListDrawer, { onSelect: onSelect })));
+            (!file || missingFile) && (react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+                react_1.default.createElement("div", { className: `${baseClass}__buttons` },
+                    react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__toggler` },
+                        react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", el: "div" }, t('uploadNewLabel', { label: (0, getTranslation_1.getTranslation)(collection.labels.singular, i18n) }))),
+                    react_1.default.createElement(ListDrawerToggler, { className: `${baseClass}__toggler` },
+                        react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", el: "div" }, t('chooseFromExisting')))))),
+            react_1.default.createElement(FieldDescription_1.default, { value: file, description: description }))),
+        react_1.default.createElement(DocumentDrawer, { onSave: onSave }),
+        react_1.default.createElement(ListDrawer, { onSelect: onSelect })));
 };
-export default UploadInput;
+exports.default = UploadInput;

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

@@ -1,32 +1,60 @@
-import React, { useCallback } from 'react';
-import { useConfig } from '../../../utilities/Config';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { upload } from '../../../../../fields/validations';
-import UploadInput from './Input';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Config_1 = require("../../../utilities/Config");
+const useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
+require("./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, filterOptions, } = props;
+    const { collections, serverURL, routes: { api, }, } = (0, Config_1.useConfig)();
+    const { path, name, required, admin: { readOnly, style, className, width, description, condition, } = {}, label, validate = validations_1.upload, relationTo, fieldTypes, filterOptions, } = props;
     const collection = collections.find((coll) => coll.slug === relationTo);
-    const memoizedValidate = useCallback((value, options) => {
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
         return validate(value, { ...options, required });
     }, [validate, required]);
-    const field = useField({
+    const field = (0, useField_1.default)({
         path,
         validate: memoizedValidate,
         condition,
     });
     const { value, showError, setValue, errorMessage, } = field;
-    const onChange = useCallback((incomingValue) => {
+    const onChange = (0, react_1.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, filterOptions: filterOptions }));
+        return (react_1.default.createElement(Input_1.default, { 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, filterOptions: filterOptions }));
     }
     return null;
 };
-export default withCondition(Upload);
+exports.default = (0, withCondition_1.default)(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'> & {
+export type Props = Omit<UploadField, 'type'> & {
     path?: string;
     fieldTypes: FieldTypes;
 };

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,4 +1,7 @@
-export const getFilterOptionsQuery = (filterOptions, options) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilterOptionsQuery = void 0;
+const getFilterOptionsQuery = (filterOptions, options) => {
     const { relationTo } = options;
     const relations = Array.isArray(relationTo) ? relationTo : [relationTo];
     const query = {};
@@ -9,3 +12,4 @@ export const getFilterOptionsQuery = (filterOptions, options) => {
     }
     return query;
 };
+exports.getFilterOptionsQuery = getFilterOptionsQuery;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-export declare type FieldTypes = {
+export type FieldTypes = {
     code: React.ComponentType<any>;
+    json: React.ComponentType<any>;
     email: React.ComponentType<any>;
     hidden: React.ComponentType<any>;
     text: React.ComponentType<any>;

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

@@ -1,49 +1,56 @@
-import code from './Code';
-import email from './Email';
-import hidden from './HiddenInput';
-import text from './Text';
-import date from './DateTime';
-import password from './Password';
-import confirmPassword from './ConfirmPassword';
-import relationship from './Relationship';
-import textarea from './Textarea';
-import select from './Select';
-import number from './Number';
-import checkbox from './Checkbox';
-import richText from './RichText';
-import radio from './RadioGroup';
-import point from './Point';
-import blocks from './Blocks';
-import group from './Group';
-import array from './Array';
-import row from './Row';
-import collapsible from './Collapsible';
-import tabs from './Tabs';
-import upload from './Upload';
-import ui from './UI';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Code_1 = __importDefault(require("./Code"));
+const JSON_1 = __importDefault(require("./JSON"));
+const Email_1 = __importDefault(require("./Email"));
+const HiddenInput_1 = __importDefault(require("./HiddenInput"));
+const Text_1 = __importDefault(require("./Text"));
+const DateTime_1 = __importDefault(require("./DateTime"));
+const Password_1 = __importDefault(require("./Password"));
+const ConfirmPassword_1 = __importDefault(require("./ConfirmPassword"));
+const Relationship_1 = __importDefault(require("./Relationship"));
+const Textarea_1 = __importDefault(require("./Textarea"));
+const Select_1 = __importDefault(require("./Select"));
+const Number_1 = __importDefault(require("./Number"));
+const Checkbox_1 = __importDefault(require("./Checkbox"));
+const RichText_1 = __importDefault(require("./RichText"));
+const RadioGroup_1 = __importDefault(require("./RadioGroup"));
+const Point_1 = __importDefault(require("./Point"));
+const Blocks_1 = __importDefault(require("./Blocks"));
+const Group_1 = __importDefault(require("./Group"));
+const Array_1 = __importDefault(require("./Array"));
+const Row_1 = __importDefault(require("./Row"));
+const Collapsible_1 = __importDefault(require("./Collapsible"));
+const Tabs_1 = __importDefault(require("./Tabs"));
+const Upload_1 = __importDefault(require("./Upload"));
+const UI_1 = __importDefault(require("./UI"));
 const fieldTypes = {
-    code,
-    email,
-    hidden,
-    text,
-    date,
-    password,
-    confirmPassword,
-    relationship,
-    textarea,
-    select,
-    number,
-    checkbox,
-    richText,
-    point,
-    radio,
-    blocks,
-    group,
-    array,
-    row,
-    collapsible,
-    tabs,
-    upload,
-    ui,
+    code: Code_1.default,
+    json: JSON_1.default,
+    email: Email_1.default,
+    hidden: HiddenInput_1.default,
+    text: Text_1.default,
+    date: DateTime_1.default,
+    password: Password_1.default,
+    confirmPassword: ConfirmPassword_1.default,
+    relationship: Relationship_1.default,
+    textarea: Textarea_1.default,
+    select: Select_1.default,
+    number: Number_1.default,
+    checkbox: Checkbox_1.default,
+    richText: RichText_1.default,
+    point: Point_1.default,
+    radio: RadioGroup_1.default,
+    blocks: Blocks_1.default,
+    group: Group_1.default,
+    array: Array_1.default,
+    row: Row_1.default,
+    collapsible: Collapsible_1.default,
+    tabs: Tabs_1.default,
+    upload: Upload_1.default,
+    ui: UI_1.default,
 };
-export default fieldTypes;
+exports.default = fieldTypes;