@payloadcms/richtext-lexical 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/features/blocks/client/nodes/InlineBlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return $applyNodeReplacement(\n    new InlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerInlineBlockNode","InlineBlockComponent","lazy","then","module","default","InlineBlockNode","clone","node","getType","importJSON","serializedNode","$createInlineBlockNode","fields","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","inlineBlock","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isInlineBlockNode"],"mappings":"AAAA;;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAOvC,SAASC,qBAAqB,QAAQ,yCAAwC;AAE9E,MAAMC,qCAAuBF,MAAMG,IAAI,CAAC,IACtC,MAAM,CAAC,+BAA+BC,IAAI,CAAC,CAACC,SAAY,CAAA;YACtDC,SAASD,OAAOH,oBAAoB;QACtC,CAAA;AAGF,OAAO,MAAMK,wBAAwBN;IACnC,OAAgBO,MAAMC,IAA2B,EAAyB;QACxE,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAyC,EAAmB;QACrF,MAAMH,OAAOI,uBAAuBD,eAAeE,MAAM;QACzD,OAAOL;IACT;IAESM,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,qBACE,QAACf;YACCgB,aAAa,IAAI,CAACC,cAAc;YAChCC,WAAWH,OAAOI,KAAK,CAACC,WAAW,IAAI;YACvCC,UAAU,IAAI,CAACC,SAAS;YACxBC,SAAS,IAAI,CAACC,MAAM;;;;;;IAG1B;IAESC,aAAwC;QAC/C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASd,uBAAuBC,MAAwC;IAC7E,OAAOf,sBACL,IAAIQ,gBAAgB;QAClBO,QAAQ;YACN,GAAGA,MAAM;YACTc,IAAId,QAAQc,MAAM,IAAI9B,SAASQ,OAAO,GAAGuB,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdrB,IAAsD;IAEtD,OAAOA,gBAAgBF;AACzB"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return $applyNodeReplacement(\n    new InlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerInlineBlockNode","InlineBlockComponent","lazy","then","module","default","InlineBlockNode","clone","node","getType","importJSON","serializedNode","$createInlineBlockNode","fields","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","inlineBlock","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isInlineBlockNode"],"mappings":"AAAA;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAOvC,SAASC,qBAAqB,QAAQ,yCAAwC;AAE9E,MAAMC,uBAAuBF,MAAMG,IAAI,CAAC,IACtC,MAAM,CAAC,+BAA+BC,IAAI,CAAC,CAACC,SAAY,CAAA;YACtDC,SAASD,OAAOH,oBAAoB;QACtC,CAAA;AAGF,OAAO,MAAMK,wBAAwBN;IACnC,OAAgBO,MAAMC,IAA2B,EAAyB;QACxE,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAyC,EAAmB;QACrF,MAAMH,OAAOI,uBAAuBD,eAAeE,MAAM;QACzD,OAAOL;IACT;IAESM,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,QACGf,qBACCgB,aAAa,IAAI,CAACC,cAAc,IAChCC,WAAWH,OAAOI,KAAK,CAACC,WAAW,IAAI,mCACvCC,UAAU,IAAI,CAACC,SAAS,IACxBC,SAAS,IAAI,CAACC,MAAM;IAG1B;IAESC,aAAwC;QAC/C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASd,uBAAuBC,MAAwC;IAC7E,OAAOf,sBACL,IAAIQ,gBAAgB;QAClBO,QAAQ;YACN,GAAGA,MAAM;YACTc,IAAId,QAAQc,MAAM,IAAI9B,SAASQ,OAAO,GAAGuB,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdrB,IAAsD;IAEtD,OAAOA,gBAAgBF;AACzB"}

