@payloadcms/richtext-lexical 4.0.0-internal.e7d4ebc → 4.0.0-internal.ee5d8bd

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './index.css';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
@@ -12,6 +13,7 @@ import { defaultLanguages } from './defaultLanguages.js';
 import { FloatingCollapse } from './FloatingCollapse/index.js';
 const baseClass = 'payload-richtext-code-block';
 export const CodeBlockBlockComponent = args => {
+  const $ = _c(15);
   const {
     languages: languagesFromProps
   } = args;
@@ -29,90 +31,131 @@ export const CodeBlockBlockComponent = args => {
   } = useTranslation();
   const {
     codeField
-  } = useFormFields(([fields]) => ({
-    codeField: fields?.code
-  }));
+  } = useFormFields(_temp);
+  let t0;
+  if ($[0] !== setModified) {
+    t0 = t1 => {
+      const [fields_0, dispatch] = t1;
+      return {
+        selectedLanguageField: fields_0?.language,
+        setSelectedLanguage: language => {
+          dispatch({
+            type: "UPDATE",
+            path: "language",
+            value: language
+          });
+          setModified(true);
+        }
+      };
+    };
+    $[0] = setModified;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
   const {
     selectedLanguageField,
     setSelectedLanguage
-  } = useFormFields(([fields_0, dispatch]) => ({
-    selectedLanguageField: fields_0?.language,
-    setSelectedLanguage: language => {
-      dispatch({
-        type: 'UPDATE',
-        path: 'language',
-        value: language
-      });
-      setModified(true);
-    }
-  }));
+  } = useFormFields(t0);
   const selectedLanguageLabel = languages[selectedLanguageField?.value];
   const isEditable = useLexicalEditable();
