payload 0.20.1 → 0.20.2-beta.0

package/dist/admin/components/utilities/SearchParams/index.js

@@ -1,10 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { useLocation } from 'react-router-dom';
-import qs from 'qs';
-const Context = createContext({});
-export const SearchParamsProvider = ({ children }) => {
-    const location = useLocation();
-    const params = qs.parse(location.search, { ignoreQueryPrefix: true, depth: 10 });
-    return (React.createElement(Context.Provider, { value: params }, children));
-};
-export const useSearchParams = () => useContext(Context);

package/dist/admin/components/views/Account/Default.d.ts

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

package/dist/admin/components/views/Account/Default.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import format from 'date-fns/format';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Form from '../../forms/Form';
-import PreviewButton from '../../elements/PreviewButton';
-import FormSubmit from '../../forms/Submit';
-import RenderFields from '../../forms/RenderFields';
-import CopyToClipboard from '../../elements/CopyToClipboard';
-import fieldTypes from '../../forms/field-types';
-import RenderTitle from '../../elements/RenderTitle';
-import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
-import Meta from '../../utilities/Meta';
-import Auth from '../collections/Edit/Auth';
-import Loading from '../../elements/Loading';
-import { OperationContext } from '../../utilities/OperationProvider';
-import './index.scss';
-const baseClass = 'account';
-const DefaultAccount = (props) => {
-    var _a, _b, _c, _d;
-    const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, } = props;
-    const { slug, fields, admin: { useAsTitle, preview, }, timestamps, auth, } = collection;
-    const { admin: { dateFormat }, routes: { admin } } = useConfig();
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
-            React.createElement(Form, { className: `${baseClass}__form`, method: "put", action: action, initialState: initialState, disabled: !hasSavePermission },
-                React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: "Account", description: "Account of current user", keywords: "Account, Dashboard, Payload, CMS" }),
-                    React.createElement(Eyebrow, null),
-                    !(((_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) && ((_c = (_b = collection.versions) === null || _b === void 0 ? void 0 : _b.drafts) === null || _c === void 0 ? void 0 : _c.autosave)) && (React.createElement(LeaveWithoutSaving, null)),
-                    React.createElement("div", { className: `${baseClass}__edit` },
-                        React.createElement("header", { className: `${baseClass}__header` },
-                            React.createElement("h1", null,
-                                React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: '[Untitled]' } }))),
-                        React.createElement(Auth, { useAPIKey: auth.useAPIKey, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: "update" }),
-                        React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) !== 'sidebar'; }, fieldTypes: fieldTypes, fieldSchema: fields }))),
-                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
-                    React.createElement("div", { className: `${baseClass}__sidebar` },
-                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
-                            React.createElement("ul", { className: `${baseClass}__collection-actions` }, ((_d = permissions === null || permissions === void 0 ? void 0 : permissions.create) === null || _d === void 0 ? void 0 : _d.permission) && (React.createElement(React.Fragment, null,
-                                React.createElement("li", null,
-                                    React.createElement(Link, { to: `${admin}/collections/${slug}/create` }, "Create New"))))),
-                            React.createElement("div", { className: `${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}` },
-                                React.createElement(PreviewButton, { generatePreviewURL: preview, data: data }),
-                                hasSavePermission && (React.createElement(FormSubmit, null, "Save"))),
-                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                                React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) === 'sidebar'; }, fieldTypes: fieldTypes, fieldSchema: fields })),
-                            React.createElement("ul", { className: `${baseClass}__meta` },
-                                React.createElement("li", { className: `${baseClass}__api-url` },
-                                    React.createElement("span", { className: `${baseClass}__label` },
-                                        "API URL",
-                                        ' ',
-                                        React.createElement(CopyToClipboard, { value: apiURL })),
-                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL)),
-                                React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "ID"),
-                                    React.createElement("div", null, data === null || data === void 0 ? void 0 : data.id)),
-                                timestamps && (React.createElement(React.Fragment, null,
-                                    data.updatedAt && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
-                                        React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))),
-                                    data.createdAt && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, "Created"),
-                                        React.createElement("div", null, format(new Date(data.createdAt), dateFormat)))))))))))))));
-};
-export default DefaultAccount;

package/dist/admin/components/views/Account/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AccountView: React.FC;
-export default AccountView;

package/dist/admin/components/views/Account/index.js