package/dist/features/blocks/premade/CodeBlock/Component/Block.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { ChevronIcon, Combobox, CopyToClipboard, PopupList, RenderFields, useForm, useFormFields, useTranslation } from '@payloadcms/ui';
@@ -35,137 +34,37 @@ export const CodeBlockBlockComponent = (args)=>{
     const languageEntries = React.useMemo(()=>{
         return Object.entries(languages).map(([languageCode, languageLabel])=>({
                 name: `${languageCode} ${languageLabel}`,
-                Component: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                    active: false,
-                    disabled: false,
-                    onClick: ()=>{
-                        setSelectedLanguage(languageCode);
-                    },
-                    children: /*#__PURE__*/ _jsxDEV("span", {
-                        className: `${baseClass}__language-code`,
-                        "data-language": languageCode,
-                        children: languageLabel
-                    }, void 0, false, {
-                        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                        lineNumber: 70,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                    lineNumber: 63,
-                    columnNumber: 9
-                }, this)
+                Component: <PopupList.Button active={false} disabled={false} onClick={()=>{
+                    setSelectedLanguage(languageCode);
+                }}>
+          <span className={`${baseClass}__language-code`} data-language={languageCode}>
+            {languageLabel}
+          </span>
+        </PopupList.Button>
             }));
     }, [
         languages,
         setSelectedLanguage
     ]);
-    return /*#__PURE__*/ _jsxDEV(BlockCollapsible, {
-        Actions: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__actions`,
-            children: [
-                /*#__PURE__*/ _jsxDEV(Combobox, {
-                    button: /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__language-selector-button`,
-                        "data-selected-language": selectedLanguageField?.value,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("span", {
-                                children: selectedLanguageLabel
-                            }, void 0, false, {
-                                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                                lineNumber: 88,
-                                columnNumber: 17
-                            }, void 0),
-                            /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                                className: `${baseClass}__chevron`
-                            }, void 0, false, {
-                                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                                lineNumber: 89,
-                                columnNumber: 17
-                            }, void 0)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                        lineNumber: 84,
-                        columnNumber: 15
-                    }, void 0),
-                    buttonType: "custom",
-                    className: `${baseClass}__language-selector`,
-                    disabled: !isEditable,
-                    entries: languageEntries,
-                    horizontalAlign: "right",
-                    minEntriesForSearch: 8,
-                    searchPlaceholder: t('fields:searchForLanguage'),
-                    showScrollbar: true,
-                    size: "large"
-                }, void 0, false, {
-                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                    lineNumber: 82,
-                    columnNumber: 11
-                }, void 0),
-                /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
-                    value: codeField?.value ?? ''
-                }, void 0, false, {
-                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                    lineNumber: 102,
-                    columnNumber: 11
-                }, void 0),
-                /*#__PURE__*/ _jsxDEV(Collapse, {}, void 0, false, {
-                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                    lineNumber: 104,
-                    columnNumber: 11
-                }, void 0),
-                isEditable && /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
-                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                    lineNumber: 106,
-                    columnNumber: 26
-                }, void 0)
-            ]
-        }, void 0, true, {
-            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-            lineNumber: 81,
-            columnNumber: 9
-        }, void 0),
-        className: baseClass,
-        collapsibleProps: {
-            AfterCollapsible: /*#__PURE__*/ _jsxDEV(FloatingCollapse, {}, void 0, false, {
-                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                lineNumber: 111,
-                columnNumber: 27
-            }, void 0),
-            disableHeaderToggle: true,
-            disableToggleIndicator: true
-        },
-        Pill: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__pill`,
-            children: /*#__PURE__*/ _jsxDEV(CodeBlockIcon, {}, void 0, false, {
-                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-                lineNumber: 117,
-                columnNumber: 11
-            }, void 0)
-        }, void 0, false, {
-            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-            lineNumber: 116,
-            columnNumber: 9
-        }, void 0),
-        children: /*#__PURE__*/ _jsxDEV(RenderFields, {
-            fields: formSchema,
-            forceRender: true,
-            parentIndexPath: "",
-            parentPath: '',
-            parentSchemaPath: "",
-            permissions: true,
-            readOnly: !isEditable
-        }, void 0, false, {
-            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-            lineNumber: 121,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
-        lineNumber: 79,
-        columnNumber: 5
-    }, this);
+    return <BlockCollapsible Actions={<div className={`${baseClass}__actions`}>
+          <Combobox button={<div className={`${baseClass}__language-selector-button`} data-selected-language={selectedLanguageField?.value}>
+                <span>{selectedLanguageLabel}</span>
+                <ChevronIcon className={`${baseClass}__chevron`}/>
+              </div>} buttonType="custom" className={`${baseClass}__language-selector`} disabled={!isEditable} entries={languageEntries} horizontalAlign="right" minEntriesForSearch={8} searchPlaceholder={t('fields:searchForLanguage')} showScrollbar size="large"/>
+          <CopyToClipboard value={codeField?.value ?? ''}/>
+
+          <Collapse/>
+
+          {isEditable && <RemoveButton/>}
+        </div>} className={baseClass} collapsibleProps={{
+        AfterCollapsible: <FloatingCollapse/>,
+        disableHeaderToggle: true,
+        disableToggleIndicator: true
+    }} Pill={<div className={`${baseClass}__pill`}>
+          <CodeBlockIcon/>
+        </div>}>
+      <RenderFields fields={formSchema} forceRender={true} parentIndexPath="" parentPath={''} parentSchemaPath="" permissions={true} readOnly={!isEditable}/>
+    </BlockCollapsible>;
 };
 
 //# sourceMappingURL=Block.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"AAAA;;AAIA,OAAO,eAAc;AAErB,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SACEC,WAAW,EACXC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAIzB,SAASC,aAAa,QAAQ,qDAAoD;AAClF,SAASC,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,gBAAgB,QAAQ,8BAA6B;AAE9D,MAAMC,YAAY;AAClB,OAAO,MAAMC,0BAAqF,CAChGC;IAEA,MAAM,EAAEC,WAAWC,kBAAkB,EAAE,GAAGF;IAC1C,MAAMC,YAAYC,sBAAsBN;IAExC,MAAM,EAAEO,gBAAgB,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGX;IACvD,MAAM,EAAEY,WAAW,EAAE,GAAGjB;IACxB,MAAM,EAAEkB,CAAC,EAAE,GAAGhB;IAEd,MAAM,EAAEiB,SAAS,EAAE,GAAGlB,cAAc,CAAC,CAACmB,OAAO,GAAM,CAAA;YACjDD,WAAWC,QAAQC;QACrB,CAAA;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,mBAAmB,EAAE,GAAGtB,cAAc,CAAC,CAACmB,QAAQI,SAAS,GAAM,CAAA;YAC5FF,uBAAuBF,QAAQK;YAC/BF,qBAAqB,CAACE;gBACpBD,SAAS;oBACPE,MAAM;oBACNC,MAAM;oBACNC,OAAOH;gBACT;gBACAR,YAAY;YACd;QACF,CAAA;IAEA,MAAMY,wBAAwBjB,SAAS,CAACU,uBAAuBM,MAAgC;IAE/F,MAAME,aAAapC;IAEnB,MAAMqC,kBAAkB5B,MAAM6B,OAAO,CAAkB;QACrD,OAAOC,OAAOC,OAAO,CAACtB,WAAWuB,GAAG,CAAC,CAAC,CAACC,cAAcC,cAAc,GAAM,CAAA;gBACvEC,MAAM,GAAGF,aAAa,CAAC,EAAEC,eAAe;gBACxCE,yBACE,QAACzC,UAAU0C,MAAM;oBACfC,QAAQ;oBACRC,UAAU;oBACVC,SAAS;wBACPpB,oBAAoBa;oBACtB;8BAEA,cAAA,QAACQ;wBAAKC,WAAW,GAAGpC,UAAU,eAAe,CAAC;wBAAEqC,iBAAeV;kCAC5DC;;;;;;;;;;;YAIT,CAAA;IACF,GAAG;QAACzB;QAAWW;KAAoB;IAEnC,qBACE,QAACT;QACCiC,uBACE,QAACC;YAAIH,WAAW,GAAGpC,UAAU,SAAS,CAAC;;8BACrC,QAACb;oBACCqD,sBACE,QAACD;wBACCH,WAAW,GAAGpC,UAAU,0BAA0B,CAAC;wBACnDyC,0BAAwB5B,uBAAuBM;;0CAE/C,QAACgB;0CAAMf;;;;;;0CACP,QAAClC;gCAAYkD,WAAW,GAAGpC,UAAU,SAAS,CAAC;;;;;;;;;;;;oBAGnD0C,YAAW;oBACXN,WAAW,GAAGpC,UAAU,mBAAmB,CAAC;oBAC5CiC,UAAU,CAACZ;oBACXI,SAASH;oBACTqB,iBAAgB;oBAChBC,qBAAqB;oBACrBC,mBAAmBpC,EAAE;oBACrBqC,aAAa;oBACbC,MAAK;;;;;;8BAEP,QAAC3D;oBAAgB+B,OAAO,AAACT,WAAWS,SAAoB;;;;;;8BAExD,QAACtB;;;;;gBAEAwB,4BAAc,QAACd;;;;;;;;;;;QAGpB6B,WAAWpC;QACXgD,kBAAkB;YAChBC,gCAAkB,QAAClD;;;;;YACnBmD,qBAAqB;YACrBC,wBAAwB;QAC1B;QACAC,oBACE,QAACb;YAAIH,WAAW,GAAGpC,UAAU,MAAM,CAAC;sBAClC,cAAA,QAACL;;;;;;;;;;kBAIL,cAAA,QAACL;YACCqB,QAAQL;YACR+C,aAAa;YACbC,iBAAgB;YAChBC,YAAY;YACZC,kBAAiB;YACjBC,aAAa;YACbC,UAAU,CAACrC;;;;;;;;;;;AAInB,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

package/dist/features/blocks/premade/CodeBlock/Component/Code.js

@@ -1,7 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CodeField, useFormFields } from '@payloadcms/ui';
-import React, { useId, useMemo } from 'react';
+import { useId, useMemo } from 'react';
 import { defaultLanguages } from './defaultLanguages.js';
 /**
    * @default first key of the `languages` prop
@@ -58,69 +57,54 @@ import { defaultLanguages } from './defaultLanguages.js';
         instanceId
     ]);
     const key = `${field.name}-${language}-${label}`;
-    return props && /*#__PURE__*/ _jsxDEV(CodeField, {
-        autoComplete: autoComplete,
-        field: props,
-        forceRender: forceRender,
-        onMount: (_editor, monaco)=>{
-            monaco.editor.defineTheme('vs-dark', {
-                base: 'vs-dark',
-                colors: {
-                    'editor.background': '#222222'
-                },
-                inherit: true,
-                rules: []
-            });
-            monaco.editor.defineTheme('vs', {
-                base: 'vs',
-                colors: {
-                    'editor.background': '#f5f5f5'
-                },
-                inherit: true,
-                rules: []
-            });
-            monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
-                allowNonTsExtensions: true,
-                // Set module resolution to NodeJs to enable autocompletion
-                allowJs: true,
-                allowSyntheticDefaultImports: true,
-                esModuleInterop: true,
-                jsx: monaco.languages.typescript.JsxEmit.React,
-                moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-                noEmit: true,
-                paths: typescript?.paths,
-                reactNamespace: 'React',
-                target: monaco.languages.typescript.ScriptTarget[typescript?.target ?? 'ESNext'],
-                typeRoots: typescript?.typeRoots ?? [
-                    'node_modules/@types'
-                ]
-            });
-            monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
-                noSemanticValidation: typescript?.enableSemanticValidation ? false : true,
-                noSyntaxValidation: false
-            });
-            const run = async ()=>{
-                if (typescript?.fetchTypes && Array.isArray(typescript.fetchTypes) && typescript.fetchTypes.length > 0) {
-                    await Promise.all(typescript.fetchTypes.map(async (type)=>{
-                        const types = await fetch(type.url);
-                        const typesText = await types.text();
-                        monaco.languages.typescript.typescriptDefaults.addExtraLib(typesText, type.filePath);
-                    }));
-                }
-            };
-            void run();
-        },
-        path: path,
-        permissions: permissions,
-        readOnly: readOnly,
-        renderedBlocks: renderedBlocks,
-        schemaPath: schemaPath,
-        validate: validate
-    }, key, false, {
-        fileName: "src/features/blocks/premade/CodeBlock/Component/Code.tsx",
-        lineNumber: 110,
-        columnNumber: 7
-    }, this);
+    return props && <CodeField autoComplete={autoComplete} field={props} forceRender={forceRender} key={key} onMount={(_editor, monaco)=>{
+        monaco.editor.defineTheme('vs-dark', {
+            base: 'vs-dark',
+            colors: {
+                'editor.background': '#222222'
+            },
+            inherit: true,
+            rules: []
+        });
+        monaco.editor.defineTheme('vs', {
+            base: 'vs',
+            colors: {
+                'editor.background': '#f5f5f5'
+            },
+            inherit: true,
+            rules: []
+        });
+        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+            allowNonTsExtensions: true,
+            // Set module resolution to NodeJs to enable autocompletion
+            allowJs: true,
+            allowSyntheticDefaultImports: true,
+            esModuleInterop: true,
+            jsx: monaco.languages.typescript.JsxEmit.React,
+            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+            noEmit: true,
+            paths: typescript?.paths,
+            reactNamespace: 'React',
+            target: monaco.languages.typescript.ScriptTarget[typescript?.target ?? 'ESNext'],
+            typeRoots: typescript?.typeRoots ?? [
+                'node_modules/@types'
+            ]
+        });
+        monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+            noSemanticValidation: typescript?.enableSemanticValidation ? false : true,
+            noSyntaxValidation: false
+        });
+        const run = async ()=>{
+            if (typescript?.fetchTypes && Array.isArray(typescript.fetchTypes) && typescript.fetchTypes.length > 0) {
+                await Promise.all(typescript.fetchTypes.map(async (type)=>{
+                    const types = await fetch(type.url);
+                    const typesText = await types.text();
+                    monaco.languages.typescript.typescriptDefaults.addExtraLib(typesText, type.filePath);
+                }));
+            }
+        };
+        void run();
+    }} path={path} permissions={permissions} readOnly={readOnly} renderedBlocks={renderedBlocks} schemaPath={schemaPath} validate={validate}/>;
 };
 
 //# sourceMappingURL=Code.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Code.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Code.tsx"],"sourcesContent":["'use client'\n\nimport type { CodeFieldClient, CodeFieldClientProps } from 'payload'\n\nimport { CodeField, useFormFields } from '@payloadcms/ui'\nimport React, { useId, useMemo } from 'react'\n\nimport { defaultLanguages } from './defaultLanguages.js'\n\nexport type AdditionalCodeComponentProps = {\n  /**\n   * @default first key of the `languages` prop\n   */\n  defaultLanguage?: string\n  /**\n   * @default all languages supported by Monaco Editor\n   */\n  languages?: Record<string, string>\n  /**\n   * Override the name of the block.\n   *\n   * @default 'Code'\n   */\n  slug?: string\n  /**\n   * Configure typescript settings for the editor\n   */\n  typescript?: {\n    /**\n     * By default, the editor will not perform semantic validation. This means that\n     * while syntax errors will be highlighted, other issues like missing imports or incorrect\n     * types will not be.\n     *\n     * @default false\n     */\n    enableSemanticValidation?: boolean\n    /**\n     * Additional types to fetch and include in the editor for autocompletion.\n     *\n     * For example, to include types for payload, you would set this to\n     *\n     * [{ url: 'https://unpkg.com/payload@latest/dist/index.d.ts', filePath: 'file:///node_modules/payload/index.d.ts' }]\n     */\n    fetchTypes?: Array<{\n      filePath: string\n      url: string\n    }>\n    /**\n     * @default undefined\n     */\n    paths?: Record<string, string[]>\n    /**\n     * @default \"ESNext\"\n     */\n    target?: string\n    /**\n     * @default ['node_modules/@types']\n     */\n    typeRoots?: string[]\n  }\n}\n\nexport const CodeComponent: React.FC<AdditionalCodeComponentProps & CodeFieldClientProps> = ({\n  autoComplete,\n  field,\n  forceRender,\n  languages = defaultLanguages,\n  path,\n  permissions,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n  typescript,\n  validate,\n}) => {\n  const languageField = useFormFields(([fields]) => fields['language'])\n\n  const language: string =\n    (languageField?.value as string) || (languageField?.initialValue as string) || 'typescript'\n\n  // unique id per component instance to ensure Monaco creates a distinct model\n  // for each TypeScript code block. Using React's useId is SSR-safe and builtin.\n  const instanceId = useId()\n\n  const label = languages[language]\n\n  const props: CodeFieldClient = useMemo<CodeFieldClient>(\n    () => ({\n      ...field,\n      type: 'code',\n      admin: {\n        ...field.admin,\n        editorOptions: {},\n        editorProps: {\n          // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().\n          // Provide a unique defaultPath per instance so Monaco doesn't reuse the same model\n          // across multiple code block instances. We use field.name + instanceId for debugability.\n          defaultPath: language === 'ts' ? `file-${field.name}-${instanceId}.tsx` : undefined,\n        },\n        language,\n      },\n    }),\n    [field, language, instanceId],\n  )\n\n  const key = `${field.name}-${language}-${label}`\n\n  return (\n    props && (\n      <CodeField\n        autoComplete={autoComplete}\n        field={props}\n        forceRender={forceRender}\n        key={key}\n        onMount={(_editor, monaco) => {\n          monaco.editor.defineTheme('vs-dark', {\n            base: 'vs-dark',\n            colors: {\n              'editor.background': '#222222',\n            },\n            inherit: true,\n            rules: [],\n          })\n\n          monaco.editor.defineTheme('vs', {\n            base: 'vs',\n            colors: {\n              'editor.background': '#f5f5f5',\n            },\n            inherit: true,\n            rules: [],\n          })\n          monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n            allowNonTsExtensions: true,\n            // Set module resolution to NodeJs to enable autocompletion\n            allowJs: true,\n            allowSyntheticDefaultImports: true,\n            esModuleInterop: true,\n            jsx: monaco.languages.typescript.JsxEmit.React,\n            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n            noEmit: true,\n            paths: typescript?.paths,\n            reactNamespace: 'React',\n            target: monaco.languages.typescript.ScriptTarget[\n              typescript?.target ?? ('ESNext' as any)\n            ] as any,\n            typeRoots: typescript?.typeRoots ?? ['node_modules/@types'],\n          })\n\n          monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n            noSemanticValidation: typescript?.enableSemanticValidation ? false : true,\n            noSyntaxValidation: false,\n          })\n\n          const run = async () => {\n            if (\n              typescript?.fetchTypes &&\n              Array.isArray(typescript.fetchTypes) &&\n              typescript.fetchTypes.length > 0\n            ) {\n              await Promise.all(\n                typescript.fetchTypes.map(async (type) => {\n                  const types = await fetch(type.url)\n                  const typesText = await types.text()\n                  monaco.languages.typescript.typescriptDefaults.addExtraLib(\n                    typesText,\n                    type.filePath,\n                  )\n                }),\n              )\n            }\n          }\n          void run()\n        }}\n        path={path}\n        permissions={permissions}\n        readOnly={readOnly}\n        renderedBlocks={renderedBlocks}\n        schemaPath={schemaPath}\n        validate={validate}\n      />\n    )\n  )\n}\n"],"names":["CodeField","useFormFields","React","useId","useMemo","defaultLanguages","CodeComponent","autoComplete","field","forceRender","languages","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","languageField","fields","language","value","initialValue","instanceId","label","props","type","admin","editorOptions","editorProps","defaultPath","name","undefined","key","onMount","_editor","monaco","editor","defineTheme","base","colors","inherit","rules","typescriptDefaults","setCompilerOptions","allowNonTsExtensions","allowJs","allowSyntheticDefaultImports","esModuleInterop","jsx","JsxEmit","moduleResolution","ModuleResolutionKind","NodeJs","noEmit","paths","reactNamespace","target","ScriptTarget","typeRoots","setDiagnosticsOptions","noSemanticValidation","enableSemanticValidation","noSyntaxValidation","run","fetchTypes","Array","isArray","length","Promise","all","map","types","fetch","url","typesText","text","addExtraLib","filePath"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Code.tsx"],"sourcesContent":["'use client'\n\nimport type { CodeFieldClient, CodeFieldClientProps } from 'payload'\n\nimport { CodeField, useFormFields } from '@payloadcms/ui'\nimport React, { useId, useMemo } from 'react'\n\nimport { defaultLanguages } from './defaultLanguages.js'\n\nexport type AdditionalCodeComponentProps = {\n  /**\n   * @default first key of the `languages` prop\n   */\n  defaultLanguage?: string\n  /**\n   * @default all languages supported by Monaco Editor\n   */\n  languages?: Record<string, string>\n  /**\n   * Override the name of the block.\n   *\n   * @default 'Code'\n   */\n  slug?: string\n  /**\n   * Configure typescript settings for the editor\n   */\n  typescript?: {\n    /**\n     * By default, the editor will not perform semantic validation. This means that\n     * while syntax errors will be highlighted, other issues like missing imports or incorrect\n     * types will not be.\n     *\n     * @default false\n     */\n    enableSemanticValidation?: boolean\n    /**\n     * Additional types to fetch and include in the editor for autocompletion.\n     *\n     * For example, to include types for payload, you would set this to\n     *\n     * [{ url: 'https://unpkg.com/payload@latest/dist/index.d.ts', filePath: 'file:///node_modules/payload/index.d.ts' }]\n     */\n    fetchTypes?: Array<{\n      filePath: string\n      url: string\n    }>\n    /**\n     * @default undefined\n     */\n    paths?: Record<string, string[]>\n    /**\n     * @default \"ESNext\"\n     */\n    target?: string\n    /**\n     * @default ['node_modules/@types']\n     */\n    typeRoots?: string[]\n  }\n}\n\nexport const CodeComponent: React.FC<AdditionalCodeComponentProps & CodeFieldClientProps> = ({\n  autoComplete,\n  field,\n  forceRender,\n  languages = defaultLanguages,\n  path,\n  permissions,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n  typescript,\n  validate,\n}) => {\n  const languageField = useFormFields(([fields]) => fields['language'])\n\n  const language: string =\n    (languageField?.value as string) || (languageField?.initialValue as string) || 'typescript'\n\n  // unique id per component instance to ensure Monaco creates a distinct model\n  // for each TypeScript code block. Using React's useId is SSR-safe and builtin.\n  const instanceId = useId()\n\n  const label = languages[language]\n\n  const props: CodeFieldClient = useMemo<CodeFieldClient>(\n    () => ({\n      ...field,\n      type: 'code',\n      admin: {\n        ...field.admin,\n        editorOptions: {},\n        editorProps: {\n          // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().\n          // Provide a unique defaultPath per instance so Monaco doesn't reuse the same model\n          // across multiple code block instances. We use field.name + instanceId for debugability.\n          defaultPath: language === 'ts' ? `file-${field.name}-${instanceId}.tsx` : undefined,\n        },\n        language,\n      },\n    }),\n    [field, language, instanceId],\n  )\n\n  const key = `${field.name}-${language}-${label}`\n\n  return (\n    props && (\n      <CodeField\n        autoComplete={autoComplete}\n        field={props}\n        forceRender={forceRender}\n        key={key}\n        onMount={(_editor, monaco) => {\n          monaco.editor.defineTheme('vs-dark', {\n            base: 'vs-dark',\n            colors: {\n              'editor.background': '#222222',\n            },\n            inherit: true,\n            rules: [],\n          })\n\n          monaco.editor.defineTheme('vs', {\n            base: 'vs',\n            colors: {\n              'editor.background': '#f5f5f5',\n            },\n            inherit: true,\n            rules: [],\n          })\n          monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n            allowNonTsExtensions: true,\n            // Set module resolution to NodeJs to enable autocompletion\n            allowJs: true,\n            allowSyntheticDefaultImports: true,\n            esModuleInterop: true,\n            jsx: monaco.languages.typescript.JsxEmit.React,\n            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n            noEmit: true,\n            paths: typescript?.paths,\n            reactNamespace: 'React',\n            target: monaco.languages.typescript.ScriptTarget[\n              typescript?.target ?? ('ESNext' as any)\n            ] as any,\n            typeRoots: typescript?.typeRoots ?? ['node_modules/@types'],\n          })\n\n          monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n            noSemanticValidation: typescript?.enableSemanticValidation ? false : true,\n            noSyntaxValidation: false,\n          })\n\n          const run = async () => {\n            if (\n              typescript?.fetchTypes &&\n              Array.isArray(typescript.fetchTypes) &&\n              typescript.fetchTypes.length > 0\n            ) {\n              await Promise.all(\n                typescript.fetchTypes.map(async (type) => {\n                  const types = await fetch(type.url)\n                  const typesText = await types.text()\n                  monaco.languages.typescript.typescriptDefaults.addExtraLib(\n                    typesText,\n                    type.filePath,\n                  )\n                }),\n              )\n            }\n          }\n          void run()\n        }}\n        path={path}\n        permissions={permissions}\n        readOnly={readOnly}\n        renderedBlocks={renderedBlocks}\n        schemaPath={schemaPath}\n        validate={validate}\n      />\n    )\n  )\n}\n"],"names":["CodeField","useFormFields","useId","useMemo","defaultLanguages","CodeComponent","autoComplete","field","forceRender","languages","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","languageField","fields","language","value","initialValue","instanceId","label","props","type","admin","editorOptions","editorProps","defaultPath","name","undefined","key","onMount","_editor","monaco","editor","defineTheme","base","colors","inherit","rules","typescriptDefaults","setCompilerOptions","allowNonTsExtensions","allowJs","allowSyntheticDefaultImports","esModuleInterop","jsx","JsxEmit","React","moduleResolution","ModuleResolutionKind","NodeJs","noEmit","paths","reactNamespace","target","ScriptTarget","typeRoots","setDiagnosticsOptions","noSemanticValidation","enableSemanticValidation","noSyntaxValidation","run","fetchTypes","Array","isArray","length","Promise","all","map","types","fetch","url","typesText","text","addExtraLib","filePath"],"mappings":"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"}

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js

@@ -1,25 +1,12 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'code-block-collapse-button';
 import { useCollapsible } from '@payloadcms/ui';
 import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';
 export const Collapse = ()=>{
     const { toggle } = useCollapsible();
-    return /*#__PURE__*/ _jsxDEV("button", {
-        className: baseClass,
-        onClick: toggle,
-        type: "button",
-        children: /*#__PURE__*/ _jsxDEV(CollapseIcon, {}, void 0, false, {
-            fileName: "src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx",
-            lineNumber: 14,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx",
-        lineNumber: 13,
-        columnNumber: 5
-    }, this);
+    return <button className={baseClass} onClick={toggle} type="button">
+      <CollapseIcon/>
+    </button>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,qBACE,QAACI;QAAOC,WAAWN;QAAWO,SAASH;QAAQI,MAAK;kBAClD,cAAA,QAACN;;;;;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,QACGI,OAAOC,WAAWN,WAAWO,SAASH,QAAQI,KAAK,SAAS;MAC3D,CAACN,cAAe;IAClB,EAAEG;AAEN,EAAC"}

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js

@@ -1,5 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'code-block-floating-collapse-button';
 import { useCollapsible, useTranslation } from '@payloadcms/ui';
@@ -10,29 +8,10 @@ export const FloatingCollapse = ()=>{
     if (!isCollapsed) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV("button", {
-        className: baseClass,
-        onClick: toggle,
-        type: "button",
-        children: [
-            /*#__PURE__*/ _jsxDEV("span", {
-                children: t('general:collapse')
-            }, void 0, false, {
-                fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
-                lineNumber: 20,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(CollapseIcon, {}, void 0, false, {
-                fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
-                lineNumber: 21,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+    return <button className={baseClass} onClick={toggle} type="button">
+      <span>{t('general:collapse')}</span>
+      <CollapseIcon/>
+    </button>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,qBACE,QAACG;QAAOC,WAAWT;QAAWU,SAASJ;QAAQK,MAAK;;0BAClD,QAACC;0BAAML,EAAE;;;;;;0BACT,QAACJ;;;;;;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,QACGG,OAAOC,WAAWT,WAAWU,SAASJ,QAAQK,KAAK,SAAS;MAC3D,CAACC,MAAML,EAAE,sBAAsBK,KAAK;MACpC,CAACT,cAAe;IAClB,EAAEK;AAEN,EAAC"}

package/dist/features/blocks/server/nodes/BlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/server/nodes/BlocksNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { JsonObject } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type DOMConversionMap,\n  type DOMExportOutput,\n  type EditorConfig,\n  type ElementFormatType,\n  type LexicalEditor,\n  type LexicalNode,\n  type NodeKey,\n} from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\ntype BaseBlockFields<TBlockFields extends JsonObject = JsonObject> = {\n  /** Block form data */\n  blockName: string\n  blockType: string\n} & TBlockFields\n\nexport type BlockFields<TBlockFields extends JsonObject = JsonObject> = {\n  id: string\n} & BaseBlockFields<TBlockFields>\n\nexport type BlockFieldsOptionalID<TBlockFields extends JsonObject = JsonObject> = {\n  id?: string\n} & BaseBlockFields<TBlockFields>\n\nexport type SerializedBlockNode<TBlockFields extends JsonObject = JsonObject> = {\n  fields: BlockFields<TBlockFields>\n} & StronglyTypedLeafNode<SerializedDecoratorBlockNode, 'block'>\n\nexport class ServerBlockNode extends DecoratorBlockNode {\n  __cacheBuster: number\n  __fields: BlockFields\n\n  constructor({\n    cacheBuster,\n    fields,\n    format,\n    key,\n  }: {\n    cacheBuster?: number\n    fields: BlockFields\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__fields = fields\n    this.__cacheBuster = cacheBuster || 0\n  }\n\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return new this({\n      cacheBuster: node.__cacheBuster,\n      fields: node.__fields,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'block'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): ServerBlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createServerBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  override createDOM(config?: EditorConfig): HTMLElement {\n    const element = document.createElement('div')\n    addClassNamesToElement(element, config?.theme?.block)\n    return element\n  }\n\n  override decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null as unknown as JSX.Element\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('div')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return {\n      ...super.exportJSON(),\n      type: 'block',\n      fields: this.getFields(),\n      version: 2,\n    }\n  }\n\n  getCacheBuster(): number {\n    return this.getLatest().__cacheBuster\n  }\n\n  getFields(): BlockFields {\n    return this.getLatest().__fields\n  }\n\n  override getTextContent(): string {\n    return `Block Field`\n  }\n\n  setFields(fields: BlockFields, preventFormStateUpdate?: boolean): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n    if (!preventFormStateUpdate) {\n      writable.__cacheBuster++\n    }\n  }\n}\n\nexport function $createServerBlockNode(fields: BlockFieldsOptionalID): ServerBlockNode {\n  return $applyNodeReplacement(\n    new ServerBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isServerBlockNode(\n  node: LexicalNode | null | ServerBlockNode | undefined,\n): node is ServerBlockNode {\n  return node instanceof ServerBlockNode\n}\n"],"names":["DecoratorBlockNode","addClassNamesToElement","ObjectID","$applyNodeReplacement","ServerBlockNode","__cacheBuster","__fields","constructor","cacheBuster","fields","format","key","clone","node","__format","__key","getType","importDOM","importJSON","serializedNode","version","data","$createServerBlockNode","setFormat","isInline","createDOM","config","element","document","createElement","theme","block","decorate","editor","exportDOM","text","createTextNode","getTextContent","append","exportJSON","type","getFields","getCacheBuster","getLatest","setFields","preventFormStateUpdate","writable","getWritable","id","default","toHexString","$isServerBlockNode"],"mappings":"AAIA,SAASA,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,sBAAsB,QAAQ,iBAAgB;AACvD,OAAOC,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAQhB,UAAS;AAKd,oBAAoB,GAiBtB,OAAO,MAAMC,wBAAwBJ;IACnCK,cAAqB;IACrBC,SAAqB;IAErBC,YAAY,EACVC,WAAW,EACXC,MAAM,EACNC,MAAM,EACNC,GAAG,EAMJ,CAAE;QACD,KAAK,CAACD,QAAQC;QACd,IAAI,CAACL,QAAQ,GAAGG;QAChB,IAAI,CAACJ,aAAa,GAAGG,eAAe;IACtC;IAEA,OAAgBI,MAAMC,IAAqB,EAAmB;QAC5D,OAAO,IAAI,IAAI,CAAC;YACdL,aAAaK,KAAKR,aAAa;YAC/BI,QAAQI,KAAKP,QAAQ;YACrBI,QAAQG,KAAKC,QAAQ;YACrBH,KAAKE,KAAKE,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,YAAqD;QACnE,OAAO,CAAC;IACV;IAEA,OAAgBC,WAAWC,cAAmC,EAAmB;QAC/E,IAAIA,eAAeC,OAAO,KAAK,GAAG;YAChC,mFAAmF;YACnFD,iBAAiB;gBACf,GAAGA,cAAc;gBACjBV,QAAQ;oBACN,GAAG,AAACU,eAAuBV,MAAM,CAACY,IAAI;gBACxC;gBACAD,SAAS;YACX;QACF;QACA,MAAMP,OAAOS,uBAAuBH,eAAeV,MAAM;QACzDI,KAAKU,SAAS,CAACJ,eAAeT,MAAM;QACpC,OAAOG;IACT;IAEA,OAAOW,WAAkB;QACvB,OAAO;IACT;IAESC,UAAUC,MAAqB,EAAe;QACrD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvC5B,uBAAuB0B,SAASD,QAAQI,OAAOC;QAC/C,OAAOJ;IACT;IAESK,SAASC,MAAqB,EAAEP,MAAoB,EAAe;QAC1E,OAAO;IACT;IAESQ,YAA6B;QACpC,MAAMP,UAAUC,SAASC,aAAa,CAAC;QAEvC,MAAMM,OAAOP,SAASQ,cAAc,CAAC,IAAI,CAACC,cAAc;QACxDV,QAAQW,MAAM,CAACH;QACf,OAAO;YAAER;QAAQ;IACnB;IAESY,aAAkC;QACzC,OAAO;YACL,GAAG,KAAK,CAACA,YAAY;YACrBC,MAAM;YACN/B,QAAQ,IAAI,CAACgC,SAAS;YACtBrB,SAAS;QACX;IACF;IAEAsB,iBAAyB;QACvB,OAAO,IAAI,CAACC,SAAS,GAAGtC,aAAa;IACvC;IAEAoC,YAAyB;QACvB,OAAO,IAAI,CAACE,SAAS,GAAGrC,QAAQ;IAClC;IAES+B,iBAAyB;QAChC,OAAO,CAAC,WAAW,CAAC;IACtB;IAEAO,UAAUnC,MAAmB,EAAEoC,sBAAgC,EAAQ;QACrE,MAAMC,WAAW,IAAI,CAACC,WAAW;QACjCD,SAASxC,QAAQ,GAAGG;QACpB,IAAI,CAACoC,wBAAwB;YAC3BC,SAASzC,aAAa;QACxB;IACF;AACF;AAEA,OAAO,SAASiB,uBAAuBb,MAA6B;IAClE,OAAON,sBACL,IAAIC,gBAAgB;QAClBK,QAAQ;YACN,GAAGA,MAAM;YACTuC,IAAIvC,QAAQuC,MAAM,IAAI9C,SAAS+C,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdtC,IAAsD;IAEtD,OAAOA,gBAAgBT;AACzB"}
+{"version":3,"sources":["../../../../../src/features/blocks/server/nodes/BlocksNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { JsonObject } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type DOMConversionMap,\n  type DOMExportOutput,\n  type EditorConfig,\n  type ElementFormatType,\n  type LexicalEditor,\n  type LexicalNode,\n  type NodeKey,\n} from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\ntype BaseBlockFields<TBlockFields extends JsonObject = JsonObject> = {\n  /** Block form data */\n  blockName: string\n  blockType: string\n} & TBlockFields\n\nexport type BlockFields<TBlockFields extends JsonObject = JsonObject> = {\n  id: string\n} & BaseBlockFields<TBlockFields>\n\nexport type BlockFieldsOptionalID<TBlockFields extends JsonObject = JsonObject> = {\n  id?: string\n} & BaseBlockFields<TBlockFields>\n\nexport type SerializedBlockNode<TBlockFields extends JsonObject = JsonObject> = {\n  fields: BlockFields<TBlockFields>\n} & StronglyTypedLeafNode<SerializedDecoratorBlockNode, 'block'>\n\nexport class ServerBlockNode extends DecoratorBlockNode {\n  __cacheBuster: number\n  __fields: BlockFields\n\n  constructor({\n    cacheBuster,\n    fields,\n    format,\n    key,\n  }: {\n    cacheBuster?: number\n    fields: BlockFields\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__fields = fields\n    this.__cacheBuster = cacheBuster || 0\n  }\n\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return new this({\n      cacheBuster: node.__cacheBuster,\n      fields: node.__fields,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'block'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): ServerBlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createServerBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  override createDOM(config?: EditorConfig): HTMLElement {\n    const element = document.createElement('div')\n    addClassNamesToElement(element, config?.theme?.block)\n    return element\n  }\n\n  override decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null as unknown as JSX.Element\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('div')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return {\n      ...super.exportJSON(),\n      type: 'block',\n      fields: this.getFields(),\n      version: 2,\n    }\n  }\n\n  getCacheBuster(): number {\n    return this.getLatest().__cacheBuster\n  }\n\n  getFields(): BlockFields {\n    return this.getLatest().__fields\n  }\n\n  override getTextContent(): string {\n    return `Block Field`\n  }\n\n  setFields(fields: BlockFields, preventFormStateUpdate?: boolean): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n    if (!preventFormStateUpdate) {\n      writable.__cacheBuster++\n    }\n  }\n}\n\nexport function $createServerBlockNode(fields: BlockFieldsOptionalID): ServerBlockNode {\n  return $applyNodeReplacement(\n    new ServerBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isServerBlockNode(\n  node: LexicalNode | null | ServerBlockNode | undefined,\n): node is ServerBlockNode {\n  return node instanceof ServerBlockNode\n}\n"],"names":["DecoratorBlockNode","addClassNamesToElement","ObjectID","$applyNodeReplacement","ServerBlockNode","__cacheBuster","__fields","cacheBuster","fields","format","key","clone","node","__format","__key","getType","importDOM","importJSON","serializedNode","version","data","$createServerBlockNode","setFormat","isInline","createDOM","config","element","document","createElement","theme","block","decorate","editor","exportDOM","text","createTextNode","getTextContent","append","exportJSON","type","getFields","getCacheBuster","getLatest","setFields","preventFormStateUpdate","writable","getWritable","id","default","toHexString","$isServerBlockNode"],"mappings":"AAIA,SAASA,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,sBAAsB,QAAQ,iBAAgB;AACvD,OAAOC,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAQhB,UAAS;AAKd,oBAAoB,GAiBtB,OAAO,MAAMC,wBAAwBJ;IACnCK,cAAqB;IACrBC,SAAqB;IAErB,YAAY,EACVC,WAAW,EACXC,MAAM,EACNC,MAAM,EACNC,GAAG,EAMJ,CAAE;QACD,KAAK,CAACD,QAAQC;QACd,IAAI,CAACJ,QAAQ,GAAGE;QAChB,IAAI,CAACH,aAAa,GAAGE,eAAe;IACtC;IAEA,OAAgBI,MAAMC,IAAqB,EAAmB;QAC5D,OAAO,IAAI,IAAI,CAAC;YACdL,aAAaK,KAAKP,aAAa;YAC/BG,QAAQI,KAAKN,QAAQ;YACrBG,QAAQG,KAAKC,QAAQ;YACrBH,KAAKE,KAAKE,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,YAAqD;QACnE,OAAO,CAAC;IACV;IAEA,OAAgBC,WAAWC,cAAmC,EAAmB;QAC/E,IAAIA,eAAeC,OAAO,KAAK,GAAG;YAChC,mFAAmF;YACnFD,iBAAiB;gBACf,GAAGA,cAAc;gBACjBV,QAAQ;oBACN,GAAG,AAACU,eAAuBV,MAAM,CAACY,IAAI;gBACxC;gBACAD,SAAS;YACX;QACF;QACA,MAAMP,OAAOS,uBAAuBH,eAAeV,MAAM;QACzDI,KAAKU,SAAS,CAACJ,eAAeT,MAAM;QACpC,OAAOG;IACT;IAEA,OAAOW,WAAkB;QACvB,OAAO;IACT;IAESC,UAAUC,MAAqB,EAAe;QACrD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvC3B,uBAAuByB,SAASD,QAAQI,OAAOC;QAC/C,OAAOJ;IACT;IAESK,SAASC,MAAqB,EAAEP,MAAoB,EAAe;QAC1E,OAAO;IACT;IAESQ,YAA6B;QACpC,MAAMP,UAAUC,SAASC,aAAa,CAAC;QAEvC,MAAMM,OAAOP,SAASQ,cAAc,CAAC,IAAI,CAACC,cAAc;QACxDV,QAAQW,MAAM,CAACH;QACf,OAAO;YAAER;QAAQ;IACnB;IAESY,aAAkC;QACzC,OAAO;YACL,GAAG,KAAK,CAACA,YAAY;YACrBC,MAAM;YACN/B,QAAQ,IAAI,CAACgC,SAAS;YACtBrB,SAAS;QACX;IACF;IAEAsB,iBAAyB;QACvB,OAAO,IAAI,CAACC,SAAS,GAAGrC,aAAa;IACvC;IAEAmC,YAAyB;QACvB,OAAO,IAAI,CAACE,SAAS,GAAGpC,QAAQ;IAClC;IAES8B,iBAAyB;QAChC,OAAO,CAAC,WAAW,CAAC;IACtB;IAEAO,UAAUnC,MAAmB,EAAEoC,sBAAgC,EAAQ;QACrE,MAAMC,WAAW,IAAI,CAACC,WAAW;QACjCD,SAASvC,QAAQ,GAAGE;QACpB,IAAI,CAACoC,wBAAwB;YAC3BC,SAASxC,aAAa;QACxB;IACF;AACF;AAEA,OAAO,SAASgB,uBAAuBb,MAA6B;IAClE,OAAOL,sBACL,IAAIC,gBAAgB;QAClBI,QAAQ;YACN,GAAGA,MAAM;YACTuC,IAAIvC,QAAQuC,MAAM,IAAI7C,SAAS8C,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdtC,IAAsD;IAEtD,OAAOA,gBAAgBR;AACzB"}

package/dist/features/blocks/server/nodes/InlineBlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/server/nodes/InlineBlocksNode.tsx"],"sourcesContent":["import type {\n  DOMConversionMap,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n  blockType: string\n  id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = {\n  fields: InlineBlockFields<TBlockFields>\n} & StronglyTypedLeafNode<SerializedLexicalNode, 'inlineBlock'>\n\nexport class ServerInlineBlockNode extends DecoratorNode<null | React.ReactElement> {\n  __cacheBuster: number\n  __fields: InlineBlockFields\n\n  constructor({\n    cacheBuster,\n    fields,\n    key,\n  }: {\n    cacheBuster?: number\n    fields: InlineBlockFields\n    key?: NodeKey\n  }) {\n    super(key)\n    this.__fields = fields\n    this.__cacheBuster = cacheBuster || 0\n  }\n\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      cacheBuster: node.__cacheBuster,\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'inlineBlock'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): ServerInlineBlockNode {\n    const node = $createServerInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  canIndent() {\n    return true\n  }\n\n  override createDOM(config?: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, config?.theme?.inlineBlock)\n    return element\n  }\n\n  override decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {\n    return null\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getCacheBuster(): number {\n    return this.getLatest().__cacheBuster\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  override getTextContent(): string {\n    return `Block Field`\n  }\n\n  override isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields, preventFormStateUpdate?: boolean): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n    if (!preventFormStateUpdate) {\n      writable.__cacheBuster++\n    }\n  }\n\n  override updateDOM(): boolean {\n    return false\n  }\n}\n\nexport function $createServerInlineBlockNode(\n  fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n  return $applyNodeReplacement(\n    new ServerInlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isServerInlineBlockNode(\n  node: LexicalNode | null | ServerInlineBlockNode | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],"names":["addClassNamesToElement","ObjectID","$applyNodeReplacement","DecoratorNode","ServerInlineBlockNode","__cacheBuster","__fields","constructor","cacheBuster","fields","key","clone","node","__key","getType","importDOM","importJSON","serializedNode","$createServerInlineBlockNode","isInline","canIndent","createDOM","config","element","document","createElement","theme","inlineBlock","decorate","editor","exportDOM","classList","add","text","createTextNode","getTextContent","append","exportJSON","type","getFields","version","getCacheBuster","getLatest","setFields","preventFormStateUpdate","writable","getWritable","updateDOM","id","default","toHexString","$isServerInlineBlockNode"],"mappings":"AAaA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,OAAOC,cAAc,gBAAe;AACpC,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,UAAS;AAa9D,OAAO,MAAMC,8BAA8BD;IACzCE,cAAqB;IACrBC,SAA2B;IAE3BC,YAAY,EACVC,WAAW,EACXC,MAAM,EACNC,GAAG,EAKJ,CAAE;QACD,KAAK,CAACA;QACN,IAAI,CAACJ,QAAQ,GAAGG;QAChB,IAAI,CAACJ,aAAa,GAAGG,eAAe;IACtC;IAEA,OAAgBG,MAAMC,IAA2B,EAAyB;QACxE,OAAO,IAAI,IAAI,CAAC;YACdJ,aAAaI,KAAKP,aAAa;YAC/BI,QAAQG,KAAKN,QAAQ;YACrBI,KAAKE,KAAKC,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,YAAqD;QACnE,OAAO,CAAC;IACV;IAEA,OAAgBC,WAAWC,cAAyC,EAAyB;QAC3F,MAAML,OAAOM,6BAA6BD,eAAeR,MAAM;QAC/D,OAAOG;IACT;IAEA,OAAOO,WAAkB;QACvB,OAAO;IACT;IAEAC,YAAY;QACV,OAAO;IACT;IAESC,UAAUC,MAAqB,EAAe;QACrD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvCzB,uBAAuBuB,SAASD,QAAQI,OAAOC;QAC/C,OAAOJ;IACT;IAESK,SAASC,MAAqB,EAAEP,MAAoB,EAAsB;QACjF,OAAO;IACT;IAESQ,YAA6B;QACpC,MAAMP,UAAUC,SAASC,aAAa,CAAC;QACvCF,QAAQQ,SAAS,CAACC,GAAG,CAAC;QAEtB,MAAMC,OAAOT,SAASU,cAAc,CAAC,IAAI,CAACC,cAAc;QACxDZ,QAAQa,MAAM,CAACH;QACf,OAAO;YAAEV;QAAQ;IACnB;IAESc,aAAwC;QAC/C,OAAO;YACLC,MAAM;YACN7B,QAAQ,IAAI,CAAC8B,SAAS;YACtBC,SAAS;QACX;IACF;IAEAC,iBAAyB;QACvB,OAAO,IAAI,CAACC,SAAS,GAAGrC,aAAa;IACvC;IAEAkC,YAA+B;QAC7B,OAAO,IAAI,CAACG,SAAS,GAAGpC,QAAQ;IAClC;IAES6B,iBAAyB;QAChC,OAAO,CAAC,WAAW,CAAC;IACtB;IAEShB,WAAW;QAClB,OAAO;IACT;IAEAwB,UAAUlC,MAAyB,EAAEmC,sBAAgC,EAAQ;QAC3E,MAAMC,WAAW,IAAI,CAACC,WAAW;QACjCD,SAASvC,QAAQ,GAAGG;QACpB,IAAI,CAACmC,wBAAwB;YAC3BC,SAASxC,aAAa;QACxB;IACF;IAES0C,YAAqB;QAC5B,OAAO;IACT;AACF;AAEA,OAAO,SAAS7B,6BACdT,MAAwC;IAExC,OAAOP,sBACL,IAAIE,sBAAsB;QACxBK,QAAQ;YACN,GAAGA,MAAM;YACTuC,IAAIvC,QAAQuC,MAAM,IAAI/C,SAASgD,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,yBACdvC,IAA4D;IAE5D,OAAOA,gBAAgBR;AACzB"}
+{"version":3,"sources":["../../../../../src/features/blocks/server/nodes/InlineBlocksNode.tsx"],"sourcesContent":["import type {\n  DOMConversionMap,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n  blockType: string\n  id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = {\n  fields: InlineBlockFields<TBlockFields>\n} & StronglyTypedLeafNode<SerializedLexicalNode, 'inlineBlock'>\n\nexport class ServerInlineBlockNode extends DecoratorNode<null | React.ReactElement> {\n  __cacheBuster: number\n  __fields: InlineBlockFields\n\n  constructor({\n    cacheBuster,\n    fields,\n    key,\n  }: {\n    cacheBuster?: number\n    fields: InlineBlockFields\n    key?: NodeKey\n  }) {\n    super(key)\n    this.__fields = fields\n    this.__cacheBuster = cacheBuster || 0\n  }\n\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      cacheBuster: node.__cacheBuster,\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'inlineBlock'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): ServerInlineBlockNode {\n    const node = $createServerInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  canIndent() {\n    return true\n  }\n\n  override createDOM(config?: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, config?.theme?.inlineBlock)\n    return element\n  }\n\n  override decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {\n    return null\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getCacheBuster(): number {\n    return this.getLatest().__cacheBuster\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  override getTextContent(): string {\n    return `Block Field`\n  }\n\n  override isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields, preventFormStateUpdate?: boolean): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n    if (!preventFormStateUpdate) {\n      writable.__cacheBuster++\n    }\n  }\n\n  override updateDOM(): boolean {\n    return false\n  }\n}\n\nexport function $createServerInlineBlockNode(\n  fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n  return $applyNodeReplacement(\n    new ServerInlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isServerInlineBlockNode(\n  node: LexicalNode | null | ServerInlineBlockNode | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],"names":["addClassNamesToElement","ObjectID","$applyNodeReplacement","DecoratorNode","ServerInlineBlockNode","__cacheBuster","__fields","cacheBuster","fields","key","clone","node","__key","getType","importDOM","importJSON","serializedNode","$createServerInlineBlockNode","isInline","canIndent","createDOM","config","element","document","createElement","theme","inlineBlock","decorate","editor","exportDOM","classList","add","text","createTextNode","getTextContent","append","exportJSON","type","getFields","version","getCacheBuster","getLatest","setFields","preventFormStateUpdate","writable","getWritable","updateDOM","id","default","toHexString","$isServerInlineBlockNode"],"mappings":"AAaA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,OAAOC,cAAc,gBAAe;AACpC,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,UAAS;AAa9D,OAAO,MAAMC,8BAA8BD;IACzCE,cAAqB;IACrBC,SAA2B;IAE3B,YAAY,EACVC,WAAW,EACXC,MAAM,EACNC,GAAG,EAKJ,CAAE;QACD,KAAK,CAACA;QACN,IAAI,CAACH,QAAQ,GAAGE;QAChB,IAAI,CAACH,aAAa,GAAGE,eAAe;IACtC;IAEA,OAAgBG,MAAMC,IAA2B,EAAyB;QACxE,OAAO,IAAI,IAAI,CAAC;YACdJ,aAAaI,KAAKN,aAAa;YAC/BG,QAAQG,KAAKL,QAAQ;YACrBG,KAAKE,KAAKC,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,YAAqD;QACnE,OAAO,CAAC;IACV;IAEA,OAAgBC,WAAWC,cAAyC,EAAyB;QAC3F,MAAML,OAAOM,6BAA6BD,eAAeR,MAAM;QAC/D,OAAOG;IACT;IAEA,OAAOO,WAAkB;QACvB,OAAO;IACT;IAEAC,YAAY;QACV,OAAO;IACT;IAESC,UAAUC,MAAqB,EAAe;QACrD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvCxB,uBAAuBsB,SAASD,QAAQI,OAAOC;QAC/C,OAAOJ;IACT;IAESK,SAASC,MAAqB,EAAEP,MAAoB,EAAsB;QACjF,OAAO;IACT;IAESQ,YAA6B;QACpC,MAAMP,UAAUC,SAASC,aAAa,CAAC;QACvCF,QAAQQ,SAAS,CAACC,GAAG,CAAC;QAEtB,MAAMC,OAAOT,SAASU,cAAc,CAAC,IAAI,CAACC,cAAc;QACxDZ,QAAQa,MAAM,CAACH;QACf,OAAO;YAAEV;QAAQ;IACnB;IAESc,aAAwC;QAC/C,OAAO;YACLC,MAAM;YACN7B,QAAQ,IAAI,CAAC8B,SAAS;YACtBC,SAAS;QACX;IACF;IAEAC,iBAAyB;QACvB,OAAO,IAAI,CAACC,SAAS,GAAGpC,aAAa;IACvC;IAEAiC,YAA+B;QAC7B,OAAO,IAAI,CAACG,SAAS,GAAGnC,QAAQ;IAClC;IAES4B,iBAAyB;QAChC,OAAO,CAAC,WAAW,CAAC;IACtB;IAEShB,WAAW;QAClB,OAAO;IACT;IAEAwB,UAAUlC,MAAyB,EAAEmC,sBAAgC,EAAQ;QAC3E,MAAMC,WAAW,IAAI,CAACC,WAAW;QACjCD,SAAStC,QAAQ,GAAGE;QACpB,IAAI,CAACmC,wBAAwB;YAC3BC,SAASvC,aAAa;QACxB;IACF;IAESyC,YAAqB;QAC5B,OAAO;IACT;AACF;AAEA,OAAO,SAAS7B,6BACdT,MAAwC;IAExC,OAAON,sBACL,IAAIE,sBAAsB;QACxBI,QAAQ;YACN,GAAGA,MAAM;YACTuC,IAAIvC,QAAQuC,MAAM,IAAI9C,SAAS+C,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,yBACdvC,IAA4D;IAE5D,OAAOA,gBAAgBP;AACzB"}

package/dist/features/converters/lexicalToJSX/Component/index.js

@@ -1,5 +1,3 @@
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
-import React from 'react';
 import { defaultJSXConverters } from '../converter/defaultConverters.js';
 import { convertLexicalToJSX } from '../converter/index.js';
 /**
@@ -37,18 +35,9 @@ import { convertLexicalToJSX } from '../converter/index.js';
         disableTextAlign
     });
     if (disableContainer) {
-        return /*#__PURE__*/ _jsxDEV(_Fragment, {
-            children: content
-        }, void 0, false);
+        return <>{content}</>;
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: className ?? 'payload-richtext',
-        children: content
-    }, void 0, false, {
-        fileName: "src/features/converters/lexicalToJSX/Component/index.tsx",
-        lineNumber: 88,
-        columnNumber: 10
-    }, this);
+    return <div className={className ?? 'payload-richtext'}>{content}</div>;
 };
 
 //# sourceMappingURL=index.js.map