payload-richtext-tiptap 0.0.147 → 0.0.149

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,EAAE;wBACnBC,OAAO;4BAAEC,YAAY,GAAG,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"}