@payloadcms/richtext-lexical 3.68.0-internal-debug.654e4ad → 3.68.0-internal.10bf491

package/dist/field/Diff/converters/relationship/index.scss

@@ -1,73 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .lexical-relationship-diff {
-    @extend %body;
-    @include shadow-sm;
-    min-width: calc(var(--base) * 8);
-    max-width: fit-content;
-
-    display: flex;
-    align-items: center;
-    background-color: var(--theme-input-bg);
-    border-radius: $style-radius-s;
-    border: 1px solid var(--theme-elevation-100);
-    position: relative;
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-    max-height: calc(var(--base) * 4);
-    padding: base(0.6);
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-
-      .lexical-relationship-diff__collectionLabel {
-        color: var(--diff-create-link-color);
-      }
-
-      .lexical-relationship-diff__title * {
-        color: var(--diff-create-parent-color);
-      }
-    }
-
-    &[data-match-type='delete'] {
-      border-color: var(--diff-delete-pill-border);
-      color: var(--diff-delete-parent-color);
-      text-decoration-line: none;
-      background-color: var(--diff-delete-pill-bg);
-
-      .lexical-relationship-diff__collectionLabel {
-        color: var(--diff-delete-link-color);
-      }
-
-      * {
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-      }
-    }
-
-    &__card {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-      flex-grow: 1;
-      display: flex;
-      align-items: flex-start;
-      flex-direction: column;
-      justify-content: space-between;
-    }
-
-    &__title {
-      display: flex;
-      flex-direction: row;
-      font-weight: 600;
-    }
-
-    &__collectionLabel {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/field/Diff/converters/unknown/index.scss

@@ -1,40 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .lexical-unknown-diff {
-    @extend %body;
-    @include shadow-sm;
-    max-width: fit-content;
-    display: flex;
-    align-items: center;
-    background: var(--theme-input-bg);
-    border-radius: $style-radius-s;
-    border: 1px solid var(--theme-elevation-100);
-    position: relative;
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-    max-height: calc(var(--base) * 4);
-    padding: base(0.25);
-
-    &__specifier {
-      font-family: 'SF Mono', Menlo, Consolas, Monaco, monospace;
-    }
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-    }
-
-    &[data-match-type='delete'] {
-      border-color: var(--diff-delete-pill-border);
-      color: var(--diff-delete-parent-color);
-      text-decoration-line: none;
-      background-color: var(--diff-delete-pill-bg);
-
-      * {
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-      }
-    }
-  }
-}

package/dist/field/Diff/converters/upload/index.scss

