payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,16 @@
+@import '../../../../scss/styles.scss';
+
+.field-type.text {
+  position: relative;
+  margin-bottom: $baseline;
+
+  input {
+    @include formInput;
+  }
+
+  &.error {
+    input {
+      background-color: var(--theme-error-200);
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TextField } from '../../../../../fields/config/types';
+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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Text/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,21 @@
+import React, { ChangeEvent } from 'react';
+import { TextareaField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import './index.scss';
+export type TextAreaInputProps = Omit<TextareaField, 'type'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path: string;
+    required?: boolean;
+    value?: string;
+    description?: Description;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: Record<string, string> | string;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+    rows?: number;
+};
+declare const TextareaInput: React.FC<TextAreaInputProps>;
+export default TextareaInput;

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

@@ -0,0 +1,36 @@
+"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 } = (0, react_i18next_1.useTranslation)();
+    const classes = [
+        'field-type',
+        'textarea',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        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 })));
+};
+exports.default = TextareaInput;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Textarea/Input.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA2C;AAC3C,iDAA+C;AAC/C,wDAAgC;AAChC,wDAAgC;AAChC,8EAAsD;AAGtD,4EAAyE;AAEzE,wBAAsB;AAkBtB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,UAAU;QACV,SAAS;QACT,SAAS,IAAI,OAAO;QACpB,QAAQ,IAAI,WAAW;KACxB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAC9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,yCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;YAE9C,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,uCACE,SAAS,EAAC,gBAAgB,gBACd,KAAK,IAAI,WAAW,IAAI,EAAE,GACtC;gBACF,4CACE,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAA,+BAAc,EAAC,WAAW,EAAE,IAAI,CAAC,EAC9C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACE,CACA;QACR,8BAAC,0BAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+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/Textarea/index.js

@@ -0,0 +1,54 @@
+"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 = 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 = (0, react_1.useCallback)((value, options) => {
+        return validate(value, { ...options, required, maxLength, minLength });
+    }, [validate, required, maxLength, minLength]);
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    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: (0, getTranslation_1.getTranslation)(placeholder, i18n), readOnly: readOnly, style: style, className: className, width: width, description: description, rows: rows }));
+};
+exports.default = (0, withCondition_1.default)(Textarea);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,iDAA+C;AAC/C,8DAAsC;AACtC,wEAAgD;AAChD,mEAA6D;AAE7D,oDAAoC;AACpC,4EAAyE;AAEzE,wBAAsB;AAEtB,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,sBAAQ,EACnB,SAAS,EACT,SAAS,EACT,KAAK,EAAE,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,WAAW,EACX,SAAS,GACV,GAAG,EAAE,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACtD,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/C,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,eAAa,IACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAe,EACtB,WAAW,EAAE,IAAA,+BAAc,EAAC,WAAW,EAAE,IAAI,CAAC,EAC9C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC"}

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

@@ -0,0 +1,85 @@
+@import "../../../../scss/styles.scss";
+
+.field-type.textarea {
+  position: relative;
+  margin-bottom: $baseline;
+
+  .textarea-outer {
+    @include formInput();
+    display: flex;
+    resize: vertical;
+    min-height: base(3);
+    height: 100%;
+
+    // Scrollbar for giant content
+    max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
+    overflow: auto;
+
+    @include mid-break {
+      max-height: 60vh;
+    }
+  }
+
+  &.error {
+    textarea {
+      background-color: var(--theme-error-200);
+    }
+  }
+
+  // This element takes exactly the same dimensions as the clone
+  .textarea-inner {
+    display: block;
+    position: relative;
+    line-height: inherit;
+    flex-grow: 1;
+    background: none;
+    outline: none;
+  }
+
+  // Unstyle the textarea, the border is rendered on .textarea-outer
+  .textarea-element {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: inherit;
+    padding: inherit;
+    font: inherit;
+    line-height: inherit;
+    color: inherit;
+    background: none;
+    overflow: auto;
+    resize: none;
+    outline: none;
+    text-transform: inherit;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  // Clone of textarea with same height
+  .textarea-clone {
+    vertical-align: top;
+    display: inline-block;
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: pre-wrap;
+    pointer-events: none;
+  }
+
+  .textarea-clone::before {
+    content: attr(data-value) " ";
+    visibility: hidden;
+    opacity: 0;
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+  }
+
+  .textarea-clone::after {
+    content: attr(data-after);
+    opacity: 0.5;
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Textarea/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UIField } from '../../../../../fields/config/types';
+declare const _default: React.FC<UIField>;
+export default _default;

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

@@ -0,0 +1,16 @@
+"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_1.default.createElement(Field, { ...props });
+    }
+    return null;
+};
+exports.default = (0, withCondition_1.default)(UI);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/UI/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,wEAAgD;AAGhD,MAAM,EAAE,GAAsB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EACJ,KAAK,EAAE,EACL,UAAU,EAAE,EACV,KAAK,GACN,GACF,GACF,GAAG,KAAK,CAAC;IAEV,IAAI,KAAK,EAAE;QACT,OAAO,8BAAC,KAAK,OAAK,KAAK,GAAI,CAAC;KAC7B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { FilterOptions, UploadField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import { FieldTypes } from '..';
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import './index.scss';
+export 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;
+    filterOptions: FilterOptions;
+};
+declare const UploadInput: React.FC<UploadInputProps>;
+export default UploadInput;

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

