@plasmicpkgs/tiptap 0.0.1 → 0.0.3
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/.tsbuildinfo +1 -1
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/dist/registerTiptap.d.ts +2 -1
- package/dist/tiptap.esm.js +26 -10
- package/dist/tiptap.esm.js.map +1 -1
- package/package.json +2 -2
- package/skinny/registerBold.cjs.js +2 -1
- package/skinny/registerBold.cjs.js.map +1 -1
- package/skinny/registerBold.esm.js +2 -1
- package/skinny/registerBold.esm.js.map +1 -1
- package/skinny/registerCode.cjs.js +2 -1
- package/skinny/registerCode.cjs.js.map +1 -1
- package/skinny/registerCode.esm.js +2 -1
- package/skinny/registerCode.esm.js.map +1 -1
- package/skinny/registerItalic.cjs.js +2 -1
- package/skinny/registerItalic.cjs.js.map +1 -1
- package/skinny/registerItalic.esm.js +2 -1
- package/skinny/registerItalic.esm.js.map +1 -1
- package/skinny/registerLink.cjs.js +2 -1
- package/skinny/registerLink.cjs.js.map +1 -1
- package/skinny/registerLink.esm.js +2 -1
- package/skinny/registerLink.esm.js.map +1 -1
- package/skinny/registerMention.cjs.js +1 -1
- package/skinny/registerMention.esm.js +1 -1
- package/skinny/registerStrike.cjs.js +2 -1
- package/skinny/registerStrike.cjs.js.map +1 -1
- package/skinny/registerStrike.esm.js +2 -1
- package/skinny/registerStrike.esm.js.map +1 -1
- package/skinny/{registerTiptap-fd9bf882.cjs.js → registerTiptap-004bd7c8.cjs.js} +27 -10
- package/skinny/registerTiptap-004bd7c8.cjs.js.map +1 -0
- package/skinny/{registerTiptap-6a2d0bb4.esm.js → registerTiptap-3c71865b.esm.js} +27 -10
- package/skinny/registerTiptap-3c71865b.esm.js.map +1 -0
- package/skinny/registerTiptap.cjs.js +2 -1
- package/skinny/registerTiptap.cjs.js.map +1 -1
- package/skinny/registerTiptap.d.ts +2 -1
- package/skinny/registerTiptap.esm.js +2 -1
- package/skinny/registerTiptap.esm.js.map +1 -1
- package/skinny/registerToolbarBold.cjs.js +2 -1
- package/skinny/registerToolbarBold.cjs.js.map +1 -1
- package/skinny/registerToolbarBold.esm.js +2 -1
- package/skinny/registerToolbarBold.esm.js.map +1 -1
- package/skinny/registerToolbarCode.cjs.js +2 -1
- package/skinny/registerToolbarCode.cjs.js.map +1 -1
- package/skinny/registerToolbarCode.esm.js +2 -1
- package/skinny/registerToolbarCode.esm.js.map +1 -1
- package/skinny/registerToolbarItalic.cjs.js +2 -1
- package/skinny/registerToolbarItalic.cjs.js.map +1 -1
- package/skinny/registerToolbarItalic.esm.js +2 -1
- package/skinny/registerToolbarItalic.esm.js.map +1 -1
- package/skinny/registerToolbarLink.cjs.js +2 -1
- package/skinny/registerToolbarLink.cjs.js.map +1 -1
- package/skinny/registerToolbarLink.esm.js +2 -1
- package/skinny/registerToolbarLink.esm.js.map +1 -1
- package/skinny/registerToolbarMention.cjs.js +2 -1
- package/skinny/registerToolbarMention.cjs.js.map +1 -1
- package/skinny/registerToolbarMention.esm.js +2 -1
- package/skinny/registerToolbarMention.esm.js.map +1 -1
- package/skinny/registerToolbarStrike.cjs.js +2 -1
- package/skinny/registerToolbarStrike.cjs.js.map +1 -1
- package/skinny/registerToolbarStrike.esm.js +2 -1
- package/skinny/registerToolbarStrike.esm.js.map +1 -1
- package/skinny/registerToolbarUnderline.cjs.js +2 -1
- package/skinny/registerToolbarUnderline.cjs.js.map +1 -1
- package/skinny/registerToolbarUnderline.esm.js +2 -1
- package/skinny/registerToolbarUnderline.esm.js.map +1 -1
- package/skinny/registerUnderline.cjs.js +2 -1
- package/skinny/registerUnderline.cjs.js.map +1 -1
- package/skinny/registerUnderline.esm.js +2 -1
- package/skinny/registerUnderline.esm.js.map +1 -1
- package/skinny/registerTiptap-6a2d0bb4.esm.js.map +0 -1
- package/skinny/registerTiptap-fd9bf882.cjs.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarBold.cjs.js","sources":["../src/toolbar/registerToolbarBold.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 ToolbarBoldProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarBoldScopeClassName: string;\n}\n\nexport function ToolbarBold(props: ToolbarBoldProps) {\n const { editor } = useCurrentEditor();\n const { bold } = useTiptapContext();\n\n const { className, children, toolbarBoldScopeClassName } = props;\n\n if (!editor || !bold) 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(\"bold\") ? true : false}\n className={`${className} ${toolbarBoldScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"bold\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarBold.displayName = \"ToolbarBold\";\n\nexport function registerToolbarBold(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarBold, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-bold`,\n displayName: \"Tiptap Bold 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/bold.svg\",\n },\n ],\n },\n toolbarBoldScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarBold\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarBold[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarBold\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarBold\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarBold.cjs.js","sources":["../src/toolbar/registerToolbarBold.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 ToolbarBoldProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarBoldScopeClassName: string;\n}\n\nexport function ToolbarBold(props: ToolbarBoldProps) {\n const { editor } = useCurrentEditor();\n const { bold } = useTiptapContext();\n\n const { className, children, toolbarBoldScopeClassName } = props;\n\n if (!editor || !bold) 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(\"bold\") ? true : false}\n className={`${className} ${toolbarBoldScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"bold\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarBold.displayName = \"ToolbarBold\";\n\nexport function registerToolbarBold(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarBold, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-bold`,\n displayName: \"Tiptap Bold 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/bold.svg\",\n },\n ],\n },\n toolbarBoldScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarBold\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarBold[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarBold\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarBold\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAAC,sCAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAAC,oCAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarBold.esm.js","sources":["../src/toolbar/registerToolbarBold.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 ToolbarBoldProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarBoldScopeClassName: string;\n}\n\nexport function ToolbarBold(props: ToolbarBoldProps) {\n const { editor } = useCurrentEditor();\n const { bold } = useTiptapContext();\n\n const { className, children, toolbarBoldScopeClassName } = props;\n\n if (!editor || !bold) 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(\"bold\") ? true : false}\n className={`${className} ${toolbarBoldScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"bold\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarBold.displayName = \"ToolbarBold\";\n\nexport function registerToolbarBold(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarBold, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-bold`,\n displayName: \"Tiptap Bold 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/bold.svg\",\n },\n ],\n },\n toolbarBoldScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarBold\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarBold[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarBold\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarBold\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarBold.esm.js","sources":["../src/toolbar/registerToolbarBold.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 ToolbarBoldProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarBoldScopeClassName: string;\n}\n\nexport function ToolbarBold(props: ToolbarBoldProps) {\n const { editor } = useCurrentEditor();\n const { bold } = useTiptapContext();\n\n const { className, children, toolbarBoldScopeClassName } = props;\n\n if (!editor || !bold) 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(\"bold\") ? true : false}\n className={`${className} ${toolbarBoldScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"bold\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarBold.displayName = \"ToolbarBold\";\n\nexport function registerToolbarBold(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarBold, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-bold`,\n displayName: \"Tiptap Bold 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/bold.svg\",\n },\n ],\n },\n toolbarBoldScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarBold\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarBold[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarBold\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarBold\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarCode.cjs.js","sources":["../src/toolbar/registerToolbarCode.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 ToolbarCodeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n const { editor } = useCurrentEditor();\n const { code } = useTiptapContext();\n\n const { className, children, toolbarCodeScopeClassName } = props;\n\n if (!editor || !code) 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(\"code\") ? true : false}\n className={`${className} ${toolbarCodeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarCode, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n displayName: \"Tiptap Code 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/code.svg\",\n },\n ],\n },\n toolbarCodeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarCode\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarCode[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarCode\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarCode.cjs.js","sources":["../src/toolbar/registerToolbarCode.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 ToolbarCodeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n const { editor } = useCurrentEditor();\n const { code } = useTiptapContext();\n\n const { className, children, toolbarCodeScopeClassName } = props;\n\n if (!editor || !code) 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(\"code\") ? true : false}\n className={`${className} ${toolbarCodeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarCode, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n displayName: \"Tiptap Code 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/code.svg\",\n },\n ],\n },\n toolbarCodeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarCode\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarCode[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarCode\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAAC,sCAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAAC,oCAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarCode.esm.js","sources":["../src/toolbar/registerToolbarCode.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 ToolbarCodeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n const { editor } = useCurrentEditor();\n const { code } = useTiptapContext();\n\n const { className, children, toolbarCodeScopeClassName } = props;\n\n if (!editor || !code) 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(\"code\") ? true : false}\n className={`${className} ${toolbarCodeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarCode, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n displayName: \"Tiptap Code 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/code.svg\",\n },\n ],\n },\n toolbarCodeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarCode\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarCode[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarCode\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarCode.esm.js","sources":["../src/toolbar/registerToolbarCode.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 ToolbarCodeProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n const { editor } = useCurrentEditor();\n const { code } = useTiptapContext();\n\n const { className, children, toolbarCodeScopeClassName } = props;\n\n if (!editor || !code) 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(\"code\") ? true : false}\n className={`${className} ${toolbarCodeScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarCode, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n displayName: \"Tiptap Code 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/code.svg\",\n },\n ],\n },\n toolbarCodeScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarCode\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarCode[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarCode\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarItalic.cjs.js","sources":["../src/toolbar/registerToolbarItalic.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 ToolbarItalicProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n const { editor } = useCurrentEditor();\n const { italic } = useTiptapContext();\n\n const { className, children, toolbarItalicScopeClassName } = props;\n\n if (!editor || !italic) 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(\"italic\") ? true : false}\n className={`${className} ${toolbarItalicScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarItalic, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n displayName: \"Tiptap Italic 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/italic.svg\",\n styles: {\n width: \"hug\",\n },\n },\n ],\n },\n toolbarItalicScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarItalic\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarItalic[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarItalic\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarItalic.cjs.js","sources":["../src/toolbar/registerToolbarItalic.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 ToolbarItalicProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n const { editor } = useCurrentEditor();\n const { italic } = useTiptapContext();\n\n const { className, children, toolbarItalicScopeClassName } = props;\n\n if (!editor || !italic) 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(\"italic\") ? true : false}\n className={`${className} ${toolbarItalicScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarItalic, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n displayName: \"Tiptap Italic 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/italic.svg\",\n styles: {\n width: \"hug\",\n },\n },\n ],\n },\n toolbarItalicScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarItalic\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarItalic[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarItalic\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\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,wCAAA;AAAA,YACL,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,KAAA;AAAA,aACT;AAAA,WACF;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;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarItalic.esm.js","sources":["../src/toolbar/registerToolbarItalic.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 ToolbarItalicProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n const { editor } = useCurrentEditor();\n const { italic } = useTiptapContext();\n\n const { className, children, toolbarItalicScopeClassName } = props;\n\n if (!editor || !italic) 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(\"italic\") ? true : false}\n className={`${className} ${toolbarItalicScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarItalic, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n displayName: \"Tiptap Italic 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/italic.svg\",\n styles: {\n width: \"hug\",\n },\n },\n ],\n },\n toolbarItalicScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarItalic\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarItalic[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarItalic\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarItalic.esm.js","sources":["../src/toolbar/registerToolbarItalic.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 ToolbarItalicProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n const { editor } = useCurrentEditor();\n const { italic } = useTiptapContext();\n\n const { className, children, toolbarItalicScopeClassName } = props;\n\n if (!editor || !italic) 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(\"italic\") ? true : false}\n className={`${className} ${toolbarItalicScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarItalic, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n displayName: \"Tiptap Italic 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/italic.svg\",\n styles: {\n width: \"hug\",\n },\n },\n ],\n },\n toolbarItalicScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarItalic\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarItalic[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarItalic\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\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,wCAAA;AAAA,YACL,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,KAAA;AAAA,aACT;AAAA,WACF;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;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarLink.cjs.js","sources":["../src/toolbar/registerToolbarLink.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 ToolbarLinkProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n const { editor } = useCurrentEditor();\n const { link } = useTiptapContext();\n\n const { className, children, toolbarLinkScopeClassName } = props;\n\n if (!editor || !link) 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(\"link\") ? true : false}\n className={`${className} ${toolbarLinkScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarLink, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n displayName: \"Tiptap Link 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/link.svg\",\n },\n ],\n },\n toolbarLinkScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarLink\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarLink[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarLink\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarLink.cjs.js","sources":["../src/toolbar/registerToolbarLink.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 ToolbarLinkProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n const { editor } = useCurrentEditor();\n const { link } = useTiptapContext();\n\n const { className, children, toolbarLinkScopeClassName } = props;\n\n if (!editor || !link) 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(\"link\") ? true : false}\n className={`${className} ${toolbarLinkScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarLink, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n displayName: \"Tiptap Link 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/link.svg\",\n },\n ],\n },\n toolbarLinkScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarLink\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarLink[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarLink\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAAC,sCAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAAC,oCAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarLink.esm.js","sources":["../src/toolbar/registerToolbarLink.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 ToolbarLinkProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n const { editor } = useCurrentEditor();\n const { link } = useTiptapContext();\n\n const { className, children, toolbarLinkScopeClassName } = props;\n\n if (!editor || !link) 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(\"link\") ? true : false}\n className={`${className} ${toolbarLinkScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarLink, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n displayName: \"Tiptap Link 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/link.svg\",\n },\n ],\n },\n toolbarLinkScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarLink\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarLink[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarLink\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarLink.esm.js","sources":["../src/toolbar/registerToolbarLink.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 ToolbarLinkProps {\n className: string;\n children: React.ReactNode;\n selectedClassName: string;\n toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n const { editor } = useCurrentEditor();\n const { link } = useTiptapContext();\n\n const { className, children, toolbarLinkScopeClassName } = props;\n\n if (!editor || !link) 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(\"link\") ? true : false}\n className={`${className} ${toolbarLinkScopeClassName}`}\n style={{ cursor: \"pointer\" }}\n role=\"button\"\n onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n >\n {children}\n </div>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n registerComponentHelper(loader, ToolbarLink, {\n name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n displayName: \"Tiptap Link 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/link.svg\",\n },\n ],\n },\n toolbarLinkScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"toolbarLink\",\n } as any,\n selectedClassName: {\n type: \"class\",\n displayName: \"Tool Selected\",\n selectors: [\n {\n selector: \":toolbarLink[data-active=true]\",\n label: \"Base\",\n },\n ],\n },\n },\n importName: \"ToolbarLink\",\n importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n parentComponentName: TIPTAP_COMPONENT_NAME,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,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,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;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,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;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,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerToolbarMention.cjs.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":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"
|
|
1
|
+
{"version":3,"file":"registerToolbarMention.cjs.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":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAaO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIC,+BAAiB,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,uBAAAC,sBAAA,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,EAAAC,sCAAA,CAAwB,QAAQ,cAAgB,EAAA;AAAA,IAC9C,MAAM,CAAG,EAAAC,oCAAA,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,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +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":"
|
|
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;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +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":"
|
|
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;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +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":"
|
|
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;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@tiptap/react');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +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":"
|
|
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;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useCurrentEditor } from '@tiptap/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +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":"
|
|
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;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var TiptapUnderline = require('@tiptap/extension-underline');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var registerTiptap = require('./registerTiptap-
|
|
5
|
+
var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
|
|
6
|
+
require('@plasmicapp/host');
|
|
6
7
|
require('@tiptap/extension-document');
|
|
7
8
|
require('@tiptap/extension-paragraph');
|
|
8
9
|
require('@tiptap/extension-text');
|
|
@@ -1 +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":"
|
|
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;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import TiptapUnderline from '@tiptap/extension-underline';
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
|
-
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-
|
|
3
|
+
import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
|
|
4
|
+
import '@plasmicapp/host';
|
|
4
5
|
import '@tiptap/extension-document';
|
|
5
6
|
import '@tiptap/extension-paragraph';
|
|
6
7
|
import '@tiptap/extension-text';
|
|
@@ -1 +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":"
|
|
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;;;;"}
|