@payloadcms/richtext-lexical 3.0.0-canary.f1db24e → 3.0.0-canary.f1f97ff

package/dist/field/features/toolbars/fixed/Toolbar/index.js

@@ -1,157 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import * as React from 'react';
-import { useEditorFocus } from '../../../../lexical/EditorFocusProvider.js';
-import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
-import { ToolbarButton } from '../../shared/ToolbarButton/index.js';
-import { ToolbarDropdown } from '../../shared/ToolbarDropdown/index.js';
-import './index.scss';
-function ButtonGroupItem({ anchorElem, editor, item }) {
-    if (item.Component) {
-        return item?.Component && /*#__PURE__*/ _jsx(item.Component, {
-            anchorElem: anchorElem,
-            editor: editor,
-            item: item
-        }, item.key);
-    }
-    return /*#__PURE__*/ _jsx(ToolbarButton, {
-        editor: editor,
-        item: item,
-        children: item?.ChildComponent && /*#__PURE__*/ _jsx(item.ChildComponent, {})
-    }, item.key);
-}
-function ToolbarGroupComponent({ anchorElem, editor, editorConfig, group, index }) {
-    const { i18n } = useTranslation();
-    const [dropdownLabel, setDropdownLabel] = React.useState(null);
-    const [DropdownIcon, setDropdownIcon] = React.useState(null);
-    React.useEffect(()=>{
-        if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {
-            setDropdownIcon(()=>group.ChildComponent);
-        } else {
-            setDropdownIcon(null);
-        }
-    }, [
-        group
-    ]);
-    const onActiveChange = ({ activeItems })=>{
-        if (!activeItems.length) {
-            if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {
-                setDropdownIcon(()=>group.ChildComponent);
-                setDropdownLabel(null);
-            } else {
-                setDropdownIcon(null);
-                setDropdownLabel(null);
-            }
-            return;
-        }
-        const item = activeItems[0];
-        let label = item.key;
-        if (item.label) {
-            label = typeof item.label === 'function' ? item.label({
-                i18n
-            }) : item.label;
-        }
-        // Crop title to max. 25 characters
-        if (label.length > 25) {
-            label = label.substring(0, 25) + '...';
-        }
-        setDropdownLabel(label);
-        setDropdownIcon(()=>item.ChildComponent);
-    };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: `fixed-toolbar__group fixed-toolbar__group-${group.key}`,
-        children: [
-            group.type === 'dropdown' && group.items.length && (DropdownIcon ? /*#__PURE__*/ _jsx(ToolbarDropdown, {
-                Icon: DropdownIcon,
-                anchorElem: anchorElem,
-                editor: editor,
-                groupKey: group.key,
-                items: group.items,
-                itemsContainerClassNames: [
-                    'fixed-toolbar__dropdown-items'
-                ],
-                label: dropdownLabel,
-                maxActiveItems: 1,
-                onActiveChange: onActiveChange
-            }) : /*#__PURE__*/ _jsx(ToolbarDropdown, {
-                anchorElem: anchorElem,
-                editor: editor,
-                groupKey: group.key,
-                items: group.items,
-                itemsContainerClassNames: [
-                    'fixed-toolbar__dropdown-items'
-                ],
-                label: dropdownLabel,
-                maxActiveItems: 1,
-                onActiveChange: onActiveChange
-            })),
-            group.type === 'buttons' && group.items.length && group.items.map((item)=>{
-                return /*#__PURE__*/ _jsx(ButtonGroupItem, {
-                    anchorElem: anchorElem,
-                    editor: editor,
-                    item: item
-                }, item.key);
-            }),
-            index < editorConfig.features.toolbarFixed?.groups.length - 1 && /*#__PURE__*/ _jsx("div", {
-                className: "divider"
-            })
-        ]
-    }, group.key);
-}
-function FixedToolbar({ anchorElem, editor, editorConfig }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: "fixed-toolbar",
-        onFocus: (event)=>{
-            // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,
-            // the parent editor will be focused, and the child editor will lose focus.
-            event.stopPropagation();
-        },
-        children: editor.isEditable() && /*#__PURE__*/ _jsx(React.Fragment, {
-            children: editorConfig?.features && editorConfig.features?.toolbarFixed?.groups.map((group, i)=>{
-                return /*#__PURE__*/ _jsx(ToolbarGroupComponent, {
-                    anchorElem: anchorElem,
-                    editor: editor,
-                    editorConfig: editorConfig,
-                    group: group,
-                    index: i
-                }, group.key);
-            })
-        })
-    });
-}
-const checkParentEditor = (editorFocus)=>{
-    if (editorFocus.parentEditorConfigContext?.editorConfig) {
-        if (editorFocus.parentEditorConfigContext?.editorConfig.resolvedFeatureMap.has('toolbarFixed')) {
-            return true;
-        } else {
-            if (editorFocus.parentEditorFocus) {
-                return checkParentEditor(editorFocus.parentEditorFocus);
-            }
-        }
-    }
-    return false;
-};
-export const FixedToolbarPlugin = ({ anchorElem })=>{
-    const [currentEditor] = useLexicalComposerContext();
-    const { editorConfig: currentEditorConfig, uuid } = useEditorConfigContext();
-    const editorFocus = useEditorFocus();
-    const editor = editorFocus.focusedEditor || currentEditor;
-    const editorConfig = editorFocus.focusedEditorConfigContext?.editorConfig || currentEditorConfig;
-    // Check if there is a parent editor with a fixed toolbar already
-    const hasParentWithFixedToolbar = checkParentEditor(editorFocus);
-    if (hasParentWithFixedToolbar) {
-        return null;
-    }
-    if (!editorConfig?.features?.toolbarFixed?.groups?.length) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(FixedToolbar, {
-        anchorElem: anchorElem,
-        editor: editor,
-        editorConfig: editorConfig
-    });
-};
-
-//# sourceMappingURL=index.js.map

