@payloadcms/richtext-lexical 3.71.0-internal.cbf546e → 3.71.0-internal.ef75fa0

package/dist/field/RichTextViewProvider.js

@@ -1,87 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useControllableState } from '@payloadcms/ui';
-import React, { createContext, use, useMemo } from 'react';
-const RichTextViewContext = /*#__PURE__*/createContext({
-  currentView: 'default',
-  inheritable: false,
-  setCurrentView: () => {}
-});
-/**
- * Provider component for rich text view context.
- *
- * This provider manages the current view state internally and makes it accessible to child components
- * via the useRichTextView hook. It automatically resolves the current view's node map
- * based on the active view name.
- *
- * @example
- * ```tsx
- * <RichTextViewProvider
- *   currentView="frontend"
- *   views={myViews}
- * >
- *   <MyEditor />
- * </RichTextViewProvider>
- * ```
- */
-export const RichTextViewProvider = args => {
-  const parentContext = useRichTextView();
-  const {
-    children,
-    currentView: currentViewFromProps,
-    inheritable,
-    views
-  } = parentContext.inheritable ? {
-    ...parentContext,
-    ...args
-  } : args;
-  const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default');
-  const value = useMemo(() => {
-    const currentViewMap = views ? views[currentView] || views.default : undefined;
-    return {
-      currentView,
-      currentViewMap,
-      inheritable,
-      setCurrentView,
-      views
-    };
-  }, [currentView, inheritable, setCurrentView, views]);
-  return /*#__PURE__*/_jsx(RichTextViewContext, {
-    value: value,
-    children: children
-  });
-};
-/**
- * Hook to access the current rich text view context.
- *
- * Use this hook to access the currently active view and its node map,
- * or to programmatically switch between views.
- *
- * @returns An object containing:
- * - `currentView`: The name of the active view
- * - `currentViewMap`: The node overrides for the current view
- * - `setCurrentView`: Function to change views
- * - `views`: All available views
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { currentView, currentViewMap, setCurrentView } = useRichTextView()
- *
- *   return (
- *     <div>
- *       <p>Current view: {currentView}</p>
- *       {currentViewMap?.heading && <p>Heading overrides are active</p>}
- *       <button onClick={() => setCurrentView('frontend')}>
- *         Switch to frontend view
- *       </button>
- *     </div>
- *   )
- * }
- * ```
- */
-export function useRichTextView() {
-  return use(RichTextViewContext);
-}
-//# sourceMappingURL=RichTextViewProvider.js.map