@@ -0,0 +1,133 @@
+"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"));
+const GetFilterOptions_1 = require("../../../utilities/GetFilterOptions");
+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, filterOptions, } = props;
+    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 [filterOptionsResult, setFilterOptionsResult] = (0, react_1.useState)();
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        collectionSlug: collectionSlugs[0],
+    });
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = (0, ListDrawer_1.useListDrawer)({
+        collectionSlugs,
+        filterOptions: filterOptionsResult,
+    });
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    (0, react_1.useEffect)(() => {
+        if (typeof value === 'string' && value !== '') {
+            const fetchFile = async () => {
+                const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language,
+                    },
+                });
+                if (response.ok) {
+                    const json = await response.json();
+                    setFile(json);
+                }
+                else {
+                    setMissingFile(true);
+                    setFile(undefined);
+                }
+            };
+            fetchFile();
+        }
+        else {
+            setFile(undefined);
+        }
+    }, [
+        value,
+        relationTo,
+        api,
+        serverURL,
+        i18n,
+    ]);
+    const onSave = (0, react_1.useCallback)((args) => {
+        setMissingFile(false);
+        onChange(args.doc);
+        closeDrawer();
+    }, [onChange, closeDrawer]);
+    const onSelect = (0, react_1.useCallback)((args) => {
+        setMissingFile(false);
+        onChange({
+            id: args.docID,
+        });
+        closeListDrawer();
+    }, [onChange, closeListDrawer]);
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement(GetFilterOptions_1.GetFilterOptions, { ...{
+                filterOptionsResult,
+                setFilterOptionsResult,
+                filterOptions,
+                path,
+                relationTo,
+            } }),
+        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_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 })));
+};
+exports.default = UploadInput;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Upload/Input.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,61 @@
+"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, }, } = (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 = (0, react_1.useCallback)((value, options) => {
+        return validate(value, { ...options, required });
+    }, [validate, required]);
+    const field = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const { value, showError, setValue, errorMessage, } = field;
+    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_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;
+};
+exports.default = (0, withCondition_1.default)(Upload);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Upload/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,sDAAsD;AACtD,8DAAsC;AACtC,wEAAgD;AAChD,mEAA2D;AAE3D,oDAAkC;AAElC,wBAAsB;AAEtB,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EAAE,EACN,GAAG,GACJ,GACF,GAAG,IAAA,kBAAS,GAAE,CAAC;IAEhB,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,GACV,GAAG,EAAE,EACN,KAAK,EACL,QAAQ,GAAG,oBAAM,EACjB,UAAU,EACV,UAAU,EACV,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;IAExE,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACtD,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,KAAK,GAAG,IAAA,kBAAQ,EAAC;QACrB,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,aAAa,EAAE,EAAE;QAC7C,MAAM,UAAU,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,KAAI,aAAa,CAAC;QACtD,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE;QACD,QAAQ;KACT,CAAC,CAAC;IAEH,IAAI,UAAU,CAAC,MAAM,EAAE;QACrB,OAAO,CACL,8BAAC,eAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAe,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,kBAAe,IAAA,uBAAa,EAAC,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+@import '../../../../scss/styles';
+
+.upload {
+  position: relative;
+  margin-bottom: $baseline;
+
+  &__wrap {
+    background: var(--theme-elevation-50);
+    padding: base(1);
+  }
+
+  &__buttons {
+    margin: base(-0.25);
+    width: calc(100% + #{base(0.5)});
+    flex-wrap: wrap;
+    display: flex;
+    align-items: center;
+
+    .btn {
+      margin: 0
+    }
+  }
+
+  &__toggler {
+    margin: base(0.25);
+    min-width: base(7);
+  }
+
+  @include mid-break {
+    &__wrap {
+      padding: base(0.75);
+    }
+
+    &__buttons {
+      display: block;
+    }
+
+    &__toggler {
+      width: calc(100% - #{base(0.5)});
+    }
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Upload/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import { Where } from '../../../../types';
+import { FilterOptions, FilterOptionsProps } from '../../../../fields/config/types';
+export declare const getFilterOptionsQuery: (filterOptions: FilterOptions, options: Omit<FilterOptionsProps, 'relationTo'> & {
+    relationTo: string | string[];
+}) => {
+    [collection: string]: Where;
+};

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

@@ -0,0 +1,16 @@
+"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 = {};
+    if (typeof filterOptions !== 'undefined') {
+        relations.forEach((relation) => {
+            query[relation] = typeof filterOptions === 'function' ? filterOptions({ ...options, relationTo: relation }) : filterOptions;
+        });
+    }
+    return query;
+};
+exports.getFilterOptionsQuery = getFilterOptionsQuery;
+//# sourceMappingURL=getFilterOptionsQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getFilterOptionsQuery.js","sourceRoot":"","sources":["../../../../../src/admin/components/forms/field-types/getFilterOptionsQuery.ts"],"names":[],"mappings":";;;AAGO,MAAM,qBAAqB,GAAG,CAAC,aAA4B,EAAE,OAAmF,EAAkC,EAAE;IACzL,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,IAAI,OAAO,aAAa,KAAK,WAAW,EAAE;QACxC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7B,KAAK,CAAC,QAAQ,CAAC,GAAG,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QAC9H,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAVW,QAAA,qBAAqB,yBAUhC"}