payload 0.14.2-beta.0 → 0.14.3-beta.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,26 +1,26 @@
-/// <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;
+/// <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 +1,45 @@
-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;
+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 +1,2 @@
-declare const reducer: (currentState: any, action: any) => any;
-export default reducer;
+declare const reducer: (currentState: any, action: any) => any;
+export default reducer;

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

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