@plasmicpkgs/tiptap 0.0.1
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/LICENSE.md +21 -0
- package/README.md +1 -0
- package/dist/.tsbuildinfo +1 -0
- package/dist/components/MentionList.d.ts +12 -0
- package/dist/contexts.d.ts +30 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1400 -0
- package/dist/index.js.map +1 -0
- package/dist/registerBold.d.ts +9 -0
- package/dist/registerCode.d.ts +9 -0
- package/dist/registerItalic.d.ts +9 -0
- package/dist/registerLink.d.ts +9 -0
- package/dist/registerMention.d.ts +28 -0
- package/dist/registerStrike.d.ts +9 -0
- package/dist/registerTiptap.d.ts +18 -0
- package/dist/registerUnderline.d.ts +9 -0
- package/dist/tiptap.esm.js +1382 -0
- package/dist/tiptap.esm.js.map +1 -0
- package/dist/toolbar/registerToolbarBold.d.ts +13 -0
- package/dist/toolbar/registerToolbarCode.d.ts +13 -0
- package/dist/toolbar/registerToolbarItalic.d.ts +13 -0
- package/dist/toolbar/registerToolbarLink.d.ts +13 -0
- package/dist/toolbar/registerToolbarMention.d.ts +13 -0
- package/dist/toolbar/registerToolbarStrike.d.ts +13 -0
- package/dist/toolbar/registerToolbarUnderline.d.ts +13 -0
- package/dist/useIsClient.d.ts +3 -0
- package/dist/utils.d.ts +24 -0
- package/package.json +103 -0
- package/skinny/contexts.d.ts +30 -0
- package/skinny/registerBold.cjs.js +48 -0
- package/skinny/registerBold.cjs.js.map +1 -0
- package/skinny/registerBold.d.ts +9 -0
- package/skinny/registerBold.esm.js +41 -0
- package/skinny/registerBold.esm.js.map +1 -0
- package/skinny/registerCode.cjs.js +48 -0
- package/skinny/registerCode.cjs.js.map +1 -0
- package/skinny/registerCode.d.ts +9 -0
- package/skinny/registerCode.esm.js +41 -0
- package/skinny/registerCode.esm.js.map +1 -0
- package/skinny/registerItalic.cjs.js +48 -0
- package/skinny/registerItalic.cjs.js.map +1 -0
- package/skinny/registerItalic.d.ts +9 -0
- package/skinny/registerItalic.esm.js +41 -0
- package/skinny/registerItalic.esm.js.map +1 -0
- package/skinny/registerLink.cjs.js +48 -0
- package/skinny/registerLink.cjs.js.map +1 -0
- package/skinny/registerLink.d.ts +9 -0
- package/skinny/registerLink.esm.js +41 -0
- package/skinny/registerLink.esm.js.map +1 -0
- package/skinny/registerMention.cjs.js +420 -0
- package/skinny/registerMention.cjs.js.map +1 -0
- package/skinny/registerMention.d.ts +28 -0
- package/skinny/registerMention.esm.js +411 -0
- package/skinny/registerMention.esm.js.map +1 -0
- package/skinny/registerStrike.cjs.js +48 -0
- package/skinny/registerStrike.cjs.js.map +1 -0
- package/skinny/registerStrike.d.ts +9 -0
- package/skinny/registerStrike.esm.js +41 -0
- package/skinny/registerStrike.esm.js.map +1 -0
- package/skinny/registerTiptap-6a2d0bb4.esm.js +375 -0
- package/skinny/registerTiptap-6a2d0bb4.esm.js.map +1 -0
- package/skinny/registerTiptap-fd9bf882.cjs.js +391 -0
- package/skinny/registerTiptap-fd9bf882.cjs.js.map +1 -0
- package/skinny/registerTiptap.cjs.js +20 -0
- package/skinny/registerTiptap.cjs.js.map +1 -0
- package/skinny/registerTiptap.d.ts +18 -0
- package/skinny/registerTiptap.esm.js +10 -0
- package/skinny/registerTiptap.esm.js.map +1 -0
- package/skinny/registerToolbarBold.cjs.js +78 -0
- package/skinny/registerToolbarBold.cjs.js.map +1 -0
- package/skinny/registerToolbarBold.esm.js +71 -0
- package/skinny/registerToolbarBold.esm.js.map +1 -0
- package/skinny/registerToolbarCode.cjs.js +78 -0
- package/skinny/registerToolbarCode.cjs.js.map +1 -0
- package/skinny/registerToolbarCode.esm.js +71 -0
- package/skinny/registerToolbarCode.esm.js.map +1 -0
- package/skinny/registerToolbarItalic.cjs.js +81 -0
- package/skinny/registerToolbarItalic.cjs.js.map +1 -0
- package/skinny/registerToolbarItalic.esm.js +74 -0
- package/skinny/registerToolbarItalic.esm.js.map +1 -0
- package/skinny/registerToolbarLink.cjs.js +78 -0
- package/skinny/registerToolbarLink.cjs.js.map +1 -0
- package/skinny/registerToolbarLink.esm.js +71 -0
- package/skinny/registerToolbarLink.esm.js.map +1 -0
- package/skinny/registerToolbarMention.cjs.js +78 -0
- package/skinny/registerToolbarMention.cjs.js.map +1 -0
- package/skinny/registerToolbarMention.esm.js +71 -0
- package/skinny/registerToolbarMention.esm.js.map +1 -0
- package/skinny/registerToolbarStrike.cjs.js +78 -0
- package/skinny/registerToolbarStrike.cjs.js.map +1 -0
- package/skinny/registerToolbarStrike.esm.js +71 -0
- package/skinny/registerToolbarStrike.esm.js.map +1 -0
- package/skinny/registerToolbarUnderline.cjs.js +78 -0
- package/skinny/registerToolbarUnderline.cjs.js.map +1 -0
- package/skinny/registerToolbarUnderline.esm.js +71 -0
- package/skinny/registerToolbarUnderline.esm.js.map +1 -0
- package/skinny/registerUnderline.cjs.js +48 -0
- package/skinny/registerUnderline.cjs.js.map +1 -0
- package/skinny/registerUnderline.d.ts +9 -0
- package/skinny/registerUnderline.esm.js +41 -0
- package/skinny/registerUnderline.esm.js.map +1 -0
- package/skinny/useIsClient.d.ts +3 -0
- package/skinny/utils.d.ts +24 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { useCurrentEditor } from '@tiptap/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
|
|
4
|
+
import '@tiptap/extension-document';
|
|
5
|
+
import '@tiptap/extension-paragraph';
|
|
6
|
+
import '@tiptap/extension-text';
|
|
7
|
+
import 'antd';
|
|
8
|
+
import '@plasmicapp/host/registerComponent';
|
|
9
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
10
|
+
|
|
11
|
+
function ToolbarMention(props) {
|
|
12
|
+
const { editor } = useCurrentEditor();
|
|
13
|
+
const { mention } = useTiptapContext();
|
|
14
|
+
const { className, children, toolbarMentionScopeClassName } = props;
|
|
15
|
+
if (!editor || !mention)
|
|
16
|
+
return null;
|
|
17
|
+
return /* @__PURE__ */ React.createElement(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
"data-active": editor.isActive("mention") ? true : false,
|
|
21
|
+
className: `${className} ${toolbarMentionScopeClassName}`,
|
|
22
|
+
style: { cursor: "pointer" },
|
|
23
|
+
role: "button",
|
|
24
|
+
onClick: () => editor.chain().focus().insertContent(" @").run()
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
ToolbarMention.displayName = "ToolbarMention";
|
|
30
|
+
function registerToolbarMention(loader) {
|
|
31
|
+
registerComponentHelper(loader, ToolbarMention, {
|
|
32
|
+
name: `${TIPTAP_COMPONENT_NAME}-toolbar-mention`,
|
|
33
|
+
displayName: "Tiptap Mention Toolbar Option",
|
|
34
|
+
defaultStyles: {
|
|
35
|
+
width: "hug",
|
|
36
|
+
padding: "5px"
|
|
37
|
+
},
|
|
38
|
+
props: {
|
|
39
|
+
children: {
|
|
40
|
+
type: "slot",
|
|
41
|
+
hidePlaceholder: true,
|
|
42
|
+
defaultValue: [
|
|
43
|
+
{
|
|
44
|
+
type: "img",
|
|
45
|
+
src: "https://static1.plasmic.app/mention.svg"
|
|
46
|
+
}
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
toolbarMentionScopeClassName: {
|
|
50
|
+
type: "styleScopeClass",
|
|
51
|
+
scopeName: "toolbarMention"
|
|
52
|
+
},
|
|
53
|
+
selectedClassName: {
|
|
54
|
+
type: "class",
|
|
55
|
+
displayName: "Tool Selected",
|
|
56
|
+
selectors: [
|
|
57
|
+
{
|
|
58
|
+
selector: ":toolbarMention[data-active=true]",
|
|
59
|
+
label: "Base"
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
importName: "ToolbarMention",
|
|
65
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarMention",
|
|
66
|
+
parentComponentName: TIPTAP_COMPONENT_NAME
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { ToolbarMention, registerToolbarMention };
|
|
71
|
+
//# sourceMappingURL=registerToolbarMention.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerToolbarMention.esm.js","sources":["../src/toolbar/registerToolbarMention.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarMentionProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarMentionScopeClassName: string;\n}\n\nexport function ToolbarMention(props: ToolbarMentionProps) {\n const { editor } = useCurrentEditor();\n const { mention } = useTiptapContext();\n\n const { className, children, toolbarMentionScopeClassName } = props;\n\n if (!editor || !mention) return null;\n\n return (\n <div\n // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n data-active={editor.isActive(\"mention\") ? true : false}\n className={`${className} ${toolbarMentionScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().insertContent(\" @\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarMention.displayName = \"ToolbarMention\";\n\nexport function registerToolbarMention(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarMention, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-mention`,\n displayName: \"Tiptap Mention Toolbar Option\",\n defaultStyles: {\n width: \"hug\",\n padding: \"5px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"img\",\n src: \"https://static1.plasmic.app/mention.svg\",\n },\n ],\n },\n toolbarMentionScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarMention\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarMention[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarMention\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarMention\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,4BAAA,EAAiC,GAAA,KAAA,CAAA;AAE9D,EAAI,IAAA,CAAC,UAAU,CAAC,OAAA;AAAS,IAAO,OAAA,IAAA,CAAA;AAEhC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,SAAS,IAAI,IAAO,GAAA,KAAA;AAAA,MACjD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,4BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,aAAA,CAAc,IAAI,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE7D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,cAAA,CAAe,WAAc,GAAA,gBAAA,CAAA;AAEtB,SAAS,uBAAuB,MAAuB,EAAA;AAC5D,EAAA,uBAAA,CAAwB,QAAQ,cAAgB,EAAA;AAAA,IAC9C,MAAM,CAAG,EAAA,qBAAA,CAAA,gBAAA,CAAA;AAAA,IACT,WAAa,EAAA,+BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,yCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,4BAA8B,EAAA;AAAA,QAC5B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,gBAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,mCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,gBAAA;AAAA,IACZ,UAAY,EAAA,mDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('@tiptap/react');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
|
|
6
|
+
require('@tiptap/extension-document');
|
|
7
|
+
require('@tiptap/extension-paragraph');
|
|
8
|
+
require('@tiptap/extension-text');
|
|
9
|
+
require('antd');
|
|
10
|
+
require('@plasmicapp/host/registerComponent');
|
|
11
|
+
require('@plasmicapp/host/registerGlobalContext');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
+
|
|
17
|
+
function ToolbarStrike(props) {
|
|
18
|
+
const { editor } = react.useCurrentEditor();
|
|
19
|
+
const { strike } = registerTiptap.useTiptapContext();
|
|
20
|
+
const { className, children, toolbarStrikeScopeClassName } = props;
|
|
21
|
+
if (!editor || !strike)
|
|
22
|
+
return null;
|
|
23
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
"data-active": editor.isActive("strike") ? true : false,
|
|
27
|
+
className: `${className} ${toolbarStrikeScopeClassName}`,
|
|
28
|
+
style: { cursor: "pointer" },
|
|
29
|
+
role: "button",
|
|
30
|
+
onClick: () => editor.chain().focus().toggleMark("strike").run()
|
|
31
|
+
},
|
|
32
|
+
children
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
ToolbarStrike.displayName = "ToolbarStrike";
|
|
36
|
+
function registerToolbarStrike(loader) {
|
|
37
|
+
registerTiptap.registerComponentHelper(loader, ToolbarStrike, {
|
|
38
|
+
name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-strike`,
|
|
39
|
+
displayName: "Tiptap Strike Toolbar Option",
|
|
40
|
+
defaultStyles: {
|
|
41
|
+
width: "hug",
|
|
42
|
+
padding: "5px"
|
|
43
|
+
},
|
|
44
|
+
props: {
|
|
45
|
+
children: {
|
|
46
|
+
type: "slot",
|
|
47
|
+
hidePlaceholder: true,
|
|
48
|
+
defaultValue: [
|
|
49
|
+
{
|
|
50
|
+
type: "img",
|
|
51
|
+
src: "https://static1.plasmic.app/strikethrough.svg"
|
|
52
|
+
}
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
toolbarStrikeScopeClassName: {
|
|
56
|
+
type: "styleScopeClass",
|
|
57
|
+
scopeName: "toolbarStrike"
|
|
58
|
+
},
|
|
59
|
+
selectedClassName: {
|
|
60
|
+
type: "class",
|
|
61
|
+
displayName: "Tool Selected",
|
|
62
|
+
selectors: [
|
|
63
|
+
{
|
|
64
|
+
selector: ":toolbarStrike[data-active=true]",
|
|
65
|
+
label: "Base"
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
importName: "ToolbarStrike",
|
|
71
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarStrike",
|
|
72
|
+
parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
exports.ToolbarStrike = ToolbarStrike;
|
|
77
|
+
exports.registerToolbarStrike = registerToolbarStrike;
|
|
78
|
+
//# sourceMappingURL=registerToolbarStrike.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerToolbarStrike.cjs.js","sources":["../src/toolbar/registerToolbarStrike.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarStrikeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarStrikeScopeClassName: string;\n}\n\nexport function ToolbarStrike(props: ToolbarStrikeProps) {\n const { editor } = useCurrentEditor();\n const { strike } = useTiptapContext();\n\n const { className, children, toolbarStrikeScopeClassName } = props;\n\n if (!editor || !strike) return null;\n\n return (\n <div\n // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n data-active={editor.isActive(\"strike\") ? true : false}\n className={`${className} ${toolbarStrikeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"strike\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarStrike.displayName = \"ToolbarStrike\";\n\nexport function registerToolbarStrike(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarStrike, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-strike`,\n displayName: \"Tiptap Strike Toolbar Option\",\n defaultStyles: {\n width: \"hug\",\n padding: \"5px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"img\",\n src: \"https://static1.plasmic.app/strikethrough.svg\",\n },\n ],\n },\n toolbarStrikeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarStrike\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarStrike[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarStrike\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarStrike\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,2BAAA,EAAgC,GAAA,KAAA,CAAA;AAE7D,EAAI,IAAA,CAAC,UAAU,CAAC,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAE/B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,QAAQ,IAAI,IAAO,GAAA,KAAA;AAAA,MAChD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,2BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE9D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,aAAA,CAAc,WAAc,GAAA,eAAA,CAAA;AAErB,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAAC,sCAAA,CAAwB,QAAQ,aAAe,EAAA;AAAA,IAC7C,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,8BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,+CAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,2BAA6B,EAAA;AAAA,QAC3B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,eAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,kCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,kDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { useCurrentEditor } from '@tiptap/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
|
|
4
|
+
import '@tiptap/extension-document';
|
|
5
|
+
import '@tiptap/extension-paragraph';
|
|
6
|
+
import '@tiptap/extension-text';
|
|
7
|
+
import 'antd';
|
|
8
|
+
import '@plasmicapp/host/registerComponent';
|
|
9
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
10
|
+
|
|
11
|
+
function ToolbarStrike(props) {
|
|
12
|
+
const { editor } = useCurrentEditor();
|
|
13
|
+
const { strike } = useTiptapContext();
|
|
14
|
+
const { className, children, toolbarStrikeScopeClassName } = props;
|
|
15
|
+
if (!editor || !strike)
|
|
16
|
+
return null;
|
|
17
|
+
return /* @__PURE__ */ React.createElement(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
"data-active": editor.isActive("strike") ? true : false,
|
|
21
|
+
className: `${className} ${toolbarStrikeScopeClassName}`,
|
|
22
|
+
style: { cursor: "pointer" },
|
|
23
|
+
role: "button",
|
|
24
|
+
onClick: () => editor.chain().focus().toggleMark("strike").run()
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
ToolbarStrike.displayName = "ToolbarStrike";
|
|
30
|
+
function registerToolbarStrike(loader) {
|
|
31
|
+
registerComponentHelper(loader, ToolbarStrike, {
|
|
32
|
+
name: `${TIPTAP_COMPONENT_NAME}-toolbar-strike`,
|
|
33
|
+
displayName: "Tiptap Strike Toolbar Option",
|
|
34
|
+
defaultStyles: {
|
|
35
|
+
width: "hug",
|
|
36
|
+
padding: "5px"
|
|
37
|
+
},
|
|
38
|
+
props: {
|
|
39
|
+
children: {
|
|
40
|
+
type: "slot",
|
|
41
|
+
hidePlaceholder: true,
|
|
42
|
+
defaultValue: [
|
|
43
|
+
{
|
|
44
|
+
type: "img",
|
|
45
|
+
src: "https://static1.plasmic.app/strikethrough.svg"
|
|
46
|
+
}
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
toolbarStrikeScopeClassName: {
|
|
50
|
+
type: "styleScopeClass",
|
|
51
|
+
scopeName: "toolbarStrike"
|
|
52
|
+
},
|
|
53
|
+
selectedClassName: {
|
|
54
|
+
type: "class",
|
|
55
|
+
displayName: "Tool Selected",
|
|
56
|
+
selectors: [
|
|
57
|
+
{
|
|
58
|
+
selector: ":toolbarStrike[data-active=true]",
|
|
59
|
+
label: "Base"
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
importName: "ToolbarStrike",
|
|
65
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarStrike",
|
|
66
|
+
parentComponentName: TIPTAP_COMPONENT_NAME
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { ToolbarStrike, registerToolbarStrike };
|
|
71
|
+
//# sourceMappingURL=registerToolbarStrike.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerToolbarStrike.esm.js","sources":["../src/toolbar/registerToolbarStrike.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarStrikeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarStrikeScopeClassName: string;\n}\n\nexport function ToolbarStrike(props: ToolbarStrikeProps) {\n const { editor } = useCurrentEditor();\n const { strike } = useTiptapContext();\n\n const { className, children, toolbarStrikeScopeClassName } = props;\n\n if (!editor || !strike) return null;\n\n return (\n <div\n // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n data-active={editor.isActive(\"strike\") ? true : false}\n className={`${className} ${toolbarStrikeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"strike\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarStrike.displayName = \"ToolbarStrike\";\n\nexport function registerToolbarStrike(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarStrike, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-strike`,\n displayName: \"Tiptap Strike Toolbar Option\",\n defaultStyles: {\n width: \"hug\",\n padding: \"5px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"img\",\n src: \"https://static1.plasmic.app/strikethrough.svg\",\n },\n ],\n },\n toolbarStrikeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarStrike\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarStrike[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarStrike\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarStrike\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,2BAAA,EAAgC,GAAA,KAAA,CAAA;AAE7D,EAAI,IAAA,CAAC,UAAU,CAAC,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAE/B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,QAAQ,IAAI,IAAO,GAAA,KAAA;AAAA,MAChD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,2BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE9D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,aAAA,CAAc,WAAc,GAAA,eAAA,CAAA;AAErB,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAA,uBAAA,CAAwB,QAAQ,aAAe,EAAA;AAAA,IAC7C,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,8BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,+CAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,2BAA6B,EAAA;AAAA,QAC3B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,eAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,kCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,kDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('@tiptap/react');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
|
|
6
|
+
require('@tiptap/extension-document');
|
|
7
|
+
require('@tiptap/extension-paragraph');
|
|
8
|
+
require('@tiptap/extension-text');
|
|
9
|
+
require('antd');
|
|
10
|
+
require('@plasmicapp/host/registerComponent');
|
|
11
|
+
require('@plasmicapp/host/registerGlobalContext');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
+
|
|
17
|
+
function ToolbarUnderline(props) {
|
|
18
|
+
const { editor } = react.useCurrentEditor();
|
|
19
|
+
const { underline } = registerTiptap.useTiptapContext();
|
|
20
|
+
const { className, children, toolbarUnderlineScopeClassName } = props;
|
|
21
|
+
if (!editor || !underline)
|
|
22
|
+
return null;
|
|
23
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
"data-active": editor.isActive("underline") ? true : false,
|
|
27
|
+
className: `${className} ${toolbarUnderlineScopeClassName}`,
|
|
28
|
+
style: { cursor: "pointer" },
|
|
29
|
+
role: "button",
|
|
30
|
+
onClick: () => editor.chain().focus().toggleMark("underline").run()
|
|
31
|
+
},
|
|
32
|
+
children
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
ToolbarUnderline.displayName = "ToolbarUnderline";
|
|
36
|
+
function registerToolbarUnderline(loader) {
|
|
37
|
+
registerTiptap.registerComponentHelper(loader, ToolbarUnderline, {
|
|
38
|
+
name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-underline`,
|
|
39
|
+
displayName: "Tiptap Underline Toolbar Option",
|
|
40
|
+
defaultStyles: {
|
|
41
|
+
width: "hug",
|
|
42
|
+
padding: "5px"
|
|
43
|
+
},
|
|
44
|
+
props: {
|
|
45
|
+
children: {
|
|
46
|
+
type: "slot",
|
|
47
|
+
hidePlaceholder: true,
|
|
48
|
+
defaultValue: [
|
|
49
|
+
{
|
|
50
|
+
type: "img",
|
|
51
|
+
src: "https://static1.plasmic.app/underline.svg"
|
|
52
|
+
}
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
toolbarUnderlineScopeClassName: {
|
|
56
|
+
type: "styleScopeClass",
|
|
57
|
+
scopeName: "toolbarUnderline"
|
|
58
|
+
},
|
|
59
|
+
selectedClassName: {
|
|
60
|
+
type: "class",
|
|
61
|
+
displayName: "Tool Selected",
|
|
62
|
+
selectors: [
|
|
63
|
+
{
|
|
64
|
+
selector: ":toolbarUnderline[data-active=true]",
|
|
65
|
+
label: "Base"
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
importName: "ToolbarUnderline",
|
|
71
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarUnderline",
|
|
72
|
+
parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
exports.ToolbarUnderline = ToolbarUnderline;
|
|
77
|
+
exports.registerToolbarUnderline = registerToolbarUnderline;
|
|
78
|
+
//# sourceMappingURL=registerToolbarUnderline.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerToolbarUnderline.cjs.js","sources":["../src/toolbar/registerToolbarUnderline.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarUnderlineProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarUnderlineScopeClassName: string;\n}\n\nexport function ToolbarUnderline(props: ToolbarUnderlineProps) {\n const { editor } = useCurrentEditor();\n const { underline } = useTiptapContext();\n\n const { className, children, toolbarUnderlineScopeClassName } = props;\n\n if (!editor || !underline) return null;\n\n return (\n <div\n // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n data-active={editor.isActive(\"underline\") ? true : false}\n className={`${className} ${toolbarUnderlineScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"underline\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarUnderline.displayName = \"ToolbarUnderline\";\n\nexport function registerToolbarUnderline(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarUnderline, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-underline`,\n displayName: \"Tiptap Underline Toolbar Option\",\n defaultStyles: {\n width: \"hug\",\n padding: \"5px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"img\",\n src: \"https://static1.plasmic.app/underline.svg\",\n },\n ],\n },\n toolbarUnderlineScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarUnderline\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarUnderline[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarUnderline\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarUnderline\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAEvC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,8BAAA,EAAmC,GAAA,KAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,UAAU,CAAC,SAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AAElC,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,WAAW,IAAI,IAAO,GAAA,KAAA;AAAA,MACnD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,8BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,WAAW,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAEjE,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,gBAAA,CAAiB,WAAc,GAAA,kBAAA,CAAA;AAExB,SAAS,yBAAyB,MAAuB,EAAA;AAC9D,EAAAC,sCAAA,CAAwB,QAAQ,gBAAkB,EAAA;AAAA,IAChD,MAAM,CAAG,EAAAC,oCAAA,CAAA,kBAAA,CAAA;AAAA,IACT,WAAa,EAAA,iCAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,2CAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,8BAAgC,EAAA;AAAA,QAC9B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,kBAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,qCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,kBAAA;AAAA,IACZ,UAAY,EAAA,qDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { useCurrentEditor } from '@tiptap/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
|
|
4
|
+
import '@tiptap/extension-document';
|
|
5
|
+
import '@tiptap/extension-paragraph';
|
|
6
|
+
import '@tiptap/extension-text';
|
|
7
|
+
import 'antd';
|
|
8
|
+
import '@plasmicapp/host/registerComponent';
|
|
9
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
10
|
+
|
|
11
|
+
function ToolbarUnderline(props) {
|
|
12
|
+
const { editor } = useCurrentEditor();
|
|
13
|
+
const { underline } = useTiptapContext();
|
|
14
|
+
const { className, children, toolbarUnderlineScopeClassName } = props;
|
|
15
|
+
if (!editor || !underline)
|
|
16
|
+
return null;
|
|
17
|
+
return /* @__PURE__ */ React.createElement(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
"data-active": editor.isActive("underline") ? true : false,
|
|
21
|
+
className: `${className} ${toolbarUnderlineScopeClassName}`,
|
|
22
|
+
style: { cursor: "pointer" },
|
|
23
|
+
role: "button",
|
|
24
|
+
onClick: () => editor.chain().focus().toggleMark("underline").run()
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
ToolbarUnderline.displayName = "ToolbarUnderline";
|
|
30
|
+
function registerToolbarUnderline(loader) {
|
|
31
|
+
registerComponentHelper(loader, ToolbarUnderline, {
|
|
32
|
+
name: `${TIPTAP_COMPONENT_NAME}-toolbar-underline`,
|
|
33
|
+
displayName: "Tiptap Underline Toolbar Option",
|
|
34
|
+
defaultStyles: {
|
|
35
|
+
width: "hug",
|
|
36
|
+
padding: "5px"
|
|
37
|
+
},
|
|
38
|
+
props: {
|
|
39
|
+
children: {
|
|
40
|
+
type: "slot",
|
|
41
|
+
hidePlaceholder: true,
|
|
42
|
+
defaultValue: [
|
|
43
|
+
{
|
|
44
|
+
type: "img",
|
|
45
|
+
src: "https://static1.plasmic.app/underline.svg"
|
|
46
|
+
}
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
toolbarUnderlineScopeClassName: {
|
|
50
|
+
type: "styleScopeClass",
|
|
51
|
+
scopeName: "toolbarUnderline"
|
|
52
|
+
},
|
|
53
|
+
selectedClassName: {
|
|
54
|
+
type: "class",
|
|
55
|
+
displayName: "Tool Selected",
|
|
56
|
+
selectors: [
|
|
57
|
+
{
|
|
58
|
+
selector: ":toolbarUnderline[data-active=true]",
|
|
59
|
+
label: "Base"
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
importName: "ToolbarUnderline",
|
|
65
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarUnderline",
|
|
66
|
+
parentComponentName: TIPTAP_COMPONENT_NAME
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { ToolbarUnderline, registerToolbarUnderline };
|
|
71
|
+
//# sourceMappingURL=registerToolbarUnderline.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerToolbarUnderline.esm.js","sources":["../src/toolbar/registerToolbarUnderline.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarUnderlineProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarUnderlineScopeClassName: string;\n}\n\nexport function ToolbarUnderline(props: ToolbarUnderlineProps) {\n const { editor } = useCurrentEditor();\n const { underline } = useTiptapContext();\n\n const { className, children, toolbarUnderlineScopeClassName } = props;\n\n if (!editor || !underline) return null;\n\n return (\n <div\n // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n data-active={editor.isActive(\"underline\") ? true : false}\n className={`${className} ${toolbarUnderlineScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"underline\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarUnderline.displayName = \"ToolbarUnderline\";\n\nexport function registerToolbarUnderline(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarUnderline, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-underline`,\n displayName: \"Tiptap Underline Toolbar Option\",\n defaultStyles: {\n width: \"hug\",\n padding: \"5px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"img\",\n src: \"https://static1.plasmic.app/underline.svg\",\n },\n ],\n },\n toolbarUnderlineScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarUnderline\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarUnderline[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarUnderline\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarUnderline\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,8BAAA,EAAmC,GAAA,KAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,UAAU,CAAC,SAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AAElC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,WAAW,IAAI,IAAO,GAAA,KAAA;AAAA,MACnD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,8BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,WAAW,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAEjE,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,gBAAA,CAAiB,WAAc,GAAA,kBAAA,CAAA;AAExB,SAAS,yBAAyB,MAAuB,EAAA;AAC9D,EAAA,uBAAA,CAAwB,QAAQ,gBAAkB,EAAA;AAAA,IAChD,MAAM,CAAG,EAAA,qBAAA,CAAA,kBAAA,CAAA;AAAA,IACT,WAAa,EAAA,iCAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,2CAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,8BAAgC,EAAA;AAAA,QAC9B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,kBAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,qCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,kBAAA;AAAA,IACZ,UAAY,EAAA,qDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var TiptapUnderline = require('@tiptap/extension-underline');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
|
|
6
|
+
require('@tiptap/extension-document');
|
|
7
|
+
require('@tiptap/extension-paragraph');
|
|
8
|
+
require('@tiptap/extension-text');
|
|
9
|
+
require('@tiptap/react');
|
|
10
|
+
require('antd');
|
|
11
|
+
require('@plasmicapp/host/registerComponent');
|
|
12
|
+
require('@plasmicapp/host/registerGlobalContext');
|
|
13
|
+
|
|
14
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
|
|
16
|
+
var TiptapUnderline__default = /*#__PURE__*/_interopDefault(TiptapUnderline);
|
|
17
|
+
|
|
18
|
+
function Underline(props) {
|
|
19
|
+
const { setUnderline } = registerTiptap.useTiptapContext();
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
setUnderline(
|
|
22
|
+
TiptapUnderline__default.default.configure({
|
|
23
|
+
HTMLAttributes: {
|
|
24
|
+
class: props.className
|
|
25
|
+
}
|
|
26
|
+
})
|
|
27
|
+
);
|
|
28
|
+
return () => {
|
|
29
|
+
setUnderline(void 0);
|
|
30
|
+
};
|
|
31
|
+
}, []);
|
|
32
|
+
return null;
|
|
33
|
+
}
|
|
34
|
+
Underline.displayName = "Underline";
|
|
35
|
+
function registerUnderline(loader) {
|
|
36
|
+
registerTiptap.registerComponentHelper(loader, Underline, {
|
|
37
|
+
name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-extension-underline`,
|
|
38
|
+
displayName: "Tiptap Underline",
|
|
39
|
+
props: {},
|
|
40
|
+
importName: "Underline",
|
|
41
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerUnderline",
|
|
42
|
+
parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
exports.Underline = Underline;
|
|
47
|
+
exports.registerUnderline = registerUnderline;
|
|
48
|
+
//# sourceMappingURL=registerUnderline.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerUnderline.cjs.js","sources":["../src/registerUnderline.tsx"],"sourcesContent":["import TiptapUnderline from \"@tiptap/extension-underline\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface UnderlineProps {\n className: string;\n}\n\nexport function Underline(props: UnderlineProps) {\n const { setUnderline } = useTiptapContext();\n\n useEffect(() => {\n setUnderline(\n TiptapUnderline.configure({\n HTMLAttributes: {\n class: props.className,\n },\n })\n );\n return () => {\n setUnderline(undefined);\n };\n }, []);\n\n return null;\n}\nUnderline.displayName = \"Underline\";\n\nexport function registerUnderline(loader?: Registerable) {\n registerComponentHelper(loader, Underline, {\n name: `${TIPTAP_COMPONENT_NAME}-extension-underline`,\n displayName: \"Tiptap Underline\",\n props: {},\n importName: \"Underline\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerUnderline\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useTiptapContext","useEffect","TiptapUnderline","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAM,MAAA,EAAE,YAAa,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAE1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA;AAAA,MACEC,iCAAgB,SAAU,CAAA;AAAA,QACxB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,SAAA,CAAU,WAAc,GAAA,WAAA,CAAA;AAEjB,SAAS,kBAAkB,MAAuB,EAAA;AACvD,EAAAC,sCAAA,CAAwB,QAAQ,SAAW,EAAA;AAAA,IACzC,MAAM,CAAG,EAAAC,oCAAA,CAAA,oBAAA,CAAA;AAAA,IACT,WAAa,EAAA,kBAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,WAAA;AAAA,IACZ,UAAY,EAAA,8CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Registerable } from "./utils";
|
|
2
|
+
export interface UnderlineProps {
|
|
3
|
+
className: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function Underline(props: UnderlineProps): null;
|
|
6
|
+
export declare namespace Underline {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function registerUnderline(loader?: Registerable): void;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import TiptapUnderline from '@tiptap/extension-underline';
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
|
|
4
|
+
import '@tiptap/extension-document';
|
|
5
|
+
import '@tiptap/extension-paragraph';
|
|
6
|
+
import '@tiptap/extension-text';
|
|
7
|
+
import '@tiptap/react';
|
|
8
|
+
import 'antd';
|
|
9
|
+
import '@plasmicapp/host/registerComponent';
|
|
10
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
11
|
+
|
|
12
|
+
function Underline(props) {
|
|
13
|
+
const { setUnderline } = useTiptapContext();
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
setUnderline(
|
|
16
|
+
TiptapUnderline.configure({
|
|
17
|
+
HTMLAttributes: {
|
|
18
|
+
class: props.className
|
|
19
|
+
}
|
|
20
|
+
})
|
|
21
|
+
);
|
|
22
|
+
return () => {
|
|
23
|
+
setUnderline(void 0);
|
|
24
|
+
};
|
|
25
|
+
}, []);
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
Underline.displayName = "Underline";
|
|
29
|
+
function registerUnderline(loader) {
|
|
30
|
+
registerComponentHelper(loader, Underline, {
|
|
31
|
+
name: `${TIPTAP_COMPONENT_NAME}-extension-underline`,
|
|
32
|
+
displayName: "Tiptap Underline",
|
|
33
|
+
props: {},
|
|
34
|
+
importName: "Underline",
|
|
35
|
+
importPath: "@plasmicpkgs/tiptap/skinny/registerUnderline",
|
|
36
|
+
parentComponentName: TIPTAP_COMPONENT_NAME
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { Underline, registerUnderline };
|
|
41
|
+
//# sourceMappingURL=registerUnderline.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerUnderline.esm.js","sources":["../src/registerUnderline.tsx"],"sourcesContent":["import TiptapUnderline from \"@tiptap/extension-underline\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface UnderlineProps {\n className: string;\n}\n\nexport function Underline(props: UnderlineProps) {\n const { setUnderline } = useTiptapContext();\n\n useEffect(() => {\n setUnderline(\n TiptapUnderline.configure({\n HTMLAttributes: {\n class: props.className,\n },\n })\n );\n return () => {\n setUnderline(undefined);\n };\n }, []);\n\n return null;\n}\nUnderline.displayName = \"Underline\";\n\nexport function registerUnderline(loader?: Registerable) {\n registerComponentHelper(loader, Underline, {\n name: `${TIPTAP_COMPONENT_NAME}-extension-underline`,\n displayName: \"Tiptap Underline\",\n props: {},\n importName: \"Underline\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerUnderline\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA;AAAA,MACE,gBAAgB,SAAU,CAAA;AAAA,QACxB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,SAAA,CAAU,WAAc,GAAA,WAAA,CAAA;AAEjB,SAAS,kBAAkB,MAAuB,EAAA;AACvD,EAAA,uBAAA,CAAwB,QAAQ,SAAW,EAAA;AAAA,IACzC,MAAM,CAAG,EAAA,qBAAA,CAAA,oBAAA,CAAA;AAAA,IACT,WAAa,EAAA,kBAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,WAAA;AAAA,IACZ,UAAY,EAAA,8CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
|
|
2
|
+
import { default as registerGlobalContext, GlobalContextMeta } from "@plasmicapp/host/registerGlobalContext";
|
|
3
|
+
import { default as registerToken } from "@plasmicapp/host/registerToken";
|
|
4
|
+
import React from "react";
|
|
5
|
+
export type Registerable = {
|
|
6
|
+
registerComponent: typeof registerComponent;
|
|
7
|
+
registerGlobalContext: typeof registerGlobalContext;
|
|
8
|
+
registerToken: typeof registerToken;
|
|
9
|
+
};
|
|
10
|
+
export declare function makeRegisterComponent<T extends React.ComponentType<any>>(component: T, meta: ComponentMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
|
|
11
|
+
export declare function makeRegisterGlobalContext<T extends React.ComponentType<any>>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
|
|
12
|
+
export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: ComponentMeta<React.ComponentProps<T>>): void;
|
|
13
|
+
type ReactElt = {
|
|
14
|
+
children: ReactElt | ReactElt[];
|
|
15
|
+
props: {
|
|
16
|
+
children: ReactElt | ReactElt[];
|
|
17
|
+
[prop: string]: any;
|
|
18
|
+
} | null;
|
|
19
|
+
type: React.ComponentType<any> | null;
|
|
20
|
+
key: string | null;
|
|
21
|
+
} | null;
|
|
22
|
+
export declare function traverseReactEltTree(children: React.ReactNode, callback: (elt: ReactElt) => void): void;
|
|
23
|
+
export declare function asArray<T>(x: T[] | T | undefined | null): T[];
|
|
24
|
+
export {};
|