payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/extensions/extension-kit.js

@@ -0,0 +1,144 @@
+import { BlockquoteFigure, CharacterCount, Color, Document, Dropcursor, Figcaption, FileHandler, Focus, FontFamily, FontSize, Heading, Highlight, HorizontalRule, ImageBlock, Link, Placeholder, Selection, SlashCommand, StarterKit, Subscript, Superscript, Table, TableOfContents, TableCell, TableHeader, TableRow, TextAlign, TextStyle, TrailingNode, Typography, Underline, // emojiSuggestion,
+Columns, Column, // TaskItem,
+// TaskList,
+Twitter, Tiktok, Instagram, Facebook, Linkedin, Youtube, InsideLinks } from "./index.js";
+import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
+import { ImageUpload } from "./ImageUpload/ImageUpload.js";
+import { TableOfContentsNode } from "./TableOfContentsNode/TableOfContentsNode.jsx";
+import lowlight from "lowlight";
+import TextDirection from "tiptap-text-direction";
+import API from "../lib/api.js";
+import History from "@tiptap/extension-history";
+import { Iframe } from "./Iframe/iframe.js";
+export const ExtensionKit = ({ dir })=>[
+        Document,
+        Columns,
+        // TaskList,
+        // TaskItem.configure({
+        //   nested: true,
+        // }),
+        Column,
+        Selection,
+        Heading.configure({
+            levels: [
+                1,
+                2,
+                3,
+                4,
+                5,
+                6
+            ]
+        }),
+        HorizontalRule,
+        StarterKit.configure({
+            document: false,
+            dropcursor: false,
+            heading: false,
+            horizontalRule: false,
+            blockquote: false,
+            history: false,
+            codeBlock: false
+        }),
+        CodeBlockLowlight.configure({
+            lowlight,
+            defaultLanguage: null
+        }),
+        TextStyle,
+        FontSize,
+        FontFamily,
+        Color,
+        TrailingNode,
+        Link.configure({
+            openOnClick: false
+        }),
+        Highlight.configure({
+            multicolor: true
+        }),
+        Underline,
+        CharacterCount.configure({
+            limit: 50000
+        }),
+        TableOfContents,
+        TableOfContentsNode,
+        ImageUpload.configure({}),
+        ImageBlock,
+        FileHandler.configure({
+            allowedMimeTypes: [
+                "image/png",
+                "image/jpeg",
+                "image/gif",
+                "image/webp"
+            ],
+            onDrop: (currentEditor, files, pos)=>{
+                files.forEach(async ()=>{
+                    const url = await API.uploadImage();
+                    currentEditor.chain().setImageBlockAt({
+                        pos,
+                        src: url
+                    }).focus().run();
+                });
+            },
+            onPaste: (currentEditor, files)=>{
+                files.forEach(async ()=>{
+                    const url = await API.uploadImage();
+                    return currentEditor.chain().setImageBlockAt({
+                        pos: currentEditor.state.selection.anchor,
+                        src: url
+                    }).focus().run();
+                });
+            }
+        }),
+        // Emoji.configure({
+        //   enableEmoticons: true,
+        //   suggestion: emojiSuggestion,
+        // }),
+        TextAlign.extend({
+            addKeyboardShortcuts () {
+                return {};
+            }
+        }).configure({
+            types: [
+                "heading",
+                "paragraph"
+            ]
+        }),
+        Subscript,
+        Superscript,
+        Table,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Typography,
+        Placeholder.configure({
+            includeChildren: true,
+            showOnlyCurrent: false,
+            placeholder: ()=>""
+        }),
+        SlashCommand,
+        Focus,
+        Figcaption,
+        BlockquoteFigure,
+        Dropcursor.configure({
+            width: 2,
+            class: "ProseMirror-dropcursor border-black"
+        }),
+        History,
+        Iframe,
+        Twitter,
+        Tiktok,
+        Instagram,
+        Facebook,
+        Linkedin,
+        Youtube,
+        // Paragraph,
+        InsideLinks,
+        TextDirection.configure({
+            types: [
+                "heading",
+                "paragraph"
+            ]
+        })
+    ];
+export default ExtensionKit;
+
+//# sourceMappingURL=extension-kit.js.map