@@ -1,115 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff {
-    .lexical-upload-diff {
-      @extend %body;
-      @include shadow-sm;
-      min-width: calc(var(--base) * 10);
-      max-width: fit-content;
-      display: flex;
-      align-items: center;
-      background-color: var(--theme-input-bg);
-      border-radius: $style-radius-s;
-      border: 1px solid var(--theme-elevation-100);
-      position: relative;
-      font-family: var(--font-body);
-      margin-block: base(0.5);
-      max-height: calc(var(--base) * 3);
-      padding: base(0.6);
-
-      &[data-match-type='create'] {
-        border-color: var(--diff-create-pill-border);
-        color: var(--diff-create-parent-color);
-
-        * {
-          color: var(--diff-create-parent-color);
-        }
-
-        .lexical-upload-diff__meta {
-          color: var(--diff-create-link-color);
-          * {
-            color: var(--diff-create-link-color);
-          }
-        }
-
-        .lexical-upload-diff__thumbnail {
-          border-radius: 0px;
-          border-color: var(--diff-create-pill-border);
-          background-color: none;
-        }
-      }
-
-      &[data-match-type='delete'] {
-        border-color: var(--diff-delete-pill-border);
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-        background-color: var(--diff-delete-pill-bg);
-
-        .lexical-upload-diff__meta {
-          color: var(--diff-delete-link-color);
-          * {
-            color: var(--diff-delete-link-color);
-          }
-        }
-
-        * {
-          text-decoration-line: none;
-          color: var(--diff-delete-parent-color);
-        }
-
-        .lexical-upload-diff__thumbnail {
-          border-radius: 0px;
-          border-color: var(--diff-delete-pill-border);
-          background-color: none;
-        }
-      }
-
-      &__card {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        width: 100%;
-      }
-
-      &__thumbnail {
-        width: calc(var(--base) * 3 - base(0.6) * 2);
-        height: calc(var(--base) * 3 - base(0.6) * 2);
-        position: relative;
-        overflow: hidden;
-        flex-shrink: 0;
-        border-radius: 0px;
-        border: 1px solid var(--theme-elevation-100);
-
-        img,
-        svg {
-          position: absolute;
-          object-fit: cover;
-          width: 100%;
-          height: 100%;
-          border-radius: 0px;
-        }
-      }
-
-      &__info {
-        flex-grow: 1;
-        display: flex;
-        align-items: flex-start;
-        flex-direction: column;
-        padding: calc(var(--base) * 0.25) calc(var(--base) * 0.75);
-        justify-content: space-between;
-        font-weight: 400;
-
-        strong {
-          font-weight: 600;
-        }
-      }
-
-      &__meta {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}

package/dist/field/Diff/index.scss

@@ -1,102 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .field-diff-content {
-    .html-diff {
-      font-family: var(--font-serif);
-      font-size: base(0.8);
-      letter-spacing: 0.02em;
-    }
-
-    blockquote {
-      font-size: base(0.8);
-      margin-block: base(0.8);
-      margin-inline: 0;
-      padding-inline-start: base(0.6);
-      padding-block: base(0.2);
-      position: relative; // Required for absolute positioning of ::after
-
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        inset-inline-start: 0;
-        width: base(0.2);
-        background-color: var(--theme-elevation-150);
-      }
-
-      &:has([data-match-type='create'])::after {
-        background-color: var(--theme-success-150);
-      }
-
-      &:has([data-match-type='delete'])::after {
-        background-color: var(--theme-error-150);
-      }
-    }
-
-    a {
-      border-bottom: 1px dotted;
-      text-decoration: none;
-    }
-
-    h1 {
-      padding: base(0.7) 0px base(0.55);
-      line-height: base(1.5);
-      font-weight: 600;
-      font-size: base(1.4);
-      font-family: var(--font-body);
-    }
-    h2 {
-      padding: base(0.7) 0px base(0.5);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(1.25);
-      font-family: var(--font-body);
-    }
-    h3 {
-      padding: base(0.6) 0px base(0.45);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(1.1);
-      font-family: var(--font-body);
-    }
-    h4 {
-      padding: base(0.4) 0px base(0.35);
-      line-height: base(1.5);
-      font-weight: 600;
-      font-size: base(1.05);
-      font-family: var(--font-body);
-    }
-    h5 {
-      padding: base(0.3) 0px base(0.3);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(0.9);
-      font-family: var(--font-body);
-    }
-
-    h6 {
-      padding: base(0.55) 0px base(0.25);
-      line-height: base(0.5);
-      font-weight: 600;
-      font-size: base(0.75);
-      font-family: var(--font-body);
-    }
-
-    p {
-      padding: base(0.4) 0 base(0.4);
-
-      // First paraagraph has no top padding
-      &:first-child {
-        padding: 0 0 base(0.4);
-      }
-    }
-
-    ul,
-    ol {
-      padding-top: base(0.4);
-      padding-bottom: base(0.4);
-    }
-  }
-}

package/dist/field/RichTextViewProvider.d.ts

