payload 0.20.1 → 0.20.2-beta.0

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

@@ -1,5 +0,0 @@
-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,46 +0,0 @@
-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 { NegativeFieldGutterProvider } from '../../../FieldTypeGutter/context';
-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(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/index.scss

@@ -1,32 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-.add-upload-modal {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-
-  .template-minimal {
-    padding-top: base(6);
-    align-items: flex-start;
-  }
-
-  &__header {
-    margin-bottom: $baseline;
-
-    div {
-      display: flex;
-    }
-
-    h1 {
-      margin: 0 auto 0 0;
-    }
-
-    .btn {
-      margin: 0 0 0 $baseline;
-    }
-  }
-
-  &__sub-header {
-    margin-top: base(.25);
-  }
-}

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

@@ -1,10 +0,0 @@
-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 +0,0 @@
-export {};

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

@@ -1,27 +0,0 @@
-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 +0,0 @@
-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: 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,
-                    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 +0,0 @@
-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,99 +0,0 @@
-import React, { Fragment, useState, useEffect } from 'react';
-import equal from 'deep-equal';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig } from '../../../../utilities/Config';
-import { useAuth } from '../../../../utilities/Auth';
-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 { getFilterOptionsQuery } from '../../getFilterOptionsQuery';
-import { useDocumentInfo } from '../../../../utilities/DocumentInfo';
-import { useWatchForm } from '../../../Form/context';
-import ViewDescription from '../../../../elements/ViewDescription';
-import './index.scss';
-const baseClass = 'select-existing-upload-modal';
-const SelectExistingUploadModal = (props) => {
-    var _a, _b;
-    const { setValue, collection, collection: { slug: collectionSlug, admin: { description, pagination: { defaultLimit, }, } = {}, } = {}, slug: modalSlug, path, filterOptions, } = props;
-    const { serverURL, routes: { api } } = useConfig();
-    const { id } = useDocumentInfo();
-    const { user } = useAuth();
-    const { getData, getSiblingData } = useWatchForm();
-    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 [optionFilters, setOptionFilters] = useState();
-    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 = { and: [where, optionFilters] };
-        if (sort)
-            params.sort = sort;
-        if (limit)
-            params.limit = limit;
-        setParams(params);
-    }, [setParams, page, sort, where, limit, optionFilters]);
-    useEffect(() => {
-        if (!filterOptions || !isOpen) {
-            return;
-        }
-        const newOptionFilters = getFilterOptionsQuery(filterOptions, {
-            id,
-            relationTo: collectionSlug,
-            data: getData(),
-            siblingData: getSiblingData(path),
-            user,
-        })[collectionSlug];
-        if (!equal(newOptionFilters, optionFilters)) {
-            setOptionFilters(newOptionFilters);
-        }
-    }, [collectionSlug, filterOptions, optionFilters, id, getData, getSiblingData, path, user, isOpen]);
-    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` },
-                React.createElement(ViewDescription, { description: 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, { limits: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))));
-};
-export default SelectExistingUploadModal;

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

@@ -1,58 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-.select-existing-upload-modal {
-  @include blur-bg;
-  display: flex;
-  align-items: flex-start;
-
-  .template-minimal {
-    padding-top: base(6);
-    align-items: flex-start;
-  }
-
-  &__header {
-    margin-bottom: $baseline;
-
-    div {
-      display: flex;
-    }
-
-    h1 {
-      margin: 0 auto 0 0;
-    }
-
-    .btn {
-      margin: 0 0 0 $baseline;
-    }
-  }
-
-  &__sub-header {
-    margin-top: base(.25);
-  }
-
-  &__page-info {
-    margin-right: base(1);
-    margin-left: auto;
-  }
-
-  &__page-controls {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  @include mid-break {
-    .paginator {
-      width: 100%;
-      margin-bottom: $baseline;
-    }
-
-    &__page-controls {
-      flex-wrap: wrap;
-    }
-
-    &__page-info {
-      margin-left: 0;
-    }
-  }
-}

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

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

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

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

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

@@ -1,5 +0,0 @@
-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,32 +0,0 @@
-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';
-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 collection = collections.find((coll) => coll.slug === relationTo);
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, required });
-    }, [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, filterOptions: filterOptions }));
-    }
-    return null;
-};
-export default withCondition(Upload);

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

@@ -1,30 +0,0 @@
-@import '../../../../scss/styles';
-
-.upload {
-	position: relative;
-  margin-bottom: $baseline;
-  min-width: base(15);
-
-  &__wrap {
-    display: flex;
-    padding: base(1.5) base(1.5) $baseline;
-    background: $color-background-gray;
-
-    .btn {
-      margin: 0 $baseline base(.5) 0;
-    }
-  }
-
-  @include mid-break {
-    min-width: calc(100vw - #{base(2)});
-
-    &__wrap {
-      display: block;
-      padding: $baseline $baseline base(.5);
-
-      .btn {
-        width: 100%;
-      }
-    }
-  }
-}

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

@@ -1,6 +0,0 @@
-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 +0,0 @@
-export {};

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

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

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

@@ -1,11 +0,0 @@
-export 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) : filterOptions;
-        });
-    }
-    return query;
-};

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

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare type FieldTypes = {
-    code: React.ComponentType;
-    email: React.ComponentType;
-    hidden: React.ComponentType;
-    text: React.ComponentType;
-    date: React.ComponentType;
-    password: React.ComponentType;
-    confirmPassword: React.ComponentType;
-    relationship: React.ComponentType;
-    textarea: React.ComponentType;
-    select: React.ComponentType;
-    number: React.ComponentType;
-    point: React.ComponentType;
-    checkbox: React.ComponentType;
-    richText: React.ComponentType;
-    radio: React.ComponentType;
-    blocks: React.ComponentType;
-    group: React.ComponentType;
-    array: React.ComponentType;
-    row: React.ComponentType;
-    upload: React.ComponentType;
-    ui: React.ComponentType;
-};
-declare const fieldTypes: FieldTypes;
-export default fieldTypes;

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

@@ -1,45 +0,0 @@
-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 upload from './Upload';
-import ui from './UI';
-const fieldTypes = {
-    code,
-    email,
-    hidden,
-    text,
-    date,
-    password,
-    confirmPassword,
-    relationship,
-    textarea,
-    select,
-    number,
-    checkbox,
-    richText,
-    point,
-    radio,
-    blocks,
-    group,
-    array,
-    row,
-    upload,
-    ui,
-};
-export default fieldTypes;

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

@@ -1,2 +0,0 @@
-declare const reducer: (currentState: any, action: any) => any;
-export default reducer;

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

@@ -1,50 +0,0 @@
-import ObjectID from 'bson-objectid';
-const reducer = (currentState, action) => {
-    const { type, rowIndex, moveFromIndex, moveToIndex, data, blockType, collapsedState, collapsed, id, } = action;
-    const stateCopy = [...currentState];
-    switch (type) {
-        case 'SET_ALL': {
-            if (Array.isArray(data)) {
-                return data.map((dataRow, i) => {
-                    const row = {
-                        id: (dataRow === null || dataRow === void 0 ? void 0 : dataRow.id) || new ObjectID().toHexString(),
-                        collapsed: (collapsedState || []).includes(dataRow === null || dataRow === void 0 ? void 0 : dataRow.id),
-                        blockType: dataRow === null || dataRow === void 0 ? void 0 : dataRow.blockType,
-                    };
-                    return row;
-                });
-            }
-            return [];
-        }
-        case 'SET_COLLAPSE': {
-            const matchedRowIndex = stateCopy.findIndex(({ id: rowID }) => rowID === id);
-            if (matchedRowIndex > -1 && stateCopy[matchedRowIndex]) {
-                stateCopy[matchedRowIndex].collapsed = collapsed;
-            }
-            return stateCopy;
-        }
-        case 'ADD': {
-            const newRow = {
-                id: new ObjectID().toHexString(),
-                open: true,
-                blockType: undefined,
-            };
-            if (blockType)
-                newRow.blockType = blockType;
-            stateCopy.splice(rowIndex + 1, 0, newRow);
-            return stateCopy;
-        }
-        case 'REMOVE':
-            stateCopy.splice(rowIndex, 1);
-            return stateCopy;
-        case 'MOVE': {
-            const movingRowState = { ...stateCopy[moveFromIndex] };
-            stateCopy.splice(moveFromIndex, 1);
-            stateCopy.splice(moveToIndex, 0, movingRowState);
-            return stateCopy;
-        }
-        default:
-            return currentState;
-    }
-};
-export default reducer;

package/dist/admin/components/forms/useField/index.d.ts

@@ -1,3 +0,0 @@
-import { Options, FieldType } from './types';
-declare const useField: <T extends unknown>(options: Options) => FieldType<T>;
-export default useField;