payload-richtext-tiptap 0.0.70 → 0.0.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-richtext-tiptap",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "description": "Rich text tiptap for Payload CMS",
   "keywords": [
     "payload",
@@ -72,42 +72,42 @@
     "@tiptap-pro/extension-node-range": "^2.10.11",
     "@tiptap-pro/extension-table-of-contents": "^2.10.11",
     "@tiptap-pro/extension-unique-id": "^2.10.11",
-    "@tiptap/core": "^2.5.9",
-    "@tiptap/extension-bullet-list": "^2.5.9",
-    "@tiptap/extension-character-count": "^2.5.9",
-    "@tiptap/extension-code-block": "^2.5.9",
-    "@tiptap/extension-code-block-lowlight": "^2.5.9",
-    "@tiptap/extension-collaboration": "^2.5.9",
-    "@tiptap/extension-collaboration-cursor": "^2.5.9",
-    "@tiptap/extension-color": "^2.5.9",
-    "@tiptap/extension-document": "^2.5.9",
-    "@tiptap/extension-dropcursor": "^2.5.9",
-    "@tiptap/extension-focus": "^2.5.9",
-    "@tiptap/extension-font-family": "^2.5.9",
-    "@tiptap/extension-heading": "^2.5.9",
-    "@tiptap/extension-highlight": "^2.5.9",
-    "@tiptap/extension-history": "^2.5.9",
-    "@tiptap/extension-horizontal-rule": "^2.5.9",
-    "@tiptap/extension-image": "^2.5.9",
-    "@tiptap/extension-link": "^2.5.9",
-    "@tiptap/extension-ordered-list": "^2.5.9",
-    "@tiptap/extension-paragraph": "^2.5.9",
-    "@tiptap/extension-placeholder": "^2.5.9",
-    "@tiptap/extension-subscript": "^2.5.9",
-    "@tiptap/extension-superscript": "^2.5.9",
-    "@tiptap/extension-table": "^2.5.9",
-    "@tiptap/extension-table-header": "^2.5.9",
-    "@tiptap/extension-table-row": "^2.5.9",
-    "@tiptap/extension-task-item": "^2.5.9",
-    "@tiptap/extension-task-list": "^2.5.9",
-    "@tiptap/extension-text-align": "^2.5.9",
-    "@tiptap/extension-text-style": "^2.5.9",
-    "@tiptap/extension-typography": "^2.5.9",
-    "@tiptap/extension-underline": "^2.5.9",
-    "@tiptap/pm": "^2.5.9",
-    "@tiptap/react": "^2.5.9",
-    "@tiptap/starter-kit": "^2.5.9",
-    "@tiptap/suggestion": "^2.5.9",
+    "@tiptap/core": "2.9.1",
+    "@tiptap/extension-bullet-list": "2.9.1",
+    "@tiptap/extension-character-count": "2.9.1",
+    "@tiptap/extension-code-block": "2.9.1",
+    "@tiptap/extension-code-block-lowlight": "2.9.1",
+    "@tiptap/extension-collaboration": "2.9.1",
+    "@tiptap/extension-collaboration-cursor": "2.9.1",
+    "@tiptap/extension-color": "2.9.1",
+    "@tiptap/extension-document": "2.9.1",
+    "@tiptap/extension-dropcursor": "2.9.1",
+    "@tiptap/extension-focus": "2.9.1",
+    "@tiptap/extension-font-family": "2.9.1",
+    "@tiptap/extension-heading": "2.9.1",
+    "@tiptap/extension-highlight": "2.9.1",
+    "@tiptap/extension-history": "2.9.1",
+    "@tiptap/extension-horizontal-rule": "2.9.1",
+    "@tiptap/extension-image": "2.9.1",
+    "@tiptap/extension-link": "2.9.1",
+    "@tiptap/extension-ordered-list": "2.9.1",
+    "@tiptap/extension-paragraph": "2.9.1",
+    "@tiptap/extension-placeholder": "2.9.1",
+    "@tiptap/extension-subscript": "2.9.1",
+    "@tiptap/extension-superscript": "2.9.1",
+    "@tiptap/extension-table": "2.9.1",
+    "@tiptap/extension-table-header": "2.9.1",
+    "@tiptap/extension-table-row": "2.9.1",
+    "@tiptap/extension-task-item": "2.9.1",
+    "@tiptap/extension-task-list": "2.9.1",
+    "@tiptap/extension-text-align": "2.9.1",
+    "@tiptap/extension-text-style": "2.9.1",
+    "@tiptap/extension-typography": "2.9.1",
+    "@tiptap/extension-underline": "2.9.1",
+    "@tiptap/pm": "2.9.1",
+    "@tiptap/react": "2.9.1",
+    "@tiptap/starter-kit": "2.9.1",
+    "@tiptap/suggestion": "2.9.1",
     "@types/video.js": "7.3.26",
     "@types/videojs-contrib-quality-levels": "2.0.1",
     "@videojs/http-streaming": "^3.10.0",
@@ -117,6 +117,7 @@
     "clsx": "^2.1.1",
     "deepmerge": "^4.3.1",
     "escape-html": "^1.0.3",
+    "i18next": "^23.16.5",
     "jsonwebtoken": "^9.0.2",
     "lowlight": "^1.20.0",
     "lucide-react": "^0.417.0",
@@ -198,4 +199,4 @@
     "url": "https://github.com/payloadcms/payload/issues"
   },
   "homepage": "https://github.com/payloadcms/payload#readme"