@@ -1,83 +0,0 @@
-import React from 'react';
-import type { LexicalEditorNodeMap, LexicalEditorViewMap } from '../types.js';
-/**
- * Context type for rich text view management.
- */
-type RichTextViewContextType = {
-    /**
-     * The name of the currently active view (e.g., 'default', 'frontend', 'debug')
-     */
-    currentView: string;
-    /**
-     * The node map for the currently active view, containing rendering overrides for each node type.
-     * This is the resolved view from the views map based on currentView.
-     */
-    currentViewMap?: LexicalEditorNodeMap;
-    /**
-     * If true, the current view will be inherited by nested richtext editors.
-     */
-    inheritable?: boolean;
-    /**
-     * Function to change the current view.
-     */
-    setCurrentView: (view: string) => void;
-    /**
-     * The complete map of all available views for this field.
-     */
-    views?: LexicalEditorViewMap;
-};
-/**
- * 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 declare const RichTextViewProvider: React.FC<{
-    children: React.ReactNode;
-    currentView?: string;
-    inheritable?: boolean;
-    views?: LexicalEditorViewMap;
-}>;
-/**
- * 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 declare function useRichTextView(): RichTextViewContextType;
-export {};
-//# sourceMappingURL=RichTextViewProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"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;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC;;OAEG;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,CA6BA,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,eAAe,IAAI,uBAAuB,CAEzD"}

package/dist/field/RichTextViewProvider.js

@@ -1,102 +0,0 @@
-'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import { useControllableState } from '@payloadcms/ui';
-import React, { createContext, use, useMemo } from 'react';
-/**
- * Context type for rich text view management.
- */ /**
-   * The name of the currently active view (e.g., 'default', 'frontend', 'debug')
-   */ /**
-   * The node map for the currently active view, containing rendering overrides for each node type.
-   * This is the resolved view from the views map based on currentView.
-   */ /**
-   * If true, the current view will be inherited by nested richtext editors.
-   */ /**
-   * Function to change the current view.
-   */ /**
-   * The complete map of all available views for this field.
-   */ 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__*/ _jsxDEV(RichTextViewContext, {
-        value: value,
-        children: children
-    }, void 0, false, {
-        fileName: "src/field/RichTextViewProvider.tsx",
-        lineNumber: 90,
-        columnNumber: 10
-    }, this);
-};
-/**
- * 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,"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"],"names":["useControllableState","React","createContext","use","useMemo","RichTextViewContext","currentView","inheritable","setCurrentView","RichTextViewProvider","args","parentContext","useRichTextView","children","currentViewFromProps","views","value","currentViewMap","default","undefined"],"mappings":"AAAA;;AACA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,OAAO,QAAQ,QAAO;AAI1D;;CAEC,GAEC;;GAEC,GAED;;;GAGC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAIH,MAAMC,oCAAsBH,cAAuC;IACjEI,aAAa;IACbC,aAAa;IACbC,gBAAgB,KAAO;AACzB;AAEA;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAMC,uBAKR,CAACC;IACJ,MAAMC,gBAAgBC;IAEtB,MAAM,EACJC,QAAQ,EACRP,aAAaQ,oBAAoB,EACjCP,WAAW,EACXQ,KAAK,EACN,GAAGJ,cAAcJ,WAAW,GACzB;QACE,GAAGI,aAAa;QAChB,GAAGD,IAAI;IACT,IACAA;IAEJ,MAAM,CAACJ,aAAaE,eAAe,GAAGR,qBAAqBc,sBAAsB;IAEjF,MAAME,QAAQZ,QAAQ;QACpB,MAAMa,iBAAiBF,QAAQA,KAAK,CAACT,YAAY,IAAIS,MAAMG,OAAO,GAAGC;QACrE,OAAO;YACLb;YACAW;YACAV;YACAC;YACAO;QACF;IACF,GAAG;QAACT;QAAaC;QAAaC;QAAgBO;KAAM;IAEpD,qBAAO,QAACV;QAAoBW,OAAOA;kBAAQH;;;;;;AAC7C,EAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASD;IACd,OAAOT,IAAIE;AACb"}

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,90 +0,0 @@
-'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

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

package/dist/field/ViewSelector.scss

@@ -1,34 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-.lexical-view-selector {
-  display: inline-flex;
-  margin-left: var(--spacing-xs);
-  vertical-align: middle;
-
-  &__button {
-    all: unset;
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    padding: 2px 6px;
-    background: transparent;
-    border-radius: var(--border-radius-s);
-    cursor: pointer;
-    color: var(--theme-elevation-600);
-    box-sizing: border-box;
-
-    &:hover {
-      background: var(--theme-elevation-100);
-      color: var(--theme-elevation-800);
-    }
-  }
-
-  &__label {
-    line-height: 1;
-    white-space: nowrap;
-  }
-
-  &__icon {
-    flex-shrink: 0;
-  }
-}