payload 1.0.19 → 1.0.20

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

@@ -1,21 +1,21 @@
-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'> & {
-    showError?: boolean;
-    errorMessage?: string;
-    readOnly?: boolean;
-    path: string;
-    required?: boolean;
-    value?: string;
-    description?: Description;
-    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
-    placeholder?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    width?: string;
-    rows?: number;
-};
-declare const TextareaInput: React.FC<TextAreaInputProps>;
-export default TextareaInput;
+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'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path: string;
+    required?: boolean;
+    value?: string;
+    description?: Description;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: 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

@@ -1,24 +1,24 @@
-import React from 'react';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import './index.scss';
-const TextareaInput = (props) => {
-    const { path, required, readOnly, style, className, width, placeholder, description, label, showError, value, errorMessage, onChange, rows, } = props;
-    const classes = [
-        'field-type',
-        'textarea',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (React.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("textarea", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: placeholder, name: path, rows: rows }),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default TextareaInput;
+import React from 'react';
+import Label from '../../Label';
+import Error from '../../Error';
+import FieldDescription from '../../FieldDescription';
+import './index.scss';
+const TextareaInput = (props) => {
+    const { path, required, readOnly, style, className, width, placeholder, description, label, showError, value, errorMessage, onChange, rows, } = props;
+    const classes = [
+        'field-type',
+        'textarea',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (React.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("textarea", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: placeholder, name: path, rows: rows }),
+        React.createElement(FieldDescription, { value: value, description: description })));
+};
+export default TextareaInput;

package/dist/admin/components/forms/field-types/Textarea/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/Textarea/index.js

@@ -1,23 +1,23 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { textarea } from '../../../../../fields/validations';
-import TextareaInput from './Input';
-import './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 path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, required, maxLength, minLength });
-    }, [validate, required, maxLength, minLength]);
-    const { value, showError, setValue, errorMessage, } = useField({
-        path,
-        validate: memoizedValidate,
-        enableDebouncedValue: true,
-        condition,
-    });
-    return (React.createElement(TextareaInput, { 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, rows: rows }));
-};
-export default withCondition(Textarea);
+import React, { useCallback } from 'react';
+import useField from '../../useField';
+import withCondition from '../../withCondition';
+import { textarea } from '../../../../../fields/validations';
+import TextareaInput from './Input';
+import './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 path = pathFromProps || name;
+    const memoizedValidate = useCallback((value, options) => {
+        return validate(value, { ...options, required, maxLength, minLength });
+    }, [validate, required, maxLength, minLength]);
+    const { value, showError, setValue, errorMessage, } = useField({
+        path,
+        validate: memoizedValidate,
+        enableDebouncedValue: true,
+        condition,
+    });
+    return (React.createElement(TextareaInput, { 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, rows: rows }));
+};
+export default withCondition(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'> & {
-    path?: string;
-};
+import { TextareaField } from '../../../../../fields/config/types';
+export declare type Props = Omit<TextareaField, 'type'> & {
+    path?: string;
+};

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

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

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import withCondition from '../../withCondition';
-const UI = (props) => {
-    const { admin: { components: { Field, }, }, } = props;
-    if (Field) {
-        return React.createElement(Field, { ...props });
-    }
-    return null;
-};
-export default withCondition(UI);
+import React from 'react';
+import withCondition from '../../withCondition';
+const UI = (props) => {
+    const { admin: { components: { Field, }, }, } = props;
+    if (Field) {
+        return React.createElement(Field, { ...props });
+    }
+    return null;
+};
+export default withCondition(UI);

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

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

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

@@ -1,44 +1,44 @@
-import React, { useCallback } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig } from '../../../../utilities/Config';
-import { useAuth } from '../../../../utilities/Auth';
-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 ViewDescription from '../../../../elements/ViewDescription';
-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, validationOperation: "create" },
-                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` },
-                        React.createElement(ViewDescription, { description: description })))),
-                React.createElement(Upload, { collection: collection }),
-                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 } from '../../../../utilities/Config';
+import { useAuth } from '../../../../utilities/Auth';
+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 ViewDescription from '../../../../elements/ViewDescription';
+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, validationOperation: "create" },
+                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` },
+                        React.createElement(ViewDescription, { description: description })))),
+                React.createElement(Upload, { collection: collection }),
+                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,27 +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 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;
-    filterOptions: FilterOptions;
-};
-declare const UploadInput: React.FC<UploadInputProps>;
-export default UploadInput;
+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 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;
+    filterOptions: FilterOptions;
+};
+declare const UploadInput: React.FC<UploadInputProps>;
+export default UploadInput;

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

@@ -1,86 +1,86 @@
-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, filterOptions, } = 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: `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: () => {
-                    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,
-                    filterOptions,
-                    path,
-                } }),
-            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, filterOptions, } = 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: `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: () => {
+                    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,
+                    filterOptions,
+                    path,
+                } }),
+            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;