øMerge remote-tracking branch 'origin/alpha' into temp38

docs/rich-text/slate.mdx

@@ -167,7 +167,9 @@ Specifying custom `Type`s let you extend your custom elements by adding addition
 `collections/ExampleCollection.ts`
 
 ```ts
-import { CollectionConfig } from 'payload/types'
+import type { CollectionConfig } from 'payload/types'
+
+import { slateEditor } from '@payloadcms/richtext-slate'
 
 export const ExampleCollection: CollectionConfig = {
   slug: 'example-collection',
@@ -181,57 +183,59 @@ export const ExampleCollection: CollectionConfig = {
         },
       ],
       required: true,
-      admin: {
-        elements: [
-          'h2',
-          'h3',
-          'h4',
-          'link',
-          'blockquote',
-          {
-            name: 'cta',
-            Button: CustomCallToActionButton,
-            Element: CustomCallToActionElement,
-            plugins: [
-              // any plugins that are required by this element go here
-            ],
-          },
-        ],
-        leaves: [
-          'bold',
-          'italic',
-          {
-            name: 'highlight',
-            Button: CustomHighlightButton,
-            Leaf: CustomHighlightLeaf,
-            plugins: [
-              // any plugins that are required by this leaf go here
-            ],
-          },
-        ],
-        link: {
-          // Inject your own fields into the Link element
-          fields: [
+      editor: slateEditor({
+        admin: {
+          elements: [
+            'h2',
+            'h3',
+            'h4',
+            'link',
+            'blockquote',
             {
-              name: 'rel',
-              label: 'Rel Attribute',
-              type: 'select',
-              hasMany: true,
-              options: ['noopener', 'noreferrer', 'nofollow'],
-            },
-          ],
-        },
-        upload: {
-          collections: {
-            media: {
-              fields: [
-                // any fields that you would like to save
-                // on an upload element in the `media` collection
+              name: 'cta',
+              Button: CustomCallToActionButton,
+              Element: CustomCallToActionElement,
+              plugins: [
+                // any plugins that are required by this element go here
               ],
             },
+          ],
+          leaves: [
+            'bold',
+            'italic',
+            {
+              name: 'highlight',
+              Button: CustomHighlightButton,
+              Leaf: CustomHighlightLeaf,
+              plugins: [
+                // any plugins that are required by this leaf go here
+              ],
+            },
+          ],
+          link: {
+            // Inject your own fields into the Link element
+            fields: [
+              {
+                name: 'rel',
+                label: 'Rel Attribute',
+                type: 'select',
+                hasMany: true,
+                options: ['noopener', 'noreferrer', 'nofollow'],
+              },
+            ],
+          },
+          upload: {
+            collections: {
+              media: {
+                fields: [
+                  // any fields that you would like to save
+                  // on an upload element in the `media` collection
+                ],
+              },
+            },
           },
         },
-      },
+      }),
     },
   ],
 }

packages/payload/src/fields/config/schema.ts

@@ -438,7 +438,12 @@ export const blocks = baseField.keys({
 export const richText = baseField.keys({
   name: joi.string().required(),
   type: joi.string().valid('richText').required(),
-  admin: baseAdminFields.default(),
+  admin: baseAdminFields.keys({
+    components: baseAdminComponentFields.keys({
+      Error: componentSchema,
+      Label: componentSchema,
+    }),
+  }),
   defaultValue: joi.alternatives().try(joi.array().items(joi.object()), joi.func(), joi.object()),
   editor: joi
     .object()

packages/payload/src/fields/config/types.ts

@@ -550,7 +550,12 @@ export type RichTextField<
   AdapterProps = any,
   ExtraProperties = object,
 > = FieldBase & {
-  admin?: Admin
+  admin?: Admin & {
+    components?: {
+      Error?: React.ComponentType<ErrorProps>
+      Label?: React.ComponentType<LabelProps>
+    }
+  }
   editor?: RichTextAdapter<Value, AdapterProps, AdapterProps>
   type: 'richText'
 } & ExtraProperties

packages/plugin-form-builder/src/utilities/lexical/converters/list.ts

@@ -40,7 +40,7 @@ export const ListItemHTMLConverter: HTMLConverter<any> = {
           tabIndex=${-1}
           value=${node?.value}
       >
-          {serializedChildren}
+          ${childrenText}
           </li>`
     } else {
       return `<li value=${node?.value}>${childrenText}</li>`

packages/richtext-lexical/src/field/Field.tsx

@@ -1,6 +1,7 @@
 'use client'
 import type { FormFieldBase } from '@payloadcms/ui/fields/shared'
 import type { SerializedEditorState } from 'lexical'
+import type { FieldBase } from 'payload/types'
 
 import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'
 import { FieldError } from '@payloadcms/ui/forms/FieldError'
@@ -21,6 +22,7 @@ const baseClass = 'rich-text-lexical'
 const _RichText: React.FC<
   FormFieldBase & {
     editorConfig: SanitizedClientEditorConfig // With rendered features n stuff
+    label?: FieldBase['label']
     name: string
     richTextComponentMap: Map<string, React.ReactNode>
     width?: string
@@ -35,6 +37,7 @@ const _RichText: React.FC<
     descriptionProps,
     editorConfig,
     errorProps,
+    label,
     labelProps,
     path: pathFromProps,
     readOnly,
@@ -84,8 +87,13 @@ const _RichText: React.FC<
       }}
     >
       <div className={`${baseClass}__wrap`}>