package/dist/field/features/toolbars/fixed/Toolbar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/features/toolbars/fixed/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport * as React from 'react'\n\nimport type { EditorFocusContextType } from '../../../../lexical/EditorFocusProvider.js'\nimport type { SanitizedClientEditorConfig } from '../../../../lexical/config/types.js'\nimport type { PluginComponentWithAnchor } from '../../../types.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../types.js'\n\nimport { useEditorFocus } from '../../../../lexical/EditorFocusProvider.js'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { ToolbarButton } from '../../shared/ToolbarButton/index.js'\nimport { ToolbarDropdown } from '../../shared/ToolbarDropdown/index.js'\nimport './index.scss'\n\nfunction ButtonGroupItem({\n  anchorElem,\n  editor,\n  item,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  item: ToolbarGroupItem\n}): React.ReactNode {\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n      )\n    )\n  }\n\n  return (\n    <ToolbarButton editor={editor} item={item} key={item.key}>\n      {item?.ChildComponent && <item.ChildComponent />}\n    </ToolbarButton>\n  )\n}\n\nfunction ToolbarGroupComponent({\n  anchorElem,\n  editor,\n  editorConfig,\n  group,\n  index,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  group: ToolbarGroup\n  index: number\n}): React.ReactNode {\n  const { i18n } = useTranslation()\n\n  const [dropdownLabel, setDropdownLabel] = React.useState<null | string>(null)\n  const [DropdownIcon, setDropdownIcon] = React.useState<React.FC | null>(null)\n\n  React.useEffect(() => {\n    if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {\n      setDropdownIcon(() => group.ChildComponent)\n    } else {\n      setDropdownIcon(null)\n    }\n  }, [group])\n\n  const onActiveChange = ({ activeItems }: { activeItems: ToolbarGroupItem[] }) => {\n    if (!activeItems.length) {\n      if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {\n        setDropdownIcon(() => group.ChildComponent)\n        setDropdownLabel(null)\n      } else {\n        setDropdownIcon(null)\n        setDropdownLabel(null)\n      }\n      return\n    }\n    const item = activeItems[0]\n\n    let label = item.key\n    if (item.label) {\n      label = typeof item.label === 'function' ? item.label({ i18n }) : item.label\n    }\n    // Crop title to max. 25 characters\n    if (label.length > 25) {\n      label = label.substring(0, 25) + '...'\n    }\n    setDropdownLabel(label)\n    setDropdownIcon(() => item.ChildComponent)\n  }\n\n  return (\n    <div className={`fixed-toolbar__group fixed-toolbar__group-${group.key}`} key={group.key}>\n      {group.type === 'dropdown' &&\n        group.items.length &&\n        (DropdownIcon ? (\n          <ToolbarDropdown\n            Icon={DropdownIcon}\n            anchorElem={anchorElem}\n            editor={editor}\n            groupKey={group.key}\n            items={group.items}\n            itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n            label={dropdownLabel}\n            maxActiveItems={1}\n            onActiveChange={onActiveChange}\n          />\n        ) : (\n          <ToolbarDropdown\n            anchorElem={anchorElem}\n            editor={editor}\n            groupKey={group.key}\n            items={group.items}\n            itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n            label={dropdownLabel}\n            maxActiveItems={1}\n            onActiveChange={onActiveChange}\n          />\n        ))}\n      {group.type === 'buttons' &&\n        group.items.length &&\n        group.items.map((item) => {\n          return (\n            <ButtonGroupItem anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n          )\n        })}\n      {index < editorConfig.features.toolbarFixed?.groups.length - 1 && <div className=\"divider\" />}\n    </div>\n  )\n}\n\nfunction FixedToolbar({\n  anchorElem,\n  editor,\n  editorConfig,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n}): React.ReactNode {\n  return (\n    <div\n      className=\"fixed-toolbar\"\n      onFocus={(event) => {\n        // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,\n        // the parent editor will be focused, and the child editor will lose focus.\n        event.stopPropagation()\n      }}\n    >\n      {editor.isEditable() && (\n        <React.Fragment>\n          {editorConfig?.features &&\n            editorConfig.features?.toolbarFixed?.groups.map((group, i) => {\n              return (\n                <ToolbarGroupComponent\n                  anchorElem={anchorElem}\n                  editor={editor}\n                  editorConfig={editorConfig}\n                  group={group}\n                  index={i}\n                  key={group.key}\n                />\n              )\n            })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nconst checkParentEditor = (editorFocus: EditorFocusContextType): boolean => {\n  if (editorFocus.parentEditorConfigContext?.editorConfig) {\n    if (\n      editorFocus.parentEditorConfigContext?.editorConfig.resolvedFeatureMap.has('toolbarFixed')\n    ) {\n      return true\n    } else {\n      if (editorFocus.parentEditorFocus) {\n        return checkParentEditor(editorFocus.parentEditorFocus)\n      }\n    }\n  }\n  return false\n}\n\nexport const FixedToolbarPlugin: PluginComponentWithAnchor<undefined> = ({ anchorElem }) => {\n  const [currentEditor] = useLexicalComposerContext()\n  const { editorConfig: currentEditorConfig, uuid } = useEditorConfigContext()\n\n  const editorFocus = useEditorFocus()\n  const editor = editorFocus.focusedEditor || currentEditor\n\n  const editorConfig = editorFocus.focusedEditorConfigContext?.editorConfig || currentEditorConfig\n\n  // Check if there is a parent editor with a fixed toolbar already\n  const hasParentWithFixedToolbar = checkParentEditor(editorFocus)\n\n  if (hasParentWithFixedToolbar) {\n    return null\n  }\n\n  if (!editorConfig?.features?.toolbarFixed?.groups?.length) {\n    return null\n  }\n\n  return <FixedToolbar anchorElem={anchorElem} editor={editor} editorConfig={editorConfig} />\n}\n"],"names":["useLexicalComposerContext","useTranslation","React","useEditorFocus","useEditorConfigContext","ToolbarButton","ToolbarDropdown","ButtonGroupItem","anchorElem","editor","item","Component","key","ChildComponent","ToolbarGroupComponent","editorConfig","group","index","i18n","dropdownLabel","setDropdownLabel","useState","DropdownIcon","setDropdownIcon","useEffect","type","items","length","onActiveChange","activeItems","label","substring","div","className","Icon","groupKey","itemsContainerClassNames","maxActiveItems","map","features","toolbarFixed","groups","FixedToolbar","onFocus","event","stopPropagation","isEditable","Fragment","i","checkParentEditor","editorFocus","parentEditorConfigContext","resolvedFeatureMap","has","parentEditorFocus","FixedToolbarPlugin","currentEditor","currentEditorConfig","uuid","focusedEditor","focusedEditorConfigContext","hasParentWithFixedToolbar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/features/toolbars/fixed/Toolbar/index.scss

@@ -1,112 +0,0 @@
-@import '../../../../../scss/styles';
-
-html[data-theme='dark'] {
-  .fixed-toolbar {
-    &__dropdown-items {
-      background: var(--theme-elevation-0);
-
-      .toolbar-popup__dropdown-item {
-        color: var(--theme-elevation-900);
-
-        &:hover:not([disabled]),
-        &.active {
-          background-color: var(--theme-elevation-100);
-        }
-
-        .icon {
-          color: var(--theme-elevation-600);
-        }
-      }
-    }
-
-    .toolbar-popup {
-      &__button {
-        &.active,
-        &:hover:not([disabled]) {
-          background-color: var(--theme-elevation-100);
-        }
-      }
-
-      &__dropdown {
-        &:hover:not([disabled]) {
-          background-color: var(--theme-elevation-100);
-        }
-
-        &-caret:after {
-          filter: invert(1);
-        }
-
-        &-label {
-          color: var(--theme-elevation-750);
-        }
-      }
-    }
-  }
-}
-
-.fixed-toolbar {
-  @include blur-bg(var(--theme-elevation-0));
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  padding: calc(var(--base) / 4);
-  vertical-align: middle;
-  position: sticky;
-  z-index: 2;
-  top: var(--doc-controls-height);
-  border: $style-stroke-width-s solid var(--theme-elevation-150);
-  transform: translateY(1px); // aligns with top bar pixel line when stuck
-
-  &__group {
-    display: flex;
-    align-items: center;
-    gap: 2px;
-    z-index: 1;
-
-    .icon {
-      min-width: 20px;
-      height: 20px;
-      color: var(--theme-elevation-600);
-    }
-
-    .divider {
-      width: 1px;
-      height: 15px;
-      background-color: var(--color-base-100);
-      margin: 0 6.25px;
-    }
-  }
-
-  .toolbar-popup {
-    &__dropdown,
-    &__button {
-      border-radius: 0;
-    }
-  }
-
-  + .editor-container {
-    > .editor-scroller > .editor {
-      > .ContentEditable__root {
-        padding-top: calc(var(--base) * 1.25);
-      }
-    }
-
-    > .editor-placeholder {
-      top: calc(var(--base) * 1.25);
-    }
-  }
-}
-
-
-.rich-text-lexical--show-gutter {
-  .fixed-toolbar {
-    + .editor-container {
-      > .editor-scroller > .editor {
-        > .ContentEditable__root::before {
-          top: calc(var(--base) * 1.25)!important;
-          height: calc(100% - calc(var(--base) * 1.25) - 8px)!important;
-        }
-      }
-    }
-  }
-}

package/dist/field/features/toolbars/fixed/feature.client.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-export declare const FixedToolbarFeatureClientComponent: import("react").FC<{
-    featureKey: string;
-    order: number;
-}>;
-//# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/toolbars/fixed/feature.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/toolbars/fixed/feature.client.tsx"],"names":[],"mappings":";AAsBA,eAAO,MAAM,kCAAkC;;;EAAmD,CAAA"}

package/dist/field/features/toolbars/fixed/feature.client.js

@@ -1,20 +0,0 @@
-'use client';
-import { createClientComponent } from '../../createClientComponent.js';
-import { FixedToolbarPlugin } from './Toolbar/index.js';
-const FixedToolbarFeatureClient = (props)=>{
-    return {
-        clientFeatureProps: props,
-        feature: ()=>({
-                clientFeatureProps: props,
-                plugins: [
-                    {
-                        Component: FixedToolbarPlugin,
-                        position: 'aboveContainer'
-                    }
-                ]
-            })
-    };
-};
-export const FixedToolbarFeatureClientComponent = createClientComponent(FixedToolbarFeatureClient);
-
-//# sourceMappingURL=feature.client.js.map

package/dist/field/features/toolbars/fixed/feature.client.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/toolbars/fixed/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { FixedToolbarPlugin } from './Toolbar/index.js'\n\nconst FixedToolbarFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      plugins: [\n        {\n          Component: FixedToolbarPlugin,\n          position: 'aboveContainer',\n        },\n      ],\n    }),\n  }\n}\n\nexport const FixedToolbarFeatureClientComponent = createClientComponent(FixedToolbarFeatureClient)\n"],"names":["createClientComponent","FixedToolbarPlugin","FixedToolbarFeatureClient","props","clientFeatureProps","feature","plugins","Component","position","FixedToolbarFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,MAAMC,4BAAsE,CAACC;IAC3E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,SAAS;oBACP;wBACEC,WAAWN;wBACXO,UAAU;oBACZ;iBACD;YACH,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,qCAAqCT,sBAAsBE,2BAA0B"}