package/dist/fields/TiptapEditor/extensions/extension-kit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\n  BlockquoteFigure,\n  CharacterCount,\n  Color,\n  Document,\n  Dropcursor,\n  Emoji,\n  Figcaption,\n  FileHandler,\n  Focus,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalRule,\n  ImageBlock,\n  Link,\n  Placeholder,\n  Selection,\n  SlashCommand,\n  StarterKit,\n  Subscript,\n  Superscript,\n  Table,\n  TableOfContents,\n  TableCell,\n  TableHeader,\n  TableRow,\n  TextAlign,\n  TextStyle,\n  TrailingNode,\n  Typography,\n  Underline,\n  // emojiSuggestion,\n  Columns,\n  Column,\n  // TaskItem,\n  // TaskList,\n  Twitter,\n  Tiktok,\n  Instagram,\n  Facebook,\n  Linkedin,\n  Youtube,\n  Paragraph,\n  InsideLinks,\n} from \"./index.js\";\nimport { CodeBlockLowlight } from \"@tiptap/extension-code-block-lowlight\";\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\nimport { TableOfContentsNode } from \"./TableOfContentsNode/TableOfContentsNode.jsx\";\nimport lowlight from \"lowlight\";\nimport TextDirection from \"tiptap-text-direction\";\n\nimport API from \"../lib/api.js\";\nimport History from \"@tiptap/extension-history\";\nimport { Iframe } from \"./Iframe/iframe.js\";\n\ninterface ExtensionKitProps {\n  dir?: \"rtl\" | \"ltr\";\n}\n\nexport const ExtensionKit = ({ dir }: ExtensionKitProps) => [\n  Document,\n  Columns,\n  // TaskList,\n  // TaskItem.configure({\n  //   nested: true,\n  // }),\n  Column,\n  Selection,\n  Heading.configure({\n    levels: [1, 2, 3, 4, 5, 6],\n  }),\n  HorizontalRule,\n  StarterKit.configure({\n    document: false,\n    dropcursor: false,\n    heading: false,\n    horizontalRule: false,\n    blockquote: false,\n    history: false,\n    codeBlock: false,\n  }),\n\n  CodeBlockLowlight.configure({\n    lowlight,\n    defaultLanguage: null,\n  }),\n  TextStyle,\n  FontSize,\n  FontFamily,\n  Color,\n  TrailingNode,\n  Link.configure({\n    openOnClick: false,\n  }),\n  Highlight.configure({ multicolor: true }),\n  Underline,\n  CharacterCount.configure({ limit: 50000 }),\n  TableOfContents,\n  TableOfContentsNode,\n  ImageUpload.configure({}),\n  ImageBlock,\n  FileHandler.configure({\n    allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n    onDrop: (currentEditor, files, pos) => {\n      files.forEach(async () => {\n        const url = await API.uploadImage();\n\n        currentEditor.chain().setImageBlockAt({ pos, src: url }).focus().run();\n      });\n    },\n    onPaste: (currentEditor, files) => {\n      files.forEach(async () => {\n        const url = await API.uploadImage();\n\n        return currentEditor\n          .chain()\n          .setImageBlockAt({\n            pos: currentEditor.state.selection.anchor,\n            src: url,\n          })\n          .focus()\n          .run();\n      });\n    },\n  }),\n  // Emoji.configure({\n  //   enableEmoticons: true,\n  //   suggestion: emojiSuggestion,\n  // }),\n  TextAlign.extend({\n    addKeyboardShortcuts() {\n      return {};\n    },\n  }).configure({\n    types: [\"heading\", \"paragraph\"],\n  }),\n  Subscript,\n  Superscript,\n  Table,\n  TableCell,\n  TableHeader,\n  TableRow,\n  Typography,\n  Placeholder.configure({\n    includeChildren: true,\n    showOnlyCurrent: false,\n    placeholder: () => \"\",\n  }),\n  SlashCommand,\n  Focus,\n  Figcaption,\n  BlockquoteFigure,\n  Dropcursor.configure({\n    width: 2,\n    class: \"ProseMirror-dropcursor border-black\",\n  }),\n  History,\n  Iframe,\n  Twitter,\n  Tiktok,\n  Instagram,\n  Facebook,\n  Linkedin,\n  Youtube,\n  // Paragraph,\n  InsideLinks,\n  TextDirection.configure({\n    types: [\"heading\", \"paragraph\"],\n  }),\n];\n\nexport default ExtensionKit;\n"],"names":["BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Figcaption","FileHandler","Focus","FontFamily","FontSize","Heading","Highlight","HorizontalRule","ImageBlock","Link","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","Table","TableOfContents","TableCell","TableHeader","TableRow","TextAlign","TextStyle","TrailingNode","Typography","Underline","Columns","Column","Twitter","Tiktok","Instagram","Facebook","Linkedin","Youtube","InsideLinks","CodeBlockLowlight","ImageUpload","TableOfContentsNode","lowlight","TextDirection","API","History","Iframe","ExtensionKit","dir","configure","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","defaultLanguage","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","forEach","url","uploadImage","chain","setImageBlockAt","src","focus","run","onPaste","state","selection","anchor","extend","addKeyboardShortcuts","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/extensions/index.js