-        {CustomError !== undefined ? CustomError : <FieldError {...(errorProps || {})} />}
-        {CustomLabel !== undefined ? CustomLabel : <FieldLabel {...(labelProps || {})} />}
+        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />
+        <FieldLabel
+          CustomLabel={CustomLabel}
+          label={label}
+          required={required}
+          {...(labelProps || {})}
+        />
         <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>
           <LexicalProvider
             editorConfig={editorConfig}

packages/richtext-lexical/src/field/features/lists/htmlConverter.ts

@@ -46,7 +46,7 @@ export const ListItemHTMLConverter: HTMLConverter<SerializedListItemNode> = {
           tabIndex=${-1}
           value=${node?.value}
       >
-          {serializedChildren}
+          ${childrenText}
           </li>`
     } else {
       return `<li value=${node?.value}>${childrenText}</li>`

packages/richtext-lexical/src/field/lexical/plugins/handles/AddBlockHandlePlugin/index.scss

@@ -1,7 +1,7 @@
 .add-block-menu {
   all: unset; // reset all default button styles
   border-radius: 4px;
-  padding: 0px;
+  padding: 0;
   cursor: pointer;
   opacity: 0;
   position: absolute;
@@ -21,8 +21,6 @@
     height: 24px;
     opacity: 0.3;
     background-image: url(../../../ui/icons/Add/index.svg);
-    background-position-y: 2.5px;
-    background-position-x: 0px;
   }
 
   html[data-theme='dark'] & {

packages/richtext-lexical/src/field/lexical/plugins/handles/DraggableBlockPlugin/index.scss

@@ -1,6 +1,6 @@
 .draggable-block-menu {
   border-radius: 4px;
-  padding: 0px;
+  padding: 0;
   cursor: grab;
   opacity: 0;
   position: absolute;

packages/richtext-lexical/src/field/lexical/ui/icons/Add/index.svg

@@ -1,4 +1,4 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 10H14" stroke="#000000" />
-    <path d="M10 14L10 6" stroke="#000000" />
-</svg>
+<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5,12h8" stroke="#000000" />
+    <path d="M9,16V8" stroke="#000000" />
+</svg>

packages/richtext-lexical/src/field/lexical/ui/icons/DraggableBlock/index.svg

@@ -1,9 +1,9 @@
-<svg width="19" height="26" viewBox="0 0 19 26" fill="#000000"
+<svg width="18" height="24" viewBox="0 0 18 24" fill="#000000"
     xmlns="http://www.w3.org/2000/svg">
-    <circle cx="7.375" cy="9" r="1" fill="#000000" />
-    <circle cx="11.375" cy="9" r="1" fill="#000000" />
-    <circle cx="7.375" cy="13" r="1" fill="#000000" />
-    <circle cx="11.375" cy="13" r="1" fill="#000000" />
-    <circle cx="7.375" cy="17" r="1" fill="#000000" />
-    <circle cx="11.375" cy="17" r="1" fill="#000000" />
-</svg>
+    <circle cx="7" cy="8" r="1"/>
+    <circle cx="11" cy="8" r="1"/>
+    <circle cx="7" cy="12" r="1"/>
+    <circle cx="11" cy="12" r="1"/>
+    <circle cx="7" cy="16" r="1"/>
+    <circle cx="11" cy="16" r="1"/>
+</svg>

packages/richtext-slate/src/field/RichText.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import type { FormFieldBase } from '@payloadcms/ui/fields/shared'
+import type { FieldBase } from 'payload/types'
 import type { BaseEditor, BaseOperation } from 'slate'
 import type { HistoryEditor } from 'slate-history'
 import type { ReactEditor } from 'slate-react'
@@ -49,6 +50,7 @@ declare module 'slate' {
 const RichTextField: React.FC<
   FormFieldBase & {
     elements: EnabledFeatures['elements']
+    label?: FieldBase['label']
     leaves: EnabledFeatures['leaves']
     name: string
     placeholder?: string
@@ -66,6 +68,7 @@ const RichTextField: React.FC<
     descriptionProps,
     elements,
     errorProps,
+    label,
     labelProps,
     leaves,
     path: pathFromProps,
@@ -308,8 +311,13 @@ const RichTextField: React.FC<
       }}
     >
       <div className={`${baseClass}__wrap`}>
-        {CustomError !== undefined ? CustomError : <FieldError {...(errorProps || {})} />}
-        {CustomLabel !== undefined ? CustomLabel : <FieldLabel {...(labelProps || {})} />}
+        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />
+        <FieldLabel
+          CustomLabel={CustomLabel}
+          label={label}
+          required={required}
+          {...(labelProps || {})}
+        />
         <Slate
           editor={editor}
           key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor

packages/translations/src/_generatedFiles_/api/ar.js

@@ -3,6 +3,8 @@ export default {
     account: 'الحساب',
     apiKey: 'مفتاح API',
     enableAPIKey: 'تفعيل مفتاح API',
+    loggedInChangePassword:
+      'لتغيير كلمة المرور الخاصّة بك ، انتقل إلى <0>حسابك</0> وقم بتعديل كلمة المرور هناك.',
     newAccountCreated:
       'تمّ إنشاء حساب جديد لتتمكّن من الوصول إلى <a href="{{serverURL}}"> {{serverURL}} </a> الرّجاء النّقر فوق الرّابط التّالي أو لصق عنوان URL أدناه في متصفّحّك لتأكيد بريدك الإلكتروني : <a href="{{verificationURL}}"> {{verificationURL}} </a> <br> بعد التّحقّق من بريدك الإلكتروني ، ستتمكّن من تسجيل الدّخول بنجاح.',
     resetYourPassword: 'إعادة تعيين كلمة المرور الخاصّة بك',

packages/translations/src/_generatedFiles_/api/az.js

@@ -3,6 +3,8 @@ export default {
     account: 'Hesab',
     apiKey: 'API Açarı',
     enableAPIKey: 'API açarını aktivləşdir',
+    loggedInChangePassword:
+      'Parolu dəyişdirmək üçün hesabınıza get və orada şifrənizi redaktə edin.',
     newAccountCreated:
       'Sizin üçün yeni hesab yaradıldı. Zəhmət olmasa, e-poçtunuzu doğrulamaq üçün aşağıdakı linke klikləyin: <a href="{{verificationURL}}">{{verificationURL}}</a>. E-poçtunuzu doğruladıqdan sonra uğurla daxil ola bilərsiniz.',
     resetYourPassword: 'Şifrənizi sıfırlayın',

packages/translations/src/_generatedFiles_/api/bg.js

@@ -3,6 +3,8 @@ export default {
     account: 'Профил',
     apiKey: 'API ключ',
     enableAPIKey: 'Активирай API ключ',
+    loggedInChangePassword:
+      'За да промениш паролата си, отиди в своя <0>профил</0> и я промени оттам.',
     newAccountCreated:
       'Току-що беше създаден нов профил за достъп до <a href="{{serverURL}}">{{serverURL}}</a> Моля, въведи връзката в браузъра си, за да потвърдиш имейла си: <a href="{{verificationURL}}">{{verificationURL}}</a><br> След като потвърдиш имейла си, ще можеш да влезеш успешно.',
     resetYourPassword: 'Възстанови паролата си',

packages/translations/src/_generatedFiles_/api/cs.js

@@ -3,6 +3,7 @@ export default {
     account: 'Účet',
     apiKey: 'Klíč API',
     enableAPIKey: 'Povolit klíč API',
+    loggedInChangePassword: 'Pro změnu hesla přejděte do svého <0>účtu</0> a zde si heslo upravte.',
     newAccountCreated:
       'Pro přístup k <a href="{{serverURL}}">{{serverURL}}</a> byl pro vás vytvořen nový účet. Klepněte na následující odkaz nebo zkopírujte URL do svého prohlížeče pro ověření vašeho emailu: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Po ověření vašeho emailu se budete moci úspěšně přihlásit.',
     resetYourPassword: 'Resetujte své heslo',

packages/translations/src/_generatedFiles_/api/de.js

@@ -3,6 +3,8 @@ export default {
     account: 'Konto',
     apiKey: 'API-Key',
     enableAPIKey: 'API-Key aktivieren',
+    loggedInChangePassword:
+      'Um dein Passwort zu ändern, gehe in dein <0>Konto</0> und ändere dort dein Passwort.',
     newAccountCreated:
       'Ein neues Konto wurde gerade für dich auf <a href="{{serverURL}}">{{serverURL}}</a> erstellt. Bitte klicke auf den folgenden Link oder kopiere die URL in deinen Browser um deine E-Mail-Adresse zu verifizieren: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Nachdem du deine E-Mail-Adresse verifiziert hast, kannst du dich erfolgreich anmelden.',
     resetYourPassword: 'Dein Passwort zurücksetzen',

packages/translations/src/_generatedFiles_/api/en.js

@@ -3,6 +3,8 @@ export default {
     account: 'Account',
     apiKey: 'API Key',
     enableAPIKey: 'Enable API Key',
+    loggedInChangePassword:
+      'To change your password, go to your <0>account</0> and edit your password there.',
     newAccountCreated:
       'A new account has just been created for you to access <a href="{{serverURL}}">{{serverURL}}</a> Please click on the following link or paste the URL below into your browser to verify your email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> After verifying your email, you will be able to log in successfully.',
     resetYourPassword: 'Reset Your Password',

packages/translations/src/_generatedFiles_/api/es.js

@@ -3,6 +3,8 @@ export default {
     account: 'Cuenta',
     apiKey: 'Clave API',
     enableAPIKey: 'Habilitar Clave API',
+    loggedInChangePassword:
+      'Para cambiar tu contraseña, entra a <0>tu cuenta</0> y edita la contraseña desde ahí.',
     newAccountCreated:
       'Se ha creado una nueva cuenta para que puedas acceder a <a href="{{serverURL}}">{{serverURL}}</a>. Por favor, haz click o copia el siguiente enlace a tu navegador para verificar tu correo: <a href="{{verificationURL}}">{{verificationURL}}</a>.<br> Una vez hayas verificado tu correo, podrás iniciar sesión.',
     resetYourPassword: 'Restablecer tu Contraseña',

packages/translations/src/_generatedFiles_/api/fa.js

@@ -3,6 +3,8 @@ export default {
     account: 'نمایه',
     apiKey: 'کلید اِی‌پی‌آی',
     enableAPIKey: 'فعال‌سازی کلید اِی‌پی‌آی',
+    loggedInChangePassword:
+      'برای تغییر گذرواژه، به <0>نمایه</0> بروید تا گذرواژه خود را ویرایش کنید.',
     newAccountCreated:
       'یک نمایه کاربری تازه برای دسترسی شما ساخته شده است <a href="{{serverURL}}">{{serverURL}}</a> لطفاً روی پیوند زیر کلیک کنید یا آدرس زیر را در مرورگر خود قرار دهید تا رایانامه خود را تأیید کنید: <a href="{{verificationURL}}">{{verificationURL}}</a><br> پس از تایید رایانامه خود، می توانید وارد سیستم شوید.',
     resetYourPassword: 'گذرواژه خود را بازنشانی کنید',

packages/translations/src/_generatedFiles_/api/fr.js

@@ -3,6 +3,8 @@ export default {
     account: 'Compte',
     apiKey: 'Clé API',
     enableAPIKey: 'Activer la clé API',
+    loggedInChangePassword:
+      'Pour changer votre mot de passe, rendez-vous sur votre <0>compte</0> puis modifiez-y votre mot de passe.',
     newAccountCreated:
       'Un nouveau compte vient d\'être créé pour vous permettre d\'accéder <a href="{{serverURL}}">{{serverURL}}</a>. Veuillez cliquer sur le lien suivant ou collez l\'URL ci-dessous dans votre navigateur pour vérifier votre adresse e-mail: <a href="{{verificationURL}}">{{verificationURL}}</a><br>. Après avoir vérifié votre adresse e-mail, vous pourrez vous connecter avec succès.',
     resetYourPassword: 'Réinitialisez votre mot de passe',

packages/translations/src/_generatedFiles_/api/hr.js

@@ -3,6 +3,8 @@ export default {
     account: 'Račun',
     apiKey: 'API ključ',
     enableAPIKey: 'Omogući API ključ',
+    loggedInChangePassword:
+      'Da biste promijenili lozinku, otvorite svoj <0>račun</0> i promijenite lozinku tamo.',
     newAccountCreated:
       'Novi račun je kreiran. Pristupite računu klikom na <a href="{{serverURL}}">{{serverURL}}</a>. Molim kliknite na sljedeći link ili zalijepite URL, koji se nalazi ispod, u preglednik da biste potvrdili svoj email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Nakon što potvrdite email, moći ćete se prijaviti.',
     resetYourPassword: 'Restartiraj svoju lozinku',

packages/translations/src/_generatedFiles_/api/hu.js

@@ -3,6 +3,8 @@ export default {
     account: 'Fiók',
     apiKey: 'API-kulcs',
     enableAPIKey: 'API-kulcs engedélyezése',
+    loggedInChangePassword:
+      'Jelszavának megváltoztatásához lépjen be <0>fiókjába</0>, és ott szerkessze jelszavát.',
     newAccountCreated:
       'Létrehoztunk egy új fiókot, amellyel hozzáférhet a következőhöz <a href="{{serverURL}}"> {{serverURL}} </a> Kérjük, kattintson a következő linkre, vagy illessze be az alábbi URL-t a böngészőbe az e-mail-cím ellenőrzéséhez : <a href="{{verificationURL}}"> {{verificationURL}} </a> <br> Az e-mail-cím ellenőrzése után sikeresen be tud majd jelentkezni.',
     resetYourPassword: 'Jelszó visszaállítása',

packages/translations/src/_generatedFiles_/api/it.js

@@ -3,6 +3,8 @@ export default {
     account: 'Account',
     apiKey: 'Chiave API',
     enableAPIKey: 'Abilita la Chiave API',
+    loggedInChangePassword:
+      'Per cambiare la tua password, vai al tuo <0>account</0> e modifica la tua password lì.',
     newAccountCreated:
       'Un nuovo account è appena stato creato per te per accedere a <a href="{{serverURL}}">{{serverURL}}</a> Clicca sul seguente link o incolla l\'URL qui sotto nel browser per verificare la tua email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Dopo aver verificato la tua email, sarai in grado di effettuare il log in con successo.',
     resetYourPassword: 'Modifica la tua Password',

packages/translations/src/_generatedFiles_/api/ja.js

@@ -3,6 +3,8 @@ export default {
     account: 'アカウント',
     apiKey: 'API Key',
     enableAPIKey: 'API Keyを許可',
+    loggedInChangePassword:
+      'パスワードを変更するには、<0>アカウント</0>にアクセスしてパスワードを編集してください。',
     newAccountCreated:
       '<a href="{{serverURL}}">{{serverURL}}</a>にアクセスするための新しいアカウントが作成されました。以下のリンクをクリックするか、ブラウザに以下のURLを貼り付けて、メールアドレスの確認を行ってください。<a href="{{verificationURL}}">{{verificationURL}}</a><br>メールアドレスの確認後に、正常にログインできるようになります。',
     resetYourPassword: 'パスワードの再設定',

packages/translations/src/_generatedFiles_/api/ko.js

@@ -3,6 +3,8 @@ export default {
     account: '계정',
     apiKey: 'API 키',
     enableAPIKey: 'API 키 활성화',
+    loggedInChangePassword:
+      '비밀번호를 변경하려면 <0>계정 화면</0>으로 이동하여 비밀번호를 편집하세요.',
     newAccountCreated:
       '<a href="{{serverURL}}">{{serverURL}}</a>에 접근할 수 있는 새로운 계정이 생성되었습니다. 다음 링크를 클릭하거나 브라우저에 URL을 붙여넣으세요: <a href="{{verificationURL}}">{{verificationURL}}</a><br> 이메일을 확인한 후에 로그인할 수 있습니다.',
     resetYourPassword: '비밀번호 재설정',

packages/translations/src/_generatedFiles_/api/my.js

@@ -3,6 +3,8 @@ export default {
     account: 'အကောင့်',
     apiKey: 'API Key',
     enableAPIKey: 'API Key ကိုဖွင့်ရန်',
+    loggedInChangePassword:
+      'စကားဝှက် ပြောင်းလဲရန်အတွက်  သင့် <0>အကောင့်</0> သို့ဝင်ရောက်ပြီး ပြင်ဆင် သတ်မှတ်ပါ။',
     newAccountCreated:
       '<a href="{{serverURL}}">{{serverURL}}</a> သို့ဝင်ရောက်ရန် သင့်အီးမေးလ်ကို အတည်ပြုရန်အတွက် အကောင့်အသစ်တစ်ခုကို ယခုလေးတင် ဖန်တီးပြီးပါပြီ။ ကျေးဇူးပြု၍ အောက်ပါလင့်ခ်ကို နှိပ်ပါ သို့မဟုတ် သင့်အီးမေးလ်ကို အတည်ပြုရန် ဖော်ပြပါ လင့်ခ်ကို သင့်ဘရောက်ဆာထဲသို့ ကူးထည့်ပါ- <a href="{{verificationURL}}">{{verificationURL}}</a><br> သင့်အီးမေးလ်ကို အတည်ပြုပြီးနောက်၊ သင်သည် အောင်မြင်စွာ လော့ဂ်အင်ဝင်နိုင်ပါမည်။',
     resetYourPassword: 'သင့်စကားဝှက်ကို ပြန်လည်သတ်မှတ်ပါ။',

packages/translations/src/_generatedFiles_/api/nb.js

@@ -3,6 +3,8 @@ export default {
     account: 'Konto',
     apiKey: 'API-nøkkel',
     enableAPIKey: 'Aktiver API-nøkkel',
+    loggedInChangePassword:
+      'For å endre passordet ditt, gå til <0>kontoen</0> din og endre passordet der.',
     newAccountCreated:
       'En ny konto har blitt opprettet for deg på <a href="{{serverURL}}">{{serverURL}}</a> Klikk på lenken nedenfor eller lim inn URLen i nettleseren din for å bekrefte e-postadressen din: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Etter at du har bekreftet e-postadressen din, kan du logge inn.',
     resetYourPassword: 'Tilbakestill passordet ditt',

packages/translations/src/_generatedFiles_/api/nl.js

@@ -3,6 +3,8 @@ export default {
     account: 'Account',
     apiKey: 'API-sleutel',
     enableAPIKey: 'Activeer API-sleutel',
+    loggedInChangePassword:
+      'Om uw wachtwoord te wijzigen, gaat u naar <0>account</0> en wijzigt u daar uw wachtwoord.',
     newAccountCreated:
       'Er is zojuist een nieuw account voor u aangemaakt waarmee u toegang krijgt tot <a href="{{serverURL}}">{{serverURL}}</a>. Klik op de volgende link, of plak onderstaande URL in uw browser om uw e-mailadres te verifiëren: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Na de verificatie van uw e-mail kunt u succesvol inloggen.',
     resetYourPassword: 'Reset uw wachtwoord',

packages/translations/src/_generatedFiles_/api/pl.js

@@ -3,6 +3,8 @@ export default {
     account: 'Konto',
     apiKey: 'Klucz API',
     enableAPIKey: 'Aktywuj klucz API',
+    loggedInChangePassword:
+      'Aby zmienić hasło, przejdź do swojego <0>konta</0> i tam edytuj swoje hasło.',
     newAccountCreated:
       'Właśnie utworzono nowe konto, w celu uzyskania dostępu do <a href="{{serverURL}}">{{serverURL}}</a>. Kliknij poniższy link lub wklej go do przeglądarki, aby zweryfikować swój adres email: <a href="{{verificationURL}}">{{verificationURL}}</a>.<br> Po zweryfikowaniu adresu email będziesz mógł się pomyślnie zalogować.',
     resetYourPassword: 'Zresetuj swoje hasło',

packages/translations/src/_generatedFiles_/api/pt.js

@@ -3,6 +3,8 @@ export default {
     account: 'Conta',
     apiKey: 'Chave da API',
     enableAPIKey: 'Habilitar Chave API',
+    loggedInChangePassword:
+      'Para mudar a sua senha, acesse a sua <0>conta</0> e edite sua senha lá.',
     newAccountCreated:
       'Uma nova conta acaba de ser criada para que você possa acessar <a href="{{serverURL}}">{{serverURL}}</a> Por favor, clique no link a seguir ou cole a URL abaixo no seu navegador para verificar seu email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Após a verificação de email, você será capaz de fazer o login.',
     resetYourPassword: 'Redefinir Sua Senha',

packages/translations/src/_generatedFiles_/api/ro.js

@@ -3,6 +3,8 @@ export default {
     account: 'Cont',
     apiKey: 'Cheia API',
     enableAPIKey: 'Activați cheia API',
+    loggedInChangePassword:
+      'Pentru a vă schimba parola, accesați <0>contul</0> și editați-vă parola acolo.',
     newAccountCreated:
       'A fost creat un nou cont pe care îl puteți accesa <a href="{{serverURL}}">{{serverURL}}</a> Vă rugăm să intrați pe următorul link sau să copiați URL-ul de mai jos în browserul dvs. pentru a vă verifica emailul: <a href="{{verificationURL}}">{{verificationURL}}</a><br> După ce vă verificați adresa de email, vă veți putea autentifica cu succes.',
     resetYourPassword: 'Resetați-vă parola',

packages/translations/src/_generatedFiles_/api/rs-latin.js

@@ -3,6 +3,8 @@ export default {
     account: 'Nalog',
     apiKey: 'API ključ',
     enableAPIKey: 'Omogući API ključ',
+    loggedInChangePassword:
+      'Da biste promenili lozinku, otvorite svoj <0>nalog</0> i promenite lozinku.',
     newAccountCreated:
       'Novi nalog je kreiran. Pristupite nalogu klikom na <a href="{{serverURL}}">{{serverURL}}</a>. Molimo Vas kliknite na sledeći link ili zalepite URL koji se nalazi ispod u pretraživač da biste potvrdili adresu e-pošte: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Nakon što potvrdite adresu e-pošte možete se ulogovati.',
     resetYourPassword: 'Promeni svoju lozinku',

packages/translations/src/_generatedFiles_/api/rs.js

@@ -3,6 +3,8 @@ export default {
     account: 'Налог',
     apiKey: 'АПИ кључ',
     enableAPIKey: 'Омогући API кључ',
+    loggedInChangePassword:
+      'Да бисте променили лозинку, отворите свој <0>налог</0> и промените лозинку.',
     newAccountCreated:
       'Нови налог је креиран. Приступите налогу кликом на <a href="{{serverURL}}">{{serverURL}}</a>. Молимо Вас кликните на следећи линк или залепите адресу која се налази испод у претраживач да бисте потврдили адресу е-поште: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Након што потврдите адресу е-поште можете се улоговати.',
     resetYourPassword: 'Промени своју лозинку',

packages/translations/src/_generatedFiles_/api/ru.js

@@ -3,6 +3,8 @@ export default {
     account: 'Аккаунт',
     apiKey: 'API ключ',
     enableAPIKey: 'Активировать API ключ',
+    loggedInChangePassword:
+      'Чтобы изменить пароль, зайдите в свой <0>аккаунт</0> и измените пароль там.',
     newAccountCreated:
       'Новый аккаунт был создан для доступа к <a href="{{serverURL}}">{{serverURL}}</a> Пожалуйста, кликните по следующей ссылке или вставьте в адресную строку браузера чтобы подтвердить email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> После подтверждения вашего email, вы сможете успешно войти в систему.',
     resetYourPassword: 'Сброс вашего пароля',

packages/translations/src/_generatedFiles_/api/sv.js

@@ -3,6 +3,8 @@ export default {
     account: 'Konto',
     apiKey: 'API Nyckel',
     enableAPIKey: 'Aktivera API nyckel',
+    loggedInChangePassword:
+      'För att ändra ditt lösenord, gå till ditt <0>konto</0> och redigera ditt lösenord där.',
     newAccountCreated:
       'Ett nytt konto har precis skapats som du kan komma åt <a href="{{serverURL}}">{{serverURL}}</a> Klicka på följande länk eller klistra in webbadressen nedan i din webbläsare för att verifiera din e-post: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Efter att ha verifierat din e-post kommer du att kunna logga in framgångsrikt.',
     resetYourPassword: 'Återställ Ditt Lösenord',

packages/translations/src/_generatedFiles_/api/th.js

@@ -3,6 +3,7 @@ export default {
     account: 'บัญชี',
     apiKey: 'API Key',
     enableAPIKey: 'เปิดใช้ API Key',
+    loggedInChangePassword: 'หากต้องการเปลี่ยนรหัสผ่าน กรุณาแก้ไขที่หน้า<0>บัญชี</0>ของคุณ',
     newAccountCreated:
       'ระบบได้สร้างบัญชีผู้ใช้ให้คุณสำหรับเข้าใช้งาน <a href="{{serverURL}}">{{serverURL}}</a> เรียบร้อยแล้ว กรุณากดลิงก์ด้านล่างเพื่อยืนยันอีเมล หลังจากยืนยันอีเมลเสร็จสิ้น คุณจะสามารถเข้าใช้งานระบบได้',
     resetYourPassword: 'รีเซ็ตรหัสผ่านของคุณ',

packages/translations/src/_generatedFiles_/api/tr.js

@@ -3,6 +3,7 @@ export default {
     account: 'Hesap',
     apiKey: 'API Anahtarı',
     enableAPIKey: 'Api anahtarını etkinleştir',
+    loggedInChangePassword: 'Parolanızı değiştirmek için <0>hesabınıza</0> gidebilirsiniz.',
     newAccountCreated:
       '<0>{{serverURL}}</0> sitesinde adınıza yeni bir hesap oluşturuldu. E-postanızı doğrulamak için bağlantıya tıklayabilirsiniz: <1>{{verificationURL}}</1><br> E-postanızı doğruladıktan sonra siteye hesap bilgilerinizle giriş yapabilirsiniz.',
     resetYourPassword: 'Parolanızı Sıfırlayın',

packages/translations/src/_generatedFiles_/api/ua.js

@@ -3,6 +3,8 @@ export default {
     account: 'Обліковий запис',
     apiKey: 'API ключ',
     enableAPIKey: 'Активувати API ключ',
+    loggedInChangePassword:
+      'Щоб змінити ваш пароль, перейдіть до <0>облікового запису</0> і змініть ваш пароль там.',
     newAccountCreated:
       'Новий обліковий запис було створено, щоб отримати доступ до <a href="{{serverURL}}">{{serverURL}}</a>, будь ласка, натисніть на наступне посилання, або вставте посилання в адресну строку вашого браузера, щоб підтвердити вашу пошту: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Після Підтвердження вашої пошти, ви матимете змогу зайти в систему.',
     resetYourPassword: 'Скинути ваш пароль',

packages/translations/src/_generatedFiles_/api/vi.js

@@ -3,6 +3,7 @@ export default {
     account: 'Tài khoản',
     apiKey: 'API Key',
     enableAPIKey: 'Kích hoạt API Key',
+    loggedInChangePassword: 'Để đổi mật khẩu, hãy truy cập cài đặt <0>tài khoản</0>.',
     newAccountCreated:
       'Một tài khoản mới đã được tạo cho bạn. Tài khoản này được dùng để truy cập <a href="{{serverURL}}">{{serverURL}}</a> Hãy nhấp chuột hoặc sao chép đường dẫn sau vào trình duyệt của bạn để xác thực email: <a href="{{verificationURL}}">{{verificationURL}}</a><br> Sau khi email được xác thực, bạn sẽ có thể đăng nhập.',
     resetYourPassword: 'Tạo lại mật khẩu',

packages/translations/src/_generatedFiles_/api/zh-tw.js

@@ -3,6 +3,7 @@ export default {
     account: '帳戶',
     apiKey: 'API金鑰',
     enableAPIKey: '啟用API金鑰',
+    loggedInChangePassword: '要更改您的密碼，請前往您的<0>帳戶</0>頁面並在那裡編輯您的密碼。',
     newAccountCreated:
       '剛剛為您建立了一個可以存取 <a href="{{serverURL}}">{{serverURL}}</a> 的新帳戶。請點擊以下連結或在瀏覽器中貼上以下網址以驗證您的電子郵件：<a href="{{verificationURL}}">{{verificationURL}}</a><br> 驗證您的電子郵件後，您將能夠成功登入。',
     resetYourPassword: '重設您的密碼',

packages/translations/src/_generatedFiles_/api/zh.js

@@ -3,6 +3,7 @@ export default {
     account: '帐户',
     apiKey: 'API密钥',
     enableAPIKey: '启用API密钥',
+    loggedInChangePassword: '要更改您的密码，请到您的<0>帐户</0>页面并在那里编辑您的密码。',
     newAccountCreated:
       '刚刚为您创建了一个可以访问 <a href="{{serverURL}}">{{serverURL}}</a> 的新帐户 请点击以下链接或在浏览器中粘贴以下网址，以验证您的电子邮件: <a href="{{verificationURL}}">{{verificationURL}}</a><br> 验证您的电子邮件后，您将能够成功登录。',
     resetYourPassword: '重置您的密码',

packages/ui/src/elements/TableColumns/filterFields.tsx

@@ -4,7 +4,7 @@ import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildCo
 // 2. Maps through top-level `tabs` fields and filters out the same
 export const filterFields = (fieldMap: FieldMap): FieldMap => {
   const shouldSkipField = (field: MappedField): boolean =>
-    field.type !== 'ui' && (field.isHidden === true || field.disabled === true)
+    field.type !== 'ui' && field.disabled === true
 
   const fields: FieldMap = fieldMap.reduce((formatted, field) => {
     if (shouldSkipField(field)) {