package/dist/field/RichTextViewProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextViewProvider.js","names":["useControllableState","React","createContext","use","useMemo","RichTextViewContext","currentView","inheritable","setCurrentView","RichTextViewProvider","args","parentContext","useRichTextView","children","currentViewFromProps","views","value","currentViewMap","default","undefined","_jsx"],"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 type for rich text view management.\n */\ntype RichTextViewContextType = {\n  /**\n   * The name of the currently active view (e.g., 'default', 'frontend', 'debug')\n   */\n  currentView: string\n  /**\n   * The node map for the currently active view, containing rendering overrides for each node type.\n   * This is the resolved view from the views map based on currentView.\n   */\n  currentViewMap?: LexicalEditorNodeMap\n  /**\n   * If true, the current view will be inherited by nested richtext editors.\n   */\n  inheritable?: boolean\n  /**\n   * Function to change the current view.\n   */\n  setCurrentView: (view: string) => void\n  /**\n   * The complete map of all available views for this field.\n   */\n  views?: LexicalEditorViewMap\n}\n\nconst RichTextViewContext = createContext<RichTextViewContextType>({\n  currentView: 'default',\n  inheritable: false,\n  setCurrentView: () => {},\n})\n\n/**\n * Provider component for rich text view context.\n *\n * This provider manages the current view state internally and makes it accessible to child components\n * via the useRichTextView hook. It automatically resolves the current view's node map\n * based on the active view name.\n *\n * @example\n * ```tsx\n * <RichTextViewProvider\n *   currentView=\"frontend\"\n *   views={myViews}\n * >\n *   <MyEditor />\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  const {\n    children,\n    currentView: currentViewFromProps,\n    inheritable,\n    views,\n  } = parentContext.inheritable\n    ? {\n        ...parentContext,\n        ...args,\n      }\n    : args\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      inheritable,\n      setCurrentView,\n      views,\n    }\n  }, [currentView, inheritable, setCurrentView, views])\n\n  return <RichTextViewContext value={value}>{children}</RichTextViewContext>\n}\n\n/**\n * Hook to access the current rich text view context.\n *\n * Use this hook to access the currently active view and its node map,\n * or to programmatically switch between views.\n *\n * @returns An object containing:\n * - `currentView`: The name of the active view\n * - `currentViewMap`: The node overrides for the current view\n * - `setCurrentView`: Function to change views\n * - `views`: All available views\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { currentView, currentViewMap, setCurrentView } = useRichTextView()\n *\n *   return (\n *     <div>\n *       <p>Current view: {currentView}</p>\n *       {currentViewMap?.heading && <p>Heading overrides are active</p>}\n *       <button onClick={() => setCurrentView('frontend')}>\n *         Switch to frontend view\n *       </button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRichTextView(): RichTextViewContextType {\n  return use(RichTextViewContext)\n}\n"],"mappings":"AAAA;;;AACA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,OAAO,QAAQ;AA+BnD,MAAMC,mBAAA,gBAAsBH,aAAA,CAAuC;EACjEI,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA;;;;;;;;;;;;;;;;;AAiBA,OAAO,MAAMC,oBAAA,GAKPC,IAAA;EACJ,MAAMC,aAAA,GAAgBC,eAAA;EAEtB,MAAM;IACJC,QAAQ;IACRP,WAAA,EAAaQ,oBAAoB;IACjCP,WAAW;IACXQ;EAAK,CACN,GAAGJ,aAAA,CAAcJ,WAAW,GACzB;IACE,GAAGI,aAAa;IAChB,GAAGD;EACL,IACAA,IAAA;EAEJ,MAAM,CAACJ,WAAA,EAAaE,cAAA,CAAe,GAAGR,oBAAA,CAAqBc,oBAAA,EAAsB;EAEjF,MAAME,KAAA,GAAQZ,OAAA,CAAQ;IACpB,MAAMa,cAAA,GAAiBF,KAAA,GAAQA,KAAK,CAACT,WAAA,CAAY,IAAIS,KAAA,CAAMG,OAAO,GAAGC,SAAA;IACrE,OAAO;MACLb,WAAA;MACAW,cAAA;MACAV,WAAA;MACAC,cAAA;MACAO;IACF;EACF,GAAG,CAACT,WAAA,EAAaC,WAAA,EAAaC,cAAA,EAAgBO,KAAA,CAAM;EAEpD,oBAAOK,IAAA,CAACf,mBAAA;IAAoBW,KAAA,EAAOA,KAAA;cAAQH;;AAC7C;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAO,SAASD,gBAAA;EACd,OAAOT,GAAA,CAAIE,mBAAA;AACb","ignoreList":[]}

package/dist/field/ViewSelector.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,89 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronIcon, Popup, PopupList } from '@payloadcms/ui';
-import React from 'react';
-import { useRichTextView } from './RichTextViewProvider.js';
-export function ViewSelector() {
-  const $ = _c(5);
-  const {
-    currentView,
-    setCurrentView,
-    views
-  } = useRichTextView();
-  if (!views || Object.keys(views).length === 0) {
-    return null;
-  }
-  let t0;
-  let t1;
-  if ($[0] !== currentView || $[1] !== setCurrentView || $[2] !== views) {
-    t1 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const viewKeys = Object.keys(views);
-      const hasNonDefaultViews = viewKeys.some(_temp);
-      if (!hasNonDefaultViews) {
-        t1 = null;
-        break bb0;
-      }
-      const allViews = ["default", ...viewKeys.filter(_temp2)];
-      const currentViewLabel = currentView.charAt(0).toUpperCase() + currentView.slice(1);
-      t0 = _jsx("div", {
-        className: "lexical-view-selector",
-        children: _jsx(Popup, {
-          button: _jsxs("button", {
-            className: "lexical-view-selector__button",
-            type: "button",
-            children: [_jsx("span", {
-              className: "lexical-view-selector__label",
-              children: currentViewLabel
-            }), _jsx(ChevronIcon, {
-              className: "lexical-view-selector__icon"
-            })]
-          }),
-          buttonType: "custom",
-          horizontalAlign: "left",
-          render: t2 => {
-            const {
-              close
-            } = t2;
-            return _jsx(PopupList.ButtonGroup, {
-              children: allViews.map(viewName => {
-                const viewLabel = viewName.charAt(0).toUpperCase() + viewName.slice(1);
-                return _jsx(PopupList.Button, {
-                  active: viewName === currentView,
-                  disabled: viewName === currentView,
-                  onClick: () => {
-                    setCurrentView?.(viewName);
-                    close();
-                  },
-                  children: viewLabel
-                }, viewName);
-              })
-            });
-          },
-          size: "large"
-        })
-      });
-    }
-    $[0] = currentView;
-    $[1] = setCurrentView;
-    $[2] = views;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t0 = $[3];
-    t1 = $[4];
-  }
-  if (t1 !== Symbol.for("react.early_return_sentinel")) {
-    return t1;
-  }
-  return t0;
-}
-function _temp2(key_0) {
-  return key_0 !== "default";
-}
-function _temp(key) {
-  return key !== "default";
-}
-//# sourceMappingURL=ViewSelector.js.map

package/dist/field/ViewSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewSelector.js","names":["c","_c","ChevronIcon","Popup","PopupList","React","useRichTextView","ViewSelector","$","currentView","setCurrentView","views","Object","keys","length","t0","t1","Symbol","for","bb0","viewKeys","hasNonDefaultViews","some","_temp","allViews","filter","_temp2","currentViewLabel","charAt","toUpperCase","slice","_jsx","className","children","button","_jsxs","type","horizontalAlign","render","t2","close","ButtonGroup","map","viewName","viewLabel","Button","active","disabled","onClick","key_0","key"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,EAAEC,KAAK,EAAEC,SAAS,QAAQ;AAC9C,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAGhC,OAAO,SAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACL;IAAAQ,WAAA;IAAAC,cAAA;IAAAC;EAAA,IAA+CL,eAAA;EAAA,IAG3C,CAACK,KAAA,IAASC,MAAA,CAAAC,IAAA,CAAYF,KAAA,EAAAG,MAAA,MAAkB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAG,KAAA;IASnCK,EAAA,GAAAC,MAAA,CAAAC,GAAA;IAAAC,GAAA;MALT,MAAAC,QAAA,GAAiBR,MAAA,CAAAC,IAAA,CAAYF,KAAA;MAC7B,MAAAU,kBAAA,GAA2BD,QAAA,CAAAE,IAAA,CAAAC,KAA+B;MAAA,KAGrDF,kBAAA;QACIL,EAAA;QAAA,MAAAG,GAAA;MAAA;MAIT,MAAAK,QAAA,IAAkB,cAAcJ,QAAA,CAAAK,MAAA,CAAAC,MAAiC;MAEjE,MAAAC,gBAAA,GAAyBlB,WAAA,CAAAmB,MAAA,EAAmB,EAAAC,WAAA,CAAc,IAAKpB,WAAA,CAAAqB,KAAA,EAAkB;MAG/Ef,EAAA,GAAAgB,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EACbF,IAAA,CAAA5B,KAAA;UAAA+B,MAAA,EAEIC,KAAA,CAAC;YAAAH,SAAA,EAAiB;YAAAI,IAAA,EAAqC;YAAAH,QAAA,GACrDF,IAAA,CAAC;cAAAC,SAAA,EAAe;cAAAC,QAAA,EAAgCN;YAAA,C,GAChDI,IAAA,CAAA7B,WAAA;cAAA8B,SAAA,EAAuB;YAAA,C;;sBAGhB;UAAAK,eAAA,EACK;UAAAC,MAAA,EAAAC,EAAA;YACP;cAAAC;YAAA,IAAAD,EAAS;YAAA,OAChBR,IAAA,CAAA3B,SAAA,CAAAqC,WAAA;cAAAR,QAAA,EACGT,QAAA,CAAAkB,GAAA,CAAAC,QAAA;gBACC,MAAAC,SAAA,GAAkBD,QAAA,CAAAf,MAAA,EAAgB,EAAAC,WAAA,CAAc,IAAKc,QAAA,CAAAb,KAAA,EAAe;gBAAA,OAGlEC,IAAA,CAAA3B,SAAA,CAAAyC,MAAA;kBAAAC,MAAA,EACUH,QAAA,KAAalC,WAAA;kBAAAsC,QAAA,EACXJ,QAAA,KAAalC,WAAA;kBAAAuC,OAAA,EAAAA,CAAA;oBAGrBtC,cAAA,GAAiBiC,QAAA;oBACjBH,KAAA;kBAAA;kBAAAP,QAAA,EAGDW;gBAAA,GANID,QAAA;cAAA,CASX;YAAA,C;;gBAGC;QAAA,C;;;;;;;;;;;;;;;SA/BT5B,E;;AAtBG,SAAAW,OAAAuB,KAAA;EAAA,OAiBoDC,KAAA,KAAQ;AAAA;AAjB5D,SAAA3B,MAAA2B,GAAA;EAAA,OAS6CA,GAAA,KAAQ;AAAA","ignoreList":[]}

package/dist/lexical/plugins/NodeViewOverridePlugin/index.d.ts

@@ -1,2 +0,0 @@
-export declare function NodeViewOverridePlugin(): null;
-//# sourceMappingURL=index.d.ts.map

package/dist/lexical/plugins/NodeViewOverridePlugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lexical/plugins/NodeViewOverridePlugin/index.tsx"],"names":[],"mappings":"AAOA,wBAAgB,sBAAsB,IAAI,IAAI,CAsB7C"}

package/dist/lexical/plugins/NodeViewOverridePlugin/index.js

@@ -1,48 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { useEffect } from 'react';
-import { useRichTextView } from '../../../field/RichTextViewProvider.js';
-import { clearEditorNodeViews, registerEditorNodeViews } from '../../nodes/index.js';
-export function NodeViewOverridePlugin() {
-  const $ = _c(5);
-  const [editor] = useLexicalComposerContext();
-  const {
-    currentView,
-    views
-  } = useRichTextView();
-  let t0;
-  let t1;
-  if ($[0] !== currentView || $[1] !== editor || $[2] !== views) {
-    t0 = () => {
-      if (!views) {
-        return;
-      }
-      if (currentView === "default") {
-        if (views.default) {
-          registerEditorNodeViews(editor, views.default?.nodes);
-        } else {
-          clearEditorNodeViews(editor);
-        }
-      } else {
-        if (views[currentView]) {
-          clearEditorNodeViews(editor);
-          registerEditorNodeViews(editor, views[currentView]?.nodes);
-        }
-      }
-    };
-    t1 = [editor, views, currentView];
-    $[0] = currentView;
-    $[1] = editor;
-    $[2] = views;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t0 = $[3];
-    t1 = $[4];
-  }
-  useEffect(t0, t1);
-  return null;
-}
-//# sourceMappingURL=index.js.map

package/dist/lexical/plugins/NodeViewOverridePlugin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useEffect","useRichTextView","clearEditorNodeViews","registerEditorNodeViews","NodeViewOverridePlugin","$","editor","currentView","views","t0","t1","default","nodes"],"sources":["../../../../src/lexical/plugins/NodeViewOverridePlugin/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useEffect } from 'react'\n\nimport { useRichTextView } from '../../../field/RichTextViewProvider.js'\nimport { clearEditorNodeViews, registerEditorNodeViews } from '../../nodes/index.js'\n\nexport function NodeViewOverridePlugin(): null {\n  const [editor] = useLexicalComposerContext()\n  const { currentView, views } = useRichTextView()\n\n  useEffect(() => {\n    if (!views) {\n      return\n    }\n\n    if (currentView === 'default') {\n      if (views.default) {\n        registerEditorNodeViews(editor, views.default?.nodes)\n      } else {\n        clearEditorNodeViews(editor)\n      }\n    } else if (views[currentView]) {\n      clearEditorNodeViews(editor)\n      registerEditorNodeViews(editor, views[currentView]?.nodes)\n    }\n  }, [editor, views, currentView])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,SAAS,QAAQ;AAE1B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ;AAE9D,OAAO,SAAAC,uBAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACL,OAAAQ,MAAA,IAAiBP,yBAAA;EACjB;IAAAQ,WAAA;IAAAC;EAAA,IAA+BP,eAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAG,KAAA;IAErBC,EAAA,GAAAA,CAAA;MAAA,KACHD,KAAA;QAAA;MAAA;MAAA,IAIDD,WAAA,KAAgB;QAAA,IACdC,KAAA,CAAAG,OAAA;UACFR,uBAAA,CAAwBG,MAAA,EAAQE,KAAA,CAAAG,OAAA,EAAAC,KAAe;QAAA;UAE/CV,oBAAA,CAAqBI,MAAA;QAAA;MAAA;QAAA,IAEdE,KAAK,CAACD,WAAA;UACfL,oBAAA,CAAqBI,MAAA;UACrBH,uBAAA,CAAwBG,MAAA,EAAQE,KAAK,CAACD,WAAA,GAAAK,KAAc;QAAA;MAAA;IAAA;IAErDF,EAAA,IAACJ,MAAA,EAAQE,KAAA,EAAOD,WAAA;IAAYF,CAAA,MAAAE,WAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAf/BL,SAAA,CAAUS,EAeV,EAAGC,EAA4B;EAAA;AAAA","ignoreList":[]}