@mantine/tiptap 6.0.18 → 7.0.0-beta.0
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/cjs/RichTextEditor.context.js +2 -2
- package/cjs/RichTextEditor.context.js.map +1 -1
- package/cjs/RichTextEditor.js +57 -52
- package/cjs/RichTextEditor.js.map +1 -1
- package/cjs/RichTextEditor.module.css.js +8 -0
- package/cjs/RichTextEditor.module.css.js.map +1 -0
- package/cjs/RichTextEditorContent/RichTextEditorContent.js +78 -0
- package/cjs/RichTextEditorContent/RichTextEditorContent.js.map +1 -0
- package/cjs/{controls/ColorControl/ColorControl.js → RichTextEditorControl/RichTextEditorColorControl.js} +18 -19
- package/cjs/RichTextEditorControl/RichTextEditorColorControl.js.map +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js +145 -0
- package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js.map +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorControl.js +94 -0
- package/cjs/RichTextEditorControl/RichTextEditorControl.js.map +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js +187 -0
- package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js.map +1 -0
- package/cjs/{controls → RichTextEditorControl}/controls.js +53 -105
- package/cjs/RichTextEditorControl/controls.js.map +1 -0
- package/cjs/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js} +19 -22
- package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map +1 -0
- package/cjs/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js} +21 -26
- package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -0
- package/cjs/index.css +326 -0
- package/cjs/index.js +40 -0
- package/cjs/index.js.map +1 -1
- package/cjs/labels.js +3 -0
- package/cjs/labels.js.map +1 -1
- package/esm/RichTextEditor.context.js +2 -2
- package/esm/RichTextEditor.context.js.map +1 -1
- package/esm/RichTextEditor.js +59 -54
- package/esm/RichTextEditor.js.map +1 -1
- package/esm/RichTextEditor.module.css.js +4 -0
- package/esm/RichTextEditor.module.css.js.map +1 -0
- package/esm/RichTextEditorContent/RichTextEditorContent.js +70 -0
- package/esm/RichTextEditorContent/RichTextEditorContent.js.map +1 -0
- package/esm/{controls/ColorControl/ColorControl.js → RichTextEditorControl/RichTextEditorColorControl.js} +19 -20
- package/esm/RichTextEditorControl/RichTextEditorColorControl.js.map +1 -0
- package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js +137 -0
- package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js.map +1 -0
- package/esm/RichTextEditorControl/RichTextEditorControl.js +84 -0
- package/esm/RichTextEditorControl/RichTextEditorControl.js.map +1 -0
- package/esm/RichTextEditorControl/RichTextEditorLinkControl.js +179 -0
- package/esm/RichTextEditorControl/RichTextEditorLinkControl.js.map +1 -0
- package/esm/{controls → RichTextEditorControl}/controls.js +27 -79
- package/esm/RichTextEditorControl/controls.js.map +1 -0
- package/esm/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js} +21 -24
- package/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map +1 -0
- package/esm/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js} +23 -28
- package/esm/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -0
- package/esm/index.css +326 -0
- package/esm/index.js +8 -0
- package/esm/index.js.map +1 -1
- package/esm/labels.js +3 -0
- package/esm/labels.js.map +1 -1
- package/lib/RichTextEditor.context.d.ts +8 -10
- package/lib/RichTextEditor.context.d.ts.map +1 -1
- package/lib/RichTextEditor.d.ts +89 -50
- package/lib/RichTextEditor.d.ts.map +1 -1
- package/lib/RichTextEditorContent/RichTextEditorContent.d.ts +17 -0
- package/lib/RichTextEditorContent/RichTextEditorContent.d.ts.map +1 -0
- package/lib/RichTextEditorControl/RichTextEditorColorControl.d.ts +8 -0
- package/lib/RichTextEditorControl/RichTextEditorColorControl.d.ts.map +1 -0
- package/lib/RichTextEditorControl/RichTextEditorColorPickerControl.d.ts +12 -0
- package/lib/RichTextEditorControl/RichTextEditorColorPickerControl.d.ts.map +1 -0
- package/lib/RichTextEditorControl/RichTextEditorControl.d.ts +44 -0
- package/lib/RichTextEditorControl/RichTextEditorControl.d.ts.map +1 -0
- package/lib/RichTextEditorControl/RichTextEditorLinkControl.d.ts +24 -0
- package/lib/RichTextEditorControl/RichTextEditorLinkControl.d.ts.map +1 -0
- package/lib/RichTextEditorControl/controls.d.ts +28 -0
- package/lib/RichTextEditorControl/controls.d.ts.map +1 -0
- package/lib/RichTextEditorControl/index.d.ts +5 -0
- package/lib/RichTextEditorControl/index.d.ts.map +1 -0
- package/lib/RichTextEditorControlsGroup/RichTextEditorControlsGroup.d.ts +17 -0
- package/lib/RichTextEditorControlsGroup/RichTextEditorControlsGroup.d.ts.map +1 -0
- package/lib/RichTextEditorToolbar/RichTextEditorToolbar.d.ts +22 -0
- package/lib/RichTextEditorToolbar/RichTextEditorToolbar.d.ts.map +1 -0
- package/lib/index.d.ts +11 -7
- package/lib/index.d.ts.map +1 -1
- package/package.json +21 -14
- package/cjs/Content/Content.js.map +0 -1
- package/cjs/Content/Content.styles.js +0 -114
- package/cjs/Content/Content.styles.js.map +0 -1
- package/cjs/RichTextEditor.styles.js +0 -16
- package/cjs/RichTextEditor.styles.js.map +0 -1
- package/cjs/Toolbar/Toolbar.js.map +0 -1
- package/cjs/Toolbar/Toolbar.styles.js +0 -21
- package/cjs/Toolbar/Toolbar.styles.js.map +0 -1
- package/cjs/controls/ColorControl/ColorControl.js.map +0 -1
- package/cjs/controls/ColorPickerControl/ColorPickerControl.js +0 -158
- package/cjs/controls/ColorPickerControl/ColorPickerControl.js.map +0 -1
- package/cjs/controls/Control/Control.js +0 -70
- package/cjs/controls/Control/Control.js.map +0 -1
- package/cjs/controls/Control/Control.styles.js +0 -51
- package/cjs/controls/Control/Control.styles.js.map +0 -1
- package/cjs/controls/ControlBase/ControlBase.js +0 -52
- package/cjs/controls/ControlBase/ControlBase.js.map +0 -1
- package/cjs/controls/ControlBase/create-control.js +0 -45
- package/cjs/controls/ControlBase/create-control.js.map +0 -1
- package/cjs/controls/ControlsGroup/ControlsGroup.js +0 -60
- package/cjs/controls/ControlsGroup/ControlsGroup.js.map +0 -1
- package/cjs/controls/ControlsGroup/ControlsGroup.styles.js +0 -28
- package/cjs/controls/ControlsGroup/ControlsGroup.styles.js.map +0 -1
- package/cjs/controls/LinkControl/LinkControl.js +0 -152
- package/cjs/controls/LinkControl/LinkControl.js.map +0 -1
- package/cjs/controls/LinkControl/LinkControl.styles.js +0 -57
- package/cjs/controls/LinkControl/LinkControl.styles.js.map +0 -1
- package/cjs/controls/controls.js.map +0 -1
- package/esm/Content/Content.js.map +0 -1
- package/esm/Content/Content.styles.js +0 -110
- package/esm/Content/Content.styles.js.map +0 -1
- package/esm/RichTextEditor.styles.js +0 -12
- package/esm/RichTextEditor.styles.js.map +0 -1
- package/esm/Toolbar/Toolbar.js.map +0 -1
- package/esm/Toolbar/Toolbar.styles.js +0 -17
- package/esm/Toolbar/Toolbar.styles.js.map +0 -1
- package/esm/controls/ColorControl/ColorControl.js.map +0 -1
- package/esm/controls/ColorPickerControl/ColorPickerControl.js +0 -150
- package/esm/controls/ColorPickerControl/ColorPickerControl.js.map +0 -1
- package/esm/controls/Control/Control.js +0 -62
- package/esm/controls/Control/Control.js.map +0 -1
- package/esm/controls/Control/Control.styles.js +0 -47
- package/esm/controls/Control/Control.styles.js.map +0 -1
- package/esm/controls/ControlBase/ControlBase.js +0 -44
- package/esm/controls/ControlBase/ControlBase.js.map +0 -1
- package/esm/controls/ControlBase/create-control.js +0 -37
- package/esm/controls/ControlBase/create-control.js.map +0 -1
- package/esm/controls/ControlsGroup/ControlsGroup.js +0 -52
- package/esm/controls/ControlsGroup/ControlsGroup.js.map +0 -1
- package/esm/controls/ControlsGroup/ControlsGroup.styles.js +0 -24
- package/esm/controls/ControlsGroup/ControlsGroup.styles.js.map +0 -1
- package/esm/controls/LinkControl/LinkControl.js +0 -144
- package/esm/controls/LinkControl/LinkControl.js.map +0 -1
- package/esm/controls/LinkControl/LinkControl.styles.js +0 -53
- package/esm/controls/LinkControl/LinkControl.styles.js.map +0 -1
- package/esm/controls/controls.js.map +0 -1
- package/lib/Content/Content.d.ts +0 -8
- package/lib/Content/Content.d.ts.map +0 -1
- package/lib/Content/Content.styles.d.ts +0 -15
- package/lib/Content/Content.styles.d.ts.map +0 -1
- package/lib/RichTextEditor.styles.d.ts +0 -9
- package/lib/RichTextEditor.styles.d.ts.map +0 -1
- package/lib/Toolbar/Toolbar.d.ts +0 -12
- package/lib/Toolbar/Toolbar.d.ts.map +0 -1
- package/lib/Toolbar/Toolbar.styles.d.ts +0 -14
- package/lib/Toolbar/Toolbar.styles.d.ts.map +0 -1
- package/lib/controls/ColorControl/ColorControl.d.ts +0 -8
- package/lib/controls/ColorControl/ColorControl.d.ts.map +0 -1
- package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts +0 -12
- package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts.map +0 -1
- package/lib/controls/Control/Control.d.ts +0 -18
- package/lib/controls/Control/Control.d.ts.map +0 -1
- package/lib/controls/Control/Control.styles.d.ts +0 -9
- package/lib/controls/Control/Control.styles.d.ts.map +0 -1
- package/lib/controls/ControlBase/ControlBase.d.ts +0 -9
- package/lib/controls/ControlBase/ControlBase.d.ts.map +0 -1
- package/lib/controls/ControlBase/create-control.d.ts +0 -20
- package/lib/controls/ControlBase/create-control.d.ts.map +0 -1
- package/lib/controls/ControlsGroup/ControlsGroup.d.ts +0 -8
- package/lib/controls/ControlsGroup/ControlsGroup.d.ts.map +0 -1
- package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts +0 -9
- package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts.map +0 -1
- package/lib/controls/LinkControl/LinkControl.d.ts +0 -15
- package/lib/controls/LinkControl/LinkControl.d.ts.map +0 -1
- package/lib/controls/LinkControl/LinkControl.styles.d.ts +0 -12
- package/lib/controls/LinkControl/LinkControl.styles.d.ts.map +0 -1
- package/lib/controls/controls.d.ts +0 -28
- package/lib/controls/controls.d.ts.map +0 -1
- package/lib/controls/index.d.ts +0 -5
- package/lib/controls/index.d.ts.map +0 -1
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var RichTextEditor_context = require('../../RichTextEditor.context.js');
|
|
7
|
-
var ControlBase = require('./ControlBase.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
|
-
function createControl({ label, isActive, operation, icon }) {
|
|
30
|
-
return React.forwardRef((props, ref) => {
|
|
31
|
-
const { editor, labels } = RichTextEditor_context.useRichTextEditorContext();
|
|
32
|
-
const _label = labels[label];
|
|
33
|
-
return /* @__PURE__ */ React__default.createElement(ControlBase.ControlBase, __spreadValues({
|
|
34
|
-
"aria-label": _label,
|
|
35
|
-
title: _label,
|
|
36
|
-
active: (isActive == null ? void 0 : isActive.name) ? editor == null ? void 0 : editor.isActive(isActive.name, isActive.attributes) : false,
|
|
37
|
-
ref,
|
|
38
|
-
onClick: () => editor == null ? void 0 : editor.chain().focus()[operation.name](operation.attributes).run(),
|
|
39
|
-
icon
|
|
40
|
-
}, props));
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
exports.createControl = createControl;
|
|
45
|
-
//# sourceMappingURL=create-control.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"create-control.js","sources":["../../../src/controls/ControlBase/create-control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport { RichTextEditorLabels } from '../../labels';\nimport { PremadeControlProps } from '../Control/Control';\nimport { ControlBase } from './ControlBase';\n\ninterface CreateControlProps {\n label: keyof RichTextEditorLabels;\n icon: React.FC<{ size: number }>;\n isActive?: { name: string; attributes?: Record<string, any> | string };\n operation: { name: string; attributes?: Record<string, any> | string };\n}\n\nexport function createControl({ label, isActive, operation, icon }: CreateControlProps) {\n return forwardRef<HTMLButtonElement, PremadeControlProps>((props, ref) => {\n const { editor, labels } = useRichTextEditorContext();\n const _label = labels[label] as string;\n return (\n <ControlBase\n aria-label={_label}\n title={_label}\n active={isActive?.name ? editor?.isActive(isActive.name, isActive.attributes) : false}\n ref={ref}\n onClick={() => editor?.chain().focus()[operation.name](operation.attributes).run()}\n icon={icon}\n {...props}\n />\n );\n });\n}\n"],"names":["forwardRef","useRichTextEditorContext","React","ControlBase"],"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;AAIK,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;AACpE,EAAE,OAAOA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpC,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAC1D,IAAI,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,IAAI,uBAAuBC,cAAK,CAAC,aAAa,CAACC,uBAAW,EAAE,cAAc,CAAC;AAC3E,MAAM,YAAY,EAAE,MAAM;AAC1B,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,MAAM,EAAE,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,KAAK;AACjJ,MAAM,GAAG;AACT,MAAM,OAAO,EAAE,MAAM,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE;AACjH,MAAM,IAAI;AACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;AACf,GAAG,CAAC,CAAC;AACL;;;;"}
|
|
@@ -1,60 +0,0 @@
|
|
|
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 ControlsGroup_styles = require('./ControlsGroup.styles.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 __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
19
|
-
var __spreadValues = (a, b) => {
|
|
20
|
-
for (var prop in b || (b = {}))
|
|
21
|
-
if (__hasOwnProp.call(b, prop))
|
|
22
|
-
__defNormalProp(a, prop, b[prop]);
|
|
23
|
-
if (__getOwnPropSymbols)
|
|
24
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
-
if (__propIsEnum.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
}
|
|
28
|
-
return a;
|
|
29
|
-
};
|
|
30
|
-
var __objRest = (source, exclude) => {
|
|
31
|
-
var target = {};
|
|
32
|
-
for (var prop in source)
|
|
33
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
34
|
-
target[prop] = source[prop];
|
|
35
|
-
if (source != null && __getOwnPropSymbols)
|
|
36
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
37
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
38
|
-
target[prop] = source[prop];
|
|
39
|
-
}
|
|
40
|
-
return target;
|
|
41
|
-
};
|
|
42
|
-
const defaultProps = {};
|
|
43
|
-
const ControlsGroup = React.forwardRef((props, ref) => {
|
|
44
|
-
const _a = core.useComponentDefaultProps("RichTextEditorControlsGroup", defaultProps, props), { className, children } = _a, others = __objRest(_a, ["className", "children"]);
|
|
45
|
-
const { classNames, styles, unstyled } = RichTextEditor_context.useRichTextEditorContext();
|
|
46
|
-
const { classes, cx } = ControlsGroup_styles['default'](null, {
|
|
47
|
-
name: "RichTextEditor",
|
|
48
|
-
classNames,
|
|
49
|
-
styles,
|
|
50
|
-
unstyled
|
|
51
|
-
});
|
|
52
|
-
return /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
|
|
53
|
-
className: cx(classes.controlsGroup, className),
|
|
54
|
-
ref
|
|
55
|
-
}, others), children);
|
|
56
|
-
});
|
|
57
|
-
ControlsGroup.displayName = "@mantine/tiptap/ControlsGroup";
|
|
58
|
-
|
|
59
|
-
exports.ControlsGroup = ControlsGroup;
|
|
60
|
-
//# sourceMappingURL=ControlsGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ControlsGroup.js","sources":["../../../src/controls/ControlsGroup/ControlsGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Box, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './ControlsGroup.styles';\n\nexport type ControlsGroupStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorControlsGroupProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorControlsGroupProps> = {};\n\nexport const ControlsGroup = forwardRef<HTMLDivElement, RichTextEditorControlsGroupProps>(\n (props, ref) => {\n const { className, children, ...others } = useComponentDefaultProps(\n 'RichTextEditorControlsGroup',\n defaultProps,\n props\n );\n\n const { classNames, styles, unstyled } = useRichTextEditorContext();\n const { classes, cx } = useStyles(null, {\n name: 'RichTextEditor',\n classNames,\n styles,\n unstyled,\n });\n\n return (\n <Box className={cx(classes.controlsGroup, className)} ref={ref} {...others}>\n {children}\n </Box>\n );\n }\n);\n\nControlsGroup.displayName = '@mantine/tiptap/ControlsGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","Box"],"mappings":"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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
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
|
-
controlsGroup: {
|
|
9
|
-
display: "flex",
|
|
10
|
-
"& [data-rich-text-editor-control]": {
|
|
11
|
-
borderRadius: 0,
|
|
12
|
-
"&:not(:last-of-type)": {
|
|
13
|
-
borderRight: 0
|
|
14
|
-
},
|
|
15
|
-
"&:last-of-type": {
|
|
16
|
-
borderTopRightRadius: theme.fn.radius(),
|
|
17
|
-
borderBottomRightRadius: theme.fn.radius()
|
|
18
|
-
},
|
|
19
|
-
"&:first-of-type": {
|
|
20
|
-
borderTopLeftRadius: theme.fn.radius(),
|
|
21
|
-
borderBottomLeftRadius: theme.fn.radius()
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}));
|
|
26
|
-
|
|
27
|
-
exports.default = useStyles;
|
|
28
|
-
//# sourceMappingURL=ControlsGroup.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ControlsGroup.styles.js","sources":["../../../src/controls/ControlsGroup/ControlsGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n controlsGroup: {\n display: 'flex',\n\n '& [data-rich-text-editor-control]': {\n borderRadius: 0,\n\n '&:not(:last-of-type)': {\n borderRight: 0,\n },\n\n '&:last-of-type': {\n borderTopRightRadius: theme.fn.radius(),\n borderBottomRightRadius: theme.fn.radius(),\n },\n\n '&:first-of-type': {\n borderTopLeftRadius: theme.fn.radius(),\n borderBottomLeftRadius: theme.fn.radius(),\n },\n },\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,mCAAmC,EAAE;AACzC,MAAM,YAAY,EAAE,CAAC;AACrB,MAAM,sBAAsB,EAAE;AAC9B,QAAQ,WAAW,EAAE,CAAC;AACtB,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC/C,QAAQ,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAClD,OAAO;AACP,MAAM,iBAAiB,EAAE;AACzB,QAAQ,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC9C,QAAQ,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACjD,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var iconsReact = require('@tabler/icons-react');
|
|
7
|
-
var core = require('@mantine/core');
|
|
8
|
-
var hooks = require('@mantine/hooks');
|
|
9
|
-
var ControlBase = require('../ControlBase/ControlBase.js');
|
|
10
|
-
var RichTextEditor_context = require('../../RichTextEditor.context.js');
|
|
11
|
-
var LinkControl_styles = require('./LinkControl.styles.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
|
|
17
|
-
var __defProp = Object.defineProperty;
|
|
18
|
-
var __defProps = Object.defineProperties;
|
|
19
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
20
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
21
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
22
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
23
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
24
|
-
var __spreadValues = (a, b) => {
|
|
25
|
-
for (var prop in b || (b = {}))
|
|
26
|
-
if (__hasOwnProp.call(b, prop))
|
|
27
|
-
__defNormalProp(a, prop, b[prop]);
|
|
28
|
-
if (__getOwnPropSymbols)
|
|
29
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
30
|
-
if (__propIsEnum.call(b, prop))
|
|
31
|
-
__defNormalProp(a, prop, b[prop]);
|
|
32
|
-
}
|
|
33
|
-
return a;
|
|
34
|
-
};
|
|
35
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
36
|
-
var __objRest = (source, exclude) => {
|
|
37
|
-
var target = {};
|
|
38
|
-
for (var prop in source)
|
|
39
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
-
target[prop] = source[prop];
|
|
41
|
-
if (source != null && __getOwnPropSymbols)
|
|
42
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
-
target[prop] = source[prop];
|
|
45
|
-
}
|
|
46
|
-
return target;
|
|
47
|
-
};
|
|
48
|
-
const LinkIcon = (_a) => {
|
|
49
|
-
var _b = _a, { size } = _b, others = __objRest(_b, ["size"]);
|
|
50
|
-
return /* @__PURE__ */ React__default.createElement(iconsReact.IconLink, __spreadValues({
|
|
51
|
-
size,
|
|
52
|
-
stroke: 1.5
|
|
53
|
-
}, others));
|
|
54
|
-
};
|
|
55
|
-
const defaultProps = {
|
|
56
|
-
initialExternal: false
|
|
57
|
-
};
|
|
58
|
-
const LinkControl = React.forwardRef((props, ref) => {
|
|
59
|
-
const _a = core.useComponentDefaultProps("RichTextEditorLinkControl", defaultProps, props), { icon, popoverProps, disableTooltips, initialExternal } = _a, others = __objRest(_a, ["icon", "popoverProps", "disableTooltips", "initialExternal"]);
|
|
60
|
-
const { editor, labels, classNames, styles, unstyled, variant } = RichTextEditor_context.useRichTextEditorContext();
|
|
61
|
-
const { classes } = LinkControl_styles['default'](null, {
|
|
62
|
-
name: "RichTextEditor",
|
|
63
|
-
classNames,
|
|
64
|
-
styles,
|
|
65
|
-
unstyled,
|
|
66
|
-
variant
|
|
67
|
-
});
|
|
68
|
-
const [url, setUrl] = hooks.useInputState("");
|
|
69
|
-
const [external, setExternal] = React.useState(initialExternal);
|
|
70
|
-
const [opened, { open, close }] = hooks.useDisclosure(false);
|
|
71
|
-
const handleOpen = () => {
|
|
72
|
-
open();
|
|
73
|
-
const linkData = editor == null ? void 0 : editor.getAttributes("link");
|
|
74
|
-
setUrl((linkData == null ? void 0 : linkData.href) || "");
|
|
75
|
-
setExternal((linkData == null ? void 0 : linkData.target) === "_blank");
|
|
76
|
-
};
|
|
77
|
-
const handleClose = () => {
|
|
78
|
-
close();
|
|
79
|
-
setUrl("");
|
|
80
|
-
setExternal(initialExternal);
|
|
81
|
-
};
|
|
82
|
-
const setLink = () => {
|
|
83
|
-
handleClose();
|
|
84
|
-
url === "" ? editor.chain().focus().extendMarkRange("link").unsetLink().run() : editor.chain().focus().extendMarkRange("link").setLink({ href: url, target: external ? "_blank" : null }).run();
|
|
85
|
-
};
|
|
86
|
-
const handleInputKeydown = (event) => {
|
|
87
|
-
if (event.key === "Enter") {
|
|
88
|
-
event.preventDefault();
|
|
89
|
-
setLink();
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
hooks.useWindowEvent("edit-link", handleOpen, false);
|
|
93
|
-
return /* @__PURE__ */ React__default.createElement(core.Popover, __spreadValues({
|
|
94
|
-
trapFocus: true,
|
|
95
|
-
shadow: "md",
|
|
96
|
-
withinPortal: true,
|
|
97
|
-
opened,
|
|
98
|
-
onClose: handleClose,
|
|
99
|
-
offset: -44,
|
|
100
|
-
zIndex: 1e4,
|
|
101
|
-
unstyled
|
|
102
|
-
}, popoverProps), /* @__PURE__ */ React__default.createElement(core.Popover.Target, null, /* @__PURE__ */ React__default.createElement(ControlBase.ControlBase, __spreadProps(__spreadValues({
|
|
103
|
-
icon: icon || LinkIcon,
|
|
104
|
-
"aria-label": labels.linkControlLabel,
|
|
105
|
-
title: labels.linkControlLabel,
|
|
106
|
-
onClick: handleOpen,
|
|
107
|
-
active: editor == null ? void 0 : editor.isActive("link"),
|
|
108
|
-
unstyled
|
|
109
|
-
}, others), {
|
|
110
|
-
ref
|
|
111
|
-
}))), /* @__PURE__ */ React__default.createElement(core.Popover.Dropdown, {
|
|
112
|
-
sx: (theme) => ({
|
|
113
|
-
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
|
|
114
|
-
})
|
|
115
|
-
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
116
|
-
className: classes.linkEditor
|
|
117
|
-
}, /* @__PURE__ */ React__default.createElement(core.TextInput, {
|
|
118
|
-
placeholder: labels.linkEditorInputPlaceholder,
|
|
119
|
-
"aria-label": labels.linkEditorInputLabel,
|
|
120
|
-
type: "url",
|
|
121
|
-
value: url,
|
|
122
|
-
onChange: setUrl,
|
|
123
|
-
classNames: { input: classes.linkEditorInput },
|
|
124
|
-
onKeyDown: handleInputKeydown,
|
|
125
|
-
unstyled,
|
|
126
|
-
rightSection: /* @__PURE__ */ React__default.createElement(core.Tooltip, {
|
|
127
|
-
label: external ? labels.linkEditorExternalLink : labels.linkEditorInternalLink,
|
|
128
|
-
events: { hover: true, focus: true, touch: true },
|
|
129
|
-
withinPortal: true,
|
|
130
|
-
withArrow: true,
|
|
131
|
-
disabled: disableTooltips,
|
|
132
|
-
unstyled,
|
|
133
|
-
zIndex: 1e4
|
|
134
|
-
}, /* @__PURE__ */ React__default.createElement(core.UnstyledButton, {
|
|
135
|
-
onClick: () => setExternal((e) => !e),
|
|
136
|
-
"data-active": external || void 0,
|
|
137
|
-
className: classes.linkEditorExternalControl,
|
|
138
|
-
unstyled
|
|
139
|
-
}, /* @__PURE__ */ React__default.createElement(iconsReact.IconExternalLink, {
|
|
140
|
-
size: core.rem(14),
|
|
141
|
-
stroke: 1.5
|
|
142
|
-
})))
|
|
143
|
-
}), /* @__PURE__ */ React__default.createElement(core.Button, {
|
|
144
|
-
variant: "default",
|
|
145
|
-
onClick: setLink,
|
|
146
|
-
className: classes.linkEditorSave,
|
|
147
|
-
unstyled
|
|
148
|
-
}, labels.linkEditorSave))));
|
|
149
|
-
});
|
|
150
|
-
|
|
151
|
-
exports.LinkControl = LinkControl;
|
|
152
|
-
//# sourceMappingURL=LinkControl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LinkControl.js","sources":["../../../src/controls/LinkControl/LinkControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconLink, IconExternalLink } from '@tabler/icons-react';\nimport {\n Popover,\n TextInput,\n Button,\n UnstyledButton,\n Tooltip,\n PopoverProps,\n Selectors,\n useComponentDefaultProps,\n rem,\n} from '@mantine/core';\nimport { useDisclosure, useInputState, useWindowEvent } from '@mantine/hooks';\nimport { ControlBase, RichTextEditorControlBaseProps } from '../ControlBase/ControlBase';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './LinkControl.styles';\n\nexport type LinkControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorLinkControlProps extends Partial<RichTextEditorControlBaseProps> {\n /** Props added to Popover component */\n popoverProps?: Partial<PopoverProps>;\n\n /** Determines whether external link control tooltip should be disabled */\n disableTooltips?: boolean;\n\n /** Initial state for determining if the link should be an external link */\n initialExternal?: boolean;\n}\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = ({ size, ...others }) => (\n <IconLink size={size} stroke={1.5} {...others} />\n);\n\nconst defaultProps: Partial<RichTextEditorLinkControlProps> = {\n initialExternal: false,\n};\n\nexport const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkControlProps>(\n (props, ref) => {\n const { icon, popoverProps, disableTooltips, initialExternal, ...others } =\n useComponentDefaultProps('RichTextEditorLinkControl', defaultProps, props);\n\n const { editor, labels, classNames, styles, unstyled, variant } = useRichTextEditorContext();\n const { classes } = useStyles(null, {\n name: 'RichTextEditor',\n classNames,\n styles,\n unstyled,\n variant,\n });\n\n const [url, setUrl] = useInputState('');\n const [external, setExternal] = useState(initialExternal);\n const [opened, { open, close }] = useDisclosure(false);\n\n const handleOpen = () => {\n open();\n const linkData = editor?.getAttributes('link');\n setUrl(linkData?.href || '');\n setExternal(linkData?.target === '_blank');\n };\n\n const handleClose = () => {\n close();\n setUrl('');\n setExternal(initialExternal);\n };\n\n const setLink = () => {\n handleClose();\n url === ''\n ? editor.chain().focus().extendMarkRange('link').unsetLink().run()\n : editor\n .chain()\n .focus()\n .extendMarkRange('link')\n .setLink({ href: url, target: external ? '_blank' : null })\n .run();\n };\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n setLink();\n }\n };\n\n useWindowEvent('edit-link', handleOpen, false);\n\n return (\n <Popover\n trapFocus\n shadow=\"md\"\n withinPortal\n opened={opened}\n onClose={handleClose}\n offset={-44}\n zIndex={10000}\n unstyled={unstyled}\n {...popoverProps}\n >\n <Popover.Target>\n <ControlBase\n icon={icon || LinkIcon}\n aria-label={labels.linkControlLabel}\n title={labels.linkControlLabel}\n onClick={handleOpen}\n active={editor?.isActive('link')}\n unstyled={unstyled}\n {...others}\n ref={ref}\n />\n </Popover.Target>\n\n <Popover.Dropdown\n sx={(theme) => ({\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n })}\n >\n <div className={classes.linkEditor}>\n <TextInput\n placeholder={labels.linkEditorInputPlaceholder}\n aria-label={labels.linkEditorInputLabel}\n type=\"url\"\n value={url}\n onChange={setUrl}\n classNames={{ input: classes.linkEditorInput }}\n onKeyDown={handleInputKeydown}\n unstyled={unstyled}\n rightSection={\n <Tooltip\n label={external ? labels.linkEditorExternalLink : labels.linkEditorInternalLink}\n events={{ hover: true, focus: true, touch: true }}\n withinPortal\n withArrow\n disabled={disableTooltips}\n unstyled={unstyled}\n zIndex={10000}\n >\n <UnstyledButton\n onClick={() => setExternal((e) => !e)}\n data-active={external || undefined}\n className={classes.linkEditorExternalControl}\n unstyled={unstyled}\n >\n <IconExternalLink size={rem(14)} stroke={1.5} />\n </UnstyledButton>\n </Tooltip>\n }\n />\n\n <Button\n variant=\"default\"\n onClick={setLink}\n className={classes.linkEditorSave}\n unstyled={unstyled}\n >\n {labels.linkEditorSave}\n </Button>\n </div>\n </Popover.Dropdown>\n </Popover>\n );\n }\n);\n"],"names":["React","IconLink","forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","useInputState","useState","useDisclosure","useWindowEvent","Popover","ControlBase","TextInput","Tooltip","UnstyledButton","IconExternalLink","rem","Button"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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;AAgBF,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK;AACzB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/D,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAACC,mBAAQ,EAAE,cAAc,CAAC;AACtE,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,GAAG;AACf,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,CAAC;AACF,MAAM,YAAY,GAAG;AACrB,EAAE,eAAe,EAAE,KAAK;AACxB,CAAC,CAAC;AACU,MAAC,WAAW,GAAGC,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,6BAAwB,CAAC,2BAA2B,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC/O,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAC/F,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGC,6BAAS,CAAC,IAAI,EAAE;AACtC,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAGC,mBAAa,CAAC,EAAE,CAAC,CAAC;AAC1C,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,eAAe,CAAC,CAAC;AAC5D,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAGC,mBAAa,CAAC,KAAK,CAAC,CAAC;AACzD,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,QAAQ,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC5E,IAAI,MAAM,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;AAC9D,IAAI,WAAW,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,MAAM,QAAQ,CAAC,CAAC;AAC5E,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC;AACf,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM;AACxB,IAAI,WAAW,EAAE,CAAC;AAClB,IAAI,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AACpM,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACxC,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AAC/B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,oBAAc,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AACjD,EAAE,uBAAuBT,cAAK,CAAC,aAAa,CAACU,YAAO,EAAE,cAAc,CAAC;AACrE,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,MAAM;AACV,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,MAAM,EAAE,CAAC,EAAE;AACf,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,QAAQ;AACZ,GAAG,EAAE,YAAY,CAAC,kBAAkBV,cAAK,CAAC,aAAa,CAACU,YAAO,CAAC,MAAM,EAAE,IAAI,kBAAkBV,cAAK,CAAC,aAAa,CAACW,uBAAW,EAAE,aAAa,CAAC,cAAc,CAAC;AAC5J,IAAI,IAAI,EAAE,IAAI,IAAI,QAAQ;AAC1B,IAAI,YAAY,EAAE,MAAM,CAAC,gBAAgB;AACzC,IAAI,KAAK,EAAE,MAAM,CAAC,gBAAgB;AAClC,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,MAAM,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC7D,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,IAAI,GAAG;AACP,GAAG,CAAC,CAAC,CAAC,kBAAkBX,cAAK,CAAC,aAAa,CAACU,YAAO,CAAC,QAAQ,EAAE;AAC9D,IAAI,EAAE,EAAE,CAAC,KAAK,MAAM;AACpB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,KAAK,CAAC;AACN,GAAG,kBAAkBV,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,OAAO,CAAC,UAAU;AACjC,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAACY,cAAS,EAAE;AACpD,IAAI,WAAW,EAAE,MAAM,CAAC,0BAA0B;AAClD,IAAI,YAAY,EAAE,MAAM,CAAC,oBAAoB;AAC7C,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,KAAK,EAAE,GAAG;AACd,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE;AAClD,IAAI,SAAS,EAAE,kBAAkB;AACjC,IAAI,QAAQ;AACZ,IAAI,YAAY,kBAAkBZ,cAAK,CAAC,aAAa,CAACa,YAAO,EAAE;AAC/D,MAAM,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,sBAAsB;AACrF,MAAM,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;AACvD,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,SAAS,EAAE,IAAI;AACrB,MAAM,QAAQ,EAAE,eAAe;AAC/B,MAAM,QAAQ;AACd,MAAM,MAAM,EAAE,GAAG;AACjB,KAAK,kBAAkBb,cAAK,CAAC,aAAa,CAACc,mBAAc,EAAE;AAC3D,MAAM,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3C,MAAM,aAAa,EAAE,QAAQ,IAAI,KAAK,CAAC;AACvC,MAAM,SAAS,EAAE,OAAO,CAAC,yBAAyB;AAClD,MAAM,QAAQ;AACd,KAAK,kBAAkBd,cAAK,CAAC,aAAa,CAACe,2BAAgB,EAAE;AAC7D,MAAM,IAAI,EAAEC,QAAG,CAAC,EAAE,CAAC;AACnB,MAAM,MAAM,EAAE,GAAG;AACjB,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,CAAC,kBAAkBhB,cAAK,CAAC,aAAa,CAACiB,WAAM,EAAE;AAClD,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,cAAc;AACrC,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/B,CAAC;;;;"}
|
|
@@ -1,57 +0,0 @@
|
|
|
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
|
-
var useStyles = core.createStyles((theme) => {
|
|
24
|
-
const colors = theme.fn.variant({ variant: "light" });
|
|
25
|
-
return {
|
|
26
|
-
linkEditor: {
|
|
27
|
-
display: "flex"
|
|
28
|
-
},
|
|
29
|
-
linkEditorInput: {
|
|
30
|
-
borderTopRightRadius: 0,
|
|
31
|
-
borderBottomRightRadius: 0,
|
|
32
|
-
borderRight: 0
|
|
33
|
-
},
|
|
34
|
-
linkEditorExternalControl: {
|
|
35
|
-
backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : theme.white,
|
|
36
|
-
border: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
|
|
37
|
-
height: core.rem(24),
|
|
38
|
-
width: core.rem(24),
|
|
39
|
-
display: "flex",
|
|
40
|
-
justifyContent: "center",
|
|
41
|
-
alignItems: "center",
|
|
42
|
-
borderRadius: theme.fn.radius(),
|
|
43
|
-
"&[data-active]": __spreadValues({
|
|
44
|
-
backgroundColor: colors.background,
|
|
45
|
-
borderColor: colors.border,
|
|
46
|
-
color: colors.color
|
|
47
|
-
}, theme.fn.hover({ background: colors.hover }))
|
|
48
|
-
},
|
|
49
|
-
linkEditorSave: {
|
|
50
|
-
borderTopLeftRadius: 0,
|
|
51
|
-
borderBottomLeftRadius: 0
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
exports.default = useStyles;
|
|
57
|
-
//# sourceMappingURL=LinkControl.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LinkControl.styles.js","sources":["../../../src/controls/LinkControl/LinkControl.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => {\n const colors = theme.fn.variant({ variant: 'light' });\n return {\n linkEditor: {\n display: 'flex',\n },\n\n linkEditorInput: {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRight: 0,\n },\n\n linkEditorExternalControl: {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.fn.rgba(theme.colors.dark[7], 0.5) : theme.white,\n border: `${rem(1)} solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n height: rem(24),\n width: rem(24),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: theme.fn.radius(),\n\n '&[data-active]': {\n backgroundColor: colors.background,\n borderColor: colors.border,\n color: colors.color,\n ...theme.fn.hover({ background: colors.hover }),\n },\n },\n\n linkEditorSave: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n };\n});\n"],"names":["createStyles","rem"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"controls.js","sources":["../../src/controls/controls.tsx"],"sourcesContent":["import React from 'react';\nimport {\n IconBold,\n IconItalic,\n IconUnderline,\n IconStrikethrough,\n IconClearFormatting,\n IconH1,\n IconH2,\n IconH3,\n IconH4,\n IconH5,\n IconH6,\n IconList,\n IconListNumbers,\n IconUnlink,\n IconBlockquote,\n IconAlignLeft,\n IconAlignRight,\n IconAlignCenter,\n IconAlignJustified,\n IconSubscript,\n IconSuperscript,\n IconCode,\n IconHighlight,\n IconLineDashed,\n IconCircleOff,\n} from '@tabler/icons-react';\nimport { createControl } from './ControlBase/create-control';\n\nexport const BoldControl = createControl({\n label: 'boldControlLabel',\n icon: (props) => <IconBold {...props} stroke={1.5} />,\n isActive: { name: 'bold' },\n operation: { name: 'toggleBold' },\n});\n\nexport const ItalicControl = createControl({\n label: 'italicControlLabel',\n icon: (props) => <IconItalic {...props} stroke={1.5} />,\n isActive: { name: 'italic' },\n operation: { name: 'toggleItalic' },\n});\n\nexport const UnderlineControl = createControl({\n label: 'underlineControlLabel',\n icon: (props) => <IconUnderline {...props} stroke={1.5} />,\n isActive: { name: 'underline' },\n operation: { name: 'toggleUnderline' },\n});\n\nexport const StrikeThroughControl = createControl({\n label: 'strikeControlLabel',\n icon: (props) => <IconStrikethrough {...props} stroke={1.5} />,\n isActive: { name: 'strike' },\n operation: { name: 'toggleStrike' },\n});\n\nexport const ClearFormattingControl = createControl({\n label: 'clearFormattingControlLabel',\n icon: (props) => <IconClearFormatting {...props} stroke={1.5} />,\n operation: { name: 'unsetAllMarks' },\n});\n\nexport const UnlinkControl = createControl({\n label: 'unlinkControlLabel',\n icon: (props) => <IconUnlink {...props} stroke={1.5} />,\n operation: { name: 'unsetLink' },\n});\n\nexport const BulletListControl = createControl({\n label: 'bulletListControlLabel',\n icon: (props) => <IconList {...props} stroke={1.5} />,\n isActive: { name: 'bulletList' },\n operation: { name: 'toggleBulletList' },\n});\n\nexport const OrderedListControl = createControl({\n label: 'orderedListControlLabel',\n icon: (props) => <IconListNumbers {...props} stroke={1.5} />,\n isActive: { name: 'orderedList' },\n operation: { name: 'toggleOrderedList' },\n});\n\nexport const H1Control = createControl({\n label: 'h1ControlLabel',\n icon: (props) => <IconH1 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 1 } },\n operation: { name: 'toggleHeading', attributes: { level: 1 } },\n});\n\nexport const H2Control = createControl({\n label: 'h2ControlLabel',\n icon: (props) => <IconH2 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 2 } },\n operation: { name: 'toggleHeading', attributes: { level: 2 } },\n});\n\nexport const H3Control = createControl({\n label: 'h3ControlLabel',\n icon: (props) => <IconH3 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 3 } },\n operation: { name: 'toggleHeading', attributes: { level: 3 } },\n});\n\nexport const H4Control = createControl({\n label: 'h4ControlLabel',\n icon: (props) => <IconH4 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 4 } },\n operation: { name: 'toggleHeading', attributes: { level: 4 } },\n});\n\nexport const H5Control = createControl({\n label: 'h5ControlLabel',\n icon: (props) => <IconH5 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 5 } },\n operation: { name: 'toggleHeading', attributes: { level: 5 } },\n});\n\nexport const H6Control = createControl({\n label: 'h6ControlLabel',\n icon: (props) => <IconH6 {...props} stroke={1.5} />,\n isActive: { name: 'heading', attributes: { level: 6 } },\n operation: { name: 'toggleHeading', attributes: { level: 6 } },\n});\n\nexport const BlockquoteControl = createControl({\n label: 'blockquoteControlLabel',\n icon: (props) => <IconBlockquote {...props} stroke={1.5} />,\n isActive: { name: 'blockquote' },\n operation: { name: 'toggleBlockquote' },\n});\n\nexport const AlignLeftControl = createControl({\n label: 'alignLeftControlLabel',\n icon: (props) => <IconAlignLeft {...props} stroke={1.5} />,\n operation: { name: 'setTextAlign', attributes: 'left' },\n});\n\nexport const AlignRightControl = createControl({\n label: 'alignRightControlLabel',\n icon: (props) => <IconAlignRight {...props} stroke={1.5} />,\n operation: { name: 'setTextAlign', attributes: 'right' },\n});\n\nexport const AlignCenterControl = createControl({\n label: 'alignCenterControlLabel',\n icon: (props) => <IconAlignCenter {...props} stroke={1.5} />,\n operation: { name: 'setTextAlign', attributes: 'center' },\n});\n\nexport const AlignJustifyControl = createControl({\n label: 'alignJustifyControlLabel',\n icon: (props) => <IconAlignJustified {...props} stroke={1.5} />,\n operation: { name: 'setTextAlign', attributes: 'justify' },\n});\n\nexport const SubscriptControl = createControl({\n label: 'subscriptControlLabel',\n icon: (props) => <IconSubscript {...props} stroke={1.5} />,\n isActive: { name: 'subscript' },\n operation: { name: 'toggleSubscript' },\n});\n\nexport const SuperscriptControl = createControl({\n label: 'superscriptControlLabel',\n icon: (props) => <IconSuperscript {...props} stroke={1.5} />,\n isActive: { name: 'superscript' },\n operation: { name: 'toggleSuperscript' },\n});\n\nexport const CodeControl = createControl({\n label: 'codeControlLabel',\n icon: (props) => <IconCode {...props} stroke={1.5} />,\n isActive: { name: 'code' },\n operation: { name: 'toggleCode' },\n});\n\nexport const CodeBlockControl = createControl({\n label: 'codeBlockControlLabel',\n icon: (props) => <IconCode {...props} stroke={1.5} />,\n isActive: { name: 'codeBlock' },\n operation: { name: 'toggleCodeBlock' },\n});\n\nexport const HighlightControl = createControl({\n label: 'highlightControlLabel',\n icon: (props) => <IconHighlight {...props} stroke={1.5} />,\n isActive: { name: 'highlight' },\n operation: { name: 'toggleHighlight' },\n});\n\nexport const HrControl = createControl({\n label: 'hrControlLabel',\n icon: (props) => <IconLineDashed {...props} stroke={1.5} />,\n operation: { name: 'setHorizontalRule' },\n});\n\nexport const UnsetColorControl = createControl({\n label: 'unsetColorControlLabel',\n icon: (props) => <IconCircleOff {...props} stroke={1.5} />,\n operation: { name: 'unsetColor' },\n});\n"],"names":["createControl","React","IconBold","IconItalic","IconUnderline","IconStrikethrough","IconClearFormatting","IconUnlink","IconList","IconListNumbers","IconH1","IconH2","IconH3","IconH4","IconH5","IconH6","IconBlockquote","IconAlignLeft","IconAlignRight","IconAlignCenter","IconAlignJustified","IconSubscript","IconSuperscript","IconCode","IconHighlight","IconLineDashed","IconCircleOff"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
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 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 'RichTextEditorContent',\n defaultProps,\n props\n );\n\n const {\n editor,\n withCodeHighlightStyles,\n withTypographyStyles,\n classNames,\n styles,\n unstyled,\n variant,\n } = useRichTextEditorContext();\n\n const { classes, cx } = useStyles(\n { withCodeHighlightStyles, withTypographyStyles },\n { name: 'RichTextEditor', classNames, styles, unstyled, variant }\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":[],"mappings":"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"}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { createStyles, rem } from '@mantine/core';
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
function getCodeHighlight(withCodeHighlightStyles, theme) {
|
|
20
|
-
if (!withCodeHighlightStyles) {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
const highlightIndex = theme.colorScheme === "dark" ? 5 : 7;
|
|
24
|
-
return {
|
|
25
|
-
pre: {
|
|
26
|
-
background: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.fn.rgba(theme.colors.gray[0], 0.65),
|
|
27
|
-
borderRadius: theme.fn.radius(),
|
|
28
|
-
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[9],
|
|
29
|
-
fontFamily: theme.fontFamilyMonospace,
|
|
30
|
-
padding: `${theme.spacing.md} ${theme.spacing.xl}`,
|
|
31
|
-
"& code": {
|
|
32
|
-
background: "none",
|
|
33
|
-
color: "inherit",
|
|
34
|
-
fontSize: theme.fontSizes.sm,
|
|
35
|
-
padding: 0
|
|
36
|
-
},
|
|
37
|
-
" & .hljs-comment, & .hljs-quote": {
|
|
38
|
-
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[5]
|
|
39
|
-
},
|
|
40
|
-
"& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class": {
|
|
41
|
-
color: theme.colors.red[highlightIndex]
|
|
42
|
-
},
|
|
43
|
-
"& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params": {
|
|
44
|
-
color: theme.colors[theme.colorScheme === "dark" ? "cyan" : "blue"][highlightIndex]
|
|
45
|
-
},
|
|
46
|
-
"& .hljs-string, & .hljs-symbol, & .hljs-bullet": {
|
|
47
|
-
color: theme.colors.red[highlightIndex]
|
|
48
|
-
},
|
|
49
|
-
"& .hljs-title, & .hljs-section": {
|
|
50
|
-
color: theme.colors[theme.colorScheme === "dark" ? "yellow" : "pink"][highlightIndex]
|
|
51
|
-
},
|
|
52
|
-
"& .hljs-keyword, & .hljs-selector-tag": {
|
|
53
|
-
color: theme.colors.violet[highlightIndex]
|
|
54
|
-
},
|
|
55
|
-
"& .hljs-emphasis": {
|
|
56
|
-
fontStyle: "italic"
|
|
57
|
-
},
|
|
58
|
-
"& .hljs-strong": {
|
|
59
|
-
fontWeight: 700
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
function getTypographyStyles(withTypographyStyles) {
|
|
65
|
-
if (!withTypographyStyles) {
|
|
66
|
-
return null;
|
|
67
|
-
}
|
|
68
|
-
return {
|
|
69
|
-
"& li > p": {
|
|
70
|
-
margin: 0
|
|
71
|
-
},
|
|
72
|
-
"& ul li, & ol li": {
|
|
73
|
-
marginTop: rem(2)
|
|
74
|
-
},
|
|
75
|
-
"& ul, & ol": {
|
|
76
|
-
marginTop: rem(5),
|
|
77
|
-
marginBottom: rem(5)
|
|
78
|
-
},
|
|
79
|
-
"& p": {
|
|
80
|
-
marginBottom: rem(7)
|
|
81
|
-
},
|
|
82
|
-
"& h1, & h2, & h3, & h4, & h5, & h6, & p": {
|
|
83
|
-
marginTop: 0
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
var useStyles = createStyles((theme, { withCodeHighlightStyles, withTypographyStyles }) => ({
|
|
88
|
-
typographyStylesProvider: __spreadValues({}, getTypographyStyles(withTypographyStyles)),
|
|
89
|
-
content: __spreadValues({
|
|
90
|
-
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
|
|
91
|
-
borderRadius: theme.fn.radius(),
|
|
92
|
-
"& .ProseMirror": {
|
|
93
|
-
outline: 0,
|
|
94
|
-
padding: theme.spacing.md
|
|
95
|
-
},
|
|
96
|
-
"& .ProseMirror > *:last-child": {
|
|
97
|
-
marginBottom: 0
|
|
98
|
-
},
|
|
99
|
-
"& .ProseMirror p.is-editor-empty:first-of-type::before": __spreadValues({
|
|
100
|
-
content: "attr(data-placeholder)",
|
|
101
|
-
pointerEvents: "none",
|
|
102
|
-
userSelect: "none",
|
|
103
|
-
float: "left",
|
|
104
|
-
height: 0
|
|
105
|
-
}, theme.fn.placeholderStyles())
|
|
106
|
-
}, getCodeHighlight(withCodeHighlightStyles, theme))
|
|
107
|
-
}));
|
|
108
|
-
|
|
109
|
-
export default useStyles;
|
|
110
|
-
//# sourceMappingURL=Content.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme, rem } 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} ${theme.spacing.xl}`,\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: rem(2),\n },\n\n '& ul, & ol': {\n marginTop: rem(5),\n marginBottom: rem(5),\n },\n\n '& p': {\n marginBottom: rem(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 backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n borderRadius: theme.fn.radius(),\n\n '& .ProseMirror': {\n outline: 0,\n padding: theme.spacing.md,\n },\n\n '& .ProseMirror > *:last-child': {\n marginBottom: 0,\n },\n\n '& .ProseMirror p.is-editor-empty:first-of-type::before': {\n content: 'attr(data-placeholder)',\n pointerEvents: 'none',\n userSelect: 'none',\n float: 'left',\n height: 0,\n ...theme.fn.placeholderStyles(),\n },\n\n ...getCodeHighlight(withCodeHighlightStyles, theme),\n },\n })\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createStyles, rem } from '@mantine/core';
|
|
2
|
-
|
|
3
|
-
var useStyles = createStyles((theme) => ({
|
|
4
|
-
root: {
|
|
5
|
-
position: "relative",
|
|
6
|
-
border: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
|
|
7
|
-
borderRadius: theme.fn.radius()
|
|
8
|
-
}
|
|
9
|
-
}));
|
|
10
|
-
|
|
11
|
-
export default useStyles;
|
|
12
|
-
//# sourceMappingURL=RichTextEditor.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n root: {\n position: 'relative',\n border: `${rem(1)} solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n borderRadius: theme.fn.radius(),\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Group, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\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 'RichTextEditorToolbar',\n defaultProps,\n props\n );\n\n const ctx = useRichTextEditorContext();\n const { classes, cx } = useStyles(\n { sticky, stickyOffset },\n {\n name: 'RichTextEditor',\n classNames: ctx.classNames,\n styles: ctx.styles,\n unstyled: ctx.unstyled,\n variant: ctx.variant,\n }\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":[],"mappings":"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"}
|