-  const languageEntries = React.useMemo(() => {
-    return Object.entries(languages).map(([languageCode, languageLabel]) => ({
-      name: `${languageCode} ${languageLabel}`,
-      Component: /*#__PURE__*/_jsx(PopupList.Button, {
-        active: false,
-        disabled: false,
-        onClick: () => {
-          setSelectedLanguage(languageCode);
-        },
-        children: /*#__PURE__*/_jsx("span", {
-          className: `${baseClass}__language-code`,
-          "data-language": languageCode,
-          children: languageLabel
+  let t1;
+  if ($[2] !== languages || $[3] !== setSelectedLanguage) {
+    t1 = Object.entries(languages).map(t2 => {
+      const [languageCode, languageLabel] = t2;
+      return {
+        name: `${languageCode} ${languageLabel}`,
+        Component: _jsx(PopupList.Button, {
+          active: false,
+          disabled: false,
+          onClick: () => {
+            setSelectedLanguage(languageCode);
+          },
+          children: _jsx("span", {
+            className: `${baseClass}__language-code`,
+            "data-language": languageCode,
+            children: languageLabel
+          })
         })
+      };
+    });
+    $[2] = languages;
+    $[3] = setSelectedLanguage;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const languageEntries = t1;
+  let t2;
+  if ($[5] !== BlockCollapsible || $[6] !== RemoveButton || $[7] !== codeField?.value || $[8] !== formSchema || $[9] !== isEditable || $[10] !== languageEntries || $[11] !== selectedLanguageField?.value || $[12] !== selectedLanguageLabel || $[13] !== t) {
+    t2 = _jsx(BlockCollapsible, {
+      Actions: _jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [_jsx(Combobox, {
+          "aria-label": t("general:language"),
+          button: _jsxs("div", {
+            className: `${baseClass}__language-selector-button`,
+            "data-selected-language": selectedLanguageField?.value,
+            children: [_jsx("span", {
+              children: selectedLanguageLabel
+            }), _jsx(ChevronIcon, {
+              className: `${baseClass}__chevron`
+            })]
+          }),
+          buttonType: "custom",
+          className: `${baseClass}__language-selector`,
+          disabled: !isEditable,
+          entries: languageEntries,
+          horizontalAlign: "right",
+          minEntriesForSearch: 8,
+          searchPlaceholder: t("fields:searchForLanguage"),
+          showScrollbar: true,
+          size: "large"
+        }), _jsx(CopyToClipboard, {
+          value: codeField?.value ?? ""
+        }), _jsx(Collapse, {}), isEditable && _jsx(RemoveButton, {})]
+      }),
+      className: baseClass,
+      collapsibleProps: {
+        AfterCollapsible: _jsx(FloatingCollapse, {}),
+        disableHeaderToggle: true,
+        disableToggleIndicator: true
+      },
+      Pill: _jsx("div", {
+        className: `${baseClass}__pill`,
+        children: _jsx(CodeBlockIcon, {})
+      }),
+      showDragHandle: false,
+      showRowNumber: false,
+      children: _jsx(RenderFields, {
+        fields: formSchema,
+        forceRender: true,
+        parentIndexPath: "",
+        parentPath: "",
+        parentSchemaPath: "",
+        permissions: true,
+        readOnly: !isEditable
       })
-    }));
-  }, [languages, setSelectedLanguage]);
-  return /*#__PURE__*/_jsx(BlockCollapsible, {
-    Actions: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__actions`,
-      children: [/*#__PURE__*/_jsx(Combobox, {
-        "aria-label": t('general:language'),
-        button: /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__language-selector-button`,
-          "data-selected-language": selectedLanguageField?.value,
-          children: [/*#__PURE__*/_jsx("span", {
-            children: selectedLanguageLabel
-          }), /*#__PURE__*/_jsx(ChevronIcon, {
-            className: `${baseClass}__chevron`
-          })]
-        }),
-        buttonType: "custom",
-        className: `${baseClass}__language-selector`,
-        disabled: !isEditable,
-        entries: languageEntries,
-        horizontalAlign: "right",
-        minEntriesForSearch: 8,
-        searchPlaceholder: t('fields:searchForLanguage'),
-        showScrollbar: true,
-        size: "large"
-      }), /*#__PURE__*/_jsx(CopyToClipboard, {
-        value: codeField?.value ?? ''
-      }), /*#__PURE__*/_jsx(Collapse, {}), isEditable && /*#__PURE__*/_jsx(RemoveButton, {})]
-    }),
-    className: baseClass,
-    collapsibleProps: {
-      AfterCollapsible: /*#__PURE__*/_jsx(FloatingCollapse, {}),
-      disableHeaderToggle: true,
-      disableToggleIndicator: true
-    },
-    Pill: /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__pill`,
-      children: /*#__PURE__*/_jsx(CodeBlockIcon, {})
-    }),
-    showDragHandle: false,
-    showRowNumber: false,
-    children: /*#__PURE__*/_jsx(RenderFields, {
-      fields: formSchema,
-      forceRender: true,
-      parentIndexPath: "",
-      parentPath: '',
-      parentSchemaPath: "",
-      permissions: true,
-      readOnly: !isEditable
-    })
-  });
+    });
+    $[5] = BlockCollapsible;
+    $[6] = RemoveButton;
+    $[7] = codeField?.value;
+    $[8] = formSchema;
+    $[9] = isEditable;
+    $[10] = languageEntries;
+    $[11] = selectedLanguageField?.value;
+    $[12] = selectedLanguageLabel;
+    $[13] = t;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
 };
+function _temp(t0) {
+  const [fields] = t0;
+  return {
+    codeField: fields?.code
+  };
+}
 //# sourceMappingURL=Block.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Block.js","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","_jsx","Button","active","disabled","onClick","className","Actions","_jsxs","button","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","showDragHandle","showRowNumber","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"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.css'\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            aria-label={t('general:language')}\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      showDragHandle={false}\n      showRowNumber={false}\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Block.js","names":["c","_c","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","_temp","t0","t1","fields_0","dispatch","selectedLanguageField","fields","language","setSelectedLanguage","type","path","value","selectedLanguageLabel","isEditable","Object","entries","map","t2","languageCode","languageLabel","name","Component","_jsx","Button","active","disabled","onClick","children","className","languageEntries","Actions","_jsxs","button","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","showRowNumber","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","code"],"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.css'\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            aria-label={t('general:language')}\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      showDragHandle={false}\n      showRowNumber={false}\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAO;AAEP,SAASC,kBAAkB,QAAQ;AACnC,SACEC,WAAW,EACXC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,aAAa,EACbC,cAAc,QACT;AACP,OAAOC,KAAA,MAAW;AAIlB,SAASC,aAAa,QAAQ;AAC9B,SAASC,wBAAwB,QAAQ;AACzC,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,uBAAA,GAAqFC,IAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAGhG;IAAAoB,SAAA,EAAAC;EAAA,IAA0CH,IAAA;EAC1C,MAAAE,SAAA,GAAkBC,kBAAsB,IAAtBP,gBAAsB;EAExC;IAAAQ,gBAAA;IAAAC,UAAA;IAAAC;EAAA,IAAuDZ,wBAAA;EACvD;IAAAa;EAAA,IAAwBlB,OAAA;EACxB;IAAAmB;EAAA,IAAcjB,cAAA;EAEd;IAAAkB;EAAA,IAAsBnB,aAAA,CAAcoB,KAEpC;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAM,WAAA;IAEqEI,EAAA,GAAAC,EAAA;MAAC,OAAAC,QAAA,EAAAC,QAAA,IAAAF,EAAkB;MAAA,OAAM;QAAAG,qBAAA,EACrEC,QAAA,EAAAC,QAAQ;QAAAC,mBAAA,EACVD,QAAA;UACnBH,QAAA,CAAS;YAAAK,IAAA,EACD;YAAAC,IAAA,EACA;YAAAC,KAAA,EACCJ;UACT;UACAV,WAAA,CAAY;QAAA;MAEhB;IAAA;IAAAN,CAAA,MAAAM,WAAA;IAAAN,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAVA;IAAAc,qBAAA;IAAAG;EAAA,IAAuD5B,aAAA,CAAcqB,EAUrE;EAEA,MAAAW,qBAAA,GAA8BpB,SAAS,CAACa,qBAAA,EAAAM,KAAuB,CAAgC;EAE/F,MAAAE,UAAA,GAAmBxC,kBAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAX,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAiB,mBAAA;IAGVN,EAAA,GAAAY,MAAA,CAAAC,OAAc,CAACvB,SAAA,EAAAwB,GAAc,CAACC,EAAA;MAAC,OAAAC,YAAA,EAAAC,aAAA,IAAAF,EAA6B;MAAA,OAAM;QAAAG,IAAA,EACjE,GAAGF,YAAA,IAAgBC,aAAA,EAAe;QAAAE,SAAA,EAEtCC,IAAA,CAAC7C,SAAA,CAAA8C,MAAgB;UAAAC,MAAA,EACP;UAAAC,QAAA,EACE;UAAAC,OAAA,EACDA,CAAA;YACPlB,mBAAA,CAAoBU,YAAA;UAAA,CACtB;UAAAS,QAAA,EAEAL,IAAA,CAAC;YAAAM,SAAA,EAAgB,GAAGxC,SAAA,iBAA0B;YAAA,iBAAiB8B,YAAA;YAAAS,QAAA,EAC5DR;;;MAIT;IAAA;IAAA5B,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAiB,mBAAA;IAAAjB,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAhBF,MAAAsC,eAAA,GACE3B,EAeA;EACiC,IAAAe,EAAA;EAAA,IAAA1B,CAAA,QAAAG,gBAAA,IAAAH,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAQ,SAAA,EAAAY,KAAA,IAAApB,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAsB,UAAA,IAAAtB,CAAA,SAAAsC,eAAA,IAAAtC,CAAA,SAAAc,qBAAA,EAAAM,KAAA,IAAApB,CAAA,SAAAqB,qBAAA,IAAArB,CAAA,SAAAO,CAAA;IAGjCmB,EAAA,GAAAK,IAAA,CAAC5B,gBAAA;MAAAoC,OAAA,EAEGC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAGxC,SAAA,WAAoB;QAAAuC,QAAA,E,CACrCL,IAAA,CAAC/C,QAAA;UAAA,cACauB,CAAA,CAAE;UAAAkC,MAAA,EAEZD,KAAA,CAAC;YAAAH,SAAA,EACY,GAAGxC,SAAA,4BAAqC;YAAA,0BAC3BiB,qBAAA,EAAAM,KAAuB;YAAAgB,QAAA,E,CAE/CL,IAAA,CAAC;cAAAK,QAAA,EAAMf;gBACPU,IAAA,CAAChD,WAAA;cAAAsD,SAAA,EAAuB,GAAGxC,SAAA;;;sBAGpB;UAAAwC,SAAA,EACA,GAAGxC,SAAA,qBAA8B;UAAAqC,QAAA,EAClC,CAACZ,UAAA;UAAAE,OAAA,EACFc,eAAA;UAAAI,eAAA,EACO;UAAAC,mBAAA,EACK;UAAAC,iBAAA,EACFrC,CAAA,CAAE;UAAAsC,aAAA,EACR;UAAAC,IAAA,EACR;YAEPf,IAAA,CAAC9C,eAAA;UAAAmC,KAAA,EAAuBZ,SAAC,EAAAY,KAA+B,IAAhC;YAExBW,IAAA,CAACrC,QAAA,OAEA4B,UAAe,IAADS,IAAA,CAAC1B,YAAA;;iBAGTR,SAAA;MAAAkD,gBAAA,EACO;QAAAC,gBAAA,EACEjB,IAAA,CAACnC,gBAAA;QAAAqD,mBAAA,EACE;QAAAC,sBAAA,EACG;MAC1B;MAAAC,IAAA,EAEEpB,IAAA,CAAC;QAAAM,SAAA,EAAe,GAAGxC,SAAA,QAAiB;QAAAuC,QAAA,EAClCL,IAAA,CAACvC,aAAA;;sBAGW;MAAA4D,aAAA,EACD;MAAAhB,QAAA,EAEfL,IAAA,CAAC5C,YAAA;QAAA4B,MAAA,EACSX,UAAA;QAAAiD,WAAA,EACK;QAAAC,eAAA,EACG;QAAAC,UAAA,EACJ;QAAAC,gBAAA,EACK;QAAAC,WAAA,EACJ;QAAAC,QAAA,EACH,CAACpC;;;;;;;;;;;;;;;;SApDfI,E;CAwDJ;AA1GkG,SAAAjB,MAAAC,EAAA;EAU3D,OAAAK,MAAA,IAAAL,EAAQ;EAAA,OAAM;IAAAF,SAAA,EACtCO,MAAA,EAAA4C;EACb;AAAA","ignoreList":[]}

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

@@ -1,100 +1,155 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CodeField, useFormFields } from '@payloadcms/ui';
 import React, { useId, useMemo } from 'react';
 import { defaultLanguages } from './defaultLanguages.js';
-export const CodeComponent = ({
-  autoComplete,
-  field,
-  forceRender,
-  languages = defaultLanguages,
-  path,
-  permissions,
-  readOnly,
-  renderedBlocks,
-  schemaPath,
-  typescript,
-  validate
-}) => {
-  const languageField = useFormFields(([fields]) => fields['language']);
-  const language = languageField?.value || languageField?.initialValue || 'typescript';
-  // unique id per component instance to ensure Monaco creates a distinct model
-  // for each TypeScript code block. Using React's useId is SSR-safe and builtin.
+export const CodeComponent = t0 => {
+  const $ = _c(22);
+  const {
+    autoComplete,
+    field,
+    forceRender,
+    languages: t1,
+    path,
+    permissions,
+    readOnly,
+    renderedBlocks,
+    schemaPath,
+    typescript,
+    validate
+  } = t0;
+  const languages = t1 === undefined ? defaultLanguages : t1;
+  const languageField = useFormFields(_temp);
+  const language = languageField?.value || languageField?.initialValue || "typescript";
   const instanceId = useId();
   const label = languages[language];
-  const props = useMemo(() => ({
-    ...field,
-    type: 'code',
-    admin: {
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const t3 = language === "ts" ? `file-${field.name}-${instanceId}.tsx` : undefined;
+  let t4;
+  if ($[1] !== t3) {
+    t4 = {
+      defaultPath: t3
+    };
+    $[1] = t3;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  let t5;
+  if ($[3] !== field.admin || $[4] !== language || $[5] !== t4) {
+    t5 = {
       ...field.admin,
-      editorOptions: {},
-      editorProps: {
-        // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().
-        // Provide a unique defaultPath per instance so Monaco doesn't reuse the same model
-        // across multiple code block instances. We use field.name + instanceId for debugability.
-        defaultPath: language === 'ts' ? `file-${field.name}-${instanceId}.tsx` : undefined
-      },
+      editorOptions: t2,
+      editorProps: t4,
       language
-    }
-  }), [field, language, instanceId]);
+    };
+    $[3] = field.admin;
+    $[4] = language;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== field || $[8] !== t5) {
+    t6 = {
+      ...field,
+      type: "code",
+      admin: t5
+    };
+    $[7] = field;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const props = t6;
   const key = `${field.name}-${language}-${label}`;
-  return props && /*#__PURE__*/_jsx(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);
+  let t7;
+  if ($[10] !== autoComplete || $[11] !== forceRender || $[12] !== key || $[13] !== path || $[14] !== permissions || $[15] !== props || $[16] !== readOnly || $[17] !== renderedBlocks || $[18] !== schemaPath || $[19] !== typescript || $[20] !== validate) {
+    t7 = props && _jsx(CodeField, {
+      autoComplete,
+      field: props,
+      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,
+          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);
+            }));
+          }
+        };
+        run();
+      },
+      path,
+      permissions,
+      readOnly,
+      renderedBlocks,
+      schemaPath,
+      validate
+    }, key);
+    $[10] = autoComplete;
+    $[11] = forceRender;
+    $[12] = key;
+    $[13] = path;
+    $[14] = permissions;
+    $[15] = props;
+    $[16] = readOnly;
+    $[17] = renderedBlocks;
+    $[18] = schemaPath;
+    $[19] = typescript;
+    $[20] = validate;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  return t7;
 };
+function _temp(t0) {
+  const [fields] = t0;
+  return fields.language;
+}
 //# sourceMappingURL=Code.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Code.js","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","_jsx","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"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Code.js","names":["c","_c","CodeField","useFormFields","React","useId","useMemo","defaultLanguages","CodeComponent","t0","$","autoComplete","field","forceRender","languages","t1","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","undefined","languageField","_temp","language","value","initialValue","instanceId","label","t2","Symbol","for","t3","name","t4","defaultPath","t5","admin","editorOptions","editorProps","t6","type","props","key","t7","_jsx","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","fields"],"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"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/server/index.js

@@ -10,14 +10,14 @@ import { ServerInlineBlockNode } from './nodes/InlineBlocksNode.js';
 import { createBlockNodeJSONSchema, createInlineBlockNodeJSONSchema } from './schema.js';
 import { blockValidationHOC } from './validate.js';
 export const BlocksFeature = createServerFeature({
-  feature: async ({
+  feature: ({
     config: _config,
     isRoot,
     parentIsLocalized,
     props: _props
   }) => {
     const validRelationships = _config.collections.map(c => c.slug) || [];
-    const sanitized = await sanitizeFields({
+    const sanitized = sanitizeFields({
       config: _config,
       fields: [{
         name: 'lexical_blocks',