@@ -1,59 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import usePayloadAPI from '../../../hooks/usePayloadAPI';
-import { useLocale } from '../../utilities/Locale';
-import DefaultAccount from './Default';
-import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import { NegativeFieldGutterProvider } from '../../forms/FieldTypeGutter/context';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-const AccountView = () => {
-    var _a, _b;
-    const { state: locationState } = useLocation();
-    const locale = useLocale();
-    const { setStepNav } = useStepNav();
-    const { user, permissions } = useAuth();
-    const [initialState, setInitialState] = useState({});
-    const { id } = useDocumentInfo();
-    const { serverURL, routes: { api }, collections, admin: { user: adminUser, components: { views: { Account: CustomAccount, } = {
-        Account: undefined,
-    }, } = {}, } = {
-        user: 'users',
-    }, } = useConfig();
-    const collection = collections.find((coll) => coll.slug === user.collection);
-    const { fields } = collection;
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[adminUser];
-    const [{ data, isLoading }] = usePayloadAPI(`${serverURL}${api}/${collection === null || collection === void 0 ? void 0 : collection.slug}/${user === null || user === void 0 ? void 0 : user.id}?depth=0`, { initialParams: { 'fallback-locale': 'null' } });
-    const hasSavePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
-    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    const apiURL = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}`;
-    const action = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
-    useEffect(() => {
-        const nav = [{
-                label: 'Account',
-            }];
-        setStepNav(nav);
-    }, [setStepNav]);
-    useEffect(() => {
-        const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale });
-            setInitialState(state);
-        };
-        awaitInitialState();
-    }, [dataToRender, fields, id, user, locale]);
-    return (React.createElement(NegativeFieldGutterProvider, { allow: true },
-        React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
-                action,
-                data,
-                collection,
-                permissions: collectionPermissions,
-                hasSavePermission,
-                initialState,
-                apiURL,
-                isLoading,
-            } })));
-};
-export default AccountView;

package/dist/admin/components/views/Account/index.scss

@@ -1,204 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.account {
-  width: 100%;
-
-  &__form {
-    height: 100%;
-  }
-
-  &__main {
-    width: calc(100% - #{base(15)});
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-  }
-
-  &__header {
-    h1 {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  &__collection-actions {
-    list-style: none;
-    margin: 0;
-    padding: base(1.5) 0 base(.5);
-    display: flex;
-
-    li {
-      margin-right: base(.75);
-    }
-  }
-
-  &__edit {
-    background: white;
-    padding: base(5) base(6) base(6);
-    margin-bottom: base(1.5);
-    flex-grow: 1;
-    overflow-x: scroll;
-  }
-
-  &__sidebar-wrap {
-    position: fixed;
-    width: base(15);
-    height: 100%;
-    top: 0;
-    right: 0;
-    overflow: visible;
-  }
-
-  &__sidebar {
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-  }
-
-  &__sidebar-sticky-wrap {
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-  }
-
-  &__collection-actions,
-  &__document-actions,
-  &__meta,
-  &__sidebar-fields {
-    padding-left: base(1.5);
-  }
-
-  &__document-actions {
-    @include blur-bg;
-    position: sticky;
-    top: 0;
-    z-index: 2;
-    padding-right: $baseline;
-  }
-
-  &__document-actions--with-preview {
-    display: flex;
-
-    > * {
-      width: calc(50% - #{base(.5)});
-    }
-
-    > *:first-child {
-      margin-right: base(.5);
-    }
-
-    > *:last-child {
-      margin-left: base(.5);
-    }
-
-    .form-submit {
-      .btn {
-        width: 100%;
-        padding-left: base(2);
-        padding-right: base(2);
-      }
-    }
-  }
-
-  &__api-url {
-    margin-bottom: base(1.5);
-    padding-right: base(1.5);
-
-    a {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  &__meta {
-    margin: auto 0 $baseline;
-    padding-top: $baseline;
-    list-style: none;
-
-    li {
-      margin-bottom: base(.5);
-    }
-  }
-
-  &__label {
-    color: $color-gray;
-  }
-
-  &__collection-actions,
-  &__api-url {
-    a, button {
-      cursor: pointer;
-      font-weight: 600;
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-
-  @include large-break {
-    &__edit {
-      padding: base(3.5);
-    }
-  }
-
-  @include mid-break {
-    &__main {
-      width: 100%;
-      min-height: initial;
-    }
-
-    &__sidebar-wrap {
-      position: static;
-      width: 100%;
-      height: initial;
-    }
-
-    &__form {
-      display: block;
-    }
-
-    &__edit {
-      padding: $baseline;
-      margin-bottom: $baseline;
-    }
-
-    &__document-actions {
-      position: fixed;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      top: auto;
-    }
-
-    &__document-actions,
-    &__meta,
-    &__sidebar-fields,
-    &__api-url {
-      padding-left: $baseline;
-    }
-
-    &__api-url {
-      margin-bottom: base(.5);
-    }
-
-    &__collection-actions {
-      margin-top: base(.5);
-      padding-left: $baseline;
-      padding-bottom: 0;
-      order: 1;
-
-      li {
-        margin: 0 base(.5) 0 0;
-      }
-    }
-
-    &__sidebar {
-      padding-bottom: base(4);
-      height: auto;
-    }
-  }
-}

package/dist/admin/components/views/Account/types.d.ts

@@ -1,13 +0,0 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { Fields, Data } from '../../forms/Form/types';
-import { CollectionPermission } from '../../../../auth/types';
-export declare type Props = {
-    hasSavePermission: boolean;
-    apiURL: string;
-    collection: SanitizedCollectionConfig;
-    data: Data;
-    permissions: CollectionPermission;
-    initialState: Fields;
-    isLoading: boolean;
-    action: string;
-};

package/dist/admin/components/views/Account/types.js

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

package/dist/admin/components/views/CreateFirstUser/index.d.ts

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

package/dist/admin/components/views/CreateFirstUser/index.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Meta from '../../utilities/Meta';
-import Form from '../../forms/Form';
-import RenderFields from '../../forms/RenderFields';
-import fieldTypes from '../../forms/field-types';
-import FormSubmit from '../../forms/Submit';
-import { NegativeFieldGutterProvider } from '../../forms/FieldTypeGutter/context';
-import './index.scss';
-const baseClass = 'create-first-user';
-const CreateFirstUser = (props) => {
-    const { setInitialized } = props;
-    const { setToken } = useAuth();
-    const { admin: { user: userSlug }, collections, serverURL, routes: { admin, api }, } = useConfig();
-    const userConfig = collections.find((collection) => collection.slug === userSlug);
-    const onSuccess = (json) => {
-        var _a;
-        if ((_a = json === null || json === void 0 ? void 0 : json.user) === null || _a === void 0 ? void 0 : _a.token) {
-            setToken(json.user.token);
-        }
-        setInitialized(true);
-    };
-    const fields = [
-        {
-            name: 'email',
-            label: 'Email Address',
-            type: 'email',
-            required: true,
-        }, {
-            name: 'password',
-            label: 'Password',
-            type: 'password',
-            required: true,
-        }, {
-            name: 'confirm-password',
-            label: 'Confirm Password',
-            type: 'confirmPassword',
-            required: true,
-        },
-    ];
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement("h1", null, "Welcome"),
-        React.createElement("p", null, "To begin, create your first user."),
-        React.createElement(Meta, { title: "Create First User", description: "Create first user", keywords: "Create, Payload, CMS" }),
-        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
-            React.createElement(NegativeFieldGutterProvider, { allow: true },
-                React.createElement(RenderFields, { fieldSchema: [
-                        ...fields,
-                        ...userConfig.fields,
-                    ], fieldTypes: fieldTypes })),
-            React.createElement(FormSubmit, null, "Create"))));
-};
-export default CreateFirstUser;

package/dist/admin/components/views/CreateFirstUser/index.scss

@@ -1,17 +0,0 @@
-@import '../../../scss/styles';
-
-.create-first-user {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-height: 100vh;
-
-  &__wrap {
-    width: 100%;
-    margin: 0 auto base(1);
-
-    svg {
-      width: 100%;
-    }
-  }
-}

package/dist/admin/components/views/CreateFirstUser/types.d.ts

@@ -1,3 +0,0 @@
-export declare type Props = {
-    setInitialized: (initialized: boolean) => void;
-};

package/dist/admin/components/views/CreateFirstUser/types.js

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

package/dist/admin/components/views/Dashboard/Default.d.ts

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

package/dist/admin/components/views/Dashboard/Default.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Card from '../../elements/Card';
-import Button from '../../elements/Button';
-import './index.scss';
-const baseClass = 'dashboard';
-const Dashboard = (props) => {
-    const { collections, globals, permissions, } = props;
-    const { push } = useHistory();
-    const { routes: { admin, }, admin: { components: { afterDashboard, beforeDashboard, }, }, } = useConfig();
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Eyebrow, null),
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i) => React.createElement(Component, { key: i })),
-            React.createElement("h3", { className: `${baseClass}__label` }, "Collections"),
-            React.createElement("ul", { className: `${baseClass}__card-list` }, collections.map((collection) => {
-                var _a, _b, _c;
-                const hasCreatePermission = (_c = (_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.create) === null || _c === void 0 ? void 0 : _c.permission;
-                return (React.createElement("li", { key: collection.slug },
-                    React.createElement(Card, { title: collection.labels.plural, onClick: () => push({ pathname: `${admin}/collections/${collection.slug}` }), actions: hasCreatePermission ? (React.createElement(Button, { el: "link", to: `${admin}/collections/${collection.slug}/create`, icon: "plus", round: true, buttonStyle: "icon-label", iconStyle: "with-border" })) : undefined })));
-            })),
-            (globals.length > 0) && (React.createElement(React.Fragment, null,
-                React.createElement("h3", { className: `${baseClass}__label` }, "Globals"),
-                React.createElement("ul", { className: `${baseClass}__card-list` }, globals.map((global) => (React.createElement("li", { key: global.slug },
-                    React.createElement(Card, { title: global.label, onClick: () => push({ pathname: `${admin}/globals/${global.slug}` }) }))))))),
-            Array.isArray(afterDashboard) && afterDashboard.map((Component, i) => React.createElement(Component, { key: i })))));
-};
-export default Dashboard;

package/dist/admin/components/views/Dashboard/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Dashboard: React.FC;
-export default Dashboard;

package/dist/admin/components/views/Dashboard/index.js

@@ -1,26 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import DefaultDashboard from './Default';
-const Dashboard = () => {
-    const { permissions } = useAuth();
-    const { setStepNav } = useStepNav();
-    const [filteredGlobals, setFilteredGlobals] = useState([]);
-    const { collections, globals, admin: { components: { views: { Dashboard: CustomDashboard, } = {
-        Dashboard: undefined,
-    }, } = {}, } = {}, } = useConfig();
-    useEffect(() => {
-        setFilteredGlobals(globals.filter((global) => { var _a, _b, _c; return (_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission; }));
-    }, [permissions, globals]);
-    useEffect(() => {
-        setStepNav([]);
-    }, [setStepNav]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultDashboard, CustomComponent: CustomDashboard, componentProps: {
-            globals: filteredGlobals,
-            collections: collections.filter((collection) => { var _a, _b, _c; return (_c = (_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.read) === null || _c === void 0 ? void 0 : _c.permission; }),
-            permissions,
-        } }));
-};
-export default Dashboard;

package/dist/admin/components/views/Dashboard/index.scss

@@ -1,68 +0,0 @@
-@import '../../../scss/styles';
-
-.dashboard {
-  width: 100%;
-  padding-right: base(2);
-
-  &__wrap {
-    padding: base(2);
-    background: white;
-  }
-
-  &__label {
-    @extend %body;
-    color: $color-gray;
-  }
-
-  &__card-list {
-    width: calc(100% + #{$baseline});
-    margin: 0 - base(.5);
-    padding: 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-
-    li {
-      width: 20%;
-      margin-bottom: $baseline;
-    }
-
-    .card {
-      height: 100%;
-      margin: 0 base(.5);
-    }
-  }
-
-  @include large-break {
-    li {
-      width: 25%;
-    }
-  }
-
-  @include mid-break {
-    padding-right: 0;
-
-    &__wrap {
-      padding: $baseline;
-    }
-
-    li {
-      width: 33.33%;
-    }
-  }
-
-  @include small-break {
-    &__card-list {
-      width: calc(100% + #{base(.5)});
-      margin: 0 - base(.25);
-    }
-
-    li {
-      width: 50%;
-    }
-
-    .card {
-      margin: 0 base(.25) base(.5);
-    }
-  }
-}

package/dist/admin/components/views/Dashboard/types.d.ts

@@ -1,8 +0,0 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-import { Permissions } from '../../../../auth/types';
-export declare type Props = {
-    collections: SanitizedCollectionConfig[];
-    globals: SanitizedGlobalConfig[];
-    permissions: Permissions;
-};

package/dist/admin/components/views/Dashboard/types.js

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

package/dist/admin/components/views/ForgotPassword/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.scss';
-declare const ForgotPassword: React.FC;
-export default ForgotPassword;