@empoleon/tiptap
Version:
Rich text editor based on tiptap
1 lines • 4.14 kB
Source Map (JSON)
{"version":3,"file":"RichTextEditorContent.mjs","sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import { EditorContent } from '@empoleon/solid-tiptap';\nimport {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n TypographyStylesProvider,\n useProps,\n} from '@empoleon/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\nimport { splitProps } from 'solid-js';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n extends BoxProps,\n CompoundStylesApiProps<RichTextEditorContentFactory>,\n ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n props: RichTextEditorContentProps;\n ref: HTMLDivElement;\n stylesNames: RichTextEditorContentStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>(_props => {\n const props = useProps('RichTextEditorContent', defaultProps, _props);\n const [local, others] = splitProps(props, [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'vars',\n 'ref'\n ]);\n\n const ctx = useRichTextEditorContext();\n\n if (ctx.withTypographyStyles) {\n return (\n <TypographyStylesProvider\n {...ctx.getStyles('typographyStylesProvider', { className: local.className, style: local.style, styles: local.styles, classNames: local.classNames })}\n unstyled={ctx.unstyled}\n ref={local.ref}\n >\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames: local.classNames, styles: local.styles })}\n {...others}\n />\n </TypographyStylesProvider>\n );\n }\n\n return (\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames: local.classNames, styles: local.styles })}\n {...others}\n />\n );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@empoleon/tiptap/RichTextEditorContent';\n"],"names":["defaultProps","RichTextEditorContent","factory","_props","props","useProps","local","others","splitProps","ctx","useRichTextEditorContext","withTypographyStyles","_$createComponent","TypographyStylesProvider","_$mergeProps","getStyles","className","style","styles","classNames","unstyled","ref","r$","_ref$","children","Box","component","EditorContent","editor","classes","displayName"],"mappings":";;;;;;;AA4BA,MAAMA,eAAoD,EAAC;MAE9CC,qBAAA,GAAwBC,QAAsCC,MAAA,IAAU;EACnF,MAAMC,KAAA,GAAQC,QAAA,CAAS,uBAAA,EAAyBL,YAAA,EAAcG,MAAM,CAAA;EACpE,MAAM,CAACG,KAAA,EAAOC,MAAM,CAAA,GAAIC,WAAWJ,KAAA,EAAO,CACxC,YAAA,EACA,WAAA,EACA,OAAA,EACA,QAAA,EACA,MAAA,EACA,KAAA,CACD,CAAA;AAED,EAAA,MAAMK,MAAMC,wBAAA,EAAyB;EAErC,IAAID,IAAIE,oBAAA,EAAsB;IAC5B,OAAAC,eAAA,CACGC,wBAAA,EAAAC,UAAA,CAAA,MACKL,IAAIM,SAAA,CAAU,0BAAA,EAA4B;MAAEC,SAAA,EAAWV,MAAMU,SAAA;MAAWC,KAAA,EAAOX,KAAA,CAAMW,KAAA;MAAOC,QAAQZ,KAAA,CAAMY,MAAA;MAAQC,UAAA,EAAYb,KAAA,CAAMa;AAAW,KAAC,CAAA,EAAA;AAAA,MAAA,IACpJC;eAAUX,GAAA,CAAIW,QAAA;AAAA,MAAA,CAAA;AAAAC,MAAAA,GAAAA,CAAAC,EAAA,EAAA;AAAA,QAAA,IAAAC,KAAA,GACTjB,KAAA,CAAMe,GAAA;QAAA,OAAAE,KAAA,KAAA,UAAA,GAAAA,KAAA,CAAAD,EAAA,IAANhB,KAAA,CAAMe,GAAA,GAAAC,EAAA;AAAA,MAAA,CAAA;AAAA,MAAA,IAAAE,QAAAA,GAAA;AAAA,QAAA,OAAAZ,eAAA,CAEVa,GAAA,EAAAX,UAAA,CAAA;AACCY,UAAAA,SAAA,EAAWC,aAAA;AAAA,UAAA,IACXC;mBAAQnB,GAAA,CAAImB,MAAA;AAAA,UAAA;AAAA,SAAA,EAAA,MACRnB,GAAA,CAAIM,SAAA,CAAU,SAAA,EAAW;UAAEI,UAAA,EAAYb,MAAMa,UAAA;UAAYD,MAAA,EAAQZ,KAAA,CAAMY;SAAQ,CAAA,EAC/EX,MAAA,CAAA,CAAA;AAAA,MAAA;AAAA,KAAA,CAAA,CAAA;AAIZ,EAAA;AAEA,EAAA,OAAAK,eAAA,CACGa,GAAA,EAAAX,UAAA,CAAA;AACCY,IAAAA,SAAA,EAAWC,aAAA;AAAA,IAAA,IACXC;aAAQnB,GAAA,CAAImB,MAAA;AAAA,IAAA;AAAA,GAAA,EAAA,MACRnB,GAAA,CAAIM,SAAA,CAAU,SAAA,EAAW;IAAEI,UAAA,EAAYb,MAAMa,UAAA;IAAYD,MAAA,EAAQZ,KAAA,CAAMY;GAAQ,CAAA,EAC/EX,MAAA,CAAA,CAAA;AAGV,CAAC;AAEDN,qBAAA,CAAsB4B,OAAA,GAAUA,OAAA;AAChC5B,qBAAA,CAAsB6B,WAAA,GAAc,wCAAA;;;;"}