-}
+}

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.d.ts

@@ -1,10 +0,0 @@
-import { Node } from "@tiptap/core";
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        tableOfContentsNode: {
-            insertTableOfContents: () => ReturnType;
-        };
-    }
-}
-export declare const TableOfContentsNode: Node<any, any>;
-//# sourceMappingURL=TableOfContentsNode.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableOfContentsNode.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAyB,MAAM,cAAc,CAAC;AAgB3D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,mBAAmB,EAAE;YACnB,qBAAqB,EAAE,MAAM,UAAU,CAAC;SACzC,CAAC;KACH;CACF;AAED,eAAO,MAAM,mBAAmB,gBAmC9B,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { Node } from "@tiptap/core";
-import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
-import { TableOfContents } from "../../features/TableOfContents/index.js";
-const TableOfNodeContent = (props)=>{
-    const { editor } = props;
-    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "p-2 -m-2 rounded-lg",
-            contentEditable: false,
-            children: /*#__PURE__*/ _jsx(TableOfContents, {
-                editor: editor
-            })
-        })
-    });
-};
-export const TableOfContentsNode = Node.create({
-    name: "tableOfContentsNode",
-    group: "block",
-    atom: true,
-    selectable: true,
-    draggable: true,
-    inline: false,
-    parseHTML () {
-        return [
-            {
-                tag: 'div[data-type="table-of-content"]'
-            }
-        ];
-    },
-    renderHTML ({ HTMLAttributes }) {
-        return [
-            "div",
-            {
-                ...HTMLAttributes,
-                "data-type": "table-of-content"
-            }
-        ];
-    },
-    addNodeView () {
-        return ReactNodeViewRenderer(TableOfNodeContent);
-    },
-    addCommands () {
-        return {
-            insertTableOfContents: ()=>({ commands })=>{
-                    return commands.insertContent({
-                        type: this.name
-                    });
-                }
-        };
-    }
-});
-
-//# sourceMappingURL=TableOfContentsNode.js.map

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Node, NodeViewRendererProps } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { TableOfContents } from \"../../features/TableOfContents/index.js\";\n\nconst TableOfNodeContent = (props: NodeViewRendererProps) => {\n  const { editor } = props;\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"p-2 -m-2 rounded-lg\" contentEditable={false}>\n        <TableOfContents editor={editor} />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    tableOfContentsNode: {\n      insertTableOfContents: () => ReturnType;\n    };\n  }\n}\n\nexport const TableOfContentsNode = Node.create({\n  name: \"tableOfContentsNode\",\n  group: \"block\",\n  atom: true,\n  selectable: true,\n  draggable: true,\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"table-of-content\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"div\", { ...HTMLAttributes, \"data-type\": \"table-of-content\" }];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TableOfNodeContent);\n  },\n\n  addCommands() {\n    return {\n      insertTableOfContents:\n        () =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n          });\n        },\n    };\n  },\n});\n"],"names":["React","Node","NodeViewWrapper","ReactNodeViewRenderer","TableOfContents","TableOfNodeContent","props","editor","div","className","contentEditable","TableOfContentsNode","create","name","group","atom","selectable","draggable","inline","parseHTML","tag","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTableOfContents","commands","insertContent","type"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,QAA+B,eAAe;AAC3D,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,gBAAgB;AACvE,SAASC,eAAe,QAAQ,0CAA0C;AAE1E,MAAMC,qBAAqB,CAACC;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,KAACJ;kBACC,cAAA,KAACM;YAAIC,WAAU;YAAsBC,iBAAiB;sBACpD,cAAA,KAACN;gBAAgBG,QAAQA;;;;AAIjC;AAUA,OAAO,MAAMI,sBAAsBV,KAAKW,MAAM,CAAC;IAC7CC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZC,WAAW;IACXC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,GAAGA,cAAc;gBAAE,aAAa;YAAmB;SAAE;IACxE;IAEAC;QACE,OAAOpB,sBAAsBE;IAC/B;IAEAmB;QACE,OAAO;YACLC,uBACE,IACA,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM,IAAI,CAACf,IAAI;oBACjB;gBACF;QACJ;IACF;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./TableOfContentsNode.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/TableOfContentsNode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/index.ts"],"sourcesContent":["export * from \"./TableOfContentsNode.js\";\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B"}

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Editor } from "@tiptap/react";
-export declare const Sidebar: React.MemoExoticComponent<({ editor, isOpen, onClose, }: {
-    editor: Editor;
-    isOpen?: boolean;
-    onClose: () => void;
-}) => React.JSX.Element>;
-//# sourceMappingURL=Sidebar.d.ts.map

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,eAAO,MAAM,OAAO,2DAKf;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,uBA2BF,CAAC"}

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

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { memo, useCallback } from "react";
-import { TableOfContents } from "../TableOfContents/index.js";
-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/src/fields/TiptapEditor/features/Sidebar/Sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { memo, useCallback } from \"react\";\nimport { Editor } from \"@tiptap/react\";\nimport { TableOfContents } from \"../TableOfContents/index.js\";\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"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,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/src/fields/TiptapEditor/features/Sidebar/index.d.ts

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

package/dist/src/fields/TiptapEditor/features/Sidebar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

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

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

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

package/dist/src/fields/TiptapEditor/features/TableOfContents/TableOfContents.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Editor as CoreEditor } from "@tiptap/core";
-export type TableOfContentsProps = {
-    editor: CoreEditor;
-    onItemClick?: () => void;
-};
-export declare const TableOfContents: React.MemoExoticComponent<({ editor, onItemClick }: TableOfContentsProps) => React.JSX.Element>;
-//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/src/fields/TiptapEditor/features/TableOfContents/TableOfContents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/TableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,sDACA,oBAAoB,uBAoD/C,CAAC"}

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

@@ -1,57 +0,0 @@
-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"
-            }),
-            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"
-            })
-        ]
-    });
-});
-TableOfContents.displayName = "TableOfContents";
-
-//# sourceMappingURL=TableOfContents.js.map

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

@@ -1 +0,0 @@
-{"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"],"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;;YAGdZ,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;;;;AAOvB,GACA;AAEFf,gBAAgB8B,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.d.ts

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

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/TableOfContents/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

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

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

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

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