@@ -0,0 +1,47 @@
+// TODO: File causes circular dependency issue in ESLint
+/* eslint-disable */ export { StarterKit } from "@tiptap/starter-kit";
+export { Highlight } from "@tiptap/extension-highlight";
+export { CharacterCount } from "@tiptap/extension-character-count";
+export { Underline } from "@tiptap/extension-underline";
+export { Placeholder } from "@tiptap/extension-placeholder";
+export { Emoji, gitHubEmojis } from "@tiptap-pro/extension-emoji";
+export { TextAlign } from "@tiptap/extension-text-align";
+export { TextStyle } from "@tiptap/extension-text-style";
+export { FontFamily } from "@tiptap/extension-font-family";
+export { Typography } from "@tiptap/extension-typography";
+export { Color } from "@tiptap/extension-color";
+export { FocusClasses as Focus } from "@tiptap/extension-focus";
+export { Dropcursor } from "@tiptap/extension-dropcursor";
+export { CollaborationCursor } from "@tiptap/extension-collaboration-cursor";
+export { Subscript } from "@tiptap/extension-subscript";
+export { TableOfContents } from "@tiptap-pro/extension-table-of-contents";
+export { Superscript } from "@tiptap/extension-superscript";
+export { CodeBlock } from "@tiptap/extension-code-block";
+export { BulletList } from "@tiptap/extension-bullet-list";
+export { OrderedList } from "@tiptap/extension-ordered-list";
+export { Collaboration } from "@tiptap/extension-collaboration";
+export { TaskItem } from "@tiptap/extension-task-item";
+export { TaskList } from "@tiptap/extension-task-list";
+export { FileHandler } from "@tiptap-pro/extension-file-handler";
+export { Selection } from "./Selection/Selection.js";
+export { Table, TableCell, TableHeader, TableRow } from "./Table/index.js";
+export { HorizontalRule } from "./HorizontalRule/HorizontalRule.js";
+export { Heading } from "./Heading/Heading.js";
+export { Document } from "./Document/Document.js";
+export { TrailingNode } from "./TrailingNode/trailing-node.js";
+export { SlashCommand } from "./SlashCommand/SlashCommand.js";
+export { FontSize } from "./FontSize/FontSize.js";
+export { Figure } from "./Figure/Figure.js";
+export { Figcaption } from "./Figcaption/Figcaption.js";
+export { BlockquoteFigure } from "./BlockquoteFigure/BlockquoteFigure.js";
+export { Quote } from "./BlockquoteFigure/Quote/Quote.js";
+export { QuoteCaption } from "./BlockquoteFigure/QuoteCaption/QuoteCaption.js";
+export { Link } from "./Link/Link.js";
+export { ImageUpload } from "./ImageUpload/ImageUpload.js";
+export { ImageBlock } from "./ImageBlock/ImageBlock.js";
+export { Columns, Column } from "./MultiColumn/index.js";
+export { Twitter, Linkedin, Tiktok, Facebook, Instagram, Youtube } from "./SocialMedia/index.js";
+export { Paragraph } from "./Paragraph/Paragraph.js";
+export { InsideLinks } from "./InsideLinks/insideLinks.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/extensions/index.ts"],"sourcesContent":["// TODO: File causes circular dependency issue in ESLint\n/* eslint-disable */\nexport { StarterKit } from \"@tiptap/starter-kit\";\nexport { Highlight } from \"@tiptap/extension-highlight\";\nexport { CharacterCount } from \"@tiptap/extension-character-count\";\nexport { Underline } from \"@tiptap/extension-underline\";\nexport { Placeholder } from \"@tiptap/extension-placeholder\";\nexport { Emoji, gitHubEmojis } from \"@tiptap-pro/extension-emoji\";\nexport { TextAlign } from \"@tiptap/extension-text-align\";\nexport { TextStyle } from \"@tiptap/extension-text-style\";\nexport { FontFamily } from \"@tiptap/extension-font-family\";\nexport { Typography } from \"@tiptap/extension-typography\";\nexport { Color } from \"@tiptap/extension-color\";\nexport { FocusClasses as Focus } from \"@tiptap/extension-focus\";\nexport { Dropcursor } from \"@tiptap/extension-dropcursor\";\nexport { CollaborationCursor } from \"@tiptap/extension-collaboration-cursor\";\nexport { Subscript } from \"@tiptap/extension-subscript\";\nexport { TableOfContents } from \"@tiptap-pro/extension-table-of-contents\";\nexport { Superscript } from \"@tiptap/extension-superscript\";\nexport { CodeBlock } from \"@tiptap/extension-code-block\";\nexport { BulletList } from \"@tiptap/extension-bullet-list\";\nexport { OrderedList } from \"@tiptap/extension-ordered-list\";\nexport { Collaboration } from \"@tiptap/extension-collaboration\";\nexport { TaskItem } from \"@tiptap/extension-task-item\";\nexport { TaskList } from \"@tiptap/extension-task-list\";\nexport { FileHandler } from \"@tiptap-pro/extension-file-handler\";\n\nexport { Selection } from \"./Selection/Selection.js\";\nexport { Table, TableCell, TableHeader, TableRow } from \"./Table/index.js\";\nexport { HorizontalRule } from \"./HorizontalRule/HorizontalRule.js\";\nexport { Heading } from \"./Heading/Heading.js\";\nexport { Document } from \"./Document/Document.js\";\nexport { TrailingNode } from \"./TrailingNode/trailing-node.js\";\nexport { SlashCommand } from \"./SlashCommand/SlashCommand.js\";\nexport { FontSize } from \"./FontSize/FontSize.js\";\nexport { Figure } from \"./Figure/Figure.js\";\nexport { Figcaption } from \"./Figcaption/Figcaption.js\";\nexport { BlockquoteFigure } from \"./BlockquoteFigure/BlockquoteFigure.js\";\nexport { Quote } from \"./BlockquoteFigure/Quote/Quote.js\";\nexport { QuoteCaption } from \"./BlockquoteFigure/QuoteCaption/QuoteCaption.js\";\nexport { Link } from \"./Link/Link.js\";\nexport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\nexport { ImageBlock } from \"./ImageBlock/ImageBlock.js\";\nexport { Columns, Column } from \"./MultiColumn/index.js\";\nexport {\n  Twitter,\n  Linkedin,\n  Tiktok,\n  Facebook,\n  Instagram,\n  Youtube,\n} from \"./SocialMedia/index.js\";\nexport { Paragraph } from \"./Paragraph/Paragraph.js\";\nexport { InsideLinks } from \"./InsideLinks/insideLinks.js\";\n"],"names":["StarterKit","Highlight","CharacterCount","Underline","Placeholder","Emoji","gitHubEmojis","TextAlign","TextStyle","FontFamily","Typography","Color","FocusClasses","Focus","Dropcursor","CollaborationCursor","Subscript","TableOfContents","Superscript","CodeBlock","BulletList","OrderedList","Collaboration","TaskItem","TaskList","FileHandler","Selection","Table","TableCell","TableHeader","TableRow","HorizontalRule","Heading","Document","TrailingNode","SlashCommand","FontSize","Figure","Figcaption","BlockquoteFigure","Quote","QuoteCaption","Link","ImageUpload","ImageBlock","Columns","Column","Twitter","Linkedin","Tiktok","Facebook","Instagram","Youtube","Paragraph","InsideLinks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,wDAAwD;AACxD,kBAAkB,GAClB,SAASA,UAAU,QAAQ,sBAAsB;AACjD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,KAAK,EAAEC,YAAY,QAAQ,8BAA8B;AAClE,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,gBAAgBC,KAAK,QAAQ,0BAA0B;AAChE,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,mBAAmB,QAAQ,yCAAyC;AAC7E,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,WAAW,QAAQ,qCAAqC;AAEjE,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3E,SAASC,cAAc,QAAQ,qCAAqC;AACpE,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,SAASC,KAAK,QAAQ,oCAAoC;AAC1D,SAASC,YAAY,QAAQ,kDAAkD;AAC/E,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,OAAO,EAAEC,MAAM,QAAQ,yBAAyB;AACzD,SACEC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,OAAO,QACF,yBAAyB;AAChC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,WAAW,QAAQ,+BAA+B"}

