payload 1.1.28-beta.0 → 1.2.1

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

@@ -21,7 +21,7 @@ const TextareaInput = (props) => {
         } },
         React.createElement(Error, { showError: showError, message: errorMessage }),
         React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        React.createElement("div", { className: "textarea-outer" },
+        React.createElement("label", { className: "textarea-outer", htmlFor: `field-${path.replace(/\./gi, '__')}` },
             React.createElement("div", { className: "textarea-inner" },
                 React.createElement("div", { className: "textarea-clone", "data-value": value || placeholder || '' }),
                 React.createElement("textarea", { className: "textarea-element", id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: getTranslation(placeholder, i18n), name: path, rows: rows }))),

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

@@ -6,12 +6,13 @@
 
   .textarea-outer {
     @include formInput();
+    display: flex;
     resize: vertical;
-    height: auto;
     min-height: base(3);
+    height: 100%;
 
     // Scrollbar for giant content
-    max-height: 90vh;
+    max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
     overflow: auto;
 
     @include mid-break {
@@ -31,7 +32,6 @@
     position: relative;
     line-height: inherit;
     flex-grow: 1;
-    box-sizing: border-box;
     background: none;
     outline: none;
   }
@@ -49,7 +49,6 @@
     line-height: inherit;
     color: inherit;
     background: none;
-    box-sizing: border-box;
     overflow: auto;
     resize: none;
     outline: none;
@@ -65,8 +64,6 @@
     vertical-align: top;
     display: inline-block;
     flex-grow: 1;
-    white-space: pre;
-    box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: pre-wrap;

package/dist/admin/components/forms/useField/index.js

@@ -15,7 +15,7 @@ const useField = (options) => {
     const operation = useOperation();
     const field = useFormFields(([fields]) => fields[path]);
     const dispatchField = useFormFields(([_, dispatch]) => dispatch);
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const { getData, getSiblingData, setModified } = useForm();
     const value = field === null || field === void 0 ? void 0 : field.value;
     const initialValue = field === null || field === void 0 ? void 0 : field.initialValue;
@@ -77,7 +77,7 @@ const useField = (options) => {
                 data: getData(),
                 siblingData: getSiblingData(path),
                 operation,
-                i18n,
+                t,
             };
             const validationResult = typeof validate === 'function' ? await validate(value, validateOptions) : true;
             if (typeof validationResult === 'string') {

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

@@ -6,10 +6,13 @@ import { defaultOptions } from '../../../../translations/defaultOptions';
 import { useConfig } from '../Config';
 export const I18n = () => {
     const config = useConfig();
+    if (i18n.isInitialized) {
+        return null;
+    }
     i18n
         .use(LanguageDetector)
         .use(initReactI18next)
-        .init(deepmerge(defaultOptions, config.i18n || {}));
+        .init(deepmerge(defaultOptions, config.i18n || { debug: true }));
     return null;
 };
 export default I18n;

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

@@ -25,29 +25,34 @@ const AccountView = () => {
     }, } = {}, } = {
         user: 'users',
     }, } = useConfig();
-    const { t, i18n } = useTranslation('account');
+    const { t } = useTranslation('authentication');
     const collection = collections.find((coll) => coll.slug === adminUser);
     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 }] = 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 [{ data }] = usePayloadAPI(`${serverURL}${api}/${collection === null || collection === void 0 ? void 0 : collection.slug}/${user === null || user === void 0 ? void 0 : user.id}`, {
+        initialParams: {
+            'fallback-locale': 'null',
+            depth: 0,
+        },
+    });
     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: t('authentication:account'),
+                label: t('account'),
             }];
         setStepNav(nav);
     }, [setStepNav, t]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale, t });
             await getPreference(preferencesKey);
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields, id, user, locale, preferencesKey, getPreference, i18n]);
+    }, [dataToRender, fields, id, user, locale, preferencesKey, getPreference, t]);
     return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
             action,
             data,

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

@@ -20,15 +20,15 @@ const GlobalView = (props) => {
     const [initialState, setInitialState] = useState();
     const { getVersions, preferencesKey } = useDocumentInfo();
     const { getPreference } = usePreferences();
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const { serverURL, routes: { api, }, } = useConfig();
     const { global } = props;
     const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
     const onSave = useCallback(async (json) => {
         getVersions();
-        const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale, i18n });
+        const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale, t });
         setInitialState(state);
