@tnd028/strapi-plugin-tiptap-editor 0.0.1 → 0.0.2
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/_chunks/{Alignment-qMOzO-n2.mjs → Alignment-BTrqlTTh.mjs} +1 -1
- package/dist/_chunks/{Alignment-B0f2-LO0.js → Alignment-hS-tTWuJ.js} +1 -1
- package/dist/_chunks/{Blockquote-9wBGDz3L.mjs → Blockquote-DJUK1-BE.mjs} +1 -1
- package/dist/_chunks/{Blockquote-DeGUfK27.js → Blockquote-xNUeALuh.js} +1 -1
- package/dist/_chunks/{Bold-C-0g6Ayd.mjs → Bold-ByaAbROo.mjs} +1 -1
- package/dist/_chunks/{Bold-ClnPsPHt.js → Bold-CueKtObk.js} +1 -1
- package/dist/_chunks/{ColorAndHighlight-t1Ui5tcL.mjs → ColorAndHighlight-D53O4qn1.mjs} +6 -2
- package/dist/_chunks/{ColorAndHighlight-BMmtoSpj.js → ColorAndHighlight-DW64XLWJ.js} +6 -2
- package/dist/_chunks/CustomCard-DnOBubyS.mjs +151 -0
- package/dist/_chunks/CustomCard-pj8tTTbU.js +153 -0
- package/dist/_chunks/{Emoji-C-LQZ4Z3.js → Emoji-CEoQDS_x.js} +1 -1
- package/dist/_chunks/{Emoji-Bm1_vSh5.mjs → Emoji-CSN4sPHu.mjs} +1 -1
- package/dist/_chunks/{Heading-BDJqd1Qw.js → Heading-DMpM8l4P.js} +1 -1
- package/dist/_chunks/{Heading-BycRob5M.mjs → Heading-DV6F-wwl.mjs} +1 -1
- package/dist/_chunks/{HorizontalRule-CJlDmdma.js → HorizontalRule-BkDBP3Sn.js} +1 -1
- package/dist/_chunks/{HorizontalRule-CzQCeC3b.mjs → HorizontalRule-duJS5mkv.mjs} +1 -1
- package/dist/_chunks/{Iframe-DCBWSb0v.mjs → Iframe-BrjBTqYD.mjs} +1 -1
- package/dist/_chunks/{Iframe-Dyn_2cMB.js → Iframe-jTxffChk.js} +1 -1
- package/dist/_chunks/{ImagePlaceholder-DtrSuhf_.mjs → ImagePlaceholder-CYDho-h0.mjs} +1 -1
- package/dist/_chunks/{ImagePlaceholder-C14kojd5.js → ImagePlaceholder-Da68VBcm.js} +1 -1
- package/dist/_chunks/{Italic-BfpKX0KX.mjs → Italic-C0EqNpkt.mjs} +1 -1
- package/dist/_chunks/{Italic-DdhVL78v.js → Italic-DxsFIMhE.js} +1 -1
- package/dist/_chunks/{Link-DUV5Ybep.mjs → Link-CIkiGBxD.mjs} +1 -1
- package/dist/_chunks/{Link-BuYDqSqo.js → Link-u4PGWt-U.js} +1 -1
- package/dist/_chunks/{Lists-DsKxj3MD.mjs → Lists-B6BSkd5d.mjs} +1 -1
- package/dist/_chunks/{Lists-BKopoFR6.js → Lists-Bv_GF1oJ.js} +1 -1
- package/dist/_chunks/{Redo-1mEX1yOd.js → Redo-DUNTAtjb.js} +1 -1
- package/dist/_chunks/{Redo-Ca3VQxSe.mjs → Redo-De5pQoO6.mjs} +1 -1
- package/dist/_chunks/{SearchAndReplace-DzNdbTWJ.js → SearchAndReplace-DtSE0ubu.js} +1 -1
- package/dist/_chunks/{SearchAndReplace-DmU5DlWv.mjs → SearchAndReplace-QP8H8yFv.mjs} +1 -1
- package/dist/_chunks/{Strikethrough-BygxCHak.mjs → Strikethrough-BsanR8PL.mjs} +1 -1
- package/dist/_chunks/{Strikethrough-DQfR4OFk.js → Strikethrough-DoetuFNk.js} +1 -1
- package/dist/_chunks/{Table-DLaqBAbz.js → Table-B5VeLc9S.js} +1 -1
- package/dist/_chunks/{Table-BhbZ2Blv.mjs → Table-DevGt3tV.mjs} +1 -1
- package/dist/_chunks/{TiptapEditorInput-vfLsCt1p.js → TiptapEditorInput-CArezP4p.js} +96 -30
- package/dist/_chunks/{TiptapEditorInput-BDE09h5-.mjs → TiptapEditorInput-ChH1R_k4.mjs} +96 -30
- package/dist/_chunks/{Undo-BuT4OkoE.js → Undo-Bp_GQXYz.js} +1 -1
- package/dist/_chunks/{Undo-PL5n4axf.mjs → Undo-D7dSauIG.mjs} +1 -1
- package/dist/_chunks/{index-ku90UbIF.mjs → index-2RQ7z9sc.mjs} +9 -3
- package/dist/_chunks/{index-wYDv8vsJ.js → index-B6IeUCyh.js} +9 -3
- package/dist/admin/index.js +1 -1
- package/dist/admin/index.mjs +1 -1
- package/dist/admin/src/components/editor/partials/ToolbarButtons.d.ts +1 -0
- package/dist/admin/src/components/editor/toolbars/CustomCard.d.ts +4 -0
- package/dist/admin/src/types.d.ts +1 -1
- package/dist/server/index.js +10 -4
- package/dist/server/index.mjs +10 -4
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { AlignLeft, AlignCenter, AlignRight, AlignJustify, Check } from "lucide-react";
|
|
3
|
-
import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-
|
|
3
|
+
import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
4
4
|
import styled from "styled-components";
|
|
5
5
|
const DropdownMenuItemStyled = styled(DropdownMenuItem)`
|
|
6
6
|
display: flex;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const lucideReact = require("lucide-react");
|
|
5
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
5
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
6
6
|
const styled = require("styled-components");
|
|
7
7
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
8
8
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { TextQuote } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const QuoteIcon = styled(TextQuote)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, Fragment } from "react";
|
|
3
3
|
import { BoldIcon } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const BoldIconStyled = styled(BoldIcon)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -3,7 +3,7 @@ import { Popover } from "@strapi/design-system";
|
|
|
3
3
|
import { HighlighterIcon, BaselineIcon, ChevronDown, Check } from "lucide-react";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import styled from "styled-components";
|
|
6
|
-
import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-
|
|
6
|
+
import { u as useEditorContext, T as ToolbarButton, S as Separator } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
7
7
|
const TEXT_COLORS = [
|
|
8
8
|
{ name: "Default", color: "inherit" },
|
|
9
9
|
{ name: "Gray", color: "#6B7280" },
|
|
@@ -14,7 +14,11 @@ const TEXT_COLORS = [
|
|
|
14
14
|
{ name: "Blue", color: "#2563EB" },
|
|
15
15
|
{ name: "Purple", color: "#9333EA" },
|
|
16
16
|
{ name: "Pink", color: "#DB2777" },
|
|
17
|
-
{ name: "Red", color: "#DC2626" }
|
|
17
|
+
{ name: "Red", color: "#DC2626" },
|
|
18
|
+
{ name: "Primary", color: "#1D2556" },
|
|
19
|
+
{ name: "Danger", color: "#e8222f" },
|
|
20
|
+
{ name: "Sky", color: "#0ea5e9" },
|
|
21
|
+
{ name: "Warning", color: "#FEF995" }
|
|
18
22
|
];
|
|
19
23
|
const HIGHLIGHT_COLORS = [
|
|
20
24
|
{ name: "Default", color: "transparent" },
|
|
@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
|
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
6
|
const React = require("react");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
8
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
9
9
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
10
10
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
11
11
|
const TEXT_COLORS = [
|
|
@@ -18,7 +18,11 @@ const TEXT_COLORS = [
|
|
|
18
18
|
{ name: "Blue", color: "#2563EB" },
|
|
19
19
|
{ name: "Purple", color: "#9333EA" },
|
|
20
20
|
{ name: "Pink", color: "#DB2777" },
|
|
21
|
-
{ name: "Red", color: "#DC2626" }
|
|
21
|
+
{ name: "Red", color: "#DC2626" },
|
|
22
|
+
{ name: "Primary", color: "#1D2556" },
|
|
23
|
+
{ name: "Danger", color: "#e8222f" },
|
|
24
|
+
{ name: "Sky", color: "#0ea5e9" },
|
|
25
|
+
{ name: "Warning", color: "#FEF995" }
|
|
22
26
|
];
|
|
23
27
|
const HIGHLIGHT_COLORS = [
|
|
24
28
|
{ name: "Default", color: "transparent" },
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { WalletCardsIcon } from "lucide-react";
|
|
3
|
+
import { forwardRef, Fragment } from "react";
|
|
4
|
+
import styled from "styled-components";
|
|
5
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
6
|
+
const WalletCardsIconStyled = styled(WalletCardsIcon)`
|
|
7
|
+
width: 16px;
|
|
8
|
+
height: 16px;
|
|
9
|
+
`;
|
|
10
|
+
const TooltipContent = styled.div`
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
gap: 4px;
|
|
14
|
+
`;
|
|
15
|
+
const speakerCardTemplate = {
|
|
16
|
+
type: "table",
|
|
17
|
+
content: [
|
|
18
|
+
{
|
|
19
|
+
type: "tableRow",
|
|
20
|
+
content: [
|
|
21
|
+
{
|
|
22
|
+
type: "tableCell",
|
|
23
|
+
// Set column widths via colwidth (px) for a ~30/70 split.
|
|
24
|
+
// ProseMirror tables use this to size columns.
|
|
25
|
+
attrs: { colspan: 2, colwidth: [300, 700] },
|
|
26
|
+
content: [
|
|
27
|
+
{
|
|
28
|
+
type: "paragraph",
|
|
29
|
+
content: [
|
|
30
|
+
{
|
|
31
|
+
type: "text",
|
|
32
|
+
text: "Diễn giả Hoàng Trung Nghĩa",
|
|
33
|
+
marks: [{ type: "bold" }]
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
type: "tableRow",
|
|
43
|
+
content: [
|
|
44
|
+
{
|
|
45
|
+
type: "tableCell",
|
|
46
|
+
attrs: { colwidth: [300] },
|
|
47
|
+
content: [
|
|
48
|
+
{ type: "image-placeholder" },
|
|
49
|
+
{
|
|
50
|
+
type: "paragraph",
|
|
51
|
+
content: [
|
|
52
|
+
{
|
|
53
|
+
type: "text",
|
|
54
|
+
text: "Title short: "
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
type: "text",
|
|
58
|
+
text: "Diễn giả",
|
|
59
|
+
marks: [
|
|
60
|
+
{
|
|
61
|
+
type: "textStyle",
|
|
62
|
+
attrs: { color: "var(--tiptap-color-danger)" }
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
type: "paragraph",
|
|
70
|
+
content: [
|
|
71
|
+
{ type: "text", text: "Name: " },
|
|
72
|
+
{
|
|
73
|
+
type: "text",
|
|
74
|
+
text: "Hoàng Trung Nghĩa",
|
|
75
|
+
marks: [{ type: "bold" }]
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
type: "paragraph",
|
|
81
|
+
content: [
|
|
82
|
+
{ type: "text", text: "Title display: " },
|
|
83
|
+
{
|
|
84
|
+
type: "text",
|
|
85
|
+
text: "...",
|
|
86
|
+
marks: [
|
|
87
|
+
{
|
|
88
|
+
type: "textStyle",
|
|
89
|
+
attrs: { color: "var(--tiptap-color-muted-2)" }
|
|
90
|
+
}
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
]
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
type: "tableCell",
|
|
99
|
+
attrs: { colwidth: [700] },
|
|
100
|
+
content: [
|
|
101
|
+
{
|
|
102
|
+
type: "paragraph",
|
|
103
|
+
content: [
|
|
104
|
+
{
|
|
105
|
+
type: "text",
|
|
106
|
+
text: "Description: ...",
|
|
107
|
+
// Approximate a "card" by highlighting the whole line.
|
|
108
|
+
// Uses CSS variables so colors follow theme (no hard-coded hex).
|
|
109
|
+
marks: [
|
|
110
|
+
{
|
|
111
|
+
type: "highlight",
|
|
112
|
+
attrs: { color: "var(--tiptap-color-desc-bg)" }
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
type: "textStyle",
|
|
116
|
+
attrs: { color: "var(--tiptap-color-desc-fg)" }
|
|
117
|
+
}
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
]
|
|
123
|
+
}
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
]
|
|
127
|
+
};
|
|
128
|
+
const CustomCardToolbar = forwardRef(
|
|
129
|
+
({ className, onClick, children, ...props }, ref) => {
|
|
130
|
+
const { editor } = useEditorContext();
|
|
131
|
+
return /* @__PURE__ */ jsx(
|
|
132
|
+
ToolbarButton,
|
|
133
|
+
{
|
|
134
|
+
tooltip: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("span", { children: "Custom Card" }) }) }),
|
|
135
|
+
"aria-label": "Insert custom card",
|
|
136
|
+
onClick: (e) => {
|
|
137
|
+
if (!editor) return;
|
|
138
|
+
editor.chain().focus().insertContent(speakerCardTemplate).run();
|
|
139
|
+
onClick?.(e);
|
|
140
|
+
},
|
|
141
|
+
ref,
|
|
142
|
+
...props,
|
|
143
|
+
children: children || /* @__PURE__ */ jsx(WalletCardsIconStyled, {})
|
|
144
|
+
}
|
|
145
|
+
);
|
|
146
|
+
}
|
|
147
|
+
);
|
|
148
|
+
CustomCardToolbar.displayName = "CustomCardToolbar";
|
|
149
|
+
export {
|
|
150
|
+
CustomCardToolbar
|
|
151
|
+
};
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const lucideReact = require("lucide-react");
|
|
5
|
+
const React = require("react");
|
|
6
|
+
const styled = require("styled-components");
|
|
7
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
8
|
+
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
|
+
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
10
|
+
const WalletCardsIconStyled = styled__default.default(lucideReact.WalletCardsIcon)`
|
|
11
|
+
width: 16px;
|
|
12
|
+
height: 16px;
|
|
13
|
+
`;
|
|
14
|
+
const TooltipContent = styled__default.default.div`
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: 4px;
|
|
18
|
+
`;
|
|
19
|
+
const speakerCardTemplate = {
|
|
20
|
+
type: "table",
|
|
21
|
+
content: [
|
|
22
|
+
{
|
|
23
|
+
type: "tableRow",
|
|
24
|
+
content: [
|
|
25
|
+
{
|
|
26
|
+
type: "tableCell",
|
|
27
|
+
// Set column widths via colwidth (px) for a ~30/70 split.
|
|
28
|
+
// ProseMirror tables use this to size columns.
|
|
29
|
+
attrs: { colspan: 2, colwidth: [300, 700] },
|
|
30
|
+
content: [
|
|
31
|
+
{
|
|
32
|
+
type: "paragraph",
|
|
33
|
+
content: [
|
|
34
|
+
{
|
|
35
|
+
type: "text",
|
|
36
|
+
text: "Diễn giả Hoàng Trung Nghĩa",
|
|
37
|
+
marks: [{ type: "bold" }]
|
|
38
|
+
}
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
type: "tableRow",
|
|
47
|
+
content: [
|
|
48
|
+
{
|
|
49
|
+
type: "tableCell",
|
|
50
|
+
attrs: { colwidth: [300] },
|
|
51
|
+
content: [
|
|
52
|
+
{ type: "image-placeholder" },
|
|
53
|
+
{
|
|
54
|
+
type: "paragraph",
|
|
55
|
+
content: [
|
|
56
|
+
{
|
|
57
|
+
type: "text",
|
|
58
|
+
text: "Title short: "
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
type: "text",
|
|
62
|
+
text: "Diễn giả",
|
|
63
|
+
marks: [
|
|
64
|
+
{
|
|
65
|
+
type: "textStyle",
|
|
66
|
+
attrs: { color: "var(--tiptap-color-danger)" }
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
type: "paragraph",
|
|
74
|
+
content: [
|
|
75
|
+
{ type: "text", text: "Name: " },
|
|
76
|
+
{
|
|
77
|
+
type: "text",
|
|
78
|
+
text: "Hoàng Trung Nghĩa",
|
|
79
|
+
marks: [{ type: "bold" }]
|
|
80
|
+
}
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
type: "paragraph",
|
|
85
|
+
content: [
|
|
86
|
+
{ type: "text", text: "Title display: " },
|
|
87
|
+
{
|
|
88
|
+
type: "text",
|
|
89
|
+
text: "...",
|
|
90
|
+
marks: [
|
|
91
|
+
{
|
|
92
|
+
type: "textStyle",
|
|
93
|
+
attrs: { color: "var(--tiptap-color-muted-2)" }
|
|
94
|
+
}
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
type: "tableCell",
|
|
103
|
+
attrs: { colwidth: [700] },
|
|
104
|
+
content: [
|
|
105
|
+
{
|
|
106
|
+
type: "paragraph",
|
|
107
|
+
content: [
|
|
108
|
+
{
|
|
109
|
+
type: "text",
|
|
110
|
+
text: "Description: ...",
|
|
111
|
+
// Approximate a "card" by highlighting the whole line.
|
|
112
|
+
// Uses CSS variables so colors follow theme (no hard-coded hex).
|
|
113
|
+
marks: [
|
|
114
|
+
{
|
|
115
|
+
type: "highlight",
|
|
116
|
+
attrs: { color: "var(--tiptap-color-desc-bg)" }
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
type: "textStyle",
|
|
120
|
+
attrs: { color: "var(--tiptap-color-desc-fg)" }
|
|
121
|
+
}
|
|
122
|
+
]
|
|
123
|
+
}
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
]
|
|
127
|
+
}
|
|
128
|
+
]
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
};
|
|
132
|
+
const CustomCardToolbar = React.forwardRef(
|
|
133
|
+
({ className, onClick, children, ...props }, ref) => {
|
|
134
|
+
const { editor } = TiptapEditorInput.useEditorContext();
|
|
135
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
136
|
+
TiptapEditorInput.ToolbarButton,
|
|
137
|
+
{
|
|
138
|
+
tooltip: /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Custom Card" }) }) }),
|
|
139
|
+
"aria-label": "Insert custom card",
|
|
140
|
+
onClick: (e) => {
|
|
141
|
+
if (!editor) return;
|
|
142
|
+
editor.chain().focus().insertContent(speakerCardTemplate).run();
|
|
143
|
+
onClick?.(e);
|
|
144
|
+
},
|
|
145
|
+
ref,
|
|
146
|
+
...props,
|
|
147
|
+
children: children || /* @__PURE__ */ jsxRuntime.jsx(WalletCardsIconStyled, {})
|
|
148
|
+
}
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
);
|
|
152
|
+
CustomCardToolbar.displayName = "CustomCardToolbar";
|
|
153
|
+
exports.CustomCardToolbar = CustomCardToolbar;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const designSystem = require("@strapi/design-system");
|
|
8
8
|
const styled = require("styled-components");
|
|
9
9
|
const Emoji = require("@tiptap/extension-emoji");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
|
|
3
3
|
import { Clock, Smile, Cat, Coffee, Activity, Car, Lightbulb, Hash, Flag, Search } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import { Popover } from "@strapi/design-system";
|
|
6
6
|
import styled from "styled-components";
|
|
7
7
|
import { gitHubEmojis } from "@tiptap/extension-emoji";
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const lucideReact = require("lucide-react");
|
|
5
5
|
const styled = require("styled-components");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
8
8
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
9
9
|
const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heading, Check } from "lucide-react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
|
-
import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
const DropdownMenuItemStyled = styled(DropdownMenuItem)`
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { SeparatorHorizontal } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const SeparatorHorizontalIcon = styled(SeparatorHorizontal)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ import { Popover, Typography, Grid } from "@strapi/design-system";
|
|
|
3
3
|
import { Youtube } from "lucide-react";
|
|
4
4
|
import { forwardRef, useState, useCallback } from "react";
|
|
5
5
|
import styled from "styled-components";
|
|
6
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
6
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
7
7
|
const IframeIcon = styled(Youtube)`
|
|
8
8
|
width: 20px;
|
|
9
9
|
height: 20px;
|
|
@@ -5,7 +5,7 @@ const designSystem = require("@strapi/design-system");
|
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
6
|
const React = require("react");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
8
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
9
9
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
10
10
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
11
11
|
const IframeIcon = styled__default.default(lucideReact.Youtube)`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useState, useCallback } from "react";
|
|
3
3
|
import { LucideImage } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton, M as MediaLibraryModal } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const ImageIcon = styled(LucideImage)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { ItalicIcon } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const ItalicIconStyled = styled(ItalicIcon)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useState, useCallback } from "react";
|
|
3
3
|
import { Link2 } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton, L as LinkEditBlock } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import { Popover } from "@strapi/design-system";
|
|
6
6
|
import styled from "styled-components";
|
|
7
7
|
const LinkIcon = styled(Link2)`
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const designSystem = require("@strapi/design-system");
|
|
8
8
|
const styled = require("styled-components");
|
|
9
9
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { List, ListOrdered, ListTodo, Check } from "lucide-react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
|
-
import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
const DropdownMenuItemStyled = styled(DropdownMenuItem)`
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const lucideReact = require("lucide-react");
|
|
5
5
|
const styled = require("styled-components");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
8
8
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
9
9
|
const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const styled = require("styled-components");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { Redo2 } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
const RedoIcon = styled(Redo2)`
|
|
7
7
|
width: 16px;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const lucideReact = require("lucide-react");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const designSystem = require("@strapi/design-system");
|
|
8
8
|
const styled = require("styled-components");
|
|
9
9
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect } from "react";
|
|
3
3
|
import { ArrowLeft, ArrowRight, Repeat, X } from "lucide-react";
|
|
4
|
-
import { u as useEditorContext, I as Input, T as ToolbarButton, B as Button, S as Separator, h as Label } from "./TiptapEditorInput-
|
|
4
|
+
import { u as useEditorContext, I as Input, T as ToolbarButton, B as Button, S as Separator, h as Label } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
5
5
|
import { Popover, Checkbox } from "@strapi/design-system";
|
|
6
6
|
import styled from "styled-components";
|
|
7
7
|
const RepeatIcon = styled(Repeat)`
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Underline, Strikethrough, Check } from "lucide-react";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import styled from "styled-components";
|
|
5
|
-
import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-
|
|
5
|
+
import { u as useEditorContext, D as DropdownMenu, e as Tooltip, f as TooltipTrigger, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, g as TooltipContent, d as DropdownMenuItem } from "./TiptapEditorInput-ChH1R_k4.mjs";
|
|
6
6
|
const DropdownMenuItemStyled = styled(DropdownMenuItem)`
|
|
7
7
|
display: flex;
|
|
8
8
|
align-items: center;
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const lucideReact = require("lucide-react");
|
|
5
5
|
const React = require("react");
|
|
6
6
|
const styled = require("styled-components");
|
|
7
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
7
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
10
10
|
const DropdownMenuItemStyled = styled__default.default(TiptapEditorInput.DropdownMenuItem)`
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const lucideReact = require("lucide-react");
|
|
5
5
|
const styled = require("styled-components");
|
|
6
|
-
const TiptapEditorInput = require("./TiptapEditorInput-
|
|
6
|
+
const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
|
|
7
7
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
8
8
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
9
9
|
const IconWrapper = styled__default.default.span`
|