package/dist/field/features/toolbars/fixed/feature.server.d.ts

@@ -1,3 +0,0 @@
-import type { FeatureProviderProviderServer } from '../../types.js';
-export declare const FixedToolbarFeature: FeatureProviderProviderServer<undefined, undefined>;
-//# sourceMappingURL=feature.server.d.ts.map

package/dist/field/features/toolbars/fixed/feature.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/toolbars/fixed/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AAInE,eAAO,MAAM,mBAAmB,EAAE,6BAA6B,CAAC,SAAS,EAAE,SAAS,CAWnF,CAAA"}

package/dist/field/features/toolbars/fixed/feature.server.js

@@ -1,15 +0,0 @@
-import { FixedToolbarFeatureClientComponent } from './feature.client.js';
-export const FixedToolbarFeature = (props)=>{
-    return {
-        feature: ()=>{
-            return {
-                ClientComponent: FixedToolbarFeatureClientComponent,
-                serverFeatureProps: props
-            };
-        },
-        key: 'toolbarFixed',
-        serverFeatureProps: props
-    };
-};
-
-//# sourceMappingURL=feature.server.js.map

package/dist/field/features/toolbars/fixed/feature.server.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/toolbars/fixed/feature.server.ts"],"sourcesContent":["import type { FeatureProviderProviderServer } from '../../types.js'\n\nimport { FixedToolbarFeatureClientComponent } from './feature.client.js'\n\nexport const FixedToolbarFeature: FeatureProviderProviderServer<undefined, undefined> = (props) => {\n  return {\n    feature: () => {\n      return {\n        ClientComponent: FixedToolbarFeatureClientComponent,\n        serverFeatureProps: props,\n      }\n    },\n    key: 'toolbarFixed',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["FixedToolbarFeatureClientComponent","FixedToolbarFeature","props","feature","ClientComponent","serverFeatureProps","key"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAASA,kCAAkC,QAAQ,sBAAqB;AAExE,OAAO,MAAMC,sBAA2E,CAACC;IACvF,OAAO;QACLC,SAAS;YACP,OAAO;gBACLC,iBAAiBJ;gBACjBK,oBAAoBH;YACtB;QACF;QACAI,KAAK;QACLD,oBAAoBH;IACtB;AACF,EAAC"}

package/dist/field/features/toolbars/inline/Toolbar/index.d.ts

@@ -1,4 +0,0 @@
-import type { PluginComponentWithAnchor } from '../../../types.js';
-import './index.scss';
-export declare const InlineToolbarPlugin: PluginComponentWithAnchor<undefined>;
-//# sourceMappingURL=index.d.ts.map

package/dist/field/features/toolbars/inline/Toolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/features/toolbars/inline/Toolbar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAQlE,OAAO,cAAc,CAAA;AAqXrB,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,SAAS,CAIpE,CAAA"}