-    }, [getVersions, fields, user, locale, i18n]);
+    }, [getVersions, fields, user, locale, t]);
     const [{ data }] = usePayloadAPI(`${serverURL}${api}/globals/${slug}`, { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
     useEffect(() => {
@@ -39,12 +39,12 @@ const GlobalView = (props) => {
     }, [setStepNav, label]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: 'update', locale, t });
             await getPreference(preferencesKey);
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields, user, locale, getPreference, preferencesKey, i18n]);
+    }, [dataToRender, fields, user, locale, getPreference, preferencesKey, t]);
     const globalPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[slug];
     return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultGlobal, CustomComponent: CustomEdit, componentProps: {
             isLoading: !initialState,

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

@@ -45,7 +45,7 @@ const Login = () => {
         !collection.auth.disableLocalStrategy && (React.createElement(Form, { disableSuccessStatus: true, waitForAutocomplete: true, onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/login` },
             React.createElement(Email, { label: t('general:email'), name: "email", admin: { autoComplete: 'email' }, required: true }),
             React.createElement(Password, { label: t('general:password'), name: "password", autoComplete: "off", required: true }),
-            React.createElement(Link, { to: `${admin}/forgot` }, t('forgotPassword')),
+            React.createElement(Link, { to: `${admin}/forgot` }, t('forgotPasswordQuestion')),
             React.createElement(FormSubmit, null, t('login')))),
         Array.isArray(afterLogin) && afterLogin.map((Component, i) => React.createElement(Component, { key: i }))));
 };

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -16,7 +16,7 @@ const Iterable = ({ version, comparison, permissions, field, locale, locales, fi
     return (React.createElement("div", { className: baseClass },
         field.label && (React.createElement(Label, null,
             locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            field.label)),
+            getTranslation(field.label, i18n))),
         maxRows > 0 && (React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i) => {
             const versionRow = (version === null || version === void 0 ? void 0 : version[i]) || {};
             const comparisonRow = (comparison === null || comparison === void 0 ? void 0 : comparison[i]) || {};

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Nested/index.js

@@ -1,15 +1,21 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import RenderFieldsToDiff from '../..';
 import Label from '../../Label';
+import { getTranslation } from '../../../../../../../utilities/getTranslation';
 import './index.scss';
 const baseClass = 'nested-diff';
-const Nested = ({ version, comparison, permissions, field, locale, locales, fieldComponents, disableGutter = false, }) => (React.createElement("div", { className: baseClass },
-    field.label && (React.createElement(Label, null,
-        locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-        field.label)),
-    React.createElement("div", { className: [
-            `${baseClass}__wrap`,
-            !disableGutter && `${baseClass}__wrap--gutter`,
-        ].filter(Boolean).join(' ') },
-        React.createElement(RenderFieldsToDiff, { locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: field.fields, fieldComponents: fieldComponents }))));
+const Nested = ({ version, comparison, permissions, field, locale, locales, fieldComponents, disableGutter = false, }) => {
+    const { i18n } = useTranslation();
+    return (React.createElement("div", { className: baseClass },
+        field.label && (React.createElement(Label, null,
+            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            getTranslation(field.label, i18n))),
+        React.createElement("div", { className: [
+                `${baseClass}__wrap`,
+                !disableGutter && `${baseClass}__wrap--gutter`,
+            ].filter(Boolean)
+                .join(' ') },
+            React.createElement(RenderFieldsToDiff, { locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: field.fields, fieldComponents: fieldComponents }))));
+};
 export default Nested;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Relationship/index.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import ReactDiffViewer from 'react-diff-viewer';
+import { useTranslation } from 'react-i18next';
 import { useConfig } from '../../../../../utilities/Config';
 import { useLocale } from '../../../../../utilities/Locale';
 import { fieldAffectsData, fieldIsPresentationalOnly } from '../../../../../../../fields/config/types';
 import Label from '../../Label';
 import { diffStyles } from '../styles';
+import { getTranslation } from '../../../../../../../utilities/getTranslation';
 import './index.scss';
 const baseClass = 'relationship-diff';
 const generateLabelFromValue = (collections, field, locale, value) => {
@@ -43,10 +45,11 @@ const generateLabelFromValue = (collections, field, locale, value) => {
 };
 const Relationship = ({ field, version, comparison }) => {
     const { collections } = useConfig();
+    const { t, i18n } = useTranslation('general');
     const locale = useLocale();
     let placeholder = '';
     if (version === comparison)
-        placeholder = '[no value]';
+        placeholder = `[${t('noValue')}]`;
     let versionToRender = version;
     let comparisonToRender = comparison;
     if (field.hasMany) {
@@ -62,7 +65,7 @@ const Relationship = ({ field, version, comparison }) => {
     return (React.createElement("div", { className: baseClass },
         React.createElement(Label, null,
             locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            field.label),
+            getTranslation(field.label, i18n)),
         React.createElement(ReactDiffViewer, { styles: diffStyles, oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
     return null;
 };

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts

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

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Select/index.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
+import { useTranslation } from 'react-i18next';
+import Label from '../../Label';
+import { diffStyles } from '../styles';
+import { getTranslation } from '../../../../../../../utilities/getTranslation';
+import './index.scss';
+const baseClass = 'select-diff';
+const getOptionsToRender = (value, options, hasMany) => {
+    if (hasMany && Array.isArray(value)) {
+        return value.map((val) => options.find((option) => (typeof option === 'string' ? option : option.value) === val));
+    }
+    return options.find((option) => (typeof option === 'string' ? option : option.value) === value);
+};
+const getTranslatedOptions = (options, i18n) => {
+    if (Array.isArray(options)) {
+        return options.map((option) => (typeof option === 'string' ? option : getTranslation(option.label, i18n))).join(', ');
+    }
+    return typeof options === 'string' ? options : getTranslation(options.label, i18n);
+};
+const Select = ({ field, locale, version, comparison, diffMethod }) => {
+    let placeholder = '';
+    const { t, i18n } = useTranslation('general');
+    if (version === comparison)
+        placeholder = `[${t('noValue')}]`;
+    const comparisonToRender = typeof comparison !== 'undefined' ? getTranslatedOptions(getOptionsToRender(comparison, field.options, field.hasMany), i18n) : placeholder;
+    const versionToRender = typeof version !== 'undefined' ? getTranslatedOptions(getOptionsToRender(version, field.options, field.hasMany), i18n) : placeholder;
+    return (React.createElement("div", { className: baseClass },
+        React.createElement(Label, null,
+            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            getTranslation(field.label, i18n)),
+        React.createElement(ReactDiffViewer, { styles: diffStyles, compareMethod: DiffMethod[diffMethod], oldValue: comparisonToRender, newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+};
+export default Select;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Select/index.scss

@@ -0,0 +1,10 @@
+@import '../../../../../../scss/styles.scss';
+
+.select-diff {
+  &__locale-label {
+    margin-right: base(.25);
+    background: var(--theme-elevation-100);
+    padding: base(.25);
+    border-radius: $style-radius-m;
+  }
+}

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Text/index.js

@@ -3,11 +3,12 @@ import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
 import { useTranslation } from 'react-i18next';
 import Label from '../../Label';
 import { diffStyles } from '../styles';
+import { getTranslation } from '../../../../../../../utilities/getTranslation';
 import './index.scss';
 const baseClass = 'text-diff';
 const Text = ({ field, locale, version, comparison, isRichText = false, diffMethod }) => {
     let placeholder = '';
-    const { t } = useTranslation('general');
+    const { t, i18n } = useTranslation('general');
     if (version === comparison)
         placeholder = `[${t('noValue')}]`;
     let versionToRender = version;
@@ -21,7 +22,7 @@ const Text = ({ field, locale, version, comparison, isRichText = false, diffMeth
     return (React.createElement("div", { className: baseClass },
         React.createElement(Label, null,
             locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            field.label),
+            getTranslation(field.label, i18n)),
         React.createElement(ReactDiffViewer, { styles: diffStyles, compareMethod: DiffMethod[diffMethod], oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
 };
 export default Text;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/index.js

@@ -3,6 +3,7 @@ import Nested from './Nested';
 import Iterable from './Iterable';
 import Relationship from './Relationship';
 import Tabs from './Tabs';
+import Select from './Select';
 export default {
     text: Text,
     textarea: Text,
@@ -10,14 +11,14 @@ export default {
     email: Text,
     code: Text,
     checkbox: Text,
-    radio: Text,
+    radio: Select,
     row: Nested,
     collapsible: Nested,
     group: Nested,
     array: Iterable,
     blocks: Iterable,
     date: Text,
-    select: Text,
+    select: Select,
     richText: Text,
     relationship: Relationship,
     upload: Relationship,

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

@@ -148,7 +148,7 @@ const Versions = ({ collection, global }) => {
         React.createElement(Eyebrow, null),
         React.createElement(Gutter, { className: `${baseClass}__wrap` },
             React.createElement("header", { className: `${baseClass}__header` },
-                React.createElement("div", { className: `${baseClass}__intro` }, "Showing versions for:"),
+                React.createElement("div", { className: `${baseClass}__intro` }, t('showingVersionsFor')),
                 useIDLabel && (React.createElement(IDLabel, { id: doc === null || doc === void 0 ? void 0 : doc.id })),
                 !useIDLabel && (React.createElement("h1", null, heading))),
             isLoadingVersions && (React.createElement(Loading, null)),

package/dist/admin/components/views/collections/Edit/Auth/APIKey.js

@@ -12,9 +12,9 @@ const baseClass = 'api-key';
 const APIKey = () => {
     const [initialAPIKey, setInitialAPIKey] = useState(null);
     const [highlightedField, setHighlightedField] = useState(false);
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const apiKey = useFormFields(([fields]) => fields[path]);
-    const validate = (val) => text(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {}, i18n });
+    const validate = (val) => text(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {}, t });
     const apiKeyValue = apiKey === null || apiKey === void 0 ? void 0 : apiKey.value;
     const APIKeyLabel = useMemo(() => (React.createElement("div", { className: `${baseClass}__label` },
         React.createElement("span", null, "API Key"),

package/dist/admin/components/views/collections/Edit/Default.js

@@ -26,13 +26,15 @@ import SaveDraft from '../../../elements/SaveDraft';
 import { useDocumentInfo } from '../../../utilities/DocumentInfo';
 import { OperationContext } from '../../../utilities/OperationProvider';
 import { Gutter } from '../../../elements/Gutter';
+import { getTranslation } from '../../../../../utilities/getTranslation';
+import { SetStepNav } from './SetStepNav';
 import './index.scss';
 const baseClass = 'collection-edit';
 const DefaultEditView = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     const { admin: { dateFormat }, routes: { admin } } = useConfig();
     const { publishedDoc } = useDocumentInfo();
-    const { t } = useTranslation('general');
+    const { t, i18n } = useTranslation('general');
     const { collection, isEditing, data, onSave, permissions, isLoading, initialState, apiURL, action, hasSavePermission, disableEyebrow, disableActions, disableLeaveWithoutSaving, customHeader, id, } = props;
     const { slug, fields, admin: { useAsTitle, disableDuplicate, preview, hideAPIURL, }, versions, timestamps, auth, upload, } = collection;
     const classes = [
@@ -44,8 +46,9 @@ const DefaultEditView = (props) => {
         isLoading && (React.createElement(Loading, null)),
         !isLoading && (React.createElement(OperationContext.Provider, { value: operation },
             React.createElement(Form, { className: `${baseClass}__form`, method: id ? 'patch' : 'post', action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
+                React.createElement(SetStepNav, { collection: collection, isEditing: isEditing, id: data.id }),
                 React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: `${isEditing ? t('editing') : t('creating')} - ${collection.labels.singular}`, description: `${isEditing ? t('editing') : t('creating')} - ${collection.labels.singular}`, keywords: `${collection.labels.singular}, Payload, CMS` }),
+                    React.createElement(Meta, { title: `${isEditing ? t('editing') : t('creating')} - ${getTranslation(collection.labels.singular, i18n)}`, description: `${isEditing ? t('editing') : t('creating')} - ${getTranslation(collection.labels.singular, i18n)}`, keywords: `${getTranslation(collection.labels.singular, i18n)}, Payload, CMS` }),
                     !disableEyebrow && (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)) && !disableLeaveWithoutSaving) && (React.createElement(LeaveWithoutSaving, null)),
                     React.createElement(Gutter, { className: `${baseClass}__edit` },

package/dist/admin/components/views/collections/Edit/SetStepNav.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+export declare const SetStepNav: React.FC<{
+    collection: SanitizedCollectionConfig;
+    isEditing: boolean;
+    id: string;
+}>;

package/dist/admin/components/views/collections/Edit/SetStepNav.js

@@ -0,0 +1,31 @@
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getTranslation } from '../../../../../utilities/getTranslation';
+import useTitle from '../../../../hooks/useTitle';
+import { useStepNav } from '../../../elements/StepNav';
+import { useConfig } from '../../../utilities/Config';
+export const SetStepNav = ({ collection, isEditing, id }) => {
+    const { slug, labels: { plural: pluralLabel, }, admin: { useAsTitle, }, } = collection;
+    const { setStepNav } = useStepNav();
+    const { t, i18n } = useTranslation('general');
+    const { routes: { admin } } = useConfig();
+    const title = useTitle(useAsTitle);
+    useEffect(() => {
+        const nav = [{
+                url: `${admin}/collections/${slug}`,
+                label: getTranslation(pluralLabel, i18n),
+            }];
+        if (isEditing) {
+            nav.push({
+                label: (useAsTitle && useAsTitle !== 'id') ? title || `[${t('untitled')}]` : id,
+            });
+        }
+        else {
+            nav.push({
+                label: t('createNew'),
+            });
+        }
+        setStepNav(nav);
+    }, [setStepNav, isEditing, pluralLabel, id, slug, useAsTitle, admin, t, i18n, title]);
+    return null;
+};

package/dist/admin/components/views/collections/Edit/index.js

@@ -3,7 +3,6 @@ import { Redirect, useRouteMatch, useHistory, useLocation } from 'react-router-d
 import { useTranslation } from 'react-i18next';
 import { useConfig } from '../../../utilities/Config';
 import { useAuth } from '../../../utilities/Auth';
-import { useStepNav } from '../../../elements/StepNav';
 import usePayloadAPI from '../../../../hooks/usePayloadAPI';
 import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
 import DefaultEdit from './Default';
@@ -13,11 +12,10 @@ import { useLocale } from '../../../utilities/Locale';
 import { useDocumentInfo } from '../../../utilities/DocumentInfo';
 import { usePreferences } from '../../../utilities/Preferences';
 import { EditDepthContext } from '../../../utilities/EditDepth';
-import { getTranslation } from '../../../../../utilities/getTranslation';
 const EditView = (props) => {
     var _a, _b, _c;
     const { collection: incomingCollection, isEditing } = props;
-    const { slug, labels: { plural: pluralLabel, }, admin: { useAsTitle, components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
+    const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
     const [fields] = useState(() => formatFields(incomingCollection, isEditing));
     const [collection] = useState(() => ({ ...incomingCollection, fields }));
     const [redirect, setRedirect] = useState();
@@ -26,12 +24,11 @@ const EditView = (props) => {
     const { params: { id } = {} } = useRouteMatch();
     const { state: locationState } = useLocation();
     const history = useHistory();
-    const { setStepNav } = useStepNav();
     const [initialState, setInitialState] = useState();
     const { permissions, user } = useAuth();
     const { getVersions, preferencesKey } = useDocumentInfo();
     const { getPreference } = usePreferences();
-    const { t, i18n } = useTranslation('general');
+    const { t } = useTranslation('general');
     const onSave = useCallback(async (json) => {
         var _a;
         getVersions();
@@ -39,54 +36,23 @@ const EditView = (props) => {
             setRedirect(`${admin}/collections/${collection.slug}/${(_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.id}`);
         }
         else {
-            const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
             setInitialState(state);
         }
-    }, [admin, collection, isEditing, getVersions, user, id, i18n, locale]);
+    }, [admin, collection, isEditing, getVersions, user, id, t, locale]);
     const [{ data, isLoading: isLoadingDocument, isError }] = usePayloadAPI((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    useEffect(() => {
-        const nav = [{
-                url: `${admin}/collections/${slug}`,
-                label: getTranslation(pluralLabel, i18n),
-            }];
-        if (isEditing) {
-            let label = '';
-            if (dataToRender) {
-                if (useAsTitle) {
-                    if (dataToRender[useAsTitle]) {
-                        label = dataToRender[useAsTitle];
-                    }
-                    else {
-                        label = `[${t('untitled')}]`;
-                    }
-                }
-                else {
-                    label = dataToRender.id;
-                }
-            }
-            nav.push({
-                label,
-            });
-        }
-        else {
-            nav.push({
-                label: t('createNew'),
-            });
-        }
-        setStepNav(nav);
-    }, [setStepNav, isEditing, pluralLabel, dataToRender, slug, useAsTitle, admin, t, i18n]);
     useEffect(() => {
         if (isLoadingDocument) {
             return;
         }
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
             await getPreference(preferencesKey);
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields, isEditing, id, user, locale, isLoadingDocument, preferencesKey, getPreference, i18n]);
+    }, [dataToRender, fields, isEditing, id, user, locale, isLoadingDocument, preferencesKey, getPreference, t]);
     useEffect(() => {
         if (redirect) {
             history.push(redirect);

package/dist/admin/hooks/usePayloadAPI.js

@@ -14,13 +14,15 @@ const usePayloadAPI = (url, options = {}) => {
     const search = queryString.stringify({
         locale,
         ...(typeof params === 'object' ? params : {}),
+    }, {
+        addQueryPrefix: true,
     });
     useEffect(() => {
         const fetchData = async () => {
             setIsError(false);
             setIsLoading(true);
             try {
-                const response = await requests.get(`${url}?${search}`, {
+                const response = await requests.get(`${url}${search}`, {
                     headers: {
                         'Accept-Language': i18n.language,
                     },

package/dist/auth/executeAccess.js

@@ -6,7 +6,7 @@ const executeAccess = async (operation, access) => {
         const result = await access(operation);
         if (!result) {
             if (!operation.disableErrors)
-                throw new errors_1.Forbidden(operation.req.i18n);
+                throw new errors_1.Forbidden(operation.req.t);
         }
         return result;
     }
@@ -14,8 +14,8 @@ const executeAccess = async (operation, access) => {
         return true;
     }
     if (!operation.disableErrors)
-        throw new errors_1.Forbidden(operation.req.i18n);
+        throw new errors_1.Forbidden(operation.req.t);
     return false;
 };
 exports.default = executeAccess;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhlY3V0ZUFjY2Vzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hdXRoL2V4ZWN1dGVBY2Nlc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxzQ0FBc0M7QUFHdEMsTUFBTSxhQUFhLEdBQUcsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFjLEVBQXlCLEVBQUU7SUFDL0UsSUFBSSxNQUFNLEVBQUU7UUFDVixNQUFNLE1BQU0sR0FBRyxNQUFNLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUV2QyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO2dCQUFFLE1BQU0sSUFBSSxrQkFBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDdkU7UUFFRCxPQUFPLE1BQU0sQ0FBQztLQUNmO0lBRUQsSUFBSSxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO1FBQUUsTUFBTSxJQUFJLGtCQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RSxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGLGtCQUFlLGFBQWEsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhlY3V0ZUFjY2Vzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hdXRoL2V4ZWN1dGVBY2Nlc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxzQ0FBc0M7QUFHdEMsTUFBTSxhQUFhLEdBQUcsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFjLEVBQXlCLEVBQUU7SUFDL0UsSUFBSSxNQUFNLEVBQUU7UUFDVixNQUFNLE1BQU0sR0FBRyxNQUFNLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUV2QyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO2dCQUFFLE1BQU0sSUFBSSxrQkFBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEU7UUFFRCxPQUFPLE1BQU0sQ0FBQztLQUNmO0lBRUQsSUFBSSxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO1FBQUUsTUFBTSxJQUFJLGtCQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNuRSxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGLGtCQUFlLGFBQWEsQ0FBQyJ9

package/dist/auth/getExecuteStaticAccess.js

@@ -42,7 +42,7 @@ const getExecuteStaticAccess = ({ config, Model }) => async (req, res, next) =>
                 const query = await Model.buildQuery(queryToBuild, req.locale);
                 const doc = await Model.findOne(query);
                 if (!doc) {
-                    throw new errors_1.Forbidden(req.i18n);
+                    throw new errors_1.Forbidden(req.t);
                 }
             }
         }
@@ -53,4 +53,4 @@ const getExecuteStaticAccess = ({ config, Model }) => async (req, res, next) =>
     }
 };
 exports.default = getExecuteStaticAccess;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RXhlY3V0ZVN0YXRpY0FjY2Vzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hdXRoL2dldEV4ZWN1dGVTdGF0aWNBY2Nlc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFFQSxvRUFBNEM7QUFDNUMsc0NBQXNDO0FBR3RDLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxFQUFFLEdBQW1CLEVBQUUsR0FBYSxFQUFFLElBQWtCLEVBQUUsRUFBRTtJQUNySCxJQUFJLEdBQUcsQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFO1FBQzVCLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUM1QjtJQUVELElBQUk7UUFDRixJQUFJLEdBQUcsQ0FBQyxJQUFJLEVBQUU7WUFDWixNQUFNLFlBQVksR0FBRyxNQUFNLElBQUEsdUJBQWEsRUFBQyxFQUFFLEdBQUcsRUFBRSxtQkFBbUIsRUFBRSxJQUFJLEVBQUUsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRWpHLElBQUksT0FBTyxZQUFZLEtBQUssUUFBUSxFQUFFO2dCQUNwQyxNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBRTdELE1BQU0sWUFBWSxHQUFxQjtvQkFDckMsS0FBSyxFQUFFO3dCQUNMLEdBQUcsRUFBRTs0QkFDSDtnQ0FDRSxFQUFFLEVBQUU7b0NBQ0Y7d0NBQ0UsUUFBUSxFQUFFOzRDQUNSLE1BQU0sRUFBRSxRQUFRO3lDQUNqQjtxQ0FDRjtpQ0FDRjs2QkFDRjs0QkFDRCxZQUFZO3lCQUNiO3FCQUNGO2lCQUNGLENBQUM7Z0JBRUYsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRTtvQkFDNUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFO3dCQUM1QyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDOzRCQUNoQyxDQUFDLFNBQVMsSUFBSSxXQUFXLENBQUMsRUFBRTtnQ0FDMUIsTUFBTSxFQUFFLFFBQVE7NkJBQ2pCO3lCQUNGLENBQUMsQ0FBQztvQkFDTCxDQUFDLENBQUMsQ0FBQztpQkFDSjtnQkFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLEtBQUssQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDL0QsTUFBTSxHQUFHLEdBQUcsTUFBTSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUV2QyxJQUFJLENBQUMsR0FBRyxFQUFFO29CQUNSLE1BQU0sSUFBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztpQkFDL0I7YUFDRjtTQUNGO1FBRUQsT0FBTyxJQUFJLEVBQUUsQ0FBQztLQUNmO0lBQUMsT0FBTyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNwQjtBQUNILENBQUMsQ0FBQztBQUVGLGtCQUFlLHNCQUFzQixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RXhlY3V0ZVN0YXRpY0FjY2Vzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hdXRoL2dldEV4ZWN1dGVTdGF0aWNBY2Nlc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFFQSxvRUFBNEM7QUFDNUMsc0NBQXNDO0FBR3RDLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxFQUFFLEdBQW1CLEVBQUUsR0FBYSxFQUFFLElBQWtCLEVBQUUsRUFBRTtJQUNySCxJQUFJLEdBQUcsQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFO1FBQzVCLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUM1QjtJQUVELElBQUk7UUFDRixJQUFJLEdBQUcsQ0FBQyxJQUFJLEVBQUU7WUFDWixNQUFNLFlBQVksR0FBRyxNQUFNLElBQUEsdUJBQWEsRUFBQyxFQUFFLEdBQUcsRUFBRSxtQkFBbUIsRUFBRSxJQUFJLEVBQUUsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRWpHLElBQUksT0FBTyxZQUFZLEtBQUssUUFBUSxFQUFFO2dCQUNwQyxNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBRTdELE1BQU0sWUFBWSxHQUFxQjtvQkFDckMsS0FBSyxFQUFFO3dCQUNMLEdBQUcsRUFBRTs0QkFDSDtnQ0FDRSxFQUFFLEVBQUU7b0NBQ0Y7d0NBQ0UsUUFBUSxFQUFFOzRDQUNSLE1BQU0sRUFBRSxRQUFRO3lDQUNqQjtxQ0FDRjtpQ0FDRjs2QkFDRjs0QkFDRCxZQUFZO3lCQUNiO3FCQUNGO2lCQUNGLENBQUM7Z0JBRUYsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRTtvQkFDNUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFO3dCQUM1QyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDOzRCQUNoQyxDQUFDLFNBQVMsSUFBSSxXQUFXLENBQUMsRUFBRTtnQ0FDMUIsTUFBTSxFQUFFLFFBQVE7NkJBQ2pCO3lCQUNGLENBQUMsQ0FBQztvQkFDTCxDQUFDLENBQUMsQ0FBQztpQkFDSjtnQkFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLEtBQUssQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDL0QsTUFBTSxHQUFHLEdBQUcsTUFBTSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUV2QyxJQUFJLENBQUMsR0FBRyxFQUFFO29CQUNSLE1BQU0sSUFBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDNUI7YUFDRjtTQUNGO1FBRUQsT0FBTyxJQUFJLEVBQUUsQ0FBQztLQUNmO0lBQUMsT0FBTyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNwQjtBQUNILENBQUMsQ0FBQztBQUVGLGtCQUFlLHNCQUFzQixDQUFDIn0=