payload 1.1.28-beta.0 → 1.2.1

package/CHANGELOG.md

@@ -1,131 +1,150 @@
 
 
-## [1.1.28-beta.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.1.28-beta.0) (2022-11-17)
+## [1.2.1](https://github.com/payloadcms/payload/compare/v1.2.0...v1.2.1) (2022-11-22)
 
 
 ### 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))
+* adjusts styles to allow error bg to fill textarea ([2e57b76](https://github.com/payloadcms/payload/commit/2e57b76df01acf7ed1ce5fcb824ef5f96d11621d))
+* allows patching global drafts [#1415](https://github.com/payloadcms/payload/issues/1415) ([25822a9](https://github.com/payloadcms/payload/commit/25822a91b1e4f2bf4804f15947d211138d696219))
+* dynamically sets stepnav from default edit view ([40c8778](https://github.com/payloadcms/payload/commit/40c87784b0c6281c599b6d2a46a27b70b0568c30))
+* ensures drafts operations saves as draft [#1415](https://github.com/payloadcms/payload/issues/1415) ([fc16ffe](https://github.com/payloadcms/payload/commit/fc16ffefdb354ea023462d784cdac7ab6fcc26d3))
+* flattens locales before versioning published docs [#1415](https://github.com/payloadcms/payload/issues/1415) ([f700f51](https://github.com/payloadcms/payload/commit/f700f51f2bcdd657d1fab6b6d83ac00a11ed870d))
+* **i18n:** version count ([#1465](https://github.com/payloadcms/payload/issues/1465)) ([075b7e9](https://github.com/payloadcms/payload/commit/075b7e9f02498ea253cf270654dcce0f11ec1f93))
+* Increase textarea click area ([c303913](https://github.com/payloadcms/payload/commit/c303913e61881a3b0d90615dda905b20347d6f1e))
+* invalid query string user account request ([#1478](https://github.com/payloadcms/payload/issues/1478)) ([400cb9b](https://github.com/payloadcms/payload/commit/400cb9b6bcfd09c39cb6aa438daad876d12e8e13))
+* removes incorrectly import/export option type - [#1441](https://github.com/payloadcms/payload/issues/1441) ([ed01a17](https://github.com/payloadcms/payload/commit/ed01a176210a02a32874f4d0d1c5206d9a772e7e))
+* rendering of localized select value ([1d1d249](https://github.com/payloadcms/payload/commit/1d1d2493aa08db4c300c01e72ccb6c11e03f9e09))
+* sanitizes select values on the server, allowing isClearable selects to be cleared without error ([699ca14](https://github.com/payloadcms/payload/commit/699ca14434eeff3025cffd3f6e00efada80e021f))
+* translate version comparison view field labels ([#1470](https://github.com/payloadcms/payload/issues/1470)) ([8123585](https://github.com/payloadcms/payload/commit/8123585592b9a53ef746f17476b36a2661cca025))
+* versionCount was broken & other i18n improvements ([#1450](https://github.com/payloadcms/payload/issues/1450)) ([078c28b](https://github.com/payloadcms/payload/commit/078c28bd5fd08fd17a0b0b360e904f51fe8a2e98))
+* versions tests ([af6a7aa](https://github.com/payloadcms/payload/commit/af6a7aa9e850c0817ea40d755f51255ccf0938c2))
 
 
 ### 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
-
-* 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.
+* add i18n to option labels in version comparison ([#1477](https://github.com/payloadcms/payload/issues/1477)) ([7b6a9ed](https://github.com/payloadcms/payload/commit/7b6a9ede6e3a72e7e64358cb88946b16153d8dc6))
+* exports field types properly ([7c6d6fd](https://github.com/payloadcms/payload/commit/7c6d6fd1caeb25e1a871fa1b9cecc53be8a2a7a1))
 
-## [1.1.27-beta.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.1.27-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
+### 🐛 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
+### ✨ 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
+### 🚨 BREAKING CHANGES
+
+* You ***might*** need to update your config. This change affects `collections`, `globals` and `block fields` with custom labeling.
+  * **Collections:** are affected if you have a custom `labels.singular` defined that differs from your collection slug.
+    ```typescript
+    // ExampleCollection.ts
+
+    // Before
+    const ExampleCollection: CollectionConfig = {
+      slug: 'case-studies',
+      labels: {
+        // Before Payload used `labels.singular` to generate types/graphQL schema
+        singular: 'Project',
+        plural: 'Projects',
+      },
+    }
+
+    // After
+    const ExampleCollection: CollectionConfig = {
+      // Now Payload uses `slug` to generate types/graphQL schema
+      slug: 'case-studies',
+      labels: {
+        singular: 'Project',
+        plural: 'Projects',
+      },
+      // To override the usage of slug in graphQL schema generation
+      graphQL: {
+        singularName: 'Project',
+        pluralName: 'Projects',
+      },
+      // To override the usage of slug in type file generation
+      typescript: {
+        interface: 'Project',
+      }
+    }
+    ```
+  * **Globals:** are affected if you have a `label` defined that differs from your global slug.
+    ```typescript
+    // ExampleGlobal.ts
+
+    // Before
+    const ExampleGlobal: GlobalConfig = {
+      slug: 'footer',
+      // Before Payload used `label` to generate types/graphQL schema
+      label: 'Page Footer',
+    }
+
+    // After
+    const ExampleGlobal: GlobalConfig = {
+      // Now Payload uses `slug` to generate types/graphQL schema
+      slug: 'footer',
+      label: 'Page Footer',
+      // To override the usage of slug in graphQL schema generation
+      graphQL: {
+        name: 'PageFooter',
+      },
+      // To override the usage of slug in type file generation
+      typescript: {
+        interface: 'PageFooter',
+      },
+    }
+    ```
+  * **Block Fields:** are affected if you have a `label` defined that differs from your block slug.
+    ```typescript
+    // ExampleBlock.ts
+
+    // Before
+    const ExampleBlock: Block = {
+      slug: 'content',
+      // Before Payload used `label` to generate graphQL schema
+      label: 'Content Block',
+    }
+
+    // After
+    const ExampleBlock: Block = {
+      // Now Payload uses `slug` to generate graphQL schema
+      slug: 'content',
+      label: 'Content Block',
+      // To override the usage of slug in graphQL schema generation
+      graphQL: {
+        singularName: 'ContentBlock',
+      },
+    }
+    ```
+**Breaking changes recap**:
+- On Collections
+  - Use `graphQL.singularName`, `graphQL.pluralName` for GraphQL schema names.
+  - Use `typescript.interface` for typescript generation name.
+
+- On Globals
+  - Use `graphQL.name` for GraphQL Schema name.
+  - Use `typescript.interface` for typescript generation name.
+
+- On Blocks (within Block fields)
+  - Use `graphQL.singularName` for graphQL schema names.
 
-* 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.26](https://github.com/payloadcms/payload/compare/v1.1.25...v1.1.26) (2022-11-15)
 
 

package/components/fields/Select.ts

@@ -1,2 +1,2 @@
 // eslint-disable-next-line import/named
-export { Props, Option } from '../../dist/admin/components/forms/field-types/Select/types';
+export { Props } from '../../dist/admin/components/forms/field-types/Select/types';

package/dist/admin/components/elements/ReactSelect/index.js

@@ -24,8 +24,8 @@ const SortableMultiValue = SortableElement((props) => {
 const SortableMultiValueLabel = SortableHandle((props) => React.createElement(components.MultiValueLabel, { ...props }));
 const SortableSelect = SortableContainer(Select);
 const ReactSelect = (props) => {
-    const { className, showError = false, options, onChange, value, disabled = false, placeholder, isSearchable = true, isClearable, isMulti, isSortable, filterOption = undefined, } = props;
-    const { i18n } = useTranslation();
+    const { t, i18n } = useTranslation();
+    const { className, showError = false, options, onChange, value, disabled = false, placeholder = t('general:selectValue'), isSearchable = true, isClearable, isMulti, isSortable, filterOption = undefined, } = props;
     const classes = [
         className,
         'react-select',

package/dist/admin/components/elements/VersionsCount/index.js

@@ -33,6 +33,6 @@ const VersionsCount = ({ collection, global, id }) => {
     const versionCount = ((versions === null || versions === void 0 ? void 0 : versions.totalDocs) || 0) + initialVersionsCount;
     return (React.createElement("div", { className: baseClass },
         versionCount === 0 && t('versionCount_none'),
-        versionCount > 0 && (React.createElement(Button, { className: `${baseClass}__button`, buttonStyle: "none", el: "link", to: versionsURL }, t('versionCount', { count: versionCount })))));
+        versionCount > 0 && (React.createElement(Button, { className: `${baseClass}__button`, buttonStyle: "none", el: "link", to: versionsURL }, t(versionCount === 1 ? 'versionCount_one' : 'versionCount_many', { count: versionCount })))));
 };
 export default VersionsCount;

package/dist/admin/components/elements/WhereBuilder/Condition/Text/index.js

@@ -1,5 +1,9 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import './index.scss';
 const baseClass = 'condition-value-text';
-const Text = ({ onChange, value }) => (React.createElement("input", { placeholder: "Enter a value", className: baseClass, type: "text", onChange: (e) => onChange(e.target.value), value: value || '' }));
+const Text = ({ onChange, value }) => {
+    const { t } = useTranslation('general');
+    return (React.createElement("input", { placeholder: t('enterAValue'), className: baseClass, type: "text", onChange: (e) => onChange(e.target.value), value: value || '' }));
+};
 export default Text;

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/field-types/Select/Input.js

@@ -18,10 +18,20 @@ const SelectInput = (props) => {
     ].filter(Boolean).join(' ');
     let valueToRender;
     if (hasMany && Array.isArray(value)) {
-        valueToRender = value.map((val) => options.find((option) => option.value === val));
+        valueToRender = value.map((val) => {
+            const matchingOption = options.find((option) => option.value === val);
+            return {
+                label: getTranslation(matchingOption.label, i18n),
+                value: matchingOption.value,
+            };
+        });
     }
-    else {
-        valueToRender = options.find((option) => option.value === value);
+    else if (value) {
+        const matchingOption = options.find((option) => option.value === value);
+        valueToRender = {
+            label: getTranslation(matchingOption.label, i18n),
+            value: matchingOption.value,
+        };
     }
     return (React.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: classes, style: {
             ...style,