@payloadcms/richtext-lexical 3.80.0-canary.3 → 3.80.0-internal-debug.daef79f

package/dist/field/RenderLexical/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FieldContext, FieldPathContext, ServerFunctionsContext, ShimmerEffect, useServerFunctions } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useRef } from 'react';
 /**
@@ -9,123 +7,129 @@ import React, { useCallback, useEffect, useRef } from 'react';
  *
  * @experimental - may break in minor releases
  * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx
- */
-export const RenderLexical = args => {
-  const $ = _c(9);
-  const {
-    field,
-    initialValue,
-    Loading,
-    path,
-    schemaPath,
-    setValue,
-    value
-  } = args;
-  const [Component, setComponent] = React.useState(null);
-  const serverFunctionContext = useServerFunctions();
-  const {
-    _internal_renderField
-  } = serverFunctionContext;
-  const [entityType, entitySlug] = schemaPath.split(".", 2);
-  const fieldPath = path ?? (field && "name" in field ? field?.name : "") ?? "";
-  let t0;
-  if ($[0] !== _internal_renderField || $[1] !== field || $[2] !== initialValue || $[3] !== path || $[4] !== schemaPath) {
-    t0 = () => {
-      const render = async function render() {
-        const {
-          Field
-        } = await _internal_renderField({
-          field: {
-            ...(field || {}),
-            type: "richText",
-            admin: {
-              ...(field?.admin || {}),
-              hidden: false
-            }
-          },
-          initialValue: initialValue ?? undefined,
-          path,
-          schemaPath
-        });
-        setComponent(Field);
-      };
-      render();
+ */ export const RenderLexical = /**
+   * If value or setValue, or both, is provided, this component will manage its own value.
+   * If neither is passed, it will rely on the parent form to manage the value.
+   */ /**
+     * Override the loading state while the field component is being fetched and rendered.
+     */ (args)=>{
+    const { field, initialValue, Loading, path, schemaPath, setValue, value } = args;
+    const [Component, setComponent] = React.useState(null);
+    const serverFunctionContext = useServerFunctions();
+    const { _internal_renderField } = serverFunctionContext;
+    const [entityType, entitySlug] = schemaPath.split('.', 2);
+    const fieldPath = path ?? (field && 'name' in field ? field?.name : '') ?? '';
+    const renderLexical = useCallback(()=>{
+        async function render() {
+            const { Field } = await _internal_renderField({
+                field: {
+                    ...field || {},
+                    type: 'richText',
+                    admin: {
+                        ...field?.admin || {},
+                        // When using "fake" anchor fields, hidden is often set to true. We need to override that here to ensure the field is rendered.
+                        hidden: false
+                    }
+                },
+                initialValue: initialValue ?? undefined,
+                path,
+                schemaPath
+            });
+            setComponent(Field);
+        }
+        void render();
+    }, [
+        _internal_renderField,
+        schemaPath,
+        path,
+        field,
+        initialValue
+    ]);
+    const mounted = useRef(false);
+    useEffect(()=>{
+        if (mounted.current) {
+            return;
+        }
+        mounted.current = true;
+        void renderLexical();
+    }, [
+        renderLexical
+    ]);
+    if (!Component) {
+        return typeof Loading !== 'undefined' ? Loading : /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+            fileName: "src/field/RenderLexical/index.tsx",
+            lineNumber: 82,
+            columnNumber: 55
+        }, this);
+    }
+    /**
+   * By default, the lexical will make form state requests (e.g. to get drawer fields), passing in the arguments
+   * of the current field. However, we need to override those arguments to get it to make requests based on the
+   * *target* field. The server only knows the schema map of the target field.
+   */ const adjustedServerFunctionContext = {
+        ...serverFunctionContext,
+        getFormState: async (getFormStateArgs)=>{
+            return serverFunctionContext.getFormState({
+                ...getFormStateArgs,
+                collectionSlug: entityType === 'collection' ? entitySlug : undefined,
+                globalSlug: entityType === 'global' ? entitySlug : undefined
+            });
+        }
     };
-    $[0] = _internal_renderField;
-    $[1] = field;
-    $[2] = initialValue;
-    $[3] = path;
-    $[4] = schemaPath;
-    $[5] = t0;
-  } else {
-    t0 = $[5];
-  }
-  const renderLexical = t0;
-  const mounted = useRef(false);
-  let t1;
-  let t2;
-  if ($[6] !== renderLexical) {
-    t1 = () => {
-      if (mounted.current) {
-        return;
-      }
-      mounted.current = true;
-      renderLexical();
+    if (typeof value === 'undefined' && !setValue) {
+        return /*#__PURE__*/ _jsxDEV(ServerFunctionsContext, {
+            value: {
+                ...adjustedServerFunctionContext
+            },
+            children: /*#__PURE__*/ _jsxDEV(FieldPathContext, {
+                value: fieldPath,
+                children: Component
+            }, fieldPath, false, {
+                fileName: "src/field/RenderLexical/index.tsx",
+                lineNumber: 104,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/field/RenderLexical/index.tsx",
+            lineNumber: 103,
+            columnNumber: 7
+        }, this);
+    }
+    const fieldValue = {
+        disabled: false,
+        formInitializing: false,
+        formProcessing: false,
+        formSubmitted: false,
+        initialValue: value,
+        path: fieldPath,
+        setValue: setValue ?? (()=>undefined),
+        showError: false,
+        value
     };
-    t2 = [renderLexical];
-    $[6] = renderLexical;
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t1 = $[7];
-    t2 = $[8];
-  }
-  useEffect(t1, t2);
-  if (!Component) {
-    return typeof Loading !== "undefined" ? Loading : _jsx(ShimmerEffect, {});
-  }
-  const adjustedServerFunctionContext = {
-    ...serverFunctionContext,
-    getFormState: async getFormStateArgs => serverFunctionContext.getFormState({
-      ...getFormStateArgs,
-      collectionSlug: entityType === "collection" ? entitySlug : undefined,
-      globalSlug: entityType === "global" ? entitySlug : undefined
-    })
-  };
-  if (typeof value === "undefined" && !setValue) {
-    return _jsx(ServerFunctionsContext, {
-      value: {
-        ...adjustedServerFunctionContext
-      },
-      children: _jsx(FieldPathContext, {
-        value: fieldPath,
-        children: Component
-      }, fieldPath)
-    });
-  }
-  const fieldValue = {
-    disabled: false,
-    formInitializing: false,
-    formProcessing: false,
-    formSubmitted: false,
-    initialValue: value,
-    path: fieldPath,
-    setValue: setValue ?? _temp,
-    showError: false,
-    value
-  };
-  return _jsx(ServerFunctionsContext, {
-    value: {
-      ...adjustedServerFunctionContext
-    },
-    children: _jsx(FieldPathContext, {
-      value: fieldPath,
-      children: _jsx(FieldContext, {
-        value: fieldValue,
-        children: Component
-      })
-    }, fieldPath)
-  });
+    return /*#__PURE__*/ _jsxDEV(ServerFunctionsContext, {
+        value: {
+            ...adjustedServerFunctionContext
+        },
+        children: /*#__PURE__*/ _jsxDEV(FieldPathContext, {
+            value: fieldPath,
+            children: /*#__PURE__*/ _jsxDEV(FieldContext, {
+                value: fieldValue,
+                children: Component
+            }, void 0, false, {
+                fileName: "src/field/RenderLexical/index.tsx",
+                lineNumber: 126,
+                columnNumber: 9
+            }, this)
+        }, fieldPath, false, {
+            fileName: "src/field/RenderLexical/index.tsx",
+            lineNumber: 125,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/field/RenderLexical/index.tsx",
+        lineNumber: 124,
+        columnNumber: 5
+    }, this);
 };
-function _temp() {}
+
 //# sourceMappingURL=index.js.map

package/dist/field/RenderLexical/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","FieldContext","FieldPathContext","ServerFunctionsContext","ShimmerEffect","useServerFunctions","React","useCallback","useEffect","useRef","RenderLexical","args","$","field","initialValue","Loading","path","schemaPath","setValue","value","Component","setComponent","useState","serverFunctionContext","_internal_renderField","entityType","entitySlug","split","fieldPath","name","t0","render","Field","type","admin","hidden","undefined","renderLexical","mounted","t1","t2","current","_jsx","adjustedServerFunctionContext","getFormState","getFormStateArgs","collectionSlug","globalSlug","children","fieldValue","disabled","formInitializing","formProcessing","formSubmitted","_temp","showError"],"sources":["../../../src/field/RenderLexical/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextField } from 'payload'\n\nimport {\n  FieldContext,\n  FieldPathContext,\n  type FieldType,\n  type RenderFieldServerFnArgs,\n  ServerFunctionsContext,\n  type ServerFunctionsContextType,\n  ShimmerEffect,\n  useServerFunctions,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type { DefaultTypedEditorState } from '../../nodeTypes.js'\nimport type { LexicalRichTextField } from '../../types.js'\n\n/**\n * Utility to render a lexical editor on the client.\n *\n * @experimental - may break in minor releases\n * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx\n */\nexport const RenderLexical: React.FC<\n  /**\n   * If value or setValue, or both, is provided, this component will manage its own value.\n   * If neither is passed, it will rely on the parent form to manage the value.\n   */\n  {\n    /**\n     * Override the loading state while the field component is being fetched and rendered.\n     */\n    Loading?: React.ReactElement\n\n    setValue?: FieldType<DefaultTypedEditorState | undefined>['setValue']\n    value?: FieldType<DefaultTypedEditorState | undefined>['value']\n  } & RenderFieldServerFnArgs<LexicalRichTextField>\n> = (args) => {\n  const { field, initialValue, Loading, path, schemaPath, setValue, value } = args\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const serverFunctionContext = useServerFunctions()\n  const { _internal_renderField } = serverFunctionContext\n\n  const [entityType, entitySlug] = schemaPath.split('.', 2)\n\n  const fieldPath = path ?? (field && 'name' in field ? field?.name : '') ?? ''\n\n  const renderLexical = useCallback(() => {\n    async function render() {\n      const { Field } = await _internal_renderField({\n        field: {\n          ...((field as RichTextField) || {}),\n          type: 'richText',\n          admin: {\n            ...((field as RichTextField)?.admin || {}),\n            // When using \"fake\" anchor fields, hidden is often set to true. We need to override that here to ensure the field is rendered.\n            hidden: false,\n          },\n        },\n        initialValue: initialValue ?? undefined,\n        path,\n        schemaPath,\n      })\n\n      setComponent(Field)\n    }\n    void render()\n  }, [_internal_renderField, schemaPath, path, field, initialValue])\n\n  const mounted = useRef(false)\n\n  useEffect(() => {\n    if (mounted.current) {\n      return\n    }\n    mounted.current = true\n    void renderLexical()\n  }, [renderLexical])\n\n  if (!Component) {\n    return typeof Loading !== 'undefined' ? Loading : <ShimmerEffect />\n  }\n\n  /**\n   * By default, the lexical will make form state requests (e.g. to get drawer fields), passing in the arguments\n   * of the current field. However, we need to override those arguments to get it to make requests based on the\n   * *target* field. The server only knows the schema map of the target field.\n   */\n  const adjustedServerFunctionContext: ServerFunctionsContextType = {\n    ...serverFunctionContext,\n    getFormState: async (getFormStateArgs) => {\n      return serverFunctionContext.getFormState({\n        ...getFormStateArgs,\n        collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n        globalSlug: entityType === 'global' ? entitySlug : undefined,\n      })\n    },\n  }\n\n  if (typeof value === 'undefined' && !setValue) {\n    return (\n      <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n        <FieldPathContext key={fieldPath} value={fieldPath}>\n          {Component}\n        </FieldPathContext>\n      </ServerFunctionsContext>\n    )\n  }\n\n  const fieldValue: FieldType<DefaultTypedEditorState | undefined> = {\n    disabled: false,\n    formInitializing: false,\n    formProcessing: false,\n    formSubmitted: false,\n    initialValue: value,\n    path: fieldPath,\n    setValue: setValue ?? (() => undefined),\n    showError: false,\n    value,\n  }\n\n  return (\n    <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n      <FieldPathContext key={fieldPath} value={fieldPath}>\n        <FieldContext value={fieldValue}>{Component}</FieldContext>\n      </FieldPathContext>\n    </ServerFunctionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,YAAY,EACZC,gBAAgB,EAGhBC,sBAAsB,EAEtBC,aAAa,EACbC,kBAAkB,QACb;AACP,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAKtD;;;;;;AAMA,OAAO,MAAMC,aAAA,GAcTC,IAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACF;IAAAa,KAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC;EAAA,IAA4ER,IAAA;EAC5E,OAAAS,SAAA,EAAAC,YAAA,IAAkCf,KAAA,CAAAgB,QAAA,KAAuC;EACzE,MAAAC,qBAAA,GAA8BlB,kBAAA;EAC9B;IAAAmB;EAAA,IAAkCD,qBAAA;EAElC,OAAAE,UAAA,EAAAC,UAAA,IAAiCT,UAAA,CAAAU,KAAA,CAAiB,MAAK;EAEvD,MAAAC,SAAA,GAAkBZ,IAAA,KAASH,KAAA,IAAS,UAAUA,KAAA,GAAQA,KAAA,EAAAgB,IAAA,GAAc,EAAC,KAAM;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAY,qBAAA,IAAAZ,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,UAAA;IAEzCa,EAAA,GAAAA,CAAA;MAChC,MAAAC,MAAA,kBAAAA,OAAA;QACE;UAAAC;QAAA,UAAwBR,qBAAA;UAAAX,KAAA;YAAA,IAEhBA,KAAC,MAA6B;YAAAoB,IAAA,EAC5B;YAAAC,KAAA;cAAA,IAEArB,KAAC,EAAAqB,KAAA,MAAoC;cAAAC,MAAA;YAAA;UAAA;UAAArB,YAAA,EAK/BA,YAAA,IAAAsB,SAAgB;UAAApB,IAAA;UAAAC;QAAA,CAGhC;QAEAI,YAAA,CAAaW,KAAA;MAAA;MAEVD,MAAA;IAAA;IACPnB,CAAA,MAAAY,qBAAA;IAAAZ,CAAA,MAAAC,KAAA;IAAAD,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EApBA,MAAAyB,aAAA,GAAsBP,EAoB2C;EAEjE,MAAAQ,OAAA,GAAgB7B,MAAA,MAAO;EAAA,IAAA8B,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA5B,CAAA,QAAAyB,aAAA;IAEbE,EAAA,GAAAA,CAAA;MAAA,IACJD,OAAA,CAAAG,OAAA;QAAA;MAAA;MAGJH,OAAA,CAAAG,OAAA;MACKJ,aAAA;IAAA;IACJG,EAAA,IAACH,aAAA;IAAczB,CAAA,MAAAyB,aAAA;IAAAzB,CAAA,MAAA2B,EAAA;IAAA3B,CAAA,MAAA4B,EAAA;EAAA;IAAAD,EAAA,GAAA3B,CAAA;IAAA4B,EAAA,GAAA5B,CAAA;EAAA;EANlBJ,SAAA,CAAU+B,EAMV,EAAGC,EAAe;EAAA,KAEbpB,SAAA;IAAA,OACI,OAAOL,OAAA,KAAY,cAAcA,OAAA,GAAU2B,IAAA,CAAAtC,aAAA,IAAC;EAAA;EAQrD,MAAAuC,6BAAA;IAAA,GACKpB,qBAAqB;IAAAqB,YAAA,QAAAC,gBAAA,IAEftB,qBAAA,CAAAqB,YAAA;MAAA,GACFC,gBAAgB;MAAAC,cAAA,EACHrB,UAAA,KAAe,eAAeC,UAAA,GAAAU,SAAa;MAAAW,UAAA,EAC/CtB,UAAA,KAAe,WAAWC,UAAA,GAAAU;IAAa,CACrD;EAAA;EAEJ,IAEI,OAAOjB,KAAA,KAAU,gBAAgBD,QAAA;IAAA,OAEjCwB,IAAA,CAAAvC,sBAAA;MAAAgB,KAAA;QAAA,GAAoCwB;MAA6B;MAAAK,QAAA,EAC/DN,IAAA,CAAAxC,gBAAA;QAAAiB,KAAA,EAAyCS,SAAA;QAAAoB,QAAA,EACtC5B;MAAA,GADoBQ,SAAA;IAAA,C;;EAO7B,MAAAqB,UAAA;IAAAC,QAAA;IAAAC,gBAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAvC,YAAA,EAKgBK,KAAA;IAAAH,IAAA,EACRY,SAAA;IAAAV,QAAA,EACIA,QAAA,IAAAoC,KAA2B;IAAAC,SAAA;IAAApC;EAAA;EAGvC,OAGEuB,IAAA,CAAAvC,sBAAA;IAAAgB,KAAA;MAAA,GAAoCwB;IAA6B;IAAAK,QAAA,EAC/DN,IAAA,CAAAxC,gBAAA;MAAAiB,KAAA,EAAyCS,SAAA;MAAAoB,QAAA,EACvCN,IAAA,CAAAzC,YAAA;QAAAkB,KAAA,EAAqB8B,UAAA;QAAAD,QAAA,EAAa5B;MAAA,C;OADbQ,SAAA;EAAA,C;CAK7B;AA3FI,SAAA0B,MAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/field/RenderLexical/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextField } from 'payload'\n\nimport {\n  FieldContext,\n  FieldPathContext,\n  type FieldType,\n  type RenderFieldServerFnArgs,\n  ServerFunctionsContext,\n  type ServerFunctionsContextType,\n  ShimmerEffect,\n  useServerFunctions,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type { DefaultTypedEditorState } from '../../nodeTypes.js'\nimport type { LexicalRichTextField } from '../../types.js'\n\n/**\n * Utility to render a lexical editor on the client.\n *\n * @experimental - may break in minor releases\n * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx\n */\nexport const RenderLexical: React.FC<\n  /**\n   * If value or setValue, or both, is provided, this component will manage its own value.\n   * If neither is passed, it will rely on the parent form to manage the value.\n   */\n  {\n    /**\n     * Override the loading state while the field component is being fetched and rendered.\n     */\n    Loading?: React.ReactElement\n\n    setValue?: FieldType<DefaultTypedEditorState | undefined>['setValue']\n    value?: FieldType<DefaultTypedEditorState | undefined>['value']\n  } & RenderFieldServerFnArgs<LexicalRichTextField>\n> = (args) => {\n  const { field, initialValue, Loading, path, schemaPath, setValue, value } = args\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const serverFunctionContext = useServerFunctions()\n  const { _internal_renderField } = serverFunctionContext\n\n  const [entityType, entitySlug] = schemaPath.split('.', 2)\n\n  const fieldPath = path ?? (field && 'name' in field ? field?.name : '') ?? ''\n\n  const renderLexical = useCallback(() => {\n    async function render() {\n      const { Field } = await _internal_renderField({\n        field: {\n          ...((field as RichTextField) || {}),\n          type: 'richText',\n          admin: {\n            ...((field as RichTextField)?.admin || {}),\n            // When using \"fake\" anchor fields, hidden is often set to true. We need to override that here to ensure the field is rendered.\n            hidden: false,\n          },\n        },\n        initialValue: initialValue ?? undefined,\n        path,\n        schemaPath,\n      })\n\n      setComponent(Field)\n    }\n    void render()\n  }, [_internal_renderField, schemaPath, path, field, initialValue])\n\n  const mounted = useRef(false)\n\n  useEffect(() => {\n    if (mounted.current) {\n      return\n    }\n    mounted.current = true\n    void renderLexical()\n  }, [renderLexical])\n\n  if (!Component) {\n    return typeof Loading !== 'undefined' ? Loading : <ShimmerEffect />\n  }\n\n  /**\n   * By default, the lexical will make form state requests (e.g. to get drawer fields), passing in the arguments\n   * of the current field. However, we need to override those arguments to get it to make requests based on the\n   * *target* field. The server only knows the schema map of the target field.\n   */\n  const adjustedServerFunctionContext: ServerFunctionsContextType = {\n    ...serverFunctionContext,\n    getFormState: async (getFormStateArgs) => {\n      return serverFunctionContext.getFormState({\n        ...getFormStateArgs,\n        collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n        globalSlug: entityType === 'global' ? entitySlug : undefined,\n      })\n    },\n  }\n\n  if (typeof value === 'undefined' && !setValue) {\n    return (\n      <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n        <FieldPathContext key={fieldPath} value={fieldPath}>\n          {Component}\n        </FieldPathContext>\n      </ServerFunctionsContext>\n    )\n  }\n\n  const fieldValue: FieldType<DefaultTypedEditorState | undefined> = {\n    disabled: false,\n    formInitializing: false,\n    formProcessing: false,\n    formSubmitted: false,\n    initialValue: value,\n    path: fieldPath,\n    setValue: setValue ?? (() => undefined),\n    showError: false,\n    value,\n  }\n\n  return (\n    <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n      <FieldPathContext key={fieldPath} value={fieldPath}>\n        <FieldContext value={fieldValue}>{Component}</FieldContext>\n      </FieldPathContext>\n    </ServerFunctionsContext>\n  )\n}\n"],"names":["FieldContext","FieldPathContext","ServerFunctionsContext","ShimmerEffect","useServerFunctions","React","useCallback","useEffect","useRef","RenderLexical","args","field","initialValue","Loading","path","schemaPath","setValue","value","Component","setComponent","useState","serverFunctionContext","_internal_renderField","entityType","entitySlug","split","fieldPath","name","renderLexical","render","Field","type","admin","hidden","undefined","mounted","current","adjustedServerFunctionContext","getFormState","getFormStateArgs","collectionSlug","globalSlug","fieldValue","disabled","formInitializing","formProcessing","formSubmitted","showError"],"mappings":"AAAA;;AAGA,SACEA,YAAY,EACZC,gBAAgB,EAGhBC,sBAAsB,EAEtBC,aAAa,EACbC,kBAAkB,QACb,iBAAgB;AACvB,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAK7D;;;;;CAKC,GACD,OAAO,MAAMC,gBACX;;;GAGC,GAEC;;KAEC,GAMD,CAACC;IACH,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IAC5E,MAAM,CAACQ,WAAWC,aAAa,GAAGd,MAAMe,QAAQ,CAAyB;IACzE,MAAMC,wBAAwBjB;IAC9B,MAAM,EAAEkB,qBAAqB,EAAE,GAAGD;IAElC,MAAM,CAACE,YAAYC,WAAW,GAAGT,WAAWU,KAAK,CAAC,KAAK;IAEvD,MAAMC,YAAYZ,QAASH,CAAAA,SAAS,UAAUA,QAAQA,OAAOgB,OAAO,EAAC,KAAM;IAE3E,MAAMC,gBAAgBtB,YAAY;QAChC,eAAeuB;YACb,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMR,sBAAsB;gBAC5CX,OAAO;oBACL,GAAI,AAACA,SAA2B,CAAC,CAAC;oBAClCoB,MAAM;oBACNC,OAAO;wBACL,GAAI,AAACrB,OAAyBqB,SAAS,CAAC,CAAC;wBACzC,+HAA+H;wBAC/HC,QAAQ;oBACV;gBACF;gBACArB,cAAcA,gBAAgBsB;gBAC9BpB;gBACAC;YACF;YAEAI,aAAaW;QACf;QACA,KAAKD;IACP,GAAG;QAACP;QAAuBP;QAAYD;QAAMH;QAAOC;KAAa;IAEjE,MAAMuB,UAAU3B,OAAO;IAEvBD,UAAU;QACR,IAAI4B,QAAQC,OAAO,EAAE;YACnB;QACF;QACAD,QAAQC,OAAO,GAAG;QAClB,KAAKR;IACP,GAAG;QAACA;KAAc;IAElB,IAAI,CAACV,WAAW;QACd,OAAO,OAAOL,YAAY,cAAcA,wBAAU,QAACV;;;;;IACrD;IAEA;;;;GAIC,GACD,MAAMkC,gCAA4D;QAChE,GAAGhB,qBAAqB;QACxBiB,cAAc,OAAOC;YACnB,OAAOlB,sBAAsBiB,YAAY,CAAC;gBACxC,GAAGC,gBAAgB;gBACnBC,gBAAgBjB,eAAe,eAAeC,aAAaU;gBAC3DO,YAAYlB,eAAe,WAAWC,aAAaU;YACrD;QACF;IACF;IAEA,IAAI,OAAOjB,UAAU,eAAe,CAACD,UAAU;QAC7C,qBACE,QAACd;YAAuBe,OAAO;gBAAE,GAAGoB,6BAA6B;YAAC;sBAChE,cAAA,QAACpC;gBAAiCgB,OAAOS;0BACtCR;eADoBQ;;;;;;;;;;IAK7B;IAEA,MAAMgB,aAA6D;QACjEC,UAAU;QACVC,kBAAkB;QAClBC,gBAAgB;QAChBC,eAAe;QACflC,cAAcK;QACdH,MAAMY;QACNV,UAAUA,YAAa,CAAA,IAAMkB,SAAQ;QACrCa,WAAW;QACX9B;IACF;IAEA,qBACE,QAACf;QAAuBe,OAAO;YAAE,GAAGoB,6BAA6B;QAAC;kBAChE,cAAA,QAACpC;YAAiCgB,OAAOS;sBACvC,cAAA,QAAC1B;gBAAaiB,OAAOyB;0BAAaxB;;;;;;WADbQ;;;;;;;;;;AAK7B,EAAC"}

package/dist/field/RichTextViewProvider.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import type { LexicalEditorNodeMap, LexicalEditorViewMap } from '../types.js';
+/**
+ * Context for managing richtext editor view state and inheritance.
+ */
+type RichTextViewContextType = {
+    /**
+     * The currently active view name (e.g., 'default', 'frontend', 'debug').
+     */
+    currentView: string;
+    /**
+     * The resolved node map for the current view, containing rendering overrides for each node type.
+     */
+    currentViewMap?: LexicalEditorNodeMap;
+    /**
+     * True if the current view was explicitly set (via prop) by this provider or an ancestor.
+     * Used to distinguish intentional view settings from automatic defaults.
+     */
+    hasExplicitCurrentView?: boolean;
+    /**
+     * If true, nested richtext editors will inherit this provider's currentView and views.
+     */
+    inheritable?: boolean;
+    /**
+     * True if this provider's view is controlled by an ancestor provider — either because the
+     * ancestor has a views map (view-map inheritance) or an explicit `currentView` prop.
+     * When true, the ViewSelector is hidden.
+     */
+    isControlledByParent?: boolean;
+    /**
+     * Function to programmatically change the current view.
+     */
+    setCurrentView: (view: string) => void;
+    /**
+     * Map of all available views for this editor. Each key is a view name, each value contains
+     * admin config, node overrides, and lexical config for that view.
+     */
+    views?: LexicalEditorViewMap;
+};
+/**
+ * Provider for managing richtext editor view state and its inheritance.
+ *
+ * Handles two key scenarios:
+ * 1. **Explicit view setting**: Wrap with `currentView` and `inheritable={true}` to force nested editors to a specific view
+ * 2. **View map inheritance**: Nested editors inherit `views` from parents, allowing view switching across the hierarchy
+ *
+ * When a nested editor inherits from a parent, its ViewSelector is hidden because the view is controlled by an ancestor.
+ *
+ * @example
+ * Force all nested richtext editors to use "frontend" view:
+ * ```tsx
+ * <RichTextViewProvider currentView="frontend" inheritable={true}>
+ *   <MyForm /> {/* All richtext fields inside will use "frontend" view }
+ * </RichTextViewProvider>
+ * ```
+ */
+export declare const RichTextViewProvider: React.FC<{
+    children: React.ReactNode;
+    currentView?: string;
+    inheritable?: boolean;
+    views?: LexicalEditorViewMap;
+}>;
+/**
+ * Access the current richtext editor view context.
+ *
+ * Returns the active view name, node overrides, inheritance state, and a function to switch views.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { currentView, currentViewMap, isControlledByParent, setCurrentView } = useRichTextView()
+ *
+ *   return (
+ *     <div>
+ *       <p>Active view: {currentView}</p>
+ *       {isControlledByParent && <p>View controlled by parent</p>}
+ *       {currentViewMap?.heading && <p>Custom heading renderer active</p>}
+ *       <button onClick={() => setCurrentView('frontend')}>Switch to frontend</button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function useRichTextView(): RichTextViewContextType;
+export {};
+//# sourceMappingURL=RichTextViewProvider.d.ts.map

package/dist/field/RichTextViewProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextViewProvider.d.ts","sourceRoot":"","sources":["../../src/field/RichTextViewProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAE7E;;GAEG;AACH,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B,CAAA;AAQD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B,CAoDA,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,IAAI,uBAAuB,CAEzD"}

package/dist/field/RichTextViewProvider.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useControllableState } from '@payloadcms/ui';
+import React, { createContext, use, useMemo } from 'react';
+/**
+ * Context for managing richtext editor view state and inheritance.
+ */ /**
+   * The currently active view name (e.g., 'default', 'frontend', 'debug').
+   */ /**
+   * The resolved node map for the current view, containing rendering overrides for each node type.
+   */ /**
+   * True if the current view was explicitly set (via prop) by this provider or an ancestor.
+   * Used to distinguish intentional view settings from automatic defaults.
+   */ /**
+   * If true, nested richtext editors will inherit this provider's currentView and views.
+   */ /**
+   * True if this provider's view is controlled by an ancestor provider — either because the
+   * ancestor has a views map (view-map inheritance) or an explicit `currentView` prop.
+   * When true, the ViewSelector is hidden.
+   */ /**
+   * Function to programmatically change the current view.
+   */ /**
+   * Map of all available views for this editor. Each key is a view name, each value contains
+   * admin config, node overrides, and lexical config for that view.
+   */ const RichTextViewContext = /*#__PURE__*/ createContext({
+    currentView: 'default',
+    inheritable: false,
+    setCurrentView: ()=>{}
+});
+/**
+ * Provider for managing richtext editor view state and its inheritance.
+ *
+ * Handles two key scenarios:
+ * 1. **Explicit view setting**: Wrap with `currentView` and `inheritable={true}` to force nested editors to a specific view
+ * 2. **View map inheritance**: Nested editors inherit `views` from parents, allowing view switching across the hierarchy
+ *
+ * When a nested editor inherits from a parent, its ViewSelector is hidden because the view is controlled by an ancestor.
+ *
+ * @example
+ * Force all nested richtext editors to use "frontend" view:
+ * ```tsx
+ * <RichTextViewProvider currentView="frontend" inheritable={true}>
+ *   <MyForm /> {/* All richtext fields inside will use "frontend" view }
+ * </RichTextViewProvider>
+ * ```
+ */ export const RichTextViewProvider = (args)=>{
+    const parentContext = useRichTextView();
+    // Track if this provider explicitly sets currentView (not just using the default)
+    const hasOwnExplicitView = args.currentView !== undefined;
+    const isControlledByParent = parentContext.inheritable && (Boolean(parentContext.views) || Boolean(parentContext.hasExplicitCurrentView));
+    // This provider has explicit currentView if it sets one OR inherits one from parent
+    const hasExplicitCurrentView = hasOwnExplicitView || parentContext.inheritable && Boolean(parentContext.hasExplicitCurrentView);
+    const { children, currentView: currentViewFromProps, inheritable, views } = {
+        children: args.children,
+        currentView: isControlledByParent ? parentContext.currentView : args.currentView,
+        // Propagate inheritable flag through the hierarchy
+        inheritable: parentContext.inheritable || args.inheritable,
+        // Only inherit views if parent has a views map
+        views: isControlledByParent ? parentContext.views : args.views
+    };
+    const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default');
+    const value = useMemo(()=>{
+        const currentViewMap = views ? views[currentView] || views.default : undefined;
+        return {
+            currentView,
+            currentViewMap,
+            hasExplicitCurrentView,
+            inheritable,
+            isControlledByParent,
+            setCurrentView,
+            views
+        };
+    }, [
+        currentView,
+        inheritable,
+        hasExplicitCurrentView,
+        isControlledByParent,
+        setCurrentView,
+        views
+    ]);
+    return /*#__PURE__*/ _jsxDEV(RichTextViewContext, {
+        value: value,
+        children: children
+    }, void 0, false, {
+        fileName: "src/field/RichTextViewProvider.tsx",
+        lineNumber: 124,
+        columnNumber: 10
+    }, this);
+};
+/**
+ * Access the current richtext editor view context.
+ *
+ * Returns the active view name, node overrides, inheritance state, and a function to switch views.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { currentView, currentViewMap, isControlledByParent, setCurrentView } = useRichTextView()
+ *
+ *   return (
+ *     <div>
+ *       <p>Active view: {currentView}</p>
+ *       {isControlledByParent && <p>View controlled by parent</p>}
+ *       {currentViewMap?.heading && <p>Custom heading renderer active</p>}
+ *       <button onClick={() => setCurrentView('frontend')}>Switch to frontend</button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */ export function useRichTextView() {
+    return use(RichTextViewContext);
+}
+
+//# sourceMappingURL=RichTextViewProvider.js.map

package/dist/field/RichTextViewProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/field/RichTextViewProvider.tsx"],"sourcesContent":["'use client'\nimport { useControllableState } from '@payloadcms/ui'\nimport React, { createContext, use, useMemo } from 'react'\n\nimport type { LexicalEditorNodeMap, LexicalEditorViewMap } from '../types.js'\n\n/**\n * Context for managing richtext editor view state and inheritance.\n */\ntype RichTextViewContextType = {\n  /**\n   * The currently active view name (e.g., 'default', 'frontend', 'debug').\n   */\n  currentView: string\n  /**\n   * The resolved node map for the current view, containing rendering overrides for each node type.\n   */\n  currentViewMap?: LexicalEditorNodeMap\n  /**\n   * True if the current view was explicitly set (via prop) by this provider or an ancestor.\n   * Used to distinguish intentional view settings from automatic defaults.\n   */\n  hasExplicitCurrentView?: boolean\n  /**\n   * If true, nested richtext editors will inherit this provider's currentView and views.\n   */\n  inheritable?: boolean\n  /**\n   * True if this provider's view is controlled by an ancestor provider — either because the\n   * ancestor has a views map (view-map inheritance) or an explicit `currentView` prop.\n   * When true, the ViewSelector is hidden.\n   */\n  isControlledByParent?: boolean\n  /**\n   * Function to programmatically change the current view.\n   */\n  setCurrentView: (view: string) => void\n  /**\n   * Map of all available views for this editor. Each key is a view name, each value contains\n   * admin config, node overrides, and lexical config for that view.\n   */\n  views?: LexicalEditorViewMap\n}\n\nconst RichTextViewContext = createContext<RichTextViewContextType>({\n  currentView: 'default',\n  inheritable: false,\n  setCurrentView: () => {},\n})\n\n/**\n * Provider for managing richtext editor view state and its inheritance.\n *\n * Handles two key scenarios:\n * 1. **Explicit view setting**: Wrap with `currentView` and `inheritable={true}` to force nested editors to a specific view\n * 2. **View map inheritance**: Nested editors inherit `views` from parents, allowing view switching across the hierarchy\n *\n * When a nested editor inherits from a parent, its ViewSelector is hidden because the view is controlled by an ancestor.\n *\n * @example\n * Force all nested richtext editors to use \"frontend\" view:\n * ```tsx\n * <RichTextViewProvider currentView=\"frontend\" inheritable={true}>\n *   <MyForm /> {/* All richtext fields inside will use \"frontend\" view }\n * </RichTextViewProvider>\n * ```\n */\nexport const RichTextViewProvider: React.FC<{\n  children: React.ReactNode\n  currentView?: string\n  inheritable?: boolean\n  views?: LexicalEditorViewMap\n}> = (args) => {\n  const parentContext = useRichTextView()\n\n  // Track if this provider explicitly sets currentView (not just using the default)\n  const hasOwnExplicitView = args.currentView !== undefined\n\n  const isControlledByParent =\n    parentContext.inheritable &&\n    (Boolean(parentContext.views) || Boolean(parentContext.hasExplicitCurrentView))\n\n  // This provider has explicit currentView if it sets one OR inherits one from parent\n  const hasExplicitCurrentView =\n    hasOwnExplicitView ||\n    (parentContext.inheritable && Boolean(parentContext.hasExplicitCurrentView))\n\n  const {\n    children,\n    currentView: currentViewFromProps,\n    inheritable,\n    views,\n  } = {\n    children: args.children,\n    currentView: isControlledByParent ? parentContext.currentView : args.currentView,\n    // Propagate inheritable flag through the hierarchy\n    inheritable: parentContext.inheritable || args.inheritable,\n    // Only inherit views if parent has a views map\n    views: isControlledByParent ? parentContext.views : args.views,\n  }\n\n  const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default')\n\n  const value = useMemo(() => {\n    const currentViewMap = views ? views[currentView] || views.default : undefined\n    return {\n      currentView,\n      currentViewMap,\n      hasExplicitCurrentView,\n      inheritable,\n      isControlledByParent,\n      setCurrentView,\n      views,\n    }\n  }, [\n    currentView,\n    inheritable,\n    hasExplicitCurrentView,\n    isControlledByParent,\n    setCurrentView,\n    views,\n  ])\n\n  return <RichTextViewContext value={value}>{children}</RichTextViewContext>\n}\n\n/**\n * Access the current richtext editor view context.\n *\n * Returns the active view name, node overrides, inheritance state, and a function to switch views.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { currentView, currentViewMap, isControlledByParent, setCurrentView } = useRichTextView()\n *\n *   return (\n *     <div>\n *       <p>Active view: {currentView}</p>\n *       {isControlledByParent && <p>View controlled by parent</p>}\n *       {currentViewMap?.heading && <p>Custom heading renderer active</p>}\n *       <button onClick={() => setCurrentView('frontend')}>Switch to frontend</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRichTextView(): RichTextViewContextType {\n  return use(RichTextViewContext)\n}\n"],"names":["useControllableState","React","createContext","use","useMemo","RichTextViewContext","currentView","inheritable","setCurrentView","RichTextViewProvider","args","parentContext","useRichTextView","hasOwnExplicitView","undefined","isControlledByParent","Boolean","views","hasExplicitCurrentView","children","currentViewFromProps","value","currentViewMap","default"],"mappings":"AAAA;;AACA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,OAAO,QAAQ,QAAO;AAI1D;;CAEC,GAEC;;GAEC,GAED;;GAEC,GAED;;;GAGC,GAED;;GAEC,GAED;;;;GAIC,GAED;;GAEC,GAED;;;GAGC,GAIH,MAAMC,oCAAsBH,cAAuC;IACjEI,aAAa;IACbC,aAAa;IACbC,gBAAgB,KAAO;AACzB;AAEA;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAMC,uBAKR,CAACC;IACJ,MAAMC,gBAAgBC;IAEtB,kFAAkF;IAClF,MAAMC,qBAAqBH,KAAKJ,WAAW,KAAKQ;IAEhD,MAAMC,uBACJJ,cAAcJ,WAAW,IACxBS,CAAAA,QAAQL,cAAcM,KAAK,KAAKD,QAAQL,cAAcO,sBAAsB,CAAA;IAE/E,oFAAoF;IACpF,MAAMA,yBACJL,sBACCF,cAAcJ,WAAW,IAAIS,QAAQL,cAAcO,sBAAsB;IAE5E,MAAM,EACJC,QAAQ,EACRb,aAAac,oBAAoB,EACjCb,WAAW,EACXU,KAAK,EACN,GAAG;QACFE,UAAUT,KAAKS,QAAQ;QACvBb,aAAaS,uBAAuBJ,cAAcL,WAAW,GAAGI,KAAKJ,WAAW;QAChF,mDAAmD;QACnDC,aAAaI,cAAcJ,WAAW,IAAIG,KAAKH,WAAW;QAC1D,+CAA+C;QAC/CU,OAAOF,uBAAuBJ,cAAcM,KAAK,GAAGP,KAAKO,KAAK;IAChE;IAEA,MAAM,CAACX,aAAaE,eAAe,GAAGR,qBAAqBoB,sBAAsB;IAEjF,MAAMC,QAAQjB,QAAQ;QACpB,MAAMkB,iBAAiBL,QAAQA,KAAK,CAACX,YAAY,IAAIW,MAAMM,OAAO,GAAGT;QACrE,OAAO;YACLR;YACAgB;YACAJ;YACAX;YACAQ;YACAP;YACAS;QACF;IACF,GAAG;QACDX;QACAC;QACAW;QACAH;QACAP;QACAS;KACD;IAED,qBAAO,QAACZ;QAAoBgB,OAAOA;kBAAQF;;;;;;AAC7C,EAAC;AAED;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,SAASP;IACd,OAAOT,IAAIE;AACb"}

package/dist/field/ViewSelector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './ViewSelector.scss';
+export declare function ViewSelector(): null | React.ReactElement;
+//# sourceMappingURL=ViewSelector.d.ts.map

package/dist/field/ViewSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../src/field/ViewSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,qBAAqB,CAAA;AAE5B,wBAAgB,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,CAyDxD"}

package/dist/field/ViewSelector.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { ChevronIcon, Popup, PopupList } from '@payloadcms/ui';
+import React from 'react';
+import { useRichTextView } from './RichTextViewProvider.js';
+import './ViewSelector.scss';
+export function ViewSelector() {
+    const { currentView, setCurrentView, views } = useRichTextView();
+    // Don't show if no views or only default exists
+    if (!views || Object.keys(views).length === 0) {
+        return null;
+    }
+    const viewKeys = Object.keys(views);
+    const hasNonDefaultViews = viewKeys.some((key)=>key !== 'default');
+    // If only 'default' exists, no need to show selector
+    if (!hasNonDefaultViews) {
+        return null;
+    }
+    // Build list of available views
+    const allViews = [
+        'default',
+        ...viewKeys.filter((key)=>key !== 'default')
+    ];
+    const currentViewLabel = currentView.charAt(0).toUpperCase() + currentView.slice(1);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "lexical-view-selector",
+        children: /*#__PURE__*/ _jsxDEV(Popup, {
+            button: /*#__PURE__*/ _jsxDEV("button", {
+                className: "lexical-view-selector__button",
+                type: "button",
+                children: [
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        className: "lexical-view-selector__label",
+                        children: currentViewLabel
+                    }, void 0, false, {
+                        fileName: "src/field/ViewSelector.tsx",
+                        lineNumber: 34,
+                        columnNumber: 13
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(ChevronIcon, {
+                        className: "lexical-view-selector__icon"
+                    }, void 0, false, {
+                        fileName: "src/field/ViewSelector.tsx",
+                        lineNumber: 35,
+                        columnNumber: 13
+                    }, void 0)
+                ]
+            }, void 0, true, {
+                fileName: "src/field/ViewSelector.tsx",
+                lineNumber: 33,
+                columnNumber: 11
+            }, void 0),
+            buttonType: "custom",
+            horizontalAlign: "left",
+            render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                    children: allViews.map((viewName)=>{
+                        const viewLabel = viewName.charAt(0).toUpperCase() + viewName.slice(1);
+                        return /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                            active: viewName === currentView,
+                            disabled: viewName === currentView,
+                            onClick: ()=>{
+                                setCurrentView?.(viewName);
+                                close();
+                            },
+                            children: viewLabel
+                        }, viewName, false, {
+                            fileName: "src/field/ViewSelector.tsx",
+                            lineNumber: 46,
+                            columnNumber: 17
+                        }, void 0);
+                    })
+                }, void 0, false, {
+                    fileName: "src/field/ViewSelector.tsx",
+                    lineNumber: 41,
+                    columnNumber: 11
+                }, void 0),
+            size: "large"
+        }, void 0, false, {
+            fileName: "src/field/ViewSelector.tsx",
+            lineNumber: 31,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/field/ViewSelector.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
+}
+
+//# sourceMappingURL=ViewSelector.js.map

package/dist/field/ViewSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/field/ViewSelector.tsx"],"sourcesContent":["'use client'\nimport { ChevronIcon, Popup, PopupList } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useRichTextView } from './RichTextViewProvider.js'\nimport './ViewSelector.scss'\n\nexport function ViewSelector(): null | React.ReactElement {\n  const { currentView, setCurrentView, views } = useRichTextView()\n\n  // Don't show if no views or only default exists\n  if (!views || Object.keys(views).length === 0) {\n    return null\n  }\n\n  const viewKeys = Object.keys(views)\n  const hasNonDefaultViews = viewKeys.some((key) => key !== 'default')\n\n  // If only 'default' exists, no need to show selector\n  if (!hasNonDefaultViews) {\n    return null\n  }\n\n  // Build list of available views\n  const allViews = ['default', ...viewKeys.filter((key) => key !== 'default')]\n\n  const currentViewLabel = currentView.charAt(0).toUpperCase() + currentView.slice(1)\n\n  return (\n    <div className=\"lexical-view-selector\">\n      <Popup\n        button={\n          <button className=\"lexical-view-selector__button\" type=\"button\">\n            <span className=\"lexical-view-selector__label\">{currentViewLabel}</span>\n            <ChevronIcon className=\"lexical-view-selector__icon\" />\n          </button>\n        }\n        buttonType=\"custom\"\n        horizontalAlign=\"left\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {allViews.map((viewName) => {\n              const viewLabel = viewName.charAt(0).toUpperCase() + viewName.slice(1)\n\n              return (\n                <PopupList.Button\n                  active={viewName === currentView}\n                  disabled={viewName === currentView}\n                  key={viewName}\n                  onClick={() => {\n                    setCurrentView?.(viewName)\n                    close()\n                  }}\n                >\n                  {viewLabel}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"large\"\n      />\n    </div>\n  )\n}\n"],"names":["ChevronIcon","Popup","PopupList","React","useRichTextView","ViewSelector","currentView","setCurrentView","views","Object","keys","length","viewKeys","hasNonDefaultViews","some","key","allViews","filter","currentViewLabel","charAt","toUpperCase","slice","div","className","button","type","span","buttonType","horizontalAlign","render","close","ButtonGroup","map","viewName","viewLabel","Button","active","disabled","onClick","size"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,KAAK,EAAEC,SAAS,QAAQ,iBAAgB;AAC9D,OAAOC,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,4BAA2B;AAC3D,OAAO,sBAAqB;AAE5B,OAAO,SAASC;IACd,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGJ;IAE/C,gDAAgD;IAChD,IAAI,CAACI,SAASC,OAAOC,IAAI,CAACF,OAAOG,MAAM,KAAK,GAAG;QAC7C,OAAO;IACT;IAEA,MAAMC,WAAWH,OAAOC,IAAI,CAACF;IAC7B,MAAMK,qBAAqBD,SAASE,IAAI,CAAC,CAACC,MAAQA,QAAQ;IAE1D,qDAAqD;IACrD,IAAI,CAACF,oBAAoB;QACvB,OAAO;IACT;IAEA,gCAAgC;IAChC,MAAMG,WAAW;QAAC;WAAcJ,SAASK,MAAM,CAAC,CAACF,MAAQA,QAAQ;KAAW;IAE5E,MAAMG,mBAAmBZ,YAAYa,MAAM,CAAC,GAAGC,WAAW,KAAKd,YAAYe,KAAK,CAAC;IAEjF,qBACE,QAACC;QAAIC,WAAU;kBACb,cAAA,QAACtB;YACCuB,sBACE,QAACA;gBAAOD,WAAU;gBAAgCE,MAAK;;kCACrD,QAACC;wBAAKH,WAAU;kCAAgCL;;;;;;kCAChD,QAAClB;wBAAYuB,WAAU;;;;;;;;;;;;YAG3BI,YAAW;YACXC,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAC5B,UAAU6B,WAAW;8BACnBf,SAASgB,GAAG,CAAC,CAACC;wBACb,MAAMC,YAAYD,SAASd,MAAM,CAAC,GAAGC,WAAW,KAAKa,SAASZ,KAAK,CAAC;wBAEpE,qBACE,QAACnB,UAAUiC,MAAM;4BACfC,QAAQH,aAAa3B;4BACrB+B,UAAUJ,aAAa3B;4BAEvBgC,SAAS;gCACP/B,iBAAiB0B;gCACjBH;4BACF;sCAECI;2BANID;;;;;oBASX;;;;;;YAGJM,MAAK;;;;;;;;;;;AAIb"}