package/dist/fields/TiptapEditor/features/BlockEditor/BlockEditor.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorContent } from "@tiptap/react";
+import { useEffect, useMemo, useRef } from "react";
+import { useLocale } from "@payloadcms/ui/providers/Locale";
+import { useTranslation } from "@payloadcms/ui/providers/Translation";
+import { EditorContext } from "../../context/EditorContext.js";
+import { IframeMenu } from "../../extensions/Iframe/menus/index.js";
+import ImageBlockMenu from "../../extensions/ImageBlock/components/ImageBlockMenu.jsx";
+import { InsideLinksMenu } from "../../extensions/InsideLinks/menus/index.js";
+import { ColumnsMenu } from "../../extensions/MultiColumn/menus/ColumnsMenu.jsx";
+import { SocialMediaMenu } from "../../extensions/SocialMedia/menus/index.js";
+import { TableColumnMenu, TableRowMenu } from "../../extensions/Table/menus/index.jsx";
+import { useBlockEditor } from "../../hooks/useBlockEditor.js";
+import { Sidebar } from "../Sidebar/Sidebar.jsx";
+import { ContentItemMenu } from "../menus/ContentItemMenu/ContentItemMenu.jsx";
+import { TextMenu } from "../menus/TextMenu/TextMenu.jsx";
+import { LinkMenu } from "../menus/index.js";
+export const BlockEditor = ({ handleChange, content })=>{
+    const menuContainerRef = useRef(null);
+    const editorRef = useRef(null);
+    const { editor, users, characterCount, leftSidebar } = useBlockEditor({
+        content: content,
+        handleChange: handleChange
+    });
+    const { code } = useLocale();
+    const displayedUsers = users.slice(0, 3);
+    const providerValue = useMemo(()=>{
+        return {};
+    }, []);
+    useEffect(()=>{
+        if (code === "ar" || code === "fa") {
+            editor?.commands?.setTextDirection("rtl");
+            editor?.commands?.setContent("dwa");
+        }
+    }, [
+        code
+    ]);
+    if (!editor) {
+        return null;
+    }
+    const { i18n } = useTranslation();
+    // Define the content for different languages
+    const contentEn = "للكتابة..."; // Content for English or default language
+    const contentAr = "انقر هنا للكتابة..."; // Content for Arabic language
+    const contentFa = "اینجا کلیک کنید تا شروع به نوشتن کنید...";
+    /*switch (i18n.language) {
+    case 'ar':
+      editor.commands.setContent(contentAr)
+      break
+    case 'fa':
+      editor.commands.setContent(contentFa)
+      break
+    default:
+      editor.commands.setContent(contentEn)
+  }*/ return /*#__PURE__*/ _jsx(EditorContext.Provider, {
+        value: providerValue,
+        children: /*#__PURE__*/ _jsxs("div", {
+            lang: i18n.language,
+            className: "flex h-full overflow-visible",
+            ref: menuContainerRef,
+            children: [
+                /*#__PURE__*/ _jsx(Sidebar, {
+                    isOpen: leftSidebar.isOpen,
+                    onClose: leftSidebar.close,
+                    editor: editor
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "relative flex flex-col flex-1 h-full  justify-center items-center ",
+                    children: [
+                        /*#__PURE__*/ _jsx(EditorContent, {
+                            editor: editor,
+                            ref: editorRef,
+                            lang: i18n.language,
+                            className: "flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0",
+                            style: {
+                                outline: "none"
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(ContentItemMenu, {
+                            editor: editor
+                        }),
+                        /*#__PURE__*/ _jsx(LinkMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TextMenu, {
+                            editor: editor
+                        }),
+                        /*#__PURE__*/ _jsx(IframeMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(SocialMediaMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(InsideLinksMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(ColumnsMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TableRowMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TableColumnMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(ImageBlockMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export default BlockEditor;
+
+//# sourceMappingURL=BlockEditor.js.map

package/dist/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.jsx\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.jsx\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.jsx\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.jsx\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.jsx\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.jsx\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.jsx\";\n\nexport const BlockEditor = ({ handleChange, content }: TiptapProps) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  if (!editor) {\n    return null;\n  }\n  const { i18n } = useTranslation();\n\n  // Define the content for different languages\n  const contentEn = \"للكتابة...\"; // Content for English or default language\n  const contentAr = \"انقر هنا للكتابة...\"; // Content for Arabic language\n  const contentFa = \"اینجا کلیک کنید تا شروع به نوشتن کنید...\";\n\n  /*switch (i18n.language) {\n    case 'ar':\n      editor.commands.setContent(contentAr)\n      break\n    case 'fa':\n      editor.commands.setContent(contentFa)\n      break\n    default:\n      editor.commands.setContent(contentEn)\n  }*/\n\n  return (\n    <EditorContext.Provider value={providerValue}>\n      <div\n        lang={i18n.language}\n        className=\"flex h-full overflow-visible\"\n        ref={menuContainerRef}\n      >\n        <Sidebar\n          isOpen={leftSidebar.isOpen}\n          onClose={leftSidebar.close}\n          editor={editor}\n        />\n        <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n          {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n          <EditorContent\n            editor={editor}\n            ref={editorRef}\n            lang={i18n.language}\n            className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n            style={{\n              outline: \"none\",\n            }}\n          />\n          <ContentItemMenu editor={editor} />\n          <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n          <TextMenu editor={editor} />\n          <IframeMenu editor={editor} appendTo={menuContainerRef} />\n          <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n          <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n          <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n          <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n          <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n          <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n        </div>\n      </div>\n    </EditorContext.Provider>\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","contentEn","contentAr","contentFa","Provider","value","div","lang","language","className","ref","isOpen","onClose","close","style","outline","appendTo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,4DAA4D;AACvF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,qDAAqD;AACjF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,yCAAyC;AAChD,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,cAAc,CAAC,EAAEC,YAAY,EAAEC,OAAO,EAAe;IAChE,MAAMC,mBAAmBnB,OAAO;IAChC,MAAMoB,YAAYpB,OAAuB;IAEzC,MAAM,EAAEqB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGb,eAAe;QACpEO,SAASA;QACTD,cAAcA;IAChB;IAEA,MAAM,EAAEQ,IAAI,EAAE,GAAGxB;IAEjB,MAAMyB,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgB7B,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI2B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,IAAI,CAACJ,QAAQ;QACX,OAAO;IACT;IACA,MAAM,EAAEW,IAAI,EAAE,GAAG9B;IAEjB,6CAA6C;IAC7C,MAAM+B,YAAY,cAAc,0CAA0C;IAC1E,MAAMC,YAAY,uBAAuB,8BAA8B;IACvE,MAAMC,YAAY;IAElB;;;;;;;;;GASC,GAED,qBACE,KAAChC,cAAciC,QAAQ;QAACC,OAAOT;kBAC7B,cAAA,MAACU;YACCC,MAAMP,KAAKQ,QAAQ;YACnBC,WAAU;YACVC,KAAKvB;;8BAEL,KAACP;oBACC+B,QAAQnB,YAAYmB,MAAM;oBAC1BC,SAASpB,YAAYqB,KAAK;oBAC1BxB,QAAQA;;8BAEV,MAACiB;oBAAIG,WAAU;;sCAQb,KAAC5C;4BACCwB,QAAQA;4BACRqB,KAAKtB;4BACLmB,MAAMP,KAAKQ,QAAQ;4BACnBC,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAAClC;4BAAgBQ,QAAQA;;sCACzB,KAACN;4BAASM,QAAQA;4BAAQ2B,UAAU7B;;sCAEpC,KAACL;4BAASO,QAAQA;;sCAClB,KAACjB;4BAAWiB,QAAQA;4BAAQ2B,UAAU7B;;sCACtC,KAACX;4BAAgBa,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACb;4BAAgBe,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACZ;4BAAYc,QAAQA;4BAAQ2B,UAAU7B;;sCACvC,KAACT;4BAAaW,QAAQA;4BAAQ2B,UAAU7B;;sCACxC,KAACV;4BAAgBY,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACd;4BAAegB,QAAQA;4BAAQ2B,UAAU7B;;;;;;;AAKpD,EAAE;AAEF,eAAeH,YAAY"}

package/dist/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { PanelLeft, PanelLeftClose } from "lucide-react";
+import { Icon } from "../../ui/Icon.jsx";
+import { Toolbar } from "../../ui/Toolbar.jsx";
+import { EditorInfo } from "./EditorInfo.jsx";
+export const EditorHeader = ({ characters, users, words, isSidebarOpen, toggleSidebar })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex flex-row gap-x-1.5 items-center",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "flex items-center gap-x-1.5",
+                    children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                        type: "button",
+                        tooltip: isSidebarOpen ? "Close sidebar" : "Open sidebar",
+                        onClick: toggleSidebar,
+                        active: isSidebarOpen,
+                        className: isSidebarOpen ? "bg-transparent" : "",
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            icon: isSidebarOpen ? PanelLeftClose : PanelLeft
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(EditorInfo, {
+                characters: characters,
+                words: words,
+                users: users
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditorHeader.js.map

package/dist/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { PanelLeft, PanelLeftClose } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.jsx\";\nimport { Toolbar } from \"../../ui/Toolbar.jsx\";\nimport { EditorUser } from \"../types.jsx\";\nimport { EditorInfo } from \"./EditorInfo.jsx\";\n\nexport type EditorHeaderProps = {\n  isSidebarOpen?: boolean;\n  toggleSidebar?: () => void;\n  characters: number;\n  words: number;\n  users: EditorUser[];\n};\n\nexport const EditorHeader = ({\n  characters,\n  users,\n  words,\n  isSidebarOpen,\n  toggleSidebar,\n}: EditorHeaderProps) => {\n  return (\n    <div className=\"w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800\">\n      <div className=\"flex flex-row gap-x-1.5 items-center\">\n        <div className=\"flex items-center gap-x-1.5\">\n          <Toolbar.Button\n            type=\"button\"\n            tooltip={isSidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n            onClick={toggleSidebar}\n            active={isSidebarOpen}\n            className={isSidebarOpen ? \"bg-transparent\" : \"\"}\n          >\n            <Icon icon={isSidebarOpen ? PanelLeftClose : PanelLeft} />\n          </Toolbar.Button>\n        </div>\n      </div>\n      <EditorInfo characters={characters} words={words} users={users} />\n    </div>\n  );\n};\n"],"names":["React","PanelLeft","PanelLeftClose","Icon","Toolbar","EditorInfo","EditorHeader","characters","users","words","isSidebarOpen","toggleSidebar","div","className","Button","type","tooltip","onClick","active","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,SAAS,EAAEC,cAAc,QAAQ,eAAe;AACzD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,SAASC,UAAU,QAAQ,mBAAmB;AAU9C,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,aAAa,EACK;IAClB,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACD;oBAAIC,WAAU;8BACb,cAAA,KAACT,QAAQU,MAAM;wBACbC,MAAK;wBACLC,SAASN,gBAAgB,kBAAkB;wBAC3CO,SAASN;wBACTO,QAAQR;wBACRG,WAAWH,gBAAgB,mBAAmB;kCAE9C,cAAA,KAACP;4BAAKgB,MAAMT,gBAAgBR,iBAAiBD;;;;;0BAInD,KAACI;gBAAWE,YAAYA;gBAAYE,OAAOA;gBAAOD,OAAOA;;;;AAG/D,EAAE"}

package/dist/fields/TiptapEditor/features/BlockEditor/components/EditorInfo.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo } from "react";
+export const EditorInfo = /*#__PURE__*/ memo(({ characters, users, words })=>{
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex items-center",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col justify-center pr-4 mr-4 text-right border-r border-neutral-200 dark:border-neutral-800",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "text-xs font-semibold text-neutral-500 dark:text-neutral-400",
+                    children: [
+                        words,
+                        " ",
+                        words === 1 ? "word" : "words"
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "text-xs font-semibold text-neutral-500 dark:text-neutral-400",
+                    children: [
+                        characters,
+                        " ",
+                        characters === 1 ? "character" : "characters"
+                    ]
+                })
+            ]
+        })
+    });
+});
+EditorInfo.displayName = "EditorInfo";
+
+//# sourceMappingURL=EditorInfo.js.map

package/dist/fields/TiptapEditor/features/BlockEditor/components/EditorInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorInfo.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { EditorUser } from \"../types.jsx\";\n\nexport type EditorInfoProps = {\n  characters: number;\n  words: number;\n  users: EditorUser[];\n};\n\nexport const EditorInfo = memo(\n  ({ characters, users, words }: EditorInfoProps) => {\n    return (\n      <div className=\"flex items-center\">\n        <div className=\"flex flex-col justify-center pr-4 mr-4 text-right border-r border-neutral-200 dark:border-neutral-800\">\n          <div className=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">\n            {words} {words === 1 ? \"word\" : \"words\"}\n          </div>\n          <div className=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">\n            {characters} {characters === 1 ? \"character\" : \"characters\"}\n          </div>\n        </div>\n        {/* <div className=\"flex items-center gap-2 mr-2\">\n        <div\n          className={cn('w-2 h-2 rounded-full', {\n            'bg-yellow-500 dark:bg-yellow-400': collabState === 'connecting',\n            'bg-green-500 dark:bg-green-400': collabState === 'connected',\n            'bg-red-500 dark:bg-red-400': collabState === 'disconnected',\n          })}\n        />\n        <span className=\"max-w-[4rem] text-xs text-neutral-500 dark:text-neutral-400 font-semibold\">\n          {getConnectionText(collabState)}\n        </span>\n      </div>\n      {collabState === 'connected' && (\n        <div className=\"flex flex-row items-center\">\n          <div className=\"relative flex flex-row items-center ml-3\">\n            {users.map((user: EditorUser) => (\n              <div key={user.clientId} className=\"-ml-3\">\n                <Tooltip title={user.name}>\n                  <img\n                    className=\"w-8 h-8 border border-white rounded-full dark:border-black\"\n                    src={`https://api.dicebear.com/7.x/notionists-neutral/svg?seed=${\n                      user.name\n                    }&backgroundColor=${user.color.replace('#', '')}`}\n                    alt=\"avatar\"\n                  />\n                </Tooltip>\n              </div>\n            ))}\n            {users.length > 3 && (\n              <div className=\"-ml-3\">\n                <div className=\"flex items-center justify-center w-8 h-8 font-bold text-xs leading-none border border-white dark:border-black bg-[#FFA2A2] rounded-full\">\n                  +{users.length - 3}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      )} */}\n      </div>\n    );\n  }\n);\n\nEditorInfo.displayName = \"EditorInfo\";\n"],"names":["React","memo","EditorInfo","characters","users","words","div","className","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,IAAI,QAAQ,QAAQ;AASpC,OAAO,MAAMC,2BAAaD,KACxB,CAAC,EAAEE,UAAU,EAAEC,KAAK,EAAEC,KAAK,EAAmB;IAC5C,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,MAACD;oBAAIC,WAAU;;wBACZF;wBAAM;wBAAEA,UAAU,IAAI,SAAS;;;8BAElC,MAACC;oBAAIC,WAAU;;wBACZJ;wBAAW;wBAAEA,eAAe,IAAI,cAAc;;;;;;AA2CzD,GACA;AAEFD,WAAWM,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/BlockEditor/index.js

@@ -0,0 +1,3 @@
+export * from "./BlockEditor.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/BlockEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/BlockEditor/index.tsx"],"sourcesContent":["export * from \"./BlockEditor.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oBAAoB"}

package/dist/fields/TiptapEditor/features/BlockEditor/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/fields/TiptapEditor/features/BlockEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/BlockEditor/types.tsx"],"sourcesContent":["export interface TiptapProps {\n  hasCollab: boolean\n  handleChange: (value: any) => void\n  content: { html: string; json: any }\n}\n\nexport type LanguageOption = {\n  name: string\n  label: string\n  value: any\n}\nexport type EditorUser = {\n  clientId: string\n  name: string\n  color: string\n  initials?: string\n}\n\nexport type AiTone =\n  | 'academic'\n  | 'business'\n  | 'casual'\n  | 'childfriendly'\n  | 'conversational'\n  | 'emotional'\n  | 'humorous'\n  | 'informative'\n  | 'inspirational'\n  | string\n\nexport type AiPromptType = 'SHORTEN' | 'EXTEND' | 'SIMPLIFY' | 'TONE'\n\nexport type AiToneOption = {\n  name: string\n  label: string\n  value: AiTone\n}\n\nexport type AiImageStyle = {\n  name: string\n  label: string\n  value: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAsCA,WAIC"}

package/dist/fields/TiptapEditor/features/Sidebar/Sidebar.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { memo, useCallback } from "react";
+import { TableOfContents } from "../TableOfContents/index.jsx";
+import { cn } from "../../lib/utils/index.js";
+export const Sidebar = /*#__PURE__*/ memo(({ editor, isOpen, onClose })=>{
+    const handlePotentialClose = useCallback(()=>{
+        if (window.innerWidth < 1024) {
+            onClose();
+        }
+    }, [
+        onClose
+    ]);
+    const windowClassName = cn("absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all", "dark:bg-black lg:dark:bg-black/30", !isOpen && "border-r-transparent", isOpen && "w-80 border-r border-r-neutral-200 dark:border-r-neutral-800");
+    return /*#__PURE__*/ _jsx("div", {
+        className: windowClassName,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "w-full h-full overflow-hidden",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "w-full h-full p-2 overflow-auto",
+                children: /*#__PURE__*/ _jsx(TableOfContents, {
+                    onItemClick: handlePotentialClose,
+                    editor: editor
+                })
+            })
+        })
+    });
+});
+Sidebar.displayName = "TableOfContentSidepanel";
+
+//# sourceMappingURL=Sidebar.js.map

package/dist/fields/TiptapEditor/features/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { memo, useCallback } from \"react\";\nimport { Editor } from \"@tiptap/react\";\nimport { TableOfContents } from \"../TableOfContents/index.jsx\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport const Sidebar = memo(\n  ({\n    editor,\n    isOpen,\n    onClose,\n  }: {\n    editor: Editor;\n    isOpen?: boolean;\n    onClose: () => void;\n  }) => {\n    const handlePotentialClose = useCallback(() => {\n      if (window.innerWidth < 1024) {\n        onClose();\n      }\n    }, [onClose]);\n\n    const windowClassName = cn(\n      \"absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all\",\n      \"dark:bg-black lg:dark:bg-black/30\",\n      !isOpen && \"border-r-transparent\",\n      isOpen && \"w-80 border-r border-r-neutral-200 dark:border-r-neutral-800\"\n    );\n\n    return (\n      <div className={windowClassName}>\n        <div className=\"w-full h-full overflow-hidden\">\n          <div className=\"w-full h-full p-2 overflow-auto\">\n            <TableOfContents\n              onItemClick={handlePotentialClose}\n              editor={editor}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = \"TableOfContentSidepanel\";\n"],"names":["React","memo","useCallback","TableOfContents","cn","Sidebar","editor","isOpen","onClose","handlePotentialClose","window","innerWidth","windowClassName","div","className","onItemClick","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,OAAO,MAAMC,wBAAUJ,KACrB,CAAC,EACCK,MAAM,EACNC,MAAM,EACNC,OAAO,EAKR;IACC,MAAMC,uBAAuBP,YAAY;QACvC,IAAIQ,OAAOC,UAAU,GAAG,MAAM;YAC5BH;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,MAAMI,kBAAkBR,GACtB,0IACA,qCACA,CAACG,UAAU,wBACXA,UAAU;IAGZ,qBACE,KAACM;QAAIC,WAAWF;kBACd,cAAA,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACX;oBACCY,aAAaN;oBACbH,QAAQA;;;;;AAMpB,GACA;AAEFD,QAAQW,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/Sidebar/index.js

@@ -0,0 +1,3 @@
+export * from "./Sidebar.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/Sidebar/index.tsx"],"sourcesContent":["export * from \"./Sidebar.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/dist/fields/TiptapEditor/features/TableOfContents/TableOfContents.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { memo, useEffect, useState } from "react";
+import { cn } from "../../lib/utils/index.js";
+// import { toTranslationKey } from '@/languages'
+import { useTranslation } from "@payloadcms/ui/providers/Translation";
+export const TableOfContents = /*#__PURE__*/ memo(({ editor, onItemClick })=>{
+    const [data, setData] = useState(null);
+    useEffect(()=>{
+        const handler = ({ editor: currentEditor })=>{
+            setData({
+                ...currentEditor.extensionStorage.tableOfContents
+            });
+        };
+        handler({
+            editor
+        });
+        editor.on("update", handler);
+        editor.on("selectionUpdate", handler);
+        return ()=>{
+            editor.off("update", handler);
+            editor.off("selectionUpdate", handler);
+        };
+    }, [
+        editor
+    ]);
+    const { i18n } = useTranslation();
+    return /*#__PURE__*/ _jsxs("div", {
+        lang: i18n.language,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "mb-2 text-xs font-semibold uppercase text-neutral-500 dark:text-neutral-400",
+                children: "Table of Contents"
+            }),
+            data && data.content.length > 0 ? /*#__PURE__*/ _jsx("div", {
+                className: "flex flex-col gap-1",
+                children: data.content.map((item)=>/*#__PURE__*/ _jsxs("a", {
+                        href: `#${item.id}`,
+                        style: {
+                            marginLeft: `${1 * item.level - 1}rem`
+                        },
+                        onClick: onItemClick,
+                        className: cn("block font-medium text-neutral-500 dark:text-neutral-300 p-1 rounded bg-opacity-10 text-sm hover:text-neutral-800 transition-all hover:bg-black hover:bg-opacity-5 truncate w-full", item.isActive && "text-neutral-800 bg-neutral-100 dark:text-neutral-100 dark:bg-neutral-900"),
+                        children: [
+                            item.itemIndex,
+                            ". ",
+                            item.textContent
+                        ]
+                    }, item.id))
+            }) : /*#__PURE__*/ _jsx("div", {
+                className: "text-sm text-neutral-500",
+                children: "Start adding headlines to your document"
+            })
+        ]
+    });
+});
+TableOfContents.displayName = "TableOfContents";
+
+//# sourceMappingURL=TableOfContents.js.map

package/dist/fields/TiptapEditor/features/TableOfContents/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/TableOfContents/TableOfContents.tsx"],"sourcesContent":["import React from \"react\";\nimport { Editor as CoreEditor } from \"@tiptap/core\";\nimport { memo, useEffect, useState } from \"react\";\nimport { TableOfContentsStorage } from \"@tiptap-pro/extension-table-of-contents\";\nimport { cn } from \"../../lib/utils/index.js\";\n// import { toTranslationKey } from '@/languages'\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\n\nexport type TableOfContentsProps = {\n  editor: CoreEditor;\n  onItemClick?: () => void;\n};\n\nexport const TableOfContents = memo(\n  ({ editor, onItemClick }: TableOfContentsProps) => {\n    const [data, setData] = useState<TableOfContentsStorage | null>(null);\n\n    useEffect(() => {\n      const handler = ({ editor: currentEditor }: { editor: CoreEditor }) => {\n        setData({ ...currentEditor.extensionStorage.tableOfContents });\n      };\n\n      handler({ editor });\n\n      editor.on(\"update\", handler);\n      editor.on(\"selectionUpdate\", handler);\n\n      return () => {\n        editor.off(\"update\", handler);\n        editor.off(\"selectionUpdate\", handler);\n      };\n    }, [editor]);\n    const { i18n } = useTranslation();\n\n    return (\n      <div lang={i18n.language}>\n        <div className=\"mb-2 text-xs font-semibold uppercase text-neutral-500 dark:text-neutral-400\">\n          {/* {toTranslationKey('table_of_contents')} */}Table of Contents\n        </div>\n        {data && data.content.length > 0 ? (\n          <div className=\"flex flex-col gap-1\">\n            {data.content.map((item) => (\n              <a\n                key={item.id}\n                href={`#${item.id}`}\n                style={{ marginLeft: `${1 * item.level - 1}rem` }}\n                onClick={onItemClick}\n                className={cn(\n                  \"block font-medium text-neutral-500 dark:text-neutral-300 p-1 rounded bg-opacity-10 text-sm hover:text-neutral-800 transition-all hover:bg-black hover:bg-opacity-5 truncate w-full\",\n                  item.isActive &&\n                    \"text-neutral-800 bg-neutral-100 dark:text-neutral-100 dark:bg-neutral-900\"\n                )}\n              >\n                {item.itemIndex}. {item.textContent}\n              </a>\n            ))}\n          </div>\n        ) : (\n          <div className=\"text-sm text-neutral-500\">\n            Start adding headlines to your document\n            {/* {toTranslationKey(\"start_adding_headlines_to_your_document\")} */}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nTableOfContents.displayName = \"TableOfContents\";\n"],"names":["React","memo","useEffect","useState","cn","useTranslation","TableOfContents","editor","onItemClick","data","setData","handler","currentEditor","extensionStorage","tableOfContents","on","off","i18n","div","lang","language","className","content","length","map","item","a","href","id","style","marginLeft","level","onClick","isActive","itemIndex","textContent","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,iDAAiD;AACjD,SAASC,cAAc,QAAQ,uCAAuC;AAOtE,OAAO,MAAMC,gCAAkBL,KAC7B,CAAC,EAAEM,MAAM,EAAEC,WAAW,EAAwB;IAC5C,MAAM,CAACC,MAAMC,QAAQ,GAAGP,SAAwC;IAEhED,UAAU;QACR,MAAMS,UAAU,CAAC,EAAEJ,QAAQK,aAAa,EAA0B;YAChEF,QAAQ;gBAAE,GAAGE,cAAcC,gBAAgB,CAACC,eAAe;YAAC;QAC9D;QAEAH,QAAQ;YAAEJ;QAAO;QAEjBA,OAAOQ,EAAE,CAAC,UAAUJ;QACpBJ,OAAOQ,EAAE,CAAC,mBAAmBJ;QAE7B,OAAO;YACLJ,OAAOS,GAAG,CAAC,UAAUL;YACrBJ,OAAOS,GAAG,CAAC,mBAAmBL;QAChC;IACF,GAAG;QAACJ;KAAO;IACX,MAAM,EAAEU,IAAI,EAAE,GAAGZ;IAEjB,qBACE,MAACa;QAAIC,MAAMF,KAAKG,QAAQ;;0BACtB,KAACF;gBAAIG,WAAU;0BACkC;;YAEhDZ,QAAQA,KAAKa,OAAO,CAACC,MAAM,GAAG,kBAC7B,KAACL;gBAAIG,WAAU;0BACZZ,KAAKa,OAAO,CAACE,GAAG,CAAC,CAACC,qBACjB,MAACC;wBAECC,MAAM,CAAC,CAAC,EAAEF,KAAKG,EAAE,CAAC,CAAC;wBACnBC,OAAO;4BAAEC,YAAY,CAAC,EAAE,IAAIL,KAAKM,KAAK,GAAG,EAAE,GAAG,CAAC;wBAAC;wBAChDC,SAASxB;wBACTa,WAAWjB,GACT,sLACAqB,KAAKQ,QAAQ,IACX;;4BAGHR,KAAKS,SAAS;4BAAC;4BAAGT,KAAKU,WAAW;;uBAV9BV,KAAKG,EAAE;+BAelB,KAACV;gBAAIG,WAAU;0BAA2B;;;;AAOlD,GACA;AAEFf,gBAAgB8B,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/TableOfContents/index.js

@@ -0,0 +1,3 @@
+export * from "./TableOfContents.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/TableOfContents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/TableOfContents/index.tsx"],"sourcesContent":["export * from \"./TableOfContents.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,wBAAwB"}