@mantine/tiptap 5.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -0
- package/cjs/Content/Content.js +62 -0
- package/cjs/Content/Content.js.map +1 -0
- package/cjs/Content/Content.styles.js +105 -0
- package/cjs/Content/Content.styles.js.map +1 -0
- package/cjs/RichTextEditor.context.js +11 -0
- package/cjs/RichTextEditor.context.js.map +1 -0
- package/cjs/RichTextEditor.js +124 -0
- package/cjs/RichTextEditor.js.map +1 -0
- package/cjs/RichTextEditor.styles.js +16 -0
- package/cjs/RichTextEditor.styles.js.map +1 -0
- package/cjs/Toolbar/Toolbar.js +56 -0
- package/cjs/Toolbar/Toolbar.js.map +1 -0
- package/cjs/Toolbar/Toolbar.styles.js +21 -0
- package/cjs/Toolbar/Toolbar.styles.js.map +1 -0
- package/cjs/controls/ColorControl/ColorControl.js +67 -0
- package/cjs/controls/ColorControl/ColorControl.js.map +1 -0
- package/cjs/controls/ColorPickerControl/ColorPickerControl.js +177 -0
- package/cjs/controls/ColorPickerControl/ColorPickerControl.js.map +1 -0
- package/cjs/controls/Control/Control.js +68 -0
- package/cjs/controls/Control/Control.js.map +1 -0
- package/cjs/controls/Control/Control.styles.js +51 -0
- package/cjs/controls/Control/Control.styles.js.map +1 -0
- package/cjs/controls/ControlBase/ControlBase.js +52 -0
- package/cjs/controls/ControlBase/ControlBase.js.map +1 -0
- package/cjs/controls/ControlBase/create-control.js +45 -0
- package/cjs/controls/ControlBase/create-control.js.map +1 -0
- package/cjs/controls/ControlsGroup/ControlsGroup.js +59 -0
- package/cjs/controls/ControlsGroup/ControlsGroup.js.map +1 -0
- package/cjs/controls/ControlsGroup/ControlsGroup.styles.js +28 -0
- package/cjs/controls/ControlsGroup/ControlsGroup.styles.js.map +1 -0
- package/cjs/controls/LinkControl/LinkControl.js +145 -0
- package/cjs/controls/LinkControl/LinkControl.js.map +1 -0
- package/cjs/controls/LinkControl/LinkControl.styles.js +57 -0
- package/cjs/controls/LinkControl/LinkControl.styles.js.map +1 -0
- package/cjs/controls/controls.js +251 -0
- package/cjs/controls/controls.js.map +1 -0
- package/cjs/extensions/Link.js +21 -0
- package/cjs/extensions/Link.js.map +1 -0
- package/cjs/index.js +16 -0
- package/cjs/index.js.map +1 -0
- package/cjs/labels.js +47 -0
- package/cjs/labels.js.map +1 -0
- package/esm/Content/Content.js +54 -0
- package/esm/Content/Content.js.map +1 -0
- package/esm/Content/Content.styles.js +101 -0
- package/esm/Content/Content.styles.js.map +1 -0
- package/esm/RichTextEditor.context.js +6 -0
- package/esm/RichTextEditor.context.js.map +1 -0
- package/esm/RichTextEditor.js +116 -0
- package/esm/RichTextEditor.js.map +1 -0
- package/esm/RichTextEditor.styles.js +12 -0
- package/esm/RichTextEditor.styles.js.map +1 -0
- package/esm/Toolbar/Toolbar.js +48 -0
- package/esm/Toolbar/Toolbar.js.map +1 -0
- package/esm/Toolbar/Toolbar.styles.js +17 -0
- package/esm/Toolbar/Toolbar.styles.js.map +1 -0
- package/esm/controls/ColorControl/ColorControl.js +59 -0
- package/esm/controls/ColorControl/ColorControl.js.map +1 -0
- package/esm/controls/ColorPickerControl/ColorPickerControl.js +169 -0
- package/esm/controls/ColorPickerControl/ColorPickerControl.js.map +1 -0
- package/esm/controls/Control/Control.js +60 -0
- package/esm/controls/Control/Control.js.map +1 -0
- package/esm/controls/Control/Control.styles.js +47 -0
- package/esm/controls/Control/Control.styles.js.map +1 -0
- package/esm/controls/ControlBase/ControlBase.js +44 -0
- package/esm/controls/ControlBase/ControlBase.js.map +1 -0
- package/esm/controls/ControlBase/create-control.js +37 -0
- package/esm/controls/ControlBase/create-control.js.map +1 -0
- package/esm/controls/ControlsGroup/ControlsGroup.js +51 -0
- package/esm/controls/ControlsGroup/ControlsGroup.js.map +1 -0
- package/esm/controls/ControlsGroup/ControlsGroup.styles.js +24 -0
- package/esm/controls/ControlsGroup/ControlsGroup.styles.js.map +1 -0
- package/esm/controls/LinkControl/LinkControl.js +137 -0
- package/esm/controls/LinkControl/LinkControl.js.map +1 -0
- package/esm/controls/LinkControl/LinkControl.styles.js +53 -0
- package/esm/controls/LinkControl/LinkControl.styles.js.map +1 -0
- package/esm/controls/controls.js +219 -0
- package/esm/controls/controls.js.map +1 -0
- package/esm/extensions/Link.js +13 -0
- package/esm/extensions/Link.js.map +1 -0
- package/esm/index.js +5 -0
- package/esm/index.js.map +1 -0
- package/esm/labels.js +43 -0
- package/esm/labels.js.map +1 -0
- package/lib/Content/Content.d.ts +8 -0
- package/lib/Content/Content.d.ts.map +1 -0
- package/lib/Content/Content.styles.d.ts +12 -0
- package/lib/Content/Content.styles.d.ts.map +1 -0
- package/lib/RichTextEditor.context.d.ts +14 -0
- package/lib/RichTextEditor.context.d.ts.map +1 -0
- package/lib/RichTextEditor.d.ts +60 -0
- package/lib/RichTextEditor.d.ts.map +1 -0
- package/lib/RichTextEditor.styles.d.ts +7 -0
- package/lib/RichTextEditor.styles.d.ts.map +1 -0
- package/lib/Toolbar/Toolbar.d.ts +12 -0
- package/lib/Toolbar/Toolbar.d.ts.map +1 -0
- package/lib/Toolbar/Toolbar.styles.d.ts +12 -0
- package/lib/Toolbar/Toolbar.styles.d.ts.map +1 -0
- package/lib/controls/ColorControl/ColorControl.d.ts +8 -0
- package/lib/controls/ColorControl/ColorControl.d.ts.map +1 -0
- package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts +14 -0
- package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts.map +1 -0
- package/lib/controls/Control/Control.d.ts +18 -0
- package/lib/controls/Control/Control.d.ts.map +1 -0
- package/lib/controls/Control/Control.styles.d.ts +7 -0
- package/lib/controls/Control/Control.styles.d.ts.map +1 -0
- package/lib/controls/ControlBase/ControlBase.d.ts +9 -0
- package/lib/controls/ControlBase/ControlBase.d.ts.map +1 -0
- package/lib/controls/ControlBase/create-control.d.ts +20 -0
- package/lib/controls/ControlBase/create-control.d.ts.map +1 -0
- package/lib/controls/ControlsGroup/ControlsGroup.d.ts +8 -0
- package/lib/controls/ControlsGroup/ControlsGroup.d.ts.map +1 -0
- package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts +7 -0
- package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts.map +1 -0
- package/lib/controls/LinkControl/LinkControl.d.ts +13 -0
- package/lib/controls/LinkControl/LinkControl.d.ts.map +1 -0
- package/lib/controls/LinkControl/LinkControl.styles.d.ts +7 -0
- package/lib/controls/LinkControl/LinkControl.styles.d.ts.map +1 -0
- package/lib/controls/controls.d.ts +27 -0
- package/lib/controls/controls.d.ts.map +1 -0
- package/lib/controls/index.d.ts +5 -0
- package/lib/controls/index.d.ts.map +1 -0
- package/lib/extensions/Link.d.ts +2 -0
- package/lib/extensions/Link.d.ts.map +1 -0
- package/lib/extensions/index.d.ts +2 -0
- package/lib/extensions/index.d.ts.map +1 -0
- package/lib/index.d.ts +13 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/labels.d.ts +80 -0
- package/lib/labels.d.ts.map +1 -0
- package/package.json +41 -0
package/README.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Mantine tiptap
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@mantine/tiptap)
|
|
4
|
+
|
|
5
|
+
Rich text editor based on [tiptap](https://tiptap.dev/)
|
|
6
|
+
|
|
7
|
+
[View documentation](https://mantine.dev/)
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
# With yarn
|
|
13
|
+
yarn add @mantine/core @mantine/hooks @tiptap/react @tiptap/extension-link
|
|
14
|
+
|
|
15
|
+
# With npm
|
|
16
|
+
npm install @mantine/core @mantine/hooks @tiptap/react @tiptap/extension-link
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## License
|
|
20
|
+
|
|
21
|
+
MIT
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var core = require('@mantine/core');
|
|
7
|
+
var react = require('@tiptap/react');
|
|
8
|
+
var RichTextEditor_context = require('../RichTextEditor.context.js');
|
|
9
|
+
var Content_styles = require('./Content.styles.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
15
|
+
var __defProp = Object.defineProperty;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __objRest = (source, exclude) => {
|
|
32
|
+
var target = {};
|
|
33
|
+
for (var prop in source)
|
|
34
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
if (source != null && __getOwnPropSymbols)
|
|
37
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
38
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
39
|
+
target[prop] = source[prop];
|
|
40
|
+
}
|
|
41
|
+
return target;
|
|
42
|
+
};
|
|
43
|
+
const defaultProps = {};
|
|
44
|
+
const Content = React.forwardRef((props, ref) => {
|
|
45
|
+
const _a = core.useComponentDefaultProps("RichTextEditor.Content", defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
|
|
46
|
+
const { classNames, styles, unstyled } = core.useContextStylesApi();
|
|
47
|
+
const { editor, withCodeHighlightStyles, withTypographyStyles } = RichTextEditor_context.useRichTextEditorContext();
|
|
48
|
+
const { classes, cx } = Content_styles['default']({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled });
|
|
49
|
+
return /* @__PURE__ */ React__default.createElement(core.TypographyStylesProvider, {
|
|
50
|
+
className: cx(classes.typographyStylesProvider, className),
|
|
51
|
+
unstyled: !withTypographyStyles || unstyled,
|
|
52
|
+
ref
|
|
53
|
+
}, /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
|
|
54
|
+
component: react.EditorContent,
|
|
55
|
+
editor,
|
|
56
|
+
className: classes.content
|
|
57
|
+
}, others)));
|
|
58
|
+
});
|
|
59
|
+
Content.displayName = "@mantine/tiptap/Content";
|
|
60
|
+
|
|
61
|
+
exports.Content = Content;
|
|
62
|
+
//# sourceMappingURL=Content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Content.js","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Box,\n DefaultProps,\n TypographyStylesProvider,\n Selectors,\n useContextStylesApi,\n useComponentDefaultProps,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Content.styles';\n\nexport type ContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorContentProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const Content = forwardRef<HTMLDivElement, RichTextEditorContentProps>((props, ref) => {\n const { className, ...others } = useComponentDefaultProps(\n 'RichTextEditor.Content',\n defaultProps,\n props\n );\n\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { editor, withCodeHighlightStyles, withTypographyStyles } = useRichTextEditorContext();\n const { classes, cx } = useStyles(\n { withCodeHighlightStyles, withTypographyStyles },\n { name: 'RichTextEditor', classNames, styles, unstyled }\n );\n\n return (\n <TypographyStylesProvider\n className={cx(classes.typographyStylesProvider, className)}\n unstyled={!withTypographyStyles || unstyled}\n ref={ref}\n >\n <Box component={EditorContent} editor={editor} className={classes.content} {...others} />\n </TypographyStylesProvider>\n );\n});\n\nContent.displayName = '@mantine/tiptap/Content';\n"],"names":["forwardRef","useComponentDefaultProps","useContextStylesApi","useRichTextEditorContext","useStyles","React","TypographyStylesProvider","Box","EditorContent"],"mappings":";;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAWF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,OAAO,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,GAAGC,6BAAwB,CAAC,wBAAwB,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAChJ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAGC,wBAAmB,EAAE,CAAC;AACjE,EAAE,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAC/F,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,yBAAS,CAAC,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,6BAAwB,EAAE;AACvE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,wBAAwB,EAAE,SAAS,CAAC;AAC9D,IAAI,QAAQ,EAAE,CAAC,oBAAoB,IAAI,QAAQ;AAC/C,IAAI,GAAG;AACP,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,QAAG,EAAE,cAAc,CAAC;AAC7D,IAAI,SAAS,EAAEC,mBAAa;AAC5B,IAAI,MAAM;AACV,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,yBAAyB;;;;"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
function getCodeHighlight(withCodeHighlightStyles, theme) {
|
|
24
|
+
if (!withCodeHighlightStyles) {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
const highlightIndex = theme.colorScheme === "dark" ? 5 : 7;
|
|
28
|
+
return {
|
|
29
|
+
pre: {
|
|
30
|
+
background: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.fn.rgba(theme.colors.gray[0], 0.65),
|
|
31
|
+
borderRadius: theme.fn.radius(),
|
|
32
|
+
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[9],
|
|
33
|
+
fontFamily: theme.fontFamilyMonospace,
|
|
34
|
+
padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,
|
|
35
|
+
"& code": {
|
|
36
|
+
background: "none",
|
|
37
|
+
color: "inherit",
|
|
38
|
+
fontSize: theme.fontSizes.sm,
|
|
39
|
+
padding: 0
|
|
40
|
+
},
|
|
41
|
+
" & .hljs-comment, & .hljs-quote": {
|
|
42
|
+
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[5]
|
|
43
|
+
},
|
|
44
|
+
"& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class": {
|
|
45
|
+
color: theme.colors.red[highlightIndex]
|
|
46
|
+
},
|
|
47
|
+
"& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params": {
|
|
48
|
+
color: theme.colors[theme.colorScheme === "dark" ? "cyan" : "blue"][highlightIndex]
|
|
49
|
+
},
|
|
50
|
+
"& .hljs-string, & .hljs-symbol, & .hljs-bullet": {
|
|
51
|
+
color: theme.colors.red[highlightIndex]
|
|
52
|
+
},
|
|
53
|
+
"& .hljs-title, & .hljs-section": {
|
|
54
|
+
color: theme.colors[theme.colorScheme === "dark" ? "yellow" : "pink"][highlightIndex]
|
|
55
|
+
},
|
|
56
|
+
"& .hljs-keyword, & .hljs-selector-tag": {
|
|
57
|
+
color: theme.colors.violet[highlightIndex]
|
|
58
|
+
},
|
|
59
|
+
"& .hljs-emphasis": {
|
|
60
|
+
fontStyle: "italic"
|
|
61
|
+
},
|
|
62
|
+
"& .hljs-strong": {
|
|
63
|
+
fontWeight: 700
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
function getTypographyStyles(withTypographyStyles) {
|
|
69
|
+
if (!withTypographyStyles) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
return {
|
|
73
|
+
"& li > p": {
|
|
74
|
+
margin: 0
|
|
75
|
+
},
|
|
76
|
+
"& ul li, & ol li": {
|
|
77
|
+
marginTop: 2
|
|
78
|
+
},
|
|
79
|
+
"& ul, & ol": {
|
|
80
|
+
marginTop: 5,
|
|
81
|
+
marginBottom: 5
|
|
82
|
+
},
|
|
83
|
+
"& p": {
|
|
84
|
+
marginBottom: 7
|
|
85
|
+
},
|
|
86
|
+
"& h1, & h2, & h3, & h4, & h5, & h6, & p": {
|
|
87
|
+
marginTop: 0
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
var useStyles = core.createStyles((theme, { withCodeHighlightStyles, withTypographyStyles }) => ({
|
|
92
|
+
typographyStylesProvider: __spreadValues({}, getTypographyStyles(withTypographyStyles)),
|
|
93
|
+
content: __spreadValues({
|
|
94
|
+
padding: theme.spacing.md,
|
|
95
|
+
"& .ProseMirror": {
|
|
96
|
+
outline: 0
|
|
97
|
+
},
|
|
98
|
+
"& .ProseMirror > *:last-child": {
|
|
99
|
+
marginBottom: 0
|
|
100
|
+
}
|
|
101
|
+
}, getCodeHighlight(withCodeHighlightStyles, theme))
|
|
102
|
+
}));
|
|
103
|
+
|
|
104
|
+
exports.default = useStyles;
|
|
105
|
+
//# sourceMappingURL=Content.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/core';\n\ninterface ContentStylesParams {\n withCodeHighlightStyles: boolean;\n withTypographyStyles: boolean;\n}\n\nfunction getCodeHighlight(withCodeHighlightStyles: boolean, theme: MantineTheme) {\n if (!withCodeHighlightStyles) {\n return null;\n }\n\n const highlightIndex = theme.colorScheme === 'dark' ? 5 : 7;\n\n return {\n pre: {\n background:\n theme.colorScheme === 'dark'\n ? theme.colors.dark[8]\n : theme.fn.rgba(theme.colors.gray[0], 0.65),\n borderRadius: theme.fn.radius(),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],\n fontFamily: theme.fontFamilyMonospace,\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n\n '& code': {\n background: 'none',\n color: 'inherit',\n fontSize: theme.fontSizes.sm,\n padding: 0,\n },\n\n ' & .hljs-comment, & .hljs-quote': {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n },\n\n '& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class':\n {\n color: theme.colors.red[highlightIndex],\n },\n\n '& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params':\n {\n color: theme.colors[theme.colorScheme === 'dark' ? 'cyan' : 'blue'][highlightIndex],\n },\n\n '& .hljs-string, & .hljs-symbol, & .hljs-bullet': {\n color: theme.colors.red[highlightIndex],\n },\n\n '& .hljs-title, & .hljs-section': {\n color: theme.colors[theme.colorScheme === 'dark' ? 'yellow' : 'pink'][highlightIndex],\n },\n\n '& .hljs-keyword, & .hljs-selector-tag': {\n color: theme.colors.violet[highlightIndex],\n },\n\n '& .hljs-emphasis': {\n fontStyle: 'italic',\n },\n\n '& .hljs-strong': {\n fontWeight: 700,\n },\n },\n };\n}\n\nfunction getTypographyStyles(withTypographyStyles: boolean) {\n if (!withTypographyStyles) {\n return null;\n }\n\n return {\n '& li > p': {\n margin: 0,\n },\n\n '& ul li, & ol li': {\n marginTop: 2,\n },\n\n '& ul, & ol': {\n marginTop: 5,\n marginBottom: 5,\n },\n\n '& p': {\n marginBottom: 7,\n },\n\n '& h1, & h2, & h3, & h4, & h5, & h6, & p': {\n marginTop: 0,\n },\n };\n}\n\nexport default createStyles(\n (theme, { withCodeHighlightStyles, withTypographyStyles }: ContentStylesParams) => ({\n typographyStylesProvider: {\n ...getTypographyStyles(withTypographyStyles),\n },\n\n content: {\n padding: theme.spacing.md,\n\n '& .ProseMirror': {\n outline: 0,\n },\n\n '& .ProseMirror > *:last-child': {\n marginBottom: 0,\n },\n\n ...getCodeHighlight(withCodeHighlightStyles, theme),\n },\n })\n);\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,SAAS,gBAAgB,CAAC,uBAAuB,EAAE,KAAK,EAAE;AAC1D,EAAE,IAAI,CAAC,uBAAuB,EAAE;AAChC,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAC9D,EAAE,OAAO;AACT,IAAI,GAAG,EAAE;AACT,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;AACjH,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACrC,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,UAAU,EAAE,KAAK,CAAC,mBAAmB;AAC3C,MAAM,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC5D,MAAM,QAAQ,EAAE;AAChB,QAAQ,UAAU,EAAE,MAAM;AAC1B,QAAQ,KAAK,EAAE,SAAS;AACxB,QAAQ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AACpC,QAAQ,OAAO,EAAE,CAAC;AAClB,OAAO;AACP,MAAM,iCAAiC,EAAE;AACzC,QAAQ,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,OAAO;AACP,MAAM,oLAAoL,EAAE;AAC5L,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,OAAO;AACP,MAAM,qHAAqH,EAAE;AAC7H,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,cAAc,CAAC;AAC3F,OAAO;AACP,MAAM,gDAAgD,EAAE;AACxD,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,OAAO;AACP,MAAM,gCAAgC,EAAE;AACxC,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC,cAAc,CAAC;AAC7F,OAAO;AACP,MAAM,uCAAuC,EAAE;AAC/C,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;AAClD,OAAO;AACP,MAAM,kBAAkB,EAAE;AAC1B,QAAQ,SAAS,EAAE,QAAQ;AAC3B,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,UAAU,EAAE,GAAG;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD,SAAS,mBAAmB,CAAC,oBAAoB,EAAE;AACnD,EAAE,IAAI,CAAC,oBAAoB,EAAE;AAC7B,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO;AACT,IAAI,UAAU,EAAE;AAChB,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,kBAAkB,EAAE;AACxB,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,CAAC;AAClB,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK;AACL,IAAI,yCAAyC,EAAE;AAC/C,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM;AAC3F,EAAE,wBAAwB,EAAE,cAAc,CAAC,EAAE,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AACzF,EAAE,OAAO,EAAE,cAAc,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC7B,IAAI,gBAAgB,EAAE;AACtB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,+BAA+B,EAAE;AACrC,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK;AACL,GAAG,EAAE,gBAAgB,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var utils = require('@mantine/utils');
|
|
6
|
+
|
|
7
|
+
const [RichTextEditorProvider, useRichTextEditorContext] = utils.createSafeContext("RichTextEditor was not found in tree");
|
|
8
|
+
|
|
9
|
+
exports.RichTextEditorProvider = RichTextEditorProvider;
|
|
10
|
+
exports.useRichTextEditorContext = useRichTextEditorContext;
|
|
11
|
+
//# sourceMappingURL=RichTextEditor.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\n\ninterface RichTextEditorContext {\n editor: Editor;\n labels: RichTextEditorLabels;\n withCodeHighlightStyles: boolean;\n withTypographyStyles: boolean;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var core = require('@mantine/core');
|
|
7
|
+
var RichTextEditor_context = require('./RichTextEditor.context.js');
|
|
8
|
+
var controls = require('./controls/controls.js');
|
|
9
|
+
var LinkControl = require('./controls/LinkControl/LinkControl.js');
|
|
10
|
+
var ColorPickerControl = require('./controls/ColorPickerControl/ColorPickerControl.js');
|
|
11
|
+
var ColorControl = require('./controls/ColorControl/ColorControl.js');
|
|
12
|
+
var Content = require('./Content/Content.js');
|
|
13
|
+
var Control = require('./controls/Control/Control.js');
|
|
14
|
+
var ControlsGroup = require('./controls/ControlsGroup/ControlsGroup.js');
|
|
15
|
+
var Toolbar = require('./Toolbar/Toolbar.js');
|
|
16
|
+
var labels = require('./labels.js');
|
|
17
|
+
var RichTextEditor_styles = require('./RichTextEditor.styles.js');
|
|
18
|
+
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
20
|
+
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
|
|
23
|
+
var __defProp = Object.defineProperty;
|
|
24
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
25
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
26
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
27
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
28
|
+
var __spreadValues = (a, b) => {
|
|
29
|
+
for (var prop in b || (b = {}))
|
|
30
|
+
if (__hasOwnProp.call(b, prop))
|
|
31
|
+
__defNormalProp(a, prop, b[prop]);
|
|
32
|
+
if (__getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
34
|
+
if (__propIsEnum.call(b, prop))
|
|
35
|
+
__defNormalProp(a, prop, b[prop]);
|
|
36
|
+
}
|
|
37
|
+
return a;
|
|
38
|
+
};
|
|
39
|
+
var __objRest = (source, exclude) => {
|
|
40
|
+
var target = {};
|
|
41
|
+
for (var prop in source)
|
|
42
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
43
|
+
target[prop] = source[prop];
|
|
44
|
+
if (source != null && __getOwnPropSymbols)
|
|
45
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
46
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
47
|
+
target[prop] = source[prop];
|
|
48
|
+
}
|
|
49
|
+
return target;
|
|
50
|
+
};
|
|
51
|
+
const defaultProps = {
|
|
52
|
+
withCodeHighlightStyles: true,
|
|
53
|
+
withTypographyStyles: true
|
|
54
|
+
};
|
|
55
|
+
function RichTextEditor(props) {
|
|
56
|
+
const _a = core.useComponentDefaultProps("RichTextEditor", defaultProps, props), {
|
|
57
|
+
editor,
|
|
58
|
+
children,
|
|
59
|
+
className,
|
|
60
|
+
labels: labels$1,
|
|
61
|
+
withCodeHighlightStyles,
|
|
62
|
+
withTypographyStyles,
|
|
63
|
+
classNames,
|
|
64
|
+
styles,
|
|
65
|
+
unstyled
|
|
66
|
+
} = _a, others = __objRest(_a, [
|
|
67
|
+
"editor",
|
|
68
|
+
"children",
|
|
69
|
+
"className",
|
|
70
|
+
"labels",
|
|
71
|
+
"withCodeHighlightStyles",
|
|
72
|
+
"withTypographyStyles",
|
|
73
|
+
"classNames",
|
|
74
|
+
"styles",
|
|
75
|
+
"unstyled"
|
|
76
|
+
]);
|
|
77
|
+
const { classes, cx } = RichTextEditor_styles['default'](null, { name: "RichTextEditor", classNames, styles, unstyled });
|
|
78
|
+
const mergedLabels = React.useMemo(() => __spreadValues(__spreadValues({}, labels.DEFAULT_LABELS), labels$1), [labels$1]);
|
|
79
|
+
return /* @__PURE__ */ React__default.createElement(core.StylesApiProvider, {
|
|
80
|
+
classNames,
|
|
81
|
+
styles,
|
|
82
|
+
unstyled
|
|
83
|
+
}, /* @__PURE__ */ React__default.createElement(RichTextEditor_context.RichTextEditorProvider, {
|
|
84
|
+
value: { editor, labels: mergedLabels, withCodeHighlightStyles, withTypographyStyles }
|
|
85
|
+
}, /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
|
|
86
|
+
className: cx(classes.root, className)
|
|
87
|
+
}, others), children)));
|
|
88
|
+
}
|
|
89
|
+
RichTextEditor.Content = Content.Content;
|
|
90
|
+
RichTextEditor.Control = Control.Control;
|
|
91
|
+
RichTextEditor.ControlsGroup = ControlsGroup.ControlsGroup;
|
|
92
|
+
RichTextEditor.Toolbar = Toolbar.Toolbar;
|
|
93
|
+
RichTextEditor.Bold = controls.BoldControl;
|
|
94
|
+
RichTextEditor.Italic = controls.ItalicControl;
|
|
95
|
+
RichTextEditor.Strikethrough = controls.StrikeThoughControl;
|
|
96
|
+
RichTextEditor.Underline = controls.UnderlineControl;
|
|
97
|
+
RichTextEditor.ClearFormatting = controls.ClearFormattingControl;
|
|
98
|
+
RichTextEditor.H1 = controls.H1Control;
|
|
99
|
+
RichTextEditor.H2 = controls.H2Control;
|
|
100
|
+
RichTextEditor.H3 = controls.H3Control;
|
|
101
|
+
RichTextEditor.H4 = controls.H4Control;
|
|
102
|
+
RichTextEditor.H5 = controls.H5Control;
|
|
103
|
+
RichTextEditor.H6 = controls.H6Control;
|
|
104
|
+
RichTextEditor.BulletList = controls.BulletListControl;
|
|
105
|
+
RichTextEditor.OrderedList = controls.OrderedListControl;
|
|
106
|
+
RichTextEditor.Link = LinkControl.LinkControl;
|
|
107
|
+
RichTextEditor.Unlink = controls.UnlinkControl;
|
|
108
|
+
RichTextEditor.Blockquote = controls.BlockquoteControl;
|
|
109
|
+
RichTextEditor.AlignLeft = controls.AlignLeftControl;
|
|
110
|
+
RichTextEditor.AlignRight = controls.AlignRightControl;
|
|
111
|
+
RichTextEditor.AlignCenter = controls.AlignCenterControl;
|
|
112
|
+
RichTextEditor.AlignJustify = controls.AlignJustifyControl;
|
|
113
|
+
RichTextEditor.Superscript = controls.SuperscriptControl;
|
|
114
|
+
RichTextEditor.Subscript = controls.SubscriptControl;
|
|
115
|
+
RichTextEditor.Code = controls.CodeControl;
|
|
116
|
+
RichTextEditor.CodeBlock = controls.CodeBlockControl;
|
|
117
|
+
RichTextEditor.ColorPicker = ColorPickerControl.ColorPickerControl;
|
|
118
|
+
RichTextEditor.Color = ColorControl.ColorControl;
|
|
119
|
+
RichTextEditor.Highlight = controls.HighlightControl;
|
|
120
|
+
RichTextEditor.Hr = controls.HrControl;
|
|
121
|
+
RichTextEditor.displayName = "@mantine/tiptap/RichTextEditor";
|
|
122
|
+
|
|
123
|
+
exports.RichTextEditor = RichTextEditor;
|
|
124
|
+
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useMemo } from 'react';\nimport {\n Box,\n useComponentDefaultProps,\n DefaultProps,\n Selectors,\n StylesApiProvider,\n} from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport * as controls from './controls';\nimport { Content, ContentStylesNames } from './Content/Content';\nimport { Control, ControlStylesNames } from './controls/Control/Control';\nimport { ControlsGroup, ControlsGroupStylesNames } from './controls/ControlsGroup/ControlsGroup';\nimport { Toolbar, ToolbarStylesNames } from './Toolbar/Toolbar';\nimport { LinkControlStylesNames } from './controls/LinkControl/LinkControl';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport useStyles from './RichTextEditor.styles';\n\nexport type RichTextEditorStylesNames =\n | Selectors<typeof useStyles>\n | ContentStylesNames\n | ControlStylesNames\n | ControlsGroupStylesNames\n | ToolbarStylesNames\n | LinkControlStylesNames;\n\nexport interface RichTextEditorProps\n extends DefaultProps<RichTextEditorStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Tiptap editor instance */\n editor: Editor;\n\n /** Determines whether code highlight styles should be added, true by default */\n withCodeHighlightStyles?: boolean;\n\n /** Determines whether typography styles should be added, true by default */\n withTypographyStyles?: boolean;\n\n /** Labels that are used in controls */\n labels?: Partial<RichTextEditorLabels>;\n\n /** Child editor components */\n children: React.ReactNode;\n}\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n withCodeHighlightStyles: true,\n withTypographyStyles: true,\n};\n\nexport function RichTextEditor(props: RichTextEditorProps) {\n const {\n editor,\n children,\n className,\n labels,\n withCodeHighlightStyles,\n withTypographyStyles,\n classNames,\n styles,\n unstyled,\n ...others\n } = useComponentDefaultProps('RichTextEditor', defaultProps, props);\n const { classes, cx } = useStyles(null, { name: 'RichTextEditor', classNames, styles, unstyled });\n const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n return (\n <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n <RichTextEditorProvider\n value={{ editor, labels: mergedLabels, withCodeHighlightStyles, withTypographyStyles }}\n >\n <Box className={cx(classes.root, className)} {...others}>\n {children}\n </Box>\n </RichTextEditorProvider>\n </StylesApiProvider>\n );\n}\n\n// Generic components\nRichTextEditor.Content = Content;\nRichTextEditor.Control = Control;\nRichTextEditor.ControlsGroup = ControlsGroup;\nRichTextEditor.Toolbar = Toolbar;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThoughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.LinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.ColorPickerControl;\nRichTextEditor.Color = controls.ColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\n\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n"],"names":["useComponentDefaultProps","labels","useStyles","useMemo","DEFAULT_LABELS","React","StylesApiProvider","RichTextEditorProvider","Box","Content","Control","ControlsGroup","Toolbar","controls.BoldControl","controls.ItalicControl","controls.StrikeThoughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.LinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.ColorPickerControl","controls.ColorControl","controls.HighlightControl","controls.HrControl"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
|
|
7
|
+
var useStyles = core.createStyles((theme) => ({
|
|
8
|
+
root: {
|
|
9
|
+
position: "relative",
|
|
10
|
+
border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
|
|
11
|
+
borderRadius: theme.fn.radius()
|
|
12
|
+
}
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
exports.default = useStyles;
|
|
16
|
+
//# sourceMappingURL=RichTextEditor.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n root: {\n position: 'relative',\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n borderRadius: theme.fn.radius(),\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var core = require('@mantine/core');
|
|
7
|
+
var Toolbar_styles = require('./Toolbar.styles.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
18
|
+
var __spreadValues = (a, b) => {
|
|
19
|
+
for (var prop in b || (b = {}))
|
|
20
|
+
if (__hasOwnProp.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
if (__getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
+
if (__propIsEnum.call(b, prop))
|
|
25
|
+
__defNormalProp(a, prop, b[prop]);
|
|
26
|
+
}
|
|
27
|
+
return a;
|
|
28
|
+
};
|
|
29
|
+
var __objRest = (source, exclude) => {
|
|
30
|
+
var target = {};
|
|
31
|
+
for (var prop in source)
|
|
32
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
if (source != null && __getOwnPropSymbols)
|
|
35
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
36
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
37
|
+
target[prop] = source[prop];
|
|
38
|
+
}
|
|
39
|
+
return target;
|
|
40
|
+
};
|
|
41
|
+
const defaultProps = {
|
|
42
|
+
stickyOffset: 0
|
|
43
|
+
};
|
|
44
|
+
const Toolbar = React.forwardRef((props, ref) => {
|
|
45
|
+
const _a = core.useComponentDefaultProps("RichTextEditor.Toolbar", defaultProps, props), { className, children, sticky, stickyOffset } = _a, others = __objRest(_a, ["className", "children", "sticky", "stickyOffset"]);
|
|
46
|
+
const { classNames, styles, unstyled } = core.useContextStylesApi();
|
|
47
|
+
const { classes, cx } = Toolbar_styles['default']({ sticky, stickyOffset }, { name: "RichTextEditor", classNames, styles, unstyled });
|
|
48
|
+
return /* @__PURE__ */ React__default.createElement(core.Group, __spreadValues({
|
|
49
|
+
className: cx(classes.toolbar, className),
|
|
50
|
+
ref
|
|
51
|
+
}, others), children);
|
|
52
|
+
});
|
|
53
|
+
Toolbar.displayName = "@mantine/tiptap/Toolbar";
|
|
54
|
+
|
|
55
|
+
exports.Toolbar = Toolbar;
|
|
56
|
+
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Group,\n DefaultProps,\n useComponentDefaultProps,\n Selectors,\n useContextStylesApi,\n} from '@mantine/core';\nimport useStyles from './Toolbar.styles';\n\nexport type ToolbarStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorToolbarProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Determines whether position: sticky styles should be added to the toolbar, false by default */\n sticky?: boolean;\n\n /** Sets top style to offset elements with fixed position, 0 by default */\n stickyOffset?: React.CSSProperties['top'];\n}\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {\n stickyOffset: 0,\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, RichTextEditorToolbarProps>((props, ref) => {\n const { className, children, sticky, stickyOffset, ...others } = useComponentDefaultProps(\n 'RichTextEditor.Toolbar',\n defaultProps,\n props\n );\n\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n { sticky, stickyOffset },\n { name: 'RichTextEditor', classNames, styles, unstyled }\n );\n\n return (\n <Group className={cx(classes.toolbar, className)} ref={ref} {...others}>\n {children}\n </Group>\n );\n});\n\nToolbar.displayName = '@mantine/tiptap/Toolbar';\n"],"names":["forwardRef","useComponentDefaultProps","useContextStylesApi","useStyles","React","Group"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
|
|
7
|
+
var useStyles = core.createStyles((theme, { sticky, stickyOffset }) => ({
|
|
8
|
+
toolbar: {
|
|
9
|
+
position: sticky ? "sticky" : "static",
|
|
10
|
+
top: sticky ? stickyOffset : void 0,
|
|
11
|
+
padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,
|
|
12
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
|
|
13
|
+
zIndex: 1,
|
|
14
|
+
borderTopRightRadius: theme.fn.radius(),
|
|
15
|
+
borderTopLeftRadius: theme.fn.radius(),
|
|
16
|
+
borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
|
|
17
|
+
}
|
|
18
|
+
}));
|
|
19
|
+
|
|
20
|
+
exports.default = useStyles;
|
|
21
|
+
//# sourceMappingURL=Toolbar.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport interface ToolbarStylesParams {\n sticky: boolean;\n stickyOffset: React.CSSProperties['top'];\n}\n\nexport default createStyles((theme, { sticky, stickyOffset }: ToolbarStylesParams) => ({\n toolbar: {\n position: sticky ? 'sticky' : 'static',\n top: sticky ? stickyOffset : undefined,\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n zIndex: 1,\n borderTopRightRadius: theme.fn.radius(),\n borderTopLeftRadius: theme.fn.radius(),\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;AAClE,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ;AAC1C,IAAI,GAAG,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;AACvC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1D,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC3C,IAAI,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC1C,IAAI,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3G,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var core = require('@mantine/core');
|
|
7
|
+
var Control = require('../Control/Control.js');
|
|
8
|
+
var RichTextEditor_context = require('../../RichTextEditor.context.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var __defProp = Object.defineProperty;
|
|
15
|
+
var __defProps = Object.defineProperties;
|
|
16
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
17
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
18
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
19
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
20
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
21
|
+
var __spreadValues = (a, b) => {
|
|
22
|
+
for (var prop in b || (b = {}))
|
|
23
|
+
if (__hasOwnProp.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
if (__getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
27
|
+
if (__propIsEnum.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
}
|
|
30
|
+
return a;
|
|
31
|
+
};
|
|
32
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
33
|
+
var __objRest = (source, exclude) => {
|
|
34
|
+
var target = {};
|
|
35
|
+
for (var prop in source)
|
|
36
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
37
|
+
target[prop] = source[prop];
|
|
38
|
+
if (source != null && __getOwnPropSymbols)
|
|
39
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
40
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
}
|
|
43
|
+
return target;
|
|
44
|
+
};
|
|
45
|
+
const defaultProps = {};
|
|
46
|
+
const ColorControl = React.forwardRef((props, ref) => {
|
|
47
|
+
const _a = core.useComponentDefaultProps("RichTextEditor.ColorControl", defaultProps, props), { color } = _a, others = __objRest(_a, ["color"]);
|
|
48
|
+
const { unstyled } = core.useContextStylesApi();
|
|
49
|
+
const { editor, labels } = RichTextEditor_context.useRichTextEditorContext();
|
|
50
|
+
const currentColor = (editor == null ? void 0 : editor.getAttributes("textStyle").color) || null;
|
|
51
|
+
const label = labels.colorControlLabel(color);
|
|
52
|
+
return /* @__PURE__ */ React__default.createElement(Control.Control, __spreadProps(__spreadValues({
|
|
53
|
+
active: currentColor === color,
|
|
54
|
+
"aria-label": label,
|
|
55
|
+
title: label,
|
|
56
|
+
onClick: () => editor.chain().focus().setColor(color).run()
|
|
57
|
+
}, others), {
|
|
58
|
+
ref
|
|
59
|
+
}), /* @__PURE__ */ React__default.createElement(core.ColorSwatch, {
|
|
60
|
+
color,
|
|
61
|
+
size: 14,
|
|
62
|
+
unstyled
|
|
63
|
+
}));
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
exports.ColorControl = ColorControl;
|
|
67
|
+
//# sourceMappingURL=ColorControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorControl.js","sources":["../../../src/controls/ColorControl/ColorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n ColorSwatch,\n DefaultProps,\n useComponentDefaultProps,\n useContextStylesApi,\n} from '@mantine/core';\nimport { Control } from '../Control/Control';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\n\nexport interface RichTextEditorColorControlProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'button'> {\n /** Color that will be set as text color, for example #ef457e */\n color: string;\n}\n\nconst defaultProps: Partial<RichTextEditorColorControlProps> = {};\n\nexport const ColorControl = forwardRef<HTMLButtonElement, RichTextEditorColorControlProps>(\n (props, ref) => {\n const { color, ...others } = useComponentDefaultProps(\n 'RichTextEditor.ColorControl',\n defaultProps,\n props\n );\n const { unstyled } = useContextStylesApi();\n const { editor, labels } = useRichTextEditorContext();\n const currentColor = editor?.getAttributes('textStyle').color || null;\n const label = labels.colorControlLabel(color);\n\n return (\n <Control\n active={currentColor === color}\n aria-label={label}\n title={label}\n onClick={() => (editor.chain() as any).focus().setColor(color).run()}\n {...others}\n ref={ref}\n >\n <ColorSwatch color={color} size={14} unstyled={unstyled} />\n </Control>\n );\n }\n);\n"],"names":["forwardRef","useComponentDefaultProps","useContextStylesApi","useRichTextEditorContext","React","Control","ColorSwatch"],"mappings":"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"}
|