payload-richtext-tiptap 0.0.66 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts +2 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js +4 -3
- package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { openAssetHQType } from "../../types.js";
|
|
2
3
|
import { TiptapProps } from "./types.js";
|
|
3
4
|
export declare const BlockEditor: ({ handleChange, content, openAssetHQHandler, additionalContext, isEditable, autoFocus, dir, }: TiptapProps & {
|
|
@@ -6,6 +7,6 @@ export declare const BlockEditor: ({ handleChange, content, openAssetHQHandler,
|
|
|
6
7
|
autoFocus?: boolean;
|
|
7
8
|
isEditable?: boolean;
|
|
8
9
|
dir?: "ltr" | "rtl" | "auto";
|
|
9
|
-
}) =>
|
|
10
|
+
}) => React.JSX.Element;
|
|
10
11
|
export default BlockEditor;
|
|
11
12
|
//# sourceMappingURL=BlockEditor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAe/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,WAAW,kGAQrB,WAAW,GAAG;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC9B,sBA8DA,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { EditorContent } from "@tiptap/react";
|
|
4
|
-
import { useMemo, useRef } from "react";
|
|
4
|
+
import React, { useMemo, useRef } from "react";
|
|
5
5
|
import { EditorContext } from "../../context/EditorContext.js";
|
|
6
6
|
import { IframeMenu } from "../../extensions/Iframe/menus/index.js";
|
|
7
7
|
import ImageBlockMenu from "../../extensions/ImageBlock/components/ImageBlockMenu.js";
|
|
8
|
-
import VideoBlockMenu from "../../extensions/VideoBlock/components/VideoBlockMenu.js";
|
|
9
8
|
import { InsideLinksMenu } from "../../extensions/InsideLinks/menus/index.js";
|
|
10
9
|
import { ColumnsMenu } from "../../extensions/MultiColumn/menus/ColumnsMenu.js";
|
|
11
10
|
import { SocialMediaMenu } from "../../extensions/SocialMedia/menus/index.js";
|
|
12
11
|
import { TableColumnMenu, TableRowMenu } from "../../extensions/Table/menus/index.js";
|
|
12
|
+
import VideoBlockMenu from "../../extensions/VideoBlock/components/VideoBlockMenu.js";
|
|
13
13
|
import { useBlockEditor } from "../../hooks/useBlockEditor.js";
|
|
14
|
+
import { isRTL } from "../../lib/utils/isRtl.js";
|
|
14
15
|
import { Sidebar } from "../Sidebar/Sidebar.js";
|
|
15
16
|
import { ContentItemMenu } from "../menus/ContentItemMenu/ContentItemMenu.js";
|
|
16
17
|
import { TextMenu } from "../menus/TextMenu/TextMenu.js";
|
|
@@ -35,7 +36,7 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
|
|
|
35
36
|
children: /*#__PURE__*/ _jsxs("div", {
|
|
36
37
|
className: "flex h-full overflow-visible",
|
|
37
38
|
ref: menuContainerRef,
|
|
38
|
-
dir: dir,
|
|
39
|
+
dir: dir ?? (isRTL(editor.getText()) ? "rtl" : "ltr"),
|
|
39
40
|
children: [
|
|
40
41
|
isEditable && /*#__PURE__*/ _jsx(Sidebar, {
|
|
41
42
|
isOpen: leftSidebar.isOpen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport React, { useMemo, useRef } from \"react\";\n\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n TableColumnMenu,\n TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\nexport const BlockEditor = ({\n handleChange,\n content,\n openAssetHQHandler,\n additionalContext,\n isEditable = true,\n autoFocus = true,\n dir,\n}: TiptapProps & {\n openAssetHQHandler?: openAssetHQType;\n additionalContext?: Record<string, any>;\n autoFocus?: boolean;\n isEditable?: boolean;\n dir?: \"ltr\" | \"rtl\" | \"auto\";\n}) => {\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 openAssetHQHandler: openAssetHQHandler,\n additionalContext: additionalContext,\n autoFocus,\n isEditable,\n });\n\n const displayedUsers = users.slice(0, 3);\n const providerValue = useMemo(() => {\n return {};\n }, []);\n\n return (\n editor && (\n <EditorContext.Provider value={providerValue}>\n <div\n className=\"flex h-full overflow-visible\"\n ref={menuContainerRef}\n dir={dir ?? (isRTL(editor.getText()) ? \"rtl\" : \"ltr\")}\n >\n {isEditable && (\n <Sidebar\n isOpen={leftSidebar.isOpen}\n onClose={leftSidebar.close}\n editor={editor}\n />\n )}\n <div className=\"relative flex flex-col flex-1 h-full justify-center items-center \">\n <EditorContent\n editor={editor}\n ref={editorRef}\n className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n style={{\n outline: \"none\",\n }}\n />\n {isEditable && (\n <>\n <ContentItemMenu editor={editor} />\n <LinkMenu editor={editor} appendTo={menuContainerRef} />\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 <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n </>\n )}\n </div>\n </div>\n </EditorContext.Provider>\n )\n );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","React","useMemo","useRef","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","VideoBlockMenu","useBlockEditor","isRTL","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","isEditable","autoFocus","dir","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","displayedUsers","slice","providerValue","Provider","value","div","className","ref","getText","isOpen","onClose","close","style","outline","appendTo"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,OAAOC,SAASC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAE/C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EACjBC,aAAa,IAAI,EACjBC,YAAY,IAAI,EAChBC,GAAG,EAOJ;IACC,MAAMC,mBAAmBxB,OAAO;IAChC,MAAMyB,YAAYzB,OAAuB;IAEzC,MAAM,EAAE0B,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGnB,eAAe;QACpEQ,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;QACnBE;QACAD;IACF;IAEA,MAAMS,iBAAiBH,MAAMI,KAAK,CAAC,GAAG;IACtC,MAAMC,gBAAgBjC,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAEL,OACE2B,wBACE,KAACzB,cAAcgC,QAAQ;QAACC,OAAOF;kBAC7B,cAAA,MAACG;YACCC,WAAU;YACVC,KAAKb;YACLD,KAAKA,OAAQZ,CAAAA,MAAMe,OAAOY,OAAO,MAAM,QAAQ,KAAI;;gBAElDjB,4BACC,KAACT;oBACC2B,QAAQV,YAAYU,MAAM;oBAC1BC,SAASX,YAAYY,KAAK;oBAC1Bf,QAAQA;;8BAGZ,MAACS;oBAAIC,WAAU;;sCACb,KAACvC;4BACC6B,QAAQA;4BACRW,KAAKZ;4BACLW,WAAU;4BACVM,OAAO;gCACLC,SAAS;4BACX;;wBAEDtB,4BACC;;8CACE,KAACR;oCAAgBa,QAAQA;;8CACzB,KAACX;oCAASW,QAAQA;oCAAQkB,UAAUpB;;8CACpC,KAACV;oCAASY,QAAQA;;8CAClB,KAACxB;oCAAWwB,QAAQA;oCAAQkB,UAAUpB;;8CACtC,KAAClB;oCAAgBoB,QAAQA;oCAAQkB,UAAUpB;;8CAC3C,KAACpB;oCAAgBsB,QAAQA;oCAAQkB,UAAUpB;;8CAC3C,KAACnB;oCAAYqB,QAAQA;oCAAQkB,UAAUpB;;8CACvC,KAAChB;oCAAakB,QAAQA;oCAAQkB,UAAUpB;;8CACxC,KAACjB;oCAAgBmB,QAAQA;oCAAQkB,UAAUpB;;8CAC3C,KAACrB;oCAAeuB,QAAQA;oCAAQkB,UAAUpB;;8CAC1C,KAACf;oCAAeiB,QAAQA;oCAAQkB,UAAUpB;;;;;;;;;AAQ1D,EAAE;AAEF,eAAeR,YAAY"}
|