payload 1.1.28-beta.0 → 1.2.0

package/CHANGELOG.md

@@ -1,130 +1,42 @@
 
 
-## [1.1.28-beta.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.1.28-beta.0) (2022-11-17)
+# [1.2.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.2.0) (2022-11-18)
 
 
 ### Bug Fixes
 
-* allow label to be set to false ([858fc86](https://github.com/payloadcms/payload/commit/858fc86af895f25a091f1b5b729d04c86f654601))
-* autosave slug regression ([b1f3ce9](https://github.com/payloadcms/payload/commit/b1f3ce9735743b8056633d98fb94353e6f4c08e6))
 * build errors ([65f0e1c](https://github.com/payloadcms/payload/commit/65f0e1caace193f034139e331883d01d8eb92d2c))
 * components optional chaining ([d5e725c](https://github.com/payloadcms/payload/commit/d5e725c608588e96b974291fa86d5e89dea9060d))
 * corrects exported custom component type ([2878b4b](https://github.com/payloadcms/payload/commit/2878b4b1bec5c0c9997c1ba2a080640d4d3f8e5f))
 * corrects type for CollapsibleLabel example type, adjusts custom component filenames ([ccb4231](https://github.com/payloadcms/payload/commit/ccb42319abf0679d998e15b6b47fff3ce95d4ca1))
-* getTranslation fallback ([d82a6be](https://github.com/payloadcms/payload/commit/d82a6be5012a355d0eed98ac57c79a6f1d3c7f32))
-* radio and select fields show translated value in list view ([13d225f](https://github.com/payloadcms/payload/commit/13d225ff086c8913a8954dd83e658af5859028bc))
 * sets pointer-events to none so the entire label bar is clickable ([e458087](https://github.com/payloadcms/payload/commit/e458087a55cbbad29ca3568ca4c089aaee49693a))
-* translation formatting ([d9ddca9](https://github.com/payloadcms/payload/commit/d9ddca9d1b7276a1ed3603ceb78399bd45624032))
-* translation typos ([0ed38d4](https://github.com/payloadcms/payload/commit/0ed38d47081b351e70854cc11bdb0efe1ec971ac))
-* type error ([6a5bd24](https://github.com/payloadcms/payload/commit/6a5bd24fd125464522b9d27e724efa435fb621a4))
 
 
 ### Features
 
-* add Dutch translations ([#1418](https://github.com/payloadcms/payload/issues/1418)) ([c58ed21](https://github.com/payloadcms/payload/commit/c58ed213c6a879612e0ebe6ac11a4b0f4ab95a1d))
-* Add french translations ([#1421](https://github.com/payloadcms/payload/issues/1421)) ([118886e](https://github.com/payloadcms/payload/commit/118886e2ef073464fde432243a9205ce92762282))
-* add i18n to admin panel ([d910045](https://github.com/payloadcms/payload/commit/d910045102b2e80c12c96f13941d8d624abbecf5))
-* add i18n to local api ([f143f72](https://github.com/payloadcms/payload/commit/f143f724fee85b51697ad54110a0920a398baced))
-* Add Italian Translations ([#1335](https://github.com/payloadcms/payload/issues/1335)) ([97c28c8](https://github.com/payloadcms/payload/commit/97c28c809614962a1be795082ed84dbfc2299e79))
-* Add Japanese Translations ([#1351](https://github.com/payloadcms/payload/issues/1351)) ([522576c](https://github.com/payloadcms/payload/commit/522576c2b98368f14fe0bf945c703f866bb7646b))
-* add language select input to account ([ccee1d8](https://github.com/payloadcms/payload/commit/ccee1d84d4247dc894bf15227728cbb29f924d21))
-* add polish translations ([#1328](https://github.com/payloadcms/payload/issues/1328)) ([7e218fe](https://github.com/payloadcms/payload/commit/7e218feb911bcda312f2732266a63c3eccb285a2))
-* Add Russian Translations ([#1334](https://github.com/payloadcms/payload/issues/1334)) ([9980765](https://github.com/payloadcms/payload/commit/99807657ba97d68c5d3457794745d4182715abfa))
-* Add Spanish Translations ([#1327](https://github.com/payloadcms/payload/issues/1327)) ([edf6877](https://github.com/payloadcms/payload/commit/edf687792489fbc969ba0a0f0f6aab69f637cebe))
-* Add swedish translations ([#1429](https://github.com/payloadcms/payload/issues/1429)) ([ba8f739](https://github.com/payloadcms/payload/commit/ba8f7390cabc514735c76c32266be792b0f4596d))
-* add Vietnamese translation for the admin panel ([#1346](https://github.com/payloadcms/payload/issues/1346)) ([47f45fa](https://github.com/payloadcms/payload/commit/47f45fae150779ec319bbb35b91469baaa308688))
+* add i18n to admin panel ([#1326](https://github.com/payloadcms/payload/issues/1326)) ([bab34d8](https://github.com/payloadcms/payload/commit/bab34d82f5fddad32ceafd116ad97e87cab4c862))
 * adds docs example ([2bf0fff](https://github.com/payloadcms/payload/commit/2bf0fffa0dd83f395aa3318b3baba1e22dd58b51))
 * adds playwright tests for array fields ([57a8c35](https://github.com/payloadcms/payload/commit/57a8c352e44750d1785b65074c15812dc8226585))
-* allow custom translations in payload config ([16d1c53](https://github.com/payloadcms/payload/commit/16d1c53b8d18c2924644103713b4d785757764dd))
-* collection and globals description support i18n ([f39898b](https://github.com/payloadcms/payload/commit/f39898b784cd1fe252fdaeaf97d242a3afef2f36))
 * converts rowHeader to collapsibleLabel, extends data passed to functions/components ([13ec1e0](https://github.com/payloadcms/payload/commit/13ec1e0398d2a9ce1aeddc5692008173acfde45e))
 * customizable header-labels ([d45de99](https://github.com/payloadcms/payload/commit/d45de99956273c59e6d1a3a11c7cce36f3d123f6))
-* fields translations ([a7008de](https://github.com/payloadcms/payload/commit/a7008def47d8701d371d0f312148d98259a607d4))
-* GraphQL schema uses names and slugs instead of labels, introduces graphQL names for compatibility ([508faa0](https://github.com/payloadcms/payload/commit/508faa05b20adfd5d218dbb4cb56db890e8c4345))
-* i18n base field labels ([fd675f9](https://github.com/payloadcms/payload/commit/fd675f9341bbd9461c418a03ed837c577fdb1ed9))
-* i18n errors ([25294d1](https://github.com/payloadcms/payload/commit/25294d1e8b10d7e516fda5894062836fc9ae312f))
-* i18n labels blocks ([650d8ab](https://github.com/payloadcms/payload/commit/650d8aba0efe4ddd9e561b78d932fe250be077a4))
-* i18n labels, descriptions, placeholders, tabs and nav groups ([ca18afc](https://github.com/payloadcms/payload/commit/ca18afcd994bb3b56548b9c6e10e81907e2542ef))
-* i18n translated auth emails, request handlers, operations ([4c6847d](https://github.com/payloadcms/payload/commit/4c6847d303c38c34f31c1508ba52e80828aef733))
-* make translations for german language ([#1331](https://github.com/payloadcms/payload/issues/1331)) ([cdfcd0f](https://github.com/payloadcms/payload/commit/cdfcd0f216e40654234e331d47e47bd70f08c459))
-* make typescript interface configurable for globals and collections and default to slugs instead of labels ([1ecf2a9](https://github.com/payloadcms/payload/commit/1ecf2a9a06fa334dd9af31600bdefa73d9c0410b))
-* nav group translations ([a61748a](https://github.com/payloadcms/payload/commit/a61748a233f968c6b339d3816b0497a459791ac0))
 * simplifies collapsible label API, adds e2e tests ([d9df98f](https://github.com/payloadcms/payload/commit/d9df98ff22041908fc2ce0972c844116edd409be))
 * specifies component names for arrays/collapsibles, simplifies threaded data ([b74ea21](https://github.com/payloadcms/payload/commit/b74ea218ca47ce9db9d20586dbbce73e4ce0f917))
-* translation of elements ([3820840](https://github.com/payloadcms/payload/commit/382084051db5d09b95eef1731b3f94708c5caace))
-* translation of views ([9d966cf](https://github.com/payloadcms/payload/commit/9d966cf368a42254e0900f997f2def4a0d972b14))
-* translations upload and list ([3d88b61](https://github.com/payloadcms/payload/commit/3d88b618fa3bd5cc5288b05b6ffc1bc25caf9150))
-* translations: authentication, upload, edit, theme ([24d356e](https://github.com/payloadcms/payload/commit/24d356e3f662ad3288b17439b62fc8a6cf3d9552))
-* validation i18n ([cd38e9d](https://github.com/payloadcms/payload/commit/cd38e9d8ac4ea53112a698e5596f158b464354a0))
 
 
 ### BREAKING CHANGES
 
-* labels are no longer used for generating typescript interface names. To prevent breaking changes, set the property with the new configuration option
-* GraphQL queries and mutation names are no longer based on the labels and could change if you make use of labels that differ from the slug. Consider using new graphQL properties on collections and graphQLName on globals as a way to set the name explicitly to maintain existing GraphQL implementations.
-
-## [1.1.27-beta.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.1.27-beta.0) (2022-11-17)
-
+* If you assigned labels to collections, globals or block names, you need to update your config! Your GraphQL schema and generated Typescript interfaces may have changed. Payload no longer uses labels for code based naming. To prevent breaking changes to your GraphQL API and typescript types in your project, you can assign the below properties to match what Payload previously generated for you from labels.
 
-### Bug Fixes
+On Collections
+Use `graphQL.singularName`, `graphQL.pluralName` for GraphQL schema names.
+Use `typescript.interface` for typescript generation name.
 
-* allow label to be set to false ([858fc86](https://github.com/payloadcms/payload/commit/858fc86af895f25a091f1b5b729d04c86f654601))
-* autosave slug regression ([b1f3ce9](https://github.com/payloadcms/payload/commit/b1f3ce9735743b8056633d98fb94353e6f4c08e6))
-* build errors ([65f0e1c](https://github.com/payloadcms/payload/commit/65f0e1caace193f034139e331883d01d8eb92d2c))
-* components optional chaining ([d5e725c](https://github.com/payloadcms/payload/commit/d5e725c608588e96b974291fa86d5e89dea9060d))
-* corrects exported custom component type ([2878b4b](https://github.com/payloadcms/payload/commit/2878b4b1bec5c0c9997c1ba2a080640d4d3f8e5f))
-* corrects type for CollapsibleLabel example type, adjusts custom component filenames ([ccb4231](https://github.com/payloadcms/payload/commit/ccb42319abf0679d998e15b6b47fff3ce95d4ca1))
-* getTranslation fallback ([d82a6be](https://github.com/payloadcms/payload/commit/d82a6be5012a355d0eed98ac57c79a6f1d3c7f32))
-* radio and select fields show translated value in list view ([13d225f](https://github.com/payloadcms/payload/commit/13d225ff086c8913a8954dd83e658af5859028bc))
-* sets pointer-events to none so the entire label bar is clickable ([e458087](https://github.com/payloadcms/payload/commit/e458087a55cbbad29ca3568ca4c089aaee49693a))
-* translation formatting ([d9ddca9](https://github.com/payloadcms/payload/commit/d9ddca9d1b7276a1ed3603ceb78399bd45624032))
-* translation typos ([0ed38d4](https://github.com/payloadcms/payload/commit/0ed38d47081b351e70854cc11bdb0efe1ec971ac))
-* type error ([6a5bd24](https://github.com/payloadcms/payload/commit/6a5bd24fd125464522b9d27e724efa435fb621a4))
-
-
-### Features
-
-* add Dutch translations ([#1418](https://github.com/payloadcms/payload/issues/1418)) ([c58ed21](https://github.com/payloadcms/payload/commit/c58ed213c6a879612e0ebe6ac11a4b0f4ab95a1d))
-* Add french translations ([#1421](https://github.com/payloadcms/payload/issues/1421)) ([118886e](https://github.com/payloadcms/payload/commit/118886e2ef073464fde432243a9205ce92762282))
-* add i18n to admin panel ([d910045](https://github.com/payloadcms/payload/commit/d910045102b2e80c12c96f13941d8d624abbecf5))
-* add i18n to local api ([f143f72](https://github.com/payloadcms/payload/commit/f143f724fee85b51697ad54110a0920a398baced))
-* Add Italian Translations ([#1335](https://github.com/payloadcms/payload/issues/1335)) ([97c28c8](https://github.com/payloadcms/payload/commit/97c28c809614962a1be795082ed84dbfc2299e79))
-* Add Japanese Translations ([#1351](https://github.com/payloadcms/payload/issues/1351)) ([522576c](https://github.com/payloadcms/payload/commit/522576c2b98368f14fe0bf945c703f866bb7646b))
-* add language select input to account ([ccee1d8](https://github.com/payloadcms/payload/commit/ccee1d84d4247dc894bf15227728cbb29f924d21))
-* add polish translations ([#1328](https://github.com/payloadcms/payload/issues/1328)) ([7e218fe](https://github.com/payloadcms/payload/commit/7e218feb911bcda312f2732266a63c3eccb285a2))
-* Add Russian Translations ([#1334](https://github.com/payloadcms/payload/issues/1334)) ([9980765](https://github.com/payloadcms/payload/commit/99807657ba97d68c5d3457794745d4182715abfa))
-* Add Spanish Translations ([#1327](https://github.com/payloadcms/payload/issues/1327)) ([edf6877](https://github.com/payloadcms/payload/commit/edf687792489fbc969ba0a0f0f6aab69f637cebe))
-* Add swedish translations ([#1429](https://github.com/payloadcms/payload/issues/1429)) ([ba8f739](https://github.com/payloadcms/payload/commit/ba8f7390cabc514735c76c32266be792b0f4596d))
-* add Vietnamese translation for the admin panel ([#1346](https://github.com/payloadcms/payload/issues/1346)) ([47f45fa](https://github.com/payloadcms/payload/commit/47f45fae150779ec319bbb35b91469baaa308688))
-* adds docs example ([2bf0fff](https://github.com/payloadcms/payload/commit/2bf0fffa0dd83f395aa3318b3baba1e22dd58b51))
-* adds playwright tests for array fields ([57a8c35](https://github.com/payloadcms/payload/commit/57a8c352e44750d1785b65074c15812dc8226585))
-* allow custom translations in payload config ([16d1c53](https://github.com/payloadcms/payload/commit/16d1c53b8d18c2924644103713b4d785757764dd))
-* collection and globals description support i18n ([f39898b](https://github.com/payloadcms/payload/commit/f39898b784cd1fe252fdaeaf97d242a3afef2f36))
-* converts rowHeader to collapsibleLabel, extends data passed to functions/components ([13ec1e0](https://github.com/payloadcms/payload/commit/13ec1e0398d2a9ce1aeddc5692008173acfde45e))
-* customizable header-labels ([d45de99](https://github.com/payloadcms/payload/commit/d45de99956273c59e6d1a3a11c7cce36f3d123f6))
-* fields translations ([a7008de](https://github.com/payloadcms/payload/commit/a7008def47d8701d371d0f312148d98259a607d4))
-* GraphQL schema uses names and slugs instead of labels, introduces graphQL names for compatibility ([508faa0](https://github.com/payloadcms/payload/commit/508faa05b20adfd5d218dbb4cb56db890e8c4345))
-* i18n base field labels ([fd675f9](https://github.com/payloadcms/payload/commit/fd675f9341bbd9461c418a03ed837c577fdb1ed9))
-* i18n errors ([25294d1](https://github.com/payloadcms/payload/commit/25294d1e8b10d7e516fda5894062836fc9ae312f))
-* i18n labels blocks ([650d8ab](https://github.com/payloadcms/payload/commit/650d8aba0efe4ddd9e561b78d932fe250be077a4))
-* i18n labels, descriptions, placeholders, tabs and nav groups ([ca18afc](https://github.com/payloadcms/payload/commit/ca18afcd994bb3b56548b9c6e10e81907e2542ef))
-* i18n translated auth emails, request handlers, operations ([4c6847d](https://github.com/payloadcms/payload/commit/4c6847d303c38c34f31c1508ba52e80828aef733))
-* make translations for german language ([#1331](https://github.com/payloadcms/payload/issues/1331)) ([cdfcd0f](https://github.com/payloadcms/payload/commit/cdfcd0f216e40654234e331d47e47bd70f08c459))
-* make typescript interface configurable for globals and collections and default to slugs instead of labels ([1ecf2a9](https://github.com/payloadcms/payload/commit/1ecf2a9a06fa334dd9af31600bdefa73d9c0410b))
-* nav group translations ([a61748a](https://github.com/payloadcms/payload/commit/a61748a233f968c6b339d3816b0497a459791ac0))
-* simplifies collapsible label API, adds e2e tests ([d9df98f](https://github.com/payloadcms/payload/commit/d9df98ff22041908fc2ce0972c844116edd409be))
-* specifies component names for arrays/collapsibles, simplifies threaded data ([b74ea21](https://github.com/payloadcms/payload/commit/b74ea218ca47ce9db9d20586dbbce73e4ce0f917))
-* translation of elements ([3820840](https://github.com/payloadcms/payload/commit/382084051db5d09b95eef1731b3f94708c5caace))
-* translation of views ([9d966cf](https://github.com/payloadcms/payload/commit/9d966cf368a42254e0900f997f2def4a0d972b14))
-* translations upload and list ([3d88b61](https://github.com/payloadcms/payload/commit/3d88b618fa3bd5cc5288b05b6ffc1bc25caf9150))
-* translations: authentication, upload, edit, theme ([24d356e](https://github.com/payloadcms/payload/commit/24d356e3f662ad3288b17439b62fc8a6cf3d9552))
-* validation i18n ([cd38e9d](https://github.com/payloadcms/payload/commit/cd38e9d8ac4ea53112a698e5596f158b464354a0))
-
-
-### BREAKING CHANGES
+On Globals
+Use `graphQL.name` for GraphQL Schema name.
+Use `typescript.interface` for typescript generation name.
 
-* labels are no longer used for generating typescript interface names. To prevent breaking changes, set the property with the new configuration option
-* GraphQL queries and mutation names are no longer based on the labels and could change if you make use of labels that differ from the slug. Consider using new graphQL properties on collections and graphQLName on globals as a way to set the name explicitly to maintain existing GraphQL implementations.
+On Blocks (within Block fields)
+Use `graphQL.singularName` for graphQL schema names.
 
 ## [1.1.26](https://github.com/payloadcms/payload/compare/v1.1.25...v1.1.26) (2022-11-15)
 

package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { NonPresentationalField } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -14,7 +14,7 @@ declare type Args = {
     operation: 'create' | 'update';
     data: Data;
     fullData: Data;
-    i18n: Ii18n;
+    t: TFunction;
 };
-export declare const addFieldStatePromise: ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, i18n, }: Args) => Promise<void>;
+export declare const addFieldStatePromise: ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, t, }: Args) => Promise<void>;
 export {};

package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.js

@@ -3,7 +3,7 @@ import ObjectID from 'bson-objectid';
 import { fieldAffectsData, fieldHasSubFields, tabHasName, } from '../../../../../fields/config/types';
 import getValueWithDefault from '../../../../../fields/getDefaultValue';
 import { iterateFields } from './iterateFields';
-export const addFieldStatePromise = async ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, i18n, }) => {
+export const addFieldStatePromise = async ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, t, }) => {
     var _a;
     if (fieldAffectsData(field)) {
         const fieldState = {
@@ -27,7 +27,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                 siblingData: data,
                 id,
                 operation,
-                i18n,
+                t,
             });
         }
         if (typeof validationResult === 'string') {
@@ -59,7 +59,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                         id,
                         locale,
                         operation,
-                        i18n,
+                        t,
                     });
                 });
                 // Add values to field state
@@ -105,7 +105,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                             operation,
                             fieldPromises,
                             id,
-                            i18n,
+                            t,
                         });
                     }
                 });
@@ -132,7 +132,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                     path: `${path}${field.name}.`,
                     locale,
                     user,
-                    i18n,
+                    t,
                 });
                 break;
             }
@@ -159,7 +159,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
             id,
             locale,
             operation,
-            i18n,
+            t,
         });
     }
     else if (field.type === 'tabs') {
@@ -176,7 +176,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                 id,
                 locale,
                 operation,
-                i18n,
+                t,
             });
         });
     }

package/dist/admin/components/forms/Form/buildStateFromSchema/index.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { Field as FieldSchema } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -10,7 +10,7 @@ declare type Args = {
     id?: string | number;
     operation?: 'create' | 'update';
     locale: string;
-    i18n: Ii18n;
+    t: TFunction;
 };
 declare const buildStateFromSchema: (args: Args) => Promise<Fields>;
 export default buildStateFromSchema;

package/dist/admin/components/forms/Form/buildStateFromSchema/index.js

@@ -1,6 +1,6 @@
 import { iterateFields } from './iterateFields';
 const buildStateFromSchema = async (args) => {
-    const { fieldSchema, data: fullData = {}, user, id, operation, locale, i18n, } = args;
+    const { fieldSchema, data: fullData = {}, user, id, operation, locale, t, } = args;
     if (fieldSchema) {
         const fieldPromises = [];
         const state = {};
@@ -16,7 +16,7 @@ const buildStateFromSchema = async (args) => {
             data: fullData,
             fullData,
             parentPassesCondition: true,
-            i18n,
+            t,
         });
         await Promise.all(fieldPromises);
         return state;

package/dist/admin/components/forms/Form/buildStateFromSchema/iterateFields.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { Field as FieldSchema } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -14,7 +14,7 @@ declare type Args = {
     fieldPromises: Promise<void>[];
     id: string | number;
     operation: 'create' | 'update';
-    i18n: Ii18n;
+    t: TFunction;
 };
-export declare const iterateFields: ({ fields, data, parentPassesCondition, path, fullData, user, locale, operation, fieldPromises, id, state, i18n, }: Args) => void;
+export declare const iterateFields: ({ fields, data, parentPassesCondition, path, fullData, user, locale, operation, fieldPromises, id, state, t, }: Args) => void;
 export {};

package/dist/admin/components/forms/Form/buildStateFromSchema/iterateFields.js

@@ -1,6 +1,6 @@
 import { fieldIsPresentationalOnly, } from '../../../../../fields/config/types';
 import { addFieldStatePromise } from './addFieldStatePromise';
-export const iterateFields = ({ fields, data, parentPassesCondition, path = '', fullData, user, locale, operation, fieldPromises, id, state, i18n, }) => {
+export const iterateFields = ({ fields, data, parentPassesCondition, path = '', fullData, user, locale, operation, fieldPromises, id, state, t, }) => {
     fields.forEach((field) => {
         var _a, _b;
         const initialData = data;
@@ -18,7 +18,7 @@ export const iterateFields = ({ fields, data, parentPassesCondition, path = '',
                 field,
                 passesCondition,
                 data,
-                i18n,
+                t,
             }));
         }
     });

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

@@ -65,7 +65,7 @@ const Form = (props) => {
                         user,
                         id,
                         operation,
-                        i18n,
+                        t,
                     });
                 }
                 if (typeof validationResult === 'string') {
@@ -81,7 +81,7 @@ const Form = (props) => {
             dispatchFields({ type: 'REPLACE_STATE', state: validatedFieldState });
         }
         return isValid;
-    }, [contextRef, id, user, operation, i18n, dispatchFields]);
+    }, [contextRef, id, user, operation, t, dispatchFields]);
     const submit = useCallback(async (options = {}, e) => {
         const { overrides = {}, action: actionToUse = action, method: methodToUse = method, skipValidation, } = options;
         if (disabled) {
@@ -256,10 +256,10 @@ const Form = (props) => {
         return formData;
     }, [contextRef]);
     const reset = useCallback(async (fieldSchema, data) => {
-        const state = await buildStateFromSchema({ fieldSchema, data, user, id, operation, locale, i18n });
+        const state = await buildStateFromSchema({ fieldSchema, data, user, id, operation, locale, t });
         contextRef.current = { ...initContextState };
         dispatchFields({ type: 'REPLACE_STATE', state });
-    }, [id, user, operation, locale, i18n, dispatchFields]);
+    }, [id, user, operation, locale, t, dispatchFields]);
     contextRef.current.submit = submit;
     contextRef.current.getFields = getFields;
     contextRef.current.getField = getField;

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

@@ -63,14 +63,14 @@ const ArrayFieldType = (props) => {
         disableFormData: (rows === null || rows === void 0 ? void 0 : rows.length) > 0,
     });
     const addRow = useCallback(async (rowIndex) => {
-        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale, i18n });
+        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale, t });
         dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path });
         dispatchRows({ type: 'ADD', rowIndex });
         setModified(true);
         setTimeout(() => {
             scrollToID(`${path}-row-${rowIndex + 1}`);
         }, 0);
-    }, [dispatchRows, dispatchFields, fields, path, operation, id, user, locale, setModified, i18n]);
+    }, [dispatchRows, dispatchFields, fields, path, operation, id, user, locale, setModified, t]);
     const duplicateRow = useCallback(async (rowIndex) => {
         dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
         dispatchRows({ type: 'ADD', rowIndex });

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

@@ -63,14 +63,14 @@ const BlocksField = (props) => {
     }, []);
     const addRow = useCallback(async (rowIndex, blockType) => {
         const block = blocks.find((potentialBlock) => potentialBlock.slug === blockType);
-        const subFieldState = await buildStateFromSchema({ fieldSchema: block.fields, operation, id, user, locale, i18n });
+        const subFieldState = await buildStateFromSchema({ fieldSchema: block.fields, operation, id, user, locale, t });
         dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path, blockType });
         dispatchRows({ type: 'ADD', rowIndex, blockType });
         setModified(true);
         setTimeout(() => {
             scrollToID(`${path}-row-${rowIndex + 1}`);
         }, 0);
-    }, [blocks, operation, id, user, locale, i18n, dispatchFields, path, setModified]);
+    }, [blocks, operation, id, user, locale, t, dispatchFields, path, setModified]);
     const duplicateRow = useCallback(async (rowIndex, blockType) => {
         dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
         dispatchRows({ type: 'ADD', rowIndex, blockType });

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

@@ -29,11 +29,11 @@ export const AddNewRelationModal = ({ modalCollection, onSave, modalSlug }) => {
     const modalAction = `${serverURL}${api}/${modalCollection.slug}?locale=${locale}&depth=0&fallback-locale=null`;
     useEffect(() => {
         const buildState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: modalCollection.fields, data: {}, user, operation: 'create', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: modalCollection.fields, data: {}, user, operation: 'create', locale, t });
             setInitialState(state);
         };
         buildState();
-    }, [modalCollection, locale, user, i18n]);
+    }, [modalCollection, locale, user, t]);
     useEffect(() => {
         setIsAnimated(true);
     }, []);

package/dist/admin/components/forms/field-types/RichText/elements/link/Button.js

@@ -19,7 +19,7 @@ export const LinkButton = ({ fieldProps }) => {
     var _a, _b;
     const customFieldSchema = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.fields;
     const modalSlug = `${baseModalSlug}-${fieldProps.path}`;
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const config = useConfig();
     const editor = useSlate();
     const { user } = useAuth();
@@ -61,7 +61,7 @@ export const LinkButton = ({ fieldProps }) => {
                         const data = {
                             text: editor.selection ? Editor.string(editor, editor.selection) : '',
                         };
-                        const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'create', locale, i18n });
+                        const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'create', locale, t });
                         setInitialState(state);
                     }
                 }

package/dist/admin/components/forms/field-types/RichText/elements/link/Element.js

@@ -25,7 +25,7 @@ export const LinkElement = ({ attributes, children, element, editorRef, fieldPro
     const config = useConfig();
     const { user } = useAuth();
     const locale = useLocale();
-    const { t, i18n } = useTranslation('fields');
+    const { t } = useTranslation('fields');
     const { openModal, toggleModal } = useModal();
     const [renderModal, setRenderModal] = useState(false);
     const [renderPopup, setRenderPopup] = useState(false);
@@ -67,11 +67,11 @@ export const LinkElement = ({ attributes, children, element, editorRef, fieldPro
                 newTab: element.newTab,
                 fields: deepCopyObject(element.fields),
             };
-            const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'update', locale, t });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [renderModal, element, fieldSchema, user, locale, i18n]);
+    }, [renderModal, element, fieldSchema, user, locale, t]);
     return (React.createElement("span", { className: baseClass, ...attributes },
         React.createElement("span", { style: { userSelect: 'none' }, contentEditable: false },
             renderModal && (React.createElement(EditModal, { modalSlug: modalSlug, fieldSchema: fieldSchema, close: () => {

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.js

@@ -31,11 +31,11 @@ export const EditModal = ({ slug, closeModal, relatedCollectionConfig, fieldSche
     }, [closeModal, editor, element]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema, data: { ...(element === null || element === void 0 ? void 0 : element.fields) || {} }, user, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema, data: { ...(element === null || element === void 0 ? void 0 : element.fields) || {} }, user, operation: 'update', locale, t });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [fieldSchema, element.fields, user, locale, i18n]);
+    }, [fieldSchema, element.fields, user, locale, t]);
     return (React.createElement(Modal, { slug: slug, className: baseClass },
         React.createElement(MinimalTemplate, { width: "wide" },
             React.createElement("header", { className: `${baseClass}__header` },

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,7 +25,7 @@ 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];
@@ -36,18 +36,18 @@ const AccountView = () => {
     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/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,14 @@ 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 './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 = [
@@ -45,7 +46,7 @@ const DefaultEditView = (props) => {
         !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("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/index.js

@@ -39,10 +39,10 @@ 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(() => {
@@ -81,12 +81,12 @@ const EditView = (props) => {
             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);