@payloadcms/richtext-lexical 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/lexical/ui/ContentEditable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAOhC,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAIrE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,EACZ,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,GAAG,CAAC,OAAO,CAmBd"}
+{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQhC,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAIrE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,EACZ,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,GAAG,CAAC,OAAO,CAwBd"}

package/dist/lexical/ui/ContentEditable.js

@@ -4,13 +4,14 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
 import { useTranslation } from '@payloadcms/ui';
 import './ContentEditable.css';
 import * as React from 'react';
 import { useEditorConfigContext } from '../config/client/EditorConfigProvider.js';
 export function LexicalContentEditable(t0) {
-  const $ = _c(9);
+  const $ = _c(10);
   const {
     className,
     editorConfig,
@@ -27,18 +28,23 @@ export function LexicalContentEditable(t0) {
   const {
     getTheme
   } = t1;
+  const isEditable = useLexicalEditable();
   let t2;
-  if ($[0] !== className || $[1] !== editorConfig?.admin?.placeholder || $[2] !== fieldProps.field.label || $[3] !== fieldProps.field.required || $[4] !== getTheme || $[5] !== i18n || $[6] !== instructionsID || $[7] !== t) {
+  if ($[0] !== className || $[1] !== editorConfig?.admin?.placeholder || $[2] !== fieldProps.field.label || $[3] !== fieldProps.field.required || $[4] !== getTheme || $[5] !== i18n || $[6] !== instructionsID || $[7] !== isEditable || $[8] !== t) {
     const theme = getTheme();
     t2 = _jsx(ContentEditable, {
       "aria-describedby": instructionsID,
       "aria-label": getTranslation(fieldProps.field.label || "", i18n),
-      "aria-placeholder": t("lexical:general:placeholder"),
       "aria-required": fieldProps.field.required || undefined,
       className: className ?? "ContentEditable__root",
-      placeholder: _jsx("p", {
-        className: theme?.placeholder,
-        children: editorConfig?.admin?.placeholder ?? t("lexical:general:placeholder")
+      ...(isEditable ? {
+        "aria-placeholder": t("lexical:general:placeholder"),
+        placeholder: _jsx("p", {
+          className: theme?.placeholder,
+          children: editorConfig?.admin?.placeholder ?? t("lexical:general:placeholder")
+        })
+      } : {
+        placeholder: null
       })
     });
     $[0] = className;
@@ -48,10 +54,11 @@ export function LexicalContentEditable(t0) {
     $[4] = getTheme;
     $[5] = i18n;
     $[6] = instructionsID;
-    $[7] = t;
-    $[8] = t2;
+    $[7] = isEditable;
+    $[8] = t;
+    $[9] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[9];
   }
   return t2;
 }

package/dist/lexical/ui/ContentEditable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","getTranslation","useTranslation","React","useEditorConfigContext","LexicalContentEditable","t0","$","className","editorConfig","instructionsID","fieldProps","i18n","t","t1","getTheme","t2","admin","placeholder","field","label","required","theme","_jsx","undefined","children"],"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.css'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nimport { useEditorConfigContext } from '../config/client/EditorConfigProvider.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n  instructionsID,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n  instructionsID?: string\n}): JSX.Element {\n  const { fieldProps } = useEditorConfigContext()\n  const { i18n, t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n  return (\n    <ContentEditable\n      aria-describedby={instructionsID}\n      aria-label={getTranslation(fieldProps.field.label || '', i18n)}\n      aria-placeholder={t('lexical:general:placeholder')}\n      aria-required={fieldProps.field.required || undefined}\n      className={className ?? 'ContentEditable__root'}\n      placeholder={\n        <p className={theme?.placeholder}>\n          {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n        </p>\n      }\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,YAAYC,KAAA,MAAW;AAIvB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAgC;IAAAU,SAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAQtC;EACC;IAAAK;EAAA,IAAuBP,sBAAA;EACvB;IAAAQ,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EACpB,SAAAY,EAAA,IAA0Bf,yBAAA;EAAhB;IAAAgB;EAAA,IAAAD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAQ,KAAA,EAAAC,WAAA,IAAAX,CAAA,QAAAI,UAAA,CAAAQ,KAAA,CAAAC,KAAA,IAAAb,CAAA,QAAAI,UAAA,CAAAQ,KAAA,CAAAE,QAAA,IAAAd,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAM,CAAA;IACtB,MAAAS,KAAA,GAAcP,QAAA;IAEZC,EAAA,GAAAO,IAAA,CAAAvB,eAAA;MAAA,oBACoBU,cAAA;MAAA,cACNT,cAAA,CAAeU,UAAA,CAAAQ,KAAA,CAAAC,KAAA,IAA0B,IAAIR,IAAA;MAAA,oBACvCC,CAAA,CAAE;MAAA,iBACLF,UAAA,CAAAQ,KAAA,CAAAE,QAAA,IAAAG,SAA6B;MAAAhB,SAAA,EACjCA,SAAA,IAAa;MAAAU,WAAA,EAEtBK,IAAA,CAAC;QAAAf,SAAA,EAAac,KAAA,EAAAJ,WAAA;QAAAO,QAAA,EACXhB,YAAA,EAAAQ,KAAA,EAAAC,WAAA,IAAoCL,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;SAR7CG,E","ignoreList":[]}
+{"version":3,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","useLexicalEditable","getTranslation","useTranslation","React","useEditorConfigContext","LexicalContentEditable","t0","$","className","editorConfig","instructionsID","fieldProps","i18n","t","t1","getTheme","isEditable","t2","admin","placeholder","field","label","required","theme","_jsx","undefined","children"],"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.css'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nimport { useEditorConfigContext } from '../config/client/EditorConfigProvider.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n  instructionsID,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n  instructionsID?: string\n}): JSX.Element {\n  const { fieldProps } = useEditorConfigContext()\n  const { i18n, t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const theme = getTheme()\n  return (\n    <ContentEditable\n      aria-describedby={instructionsID}\n      aria-label={getTranslation(fieldProps.field.label || '', i18n)}\n      aria-required={fieldProps.field.required || undefined}\n      className={className ?? 'ContentEditable__root'}\n      {...(isEditable\n        ? {\n            'aria-placeholder': t('lexical:general:placeholder'),\n            placeholder: (\n              <p className={theme?.placeholder}>\n                {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n              </p>\n            ),\n          }\n        : { placeholder: null })}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,YAAYC,KAAA,MAAW;AAIvB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAgC;IAAAW,SAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAQtC;EACC;IAAAK;EAAA,IAAuBP,sBAAA;EACvB;IAAAQ,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EACpB,SAAAY,EAAA,IAA0BhB,yBAAA;EAAhB;IAAAiB;EAAA,IAAAD,EAAY;EACtB,MAAAE,UAAA,GAAmBhB,kBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAS,KAAA,EAAAC,WAAA,IAAAZ,CAAA,QAAAI,UAAA,CAAAS,KAAA,CAAAC,KAAA,IAAAd,CAAA,QAAAI,UAAA,CAAAS,KAAA,CAAAE,QAAA,IAAAf,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAS,UAAA,IAAAT,CAAA,QAAAM,CAAA;IACnB,MAAAU,KAAA,GAAcR,QAAA;IAEZE,EAAA,GAAAO,IAAA,CAAAzB,eAAA;MAAA,oBACoBW,cAAA;MAAA,cACNT,cAAA,CAAeU,UAAA,CAAAS,KAAA,CAAAC,KAAA,IAA0B,IAAIT,IAAA;MAAA,iBAC1CD,UAAA,CAAAS,KAAA,CAAAE,QAAA,IAAAG,SAA6B;MAAAjB,SAAA,EACjCA,SAAA,IAAa;MAAA,IACnBQ,UAAA;QAAA,oBAEqBH,CAAA,CAAE;QAAAM,WAAA,EAEpBK,IAAA,CAAC;UAAAhB,SAAA,EAAae,KAAA,EAAAJ,WAAA;UAAAO,QAAA,EACXjB,YAAA,EAAAS,KAAA,EAAAC,WAAA,IAAoCN,CAAA,CAAE;QAAA,C;;;OAIxB;IAAA,C;;;;;;;;;;;;;;SAd3BI,E","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -443,8 +443,8 @@
     "react-error-boundary": "6.1.1",
     "ts-essentials": "10.0.3",
     "uuid": "14.0.0",
-    "@payloadcms/ui": "4.0.0-beta.0",
-    "@payloadcms/translations": "4.0.0-beta.0"
+    "@payloadcms/translations": "4.0.0-beta.2",
+    "@payloadcms/ui": "4.0.0-beta.2"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -463,7 +463,7 @@
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
     "swc-plugin-transform-remove-imports": "8.3.0",
-    "payload": "4.0.0-beta.0",
+    "payload": "4.0.0-beta.2",
     "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
@@ -471,7 +471,7 @@
     "@faceless-ui/scroll-info": "2.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-beta.0"
+    "payload": "4.0.0-beta.2"
   },
   "engines": {
     "node": ">=24.15.0"