@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.
Files changed (169) hide show
  1. package/cjs/RichTextEditor.context.js +2 -2
  2. package/cjs/RichTextEditor.context.js.map +1 -1
  3. package/cjs/RichTextEditor.js +57 -52
  4. package/cjs/RichTextEditor.js.map +1 -1
  5. package/cjs/RichTextEditor.module.css.js +8 -0
  6. package/cjs/RichTextEditor.module.css.js.map +1 -0
  7. package/cjs/RichTextEditorContent/RichTextEditorContent.js +78 -0
  8. package/cjs/RichTextEditorContent/RichTextEditorContent.js.map +1 -0
  9. package/cjs/{controls/ColorControl/ColorControl.js → RichTextEditorControl/RichTextEditorColorControl.js} +18 -19
  10. package/cjs/RichTextEditorControl/RichTextEditorColorControl.js.map +1 -0
  11. package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js +145 -0
  12. package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js.map +1 -0
  13. package/cjs/RichTextEditorControl/RichTextEditorControl.js +94 -0
  14. package/cjs/RichTextEditorControl/RichTextEditorControl.js.map +1 -0
  15. package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js +187 -0
  16. package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js.map +1 -0
  17. package/cjs/{controls → RichTextEditorControl}/controls.js +53 -105
  18. package/cjs/RichTextEditorControl/controls.js.map +1 -0
  19. package/cjs/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js} +19 -22
  20. package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map +1 -0
  21. package/cjs/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js} +21 -26
  22. package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -0
  23. package/cjs/index.css +326 -0
  24. package/cjs/index.js +40 -0
  25. package/cjs/index.js.map +1 -1
  26. package/cjs/labels.js +3 -0
  27. package/cjs/labels.js.map +1 -1
  28. package/esm/RichTextEditor.context.js +2 -2
  29. package/esm/RichTextEditor.context.js.map +1 -1
  30. package/esm/RichTextEditor.js +59 -54
  31. package/esm/RichTextEditor.js.map +1 -1
  32. package/esm/RichTextEditor.module.css.js +4 -0
  33. package/esm/RichTextEditor.module.css.js.map +1 -0
  34. package/esm/RichTextEditorContent/RichTextEditorContent.js +70 -0
  35. package/esm/RichTextEditorContent/RichTextEditorContent.js.map +1 -0
  36. package/esm/{controls/ColorControl/ColorControl.js → RichTextEditorControl/RichTextEditorColorControl.js} +19 -20
  37. package/esm/RichTextEditorControl/RichTextEditorColorControl.js.map +1 -0
  38. package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js +137 -0
  39. package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js.map +1 -0
  40. package/esm/RichTextEditorControl/RichTextEditorControl.js +84 -0
  41. package/esm/RichTextEditorControl/RichTextEditorControl.js.map +1 -0
  42. package/esm/RichTextEditorControl/RichTextEditorLinkControl.js +179 -0
  43. package/esm/RichTextEditorControl/RichTextEditorLinkControl.js.map +1 -0
  44. package/esm/{controls → RichTextEditorControl}/controls.js +27 -79
  45. package/esm/RichTextEditorControl/controls.js.map +1 -0
  46. package/esm/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js} +21 -24
  47. package/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map +1 -0
  48. package/esm/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js} +23 -28
  49. package/esm/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -0
  50. package/esm/index.css +326 -0
  51. package/esm/index.js +8 -0
  52. package/esm/index.js.map +1 -1
  53. package/esm/labels.js +3 -0
  54. package/esm/labels.js.map +1 -1
  55. package/lib/RichTextEditor.context.d.ts +8 -10
  56. package/lib/RichTextEditor.context.d.ts.map +1 -1
  57. package/lib/RichTextEditor.d.ts +89 -50
  58. package/lib/RichTextEditor.d.ts.map +1 -1
  59. package/lib/RichTextEditorContent/RichTextEditorContent.d.ts +17 -0
  60. package/lib/RichTextEditorContent/RichTextEditorContent.d.ts.map +1 -0
  61. package/lib/RichTextEditorControl/RichTextEditorColorControl.d.ts +8 -0
  62. package/lib/RichTextEditorControl/RichTextEditorColorControl.d.ts.map +1 -0
  63. package/lib/RichTextEditorControl/RichTextEditorColorPickerControl.d.ts +12 -0
  64. package/lib/RichTextEditorControl/RichTextEditorColorPickerControl.d.ts.map +1 -0
  65. package/lib/RichTextEditorControl/RichTextEditorControl.d.ts +44 -0
  66. package/lib/RichTextEditorControl/RichTextEditorControl.d.ts.map +1 -0
  67. package/lib/RichTextEditorControl/RichTextEditorLinkControl.d.ts +24 -0
  68. package/lib/RichTextEditorControl/RichTextEditorLinkControl.d.ts.map +1 -0
  69. package/lib/RichTextEditorControl/controls.d.ts +28 -0
  70. package/lib/RichTextEditorControl/controls.d.ts.map +1 -0
  71. package/lib/RichTextEditorControl/index.d.ts +5 -0
  72. package/lib/RichTextEditorControl/index.d.ts.map +1 -0
  73. package/lib/RichTextEditorControlsGroup/RichTextEditorControlsGroup.d.ts +17 -0
  74. package/lib/RichTextEditorControlsGroup/RichTextEditorControlsGroup.d.ts.map +1 -0
  75. package/lib/RichTextEditorToolbar/RichTextEditorToolbar.d.ts +22 -0
  76. package/lib/RichTextEditorToolbar/RichTextEditorToolbar.d.ts.map +1 -0
  77. package/lib/index.d.ts +11 -7
  78. package/lib/index.d.ts.map +1 -1
  79. package/package.json +21 -14
  80. package/cjs/Content/Content.js.map +0 -1
  81. package/cjs/Content/Content.styles.js +0 -114
  82. package/cjs/Content/Content.styles.js.map +0 -1
  83. package/cjs/RichTextEditor.styles.js +0 -16
  84. package/cjs/RichTextEditor.styles.js.map +0 -1
  85. package/cjs/Toolbar/Toolbar.js.map +0 -1
  86. package/cjs/Toolbar/Toolbar.styles.js +0 -21
  87. package/cjs/Toolbar/Toolbar.styles.js.map +0 -1
  88. package/cjs/controls/ColorControl/ColorControl.js.map +0 -1
  89. package/cjs/controls/ColorPickerControl/ColorPickerControl.js +0 -158
  90. package/cjs/controls/ColorPickerControl/ColorPickerControl.js.map +0 -1
  91. package/cjs/controls/Control/Control.js +0 -70
  92. package/cjs/controls/Control/Control.js.map +0 -1
  93. package/cjs/controls/Control/Control.styles.js +0 -51
  94. package/cjs/controls/Control/Control.styles.js.map +0 -1
  95. package/cjs/controls/ControlBase/ControlBase.js +0 -52
  96. package/cjs/controls/ControlBase/ControlBase.js.map +0 -1
  97. package/cjs/controls/ControlBase/create-control.js +0 -45
  98. package/cjs/controls/ControlBase/create-control.js.map +0 -1
  99. package/cjs/controls/ControlsGroup/ControlsGroup.js +0 -60
  100. package/cjs/controls/ControlsGroup/ControlsGroup.js.map +0 -1
  101. package/cjs/controls/ControlsGroup/ControlsGroup.styles.js +0 -28
  102. package/cjs/controls/ControlsGroup/ControlsGroup.styles.js.map +0 -1
  103. package/cjs/controls/LinkControl/LinkControl.js +0 -152
  104. package/cjs/controls/LinkControl/LinkControl.js.map +0 -1
  105. package/cjs/controls/LinkControl/LinkControl.styles.js +0 -57
  106. package/cjs/controls/LinkControl/LinkControl.styles.js.map +0 -1
  107. package/cjs/controls/controls.js.map +0 -1
  108. package/esm/Content/Content.js.map +0 -1
  109. package/esm/Content/Content.styles.js +0 -110
  110. package/esm/Content/Content.styles.js.map +0 -1
  111. package/esm/RichTextEditor.styles.js +0 -12
  112. package/esm/RichTextEditor.styles.js.map +0 -1
  113. package/esm/Toolbar/Toolbar.js.map +0 -1
  114. package/esm/Toolbar/Toolbar.styles.js +0 -17
  115. package/esm/Toolbar/Toolbar.styles.js.map +0 -1
  116. package/esm/controls/ColorControl/ColorControl.js.map +0 -1
  117. package/esm/controls/ColorPickerControl/ColorPickerControl.js +0 -150
  118. package/esm/controls/ColorPickerControl/ColorPickerControl.js.map +0 -1
  119. package/esm/controls/Control/Control.js +0 -62
  120. package/esm/controls/Control/Control.js.map +0 -1
  121. package/esm/controls/Control/Control.styles.js +0 -47
  122. package/esm/controls/Control/Control.styles.js.map +0 -1
  123. package/esm/controls/ControlBase/ControlBase.js +0 -44
  124. package/esm/controls/ControlBase/ControlBase.js.map +0 -1
  125. package/esm/controls/ControlBase/create-control.js +0 -37
  126. package/esm/controls/ControlBase/create-control.js.map +0 -1
  127. package/esm/controls/ControlsGroup/ControlsGroup.js +0 -52
  128. package/esm/controls/ControlsGroup/ControlsGroup.js.map +0 -1
  129. package/esm/controls/ControlsGroup/ControlsGroup.styles.js +0 -24
  130. package/esm/controls/ControlsGroup/ControlsGroup.styles.js.map +0 -1
  131. package/esm/controls/LinkControl/LinkControl.js +0 -144
  132. package/esm/controls/LinkControl/LinkControl.js.map +0 -1
  133. package/esm/controls/LinkControl/LinkControl.styles.js +0 -53
  134. package/esm/controls/LinkControl/LinkControl.styles.js.map +0 -1
  135. package/esm/controls/controls.js.map +0 -1
  136. package/lib/Content/Content.d.ts +0 -8
  137. package/lib/Content/Content.d.ts.map +0 -1
  138. package/lib/Content/Content.styles.d.ts +0 -15
  139. package/lib/Content/Content.styles.d.ts.map +0 -1
  140. package/lib/RichTextEditor.styles.d.ts +0 -9
  141. package/lib/RichTextEditor.styles.d.ts.map +0 -1
  142. package/lib/Toolbar/Toolbar.d.ts +0 -12
  143. package/lib/Toolbar/Toolbar.d.ts.map +0 -1
  144. package/lib/Toolbar/Toolbar.styles.d.ts +0 -14
  145. package/lib/Toolbar/Toolbar.styles.d.ts.map +0 -1
  146. package/lib/controls/ColorControl/ColorControl.d.ts +0 -8
  147. package/lib/controls/ColorControl/ColorControl.d.ts.map +0 -1
  148. package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts +0 -12
  149. package/lib/controls/ColorPickerControl/ColorPickerControl.d.ts.map +0 -1
  150. package/lib/controls/Control/Control.d.ts +0 -18
  151. package/lib/controls/Control/Control.d.ts.map +0 -1
  152. package/lib/controls/Control/Control.styles.d.ts +0 -9
  153. package/lib/controls/Control/Control.styles.d.ts.map +0 -1
  154. package/lib/controls/ControlBase/ControlBase.d.ts +0 -9
  155. package/lib/controls/ControlBase/ControlBase.d.ts.map +0 -1
  156. package/lib/controls/ControlBase/create-control.d.ts +0 -20
  157. package/lib/controls/ControlBase/create-control.d.ts.map +0 -1
  158. package/lib/controls/ControlsGroup/ControlsGroup.d.ts +0 -8
  159. package/lib/controls/ControlsGroup/ControlsGroup.d.ts.map +0 -1
  160. package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts +0 -9
  161. package/lib/controls/ControlsGroup/ControlsGroup.styles.d.ts.map +0 -1
  162. package/lib/controls/LinkControl/LinkControl.d.ts +0 -15
  163. package/lib/controls/LinkControl/LinkControl.d.ts.map +0 -1
  164. package/lib/controls/LinkControl/LinkControl.styles.d.ts +0 -12
  165. package/lib/controls/LinkControl/LinkControl.styles.d.ts.map +0 -1
  166. package/lib/controls/controls.d.ts +0 -28
  167. package/lib/controls/controls.d.ts.map +0 -1
  168. package/lib/controls/index.d.ts +0 -5
  169. package/lib/controls/index.d.ts.map +0 -1
@@ -1,17 +0,0 @@
1
- import { createStyles, rem } from '@mantine/core';
2
-
3
- var useStyles = createStyles((theme, { sticky, stickyOffset }) => ({
4
- toolbar: {
5
- position: sticky ? "sticky" : "static",
6
- top: sticky ? rem(stickyOffset) : void 0,
7
- padding: `${theme.spacing.xs} ${theme.spacing.md}`,
8
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
9
- zIndex: 1,
10
- borderTopRightRadius: theme.fn.radius(),
11
- borderTopLeftRadius: theme.fn.radius(),
12
- borderBottom: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
13
- }
14
- }));
15
-
16
- export default useStyles;
17
- //# sourceMappingURL=Toolbar.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles, rem } 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 ? rem(stickyOffset) : undefined,\n padding: `${theme.spacing.xs} ${theme.spacing.md}`,\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: `${rem(1)} solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,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,GAAG,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;AAC5C,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACtD,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,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;AACjH,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorControl.js","sources":["../../../src/controls/ColorControl/ColorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ColorSwatch, DefaultProps, useComponentDefaultProps } 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 'RichTextEditorColorControl',\n defaultProps,\n props\n );\n const { editor, labels, unstyled } = 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":[],"mappings":"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"}
@@ -1,150 +0,0 @@
1
- import React, { forwardRef, useState } from 'react';
2
- import { useComponentDefaultProps, useMantineTheme, ColorSwatch, Popover, SimpleGrid, ColorPicker, Tooltip, Group, ActionIcon } from '@mantine/core';
3
- import { useDisclosure } from '@mantine/hooks';
4
- import { IconX, IconCircleOff, IconColorPicker, IconPalette, IconCheck } from '@tabler/icons-react';
5
- import { Control } from '../Control/Control.js';
6
- import { useRichTextEditorContext } from '../../RichTextEditor.context.js';
7
-
8
- var __defProp = Object.defineProperty;
9
- var __defProps = Object.defineProperties;
10
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
11
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
- var __hasOwnProp = Object.prototype.hasOwnProperty;
13
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
- var __spreadValues = (a, b) => {
16
- for (var prop in b || (b = {}))
17
- if (__hasOwnProp.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- if (__getOwnPropSymbols)
20
- for (var prop of __getOwnPropSymbols(b)) {
21
- if (__propIsEnum.call(b, prop))
22
- __defNormalProp(a, prop, b[prop]);
23
- }
24
- return a;
25
- };
26
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
- var __objRest = (source, exclude) => {
28
- var target = {};
29
- for (var prop in source)
30
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
31
- target[prop] = source[prop];
32
- if (source != null && __getOwnPropSymbols)
33
- for (var prop of __getOwnPropSymbols(source)) {
34
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
35
- target[prop] = source[prop];
36
- }
37
- return target;
38
- };
39
- const defaultProps = {};
40
- const ColorPickerControl = forwardRef((props, ref) => {
41
- const _a = useComponentDefaultProps("RichTextEditorColorPickerControl", defaultProps, props), { popoverProps, colors, colorPickerProps } = _a, others = __objRest(_a, ["popoverProps", "colors", "colorPickerProps"]);
42
- const { editor, labels, unstyled } = useRichTextEditorContext();
43
- const [opened, { toggle, close }] = useDisclosure(false);
44
- const [state, setState] = useState("palette");
45
- const theme = useMantineTheme();
46
- const currentColor = (editor == null ? void 0 : editor.getAttributes("textStyle").color) || theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.black;
47
- const handleChange = (value, shouldClose = true) => {
48
- editor.chain().focus().setColor(value).run();
49
- shouldClose && close();
50
- };
51
- const handleClear = () => {
52
- editor.chain().focus().unsetColor().run();
53
- close();
54
- };
55
- const controls = colors.map((color, index) => /* @__PURE__ */ React.createElement(ColorSwatch, {
56
- key: index,
57
- component: "button",
58
- color,
59
- onClick: () => handleChange(color),
60
- size: 26,
61
- radius: "xs",
62
- sx: { cursor: "pointer" },
63
- title: labels.colorPickerColorLabel(color),
64
- "aria-label": labels.colorPickerColorLabel(color),
65
- unstyled
66
- }));
67
- return /* @__PURE__ */ React.createElement(Popover, __spreadValues({
68
- opened,
69
- withinPortal: true,
70
- trapFocus: true,
71
- onClose: close,
72
- unstyled
73
- }, popoverProps), /* @__PURE__ */ React.createElement(Popover.Target, null, /* @__PURE__ */ React.createElement(Control, __spreadProps(__spreadValues({
74
- "aria-label": labels.colorPickerControlLabel,
75
- title: labels.colorPickerControlLabel
76
- }, others), {
77
- ref,
78
- onClick: toggle
79
- }), /* @__PURE__ */ React.createElement(ColorSwatch, {
80
- color: currentColor,
81
- size: 14,
82
- unstyled
83
- }))), /* @__PURE__ */ React.createElement(Popover.Dropdown, {
84
- sx: () => ({
85
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
86
- })
87
- }, state === "palette" && /* @__PURE__ */ React.createElement(SimpleGrid, {
88
- cols: 7,
89
- spacing: 2
90
- }, controls), state === "colorPicker" && /* @__PURE__ */ React.createElement(ColorPicker, __spreadValues({
91
- defaultValue: currentColor,
92
- onChange: (value) => handleChange(value, false),
93
- unstyled
94
- }, colorPickerProps)), /* @__PURE__ */ React.createElement(Tooltip.Group, {
95
- closeDelay: 200
96
- }, /* @__PURE__ */ React.createElement(Group, {
97
- position: "right",
98
- spacing: "xs",
99
- mt: "sm"
100
- }, state === "palette" && /* @__PURE__ */ React.createElement(ActionIcon, {
101
- variant: "default",
102
- onClick: close,
103
- unstyled,
104
- title: labels.colorPickerCancel,
105
- "aria-label": labels.colorPickerCancel
106
- }, /* @__PURE__ */ React.createElement(IconX, {
107
- stroke: 1.5,
108
- size: "1rem"
109
- })), /* @__PURE__ */ React.createElement(ActionIcon, {
110
- variant: "default",
111
- onClick: handleClear,
112
- unstyled,
113
- title: labels.colorPickerClear,
114
- "aria-label": labels.colorPickerClear
115
- }, /* @__PURE__ */ React.createElement(IconCircleOff, {
116
- stroke: 1.5,
117
- size: "1rem"
118
- })), state === "palette" ? /* @__PURE__ */ React.createElement(ActionIcon, {
119
- variant: "default",
120
- onClick: () => setState("colorPicker"),
121
- unstyled,
122
- title: labels.colorPickerColorPicker,
123
- "aria-label": labels.colorPickerColorPicker
124
- }, /* @__PURE__ */ React.createElement(IconColorPicker, {
125
- stroke: 1.5,
126
- size: "1rem"
127
- })) : /* @__PURE__ */ React.createElement(ActionIcon, {
128
- variant: "default",
129
- onClick: () => setState("palette"),
130
- unstyled,
131
- "aria-label": labels.colorPickerPalette,
132
- title: labels.colorPickerPalette
133
- }, /* @__PURE__ */ React.createElement(IconPalette, {
134
- stroke: 1.5,
135
- size: "1rem"
136
- })), state === "colorPicker" && /* @__PURE__ */ React.createElement(ActionIcon, {
137
- variant: "default",
138
- onClick: close,
139
- unstyled,
140
- title: labels.colorPickerSave,
141
- "aria-label": labels.colorPickerSave
142
- }, /* @__PURE__ */ React.createElement(IconCheck, {
143
- stroke: 1.5,
144
- size: "1rem"
145
- }))))));
146
- });
147
- ColorPickerControl.displayName = "@mantine/tiptap/ColorPickerControl";
148
-
149
- export { ColorPickerControl };
150
- //# sourceMappingURL=ColorPickerControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorPickerControl.js","sources":["../../../src/controls/ColorPickerControl/ColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n DefaultProps,\n Popover,\n PopoverProps,\n ColorSwatch,\n SimpleGrid,\n ColorPicker,\n Group,\n ActionIcon,\n Tooltip,\n ColorPickerProps,\n useComponentDefaultProps,\n useMantineTheme,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons-react';\nimport { Control } from '../Control/Control';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\n\nexport interface ColorPickerControlProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'button'> {\n /** Props added to Popover component */\n popoverProps?: Partial<PopoverProps>;\n\n /** Props added to ColorPicker component */\n colorPickerProps?: Partial<ColorPickerProps>;\n\n /** List of colors that the user can choose from */\n colors: string[];\n}\n\nconst defaultProps: Partial<ColorPickerControlProps> = {};\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n (props, ref) => {\n const { popoverProps, colors, colorPickerProps, ...others } = useComponentDefaultProps(\n 'RichTextEditorColorPickerControl',\n defaultProps,\n props\n );\n\n const { editor, labels, unstyled } = useRichTextEditorContext();\n const [opened, { toggle, close }] = useDisclosure(false);\n const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n const theme = useMantineTheme();\n const currentColor =\n editor?.getAttributes('textStyle').color || theme.colorScheme === 'dark'\n ? theme.colors.dark[1]\n : theme.black;\n\n const handleChange = (value: string, shouldClose = true) => {\n (editor.chain() as any).focus().setColor(value).run();\n shouldClose && close();\n };\n\n const handleClear = () => {\n (editor.chain() as any).focus().unsetColor().run();\n close();\n };\n\n const controls = colors.map((color, index) => (\n <ColorSwatch\n key={index}\n component=\"button\"\n color={color}\n onClick={() => handleChange(color)}\n size={26}\n radius=\"xs\"\n sx={{ cursor: 'pointer' }}\n title={labels.colorPickerColorLabel(color)}\n aria-label={labels.colorPickerColorLabel(color)}\n unstyled={unstyled}\n />\n ));\n\n return (\n <Popover\n opened={opened}\n withinPortal\n trapFocus\n onClose={close}\n unstyled={unstyled}\n {...popoverProps}\n >\n <Popover.Target>\n <Control\n aria-label={labels.colorPickerControlLabel}\n title={labels.colorPickerControlLabel}\n {...others}\n ref={ref}\n onClick={toggle}\n >\n <ColorSwatch color={currentColor} size={14} unstyled={unstyled} />\n </Control>\n </Popover.Target>\n\n <Popover.Dropdown\n sx={() => ({\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n })}\n >\n {state === 'palette' && (\n <SimpleGrid cols={7} spacing={2}>\n {controls}\n </SimpleGrid>\n )}\n\n {state === 'colorPicker' && (\n <ColorPicker\n defaultValue={currentColor}\n onChange={(value) => handleChange(value, false)}\n unstyled={unstyled}\n {...colorPickerProps}\n />\n )}\n\n <Tooltip.Group closeDelay={200}>\n <Group position=\"right\" spacing=\"xs\" mt=\"sm\">\n {state === 'palette' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n unstyled={unstyled}\n title={labels.colorPickerCancel}\n aria-label={labels.colorPickerCancel}\n >\n <IconX stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n <ActionIcon\n variant=\"default\"\n onClick={handleClear}\n unstyled={unstyled}\n title={labels.colorPickerClear}\n aria-label={labels.colorPickerClear}\n >\n <IconCircleOff stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n\n {state === 'palette' ? (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('colorPicker')}\n unstyled={unstyled}\n title={labels.colorPickerColorPicker}\n aria-label={labels.colorPickerColorPicker}\n >\n <IconColorPicker stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n ) : (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('palette')}\n unstyled={unstyled}\n aria-label={labels.colorPickerPalette}\n title={labels.colorPickerPalette}\n >\n <IconPalette stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n {state === 'colorPicker' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n unstyled={unstyled}\n title={labels.colorPickerSave}\n aria-label={labels.colorPickerSave}\n >\n <IconCheck stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n </Group>\n </Tooltip.Group>\n </Popover.Dropdown>\n </Popover>\n );\n }\n);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":"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"}
@@ -1,62 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { useComponentDefaultProps, UnstyledButton } from '@mantine/core';
3
- import { useRichTextEditorContext } from '../../RichTextEditor.context.js';
4
- import useStyles from './Control.styles.js';
5
-
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
- const defaultProps = {
35
- interactive: true
36
- };
37
- const Control = forwardRef((props, ref) => {
38
- const _a = useComponentDefaultProps("RichTextEditorControl", defaultProps, props), { className, active, children, interactive } = _a, others = __objRest(_a, ["className", "active", "children", "interactive"]);
39
- const { classNames, styles, unstyled, variant } = useRichTextEditorContext();
40
- const { classes, cx } = useStyles(null, {
41
- name: "RichTextEditor",
42
- classNames,
43
- styles,
44
- unstyled,
45
- variant
46
- });
47
- return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({
48
- className: cx(classes.control, className),
49
- "data-rich-text-editor-control": true,
50
- tabIndex: interactive ? 0 : -1,
51
- "data-interactive": interactive || void 0,
52
- "data-active": active || void 0,
53
- "aria-pressed": active && interactive || void 0,
54
- "aria-hidden": !interactive || void 0,
55
- ref,
56
- unstyled
57
- }, others), children);
58
- });
59
- Control.displayName = "@mantine/tiptap/Control";
60
-
61
- export { Control };
62
- //# sourceMappingURL=Control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { UnstyledButton, DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './Control.styles';\n\nexport type ControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface PremadeControlProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'button'> {\n /** Icon component, should support size prop */\n icon?: React.FC<{ size: number | string }>;\n}\n\nexport interface RichTextEditorControlProps extends PremadeControlProps {\n /** Determines whether the control should have active state, false by default */\n active?: boolean;\n\n /** Determines whether the control can be interacted with, set false to make the control to act as a label */\n interactive?: boolean;\n}\n\nconst defaultProps: Partial<RichTextEditorControlProps> = {\n interactive: true,\n};\n\nexport const Control = forwardRef<HTMLButtonElement, RichTextEditorControlProps>((props, ref) => {\n const { className, active, children, interactive, ...others } = useComponentDefaultProps(\n 'RichTextEditorControl',\n defaultProps,\n props\n );\n\n const { classNames, styles, unstyled, variant } = useRichTextEditorContext();\n const { classes, cx } = useStyles(null, {\n name: 'RichTextEditor',\n classNames,\n styles,\n unstyled,\n variant,\n });\n\n return (\n <UnstyledButton\n className={cx(classes.control, className)}\n data-rich-text-editor-control\n tabIndex={interactive ? 0 : -1}\n data-interactive={interactive || undefined}\n data-active={active || undefined}\n aria-pressed={(active && interactive) || undefined}\n aria-hidden={!interactive || undefined}\n ref={ref}\n unstyled={unstyled}\n {...others}\n >\n {children}\n </UnstyledButton>\n );\n});\n\nControl.displayName = '@mantine/tiptap/Control';\n"],"names":[],"mappings":"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"}
@@ -1,47 +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
- var useStyles = createStyles((theme) => {
20
- const colors = theme.fn.variant({ variant: "light" });
21
- return {
22
- control: {
23
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
24
- minWidth: rem(26),
25
- height: rem(26),
26
- display: "flex",
27
- justifyContent: "center",
28
- alignItems: "center",
29
- border: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
30
- borderRadius: theme.fn.radius(),
31
- cursor: "default",
32
- "&[data-interactive]": __spreadValues({
33
- cursor: "pointer"
34
- }, theme.fn.hover({
35
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
36
- })),
37
- "&[data-active]": {
38
- backgroundColor: colors.background,
39
- color: colors.color,
40
- "&:hover": __spreadValues({}, theme.fn.hover({ backgroundColor: colors.hover }))
41
- }
42
- }
43
- };
44
- });
45
-
46
- export default useStyles;
47
- //# sourceMappingURL=Control.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Control.styles.js","sources":["../../../src/controls/Control/Control.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 control: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n minWidth: rem(26),\n height: rem(26),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n border: `${rem(1)} solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n borderRadius: theme.fn.radius(),\n cursor: 'default',\n\n '&[data-interactive]': {\n cursor: 'pointer',\n ...theme.fn.hover({\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n }),\n },\n\n '&[data-active]': {\n backgroundColor: colors.background,\n color: colors.color,\n\n '&:hover': {\n ...theme.fn.hover({ backgroundColor: colors.hover }),\n },\n },\n },\n };\n});\n"],"names":[],"mappings":"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"}
@@ -1,44 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { Control } from '../Control/Control.js';
3
-
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- const ControlBase = forwardRef((_a, ref) => {
33
- var _b = _a, { className, active, icon: Icon } = _b, others = __objRest(_b, ["className", "active", "icon"]);
34
- return /* @__PURE__ */ React.createElement(Control, __spreadValues({
35
- active,
36
- ref
37
- }, others), /* @__PURE__ */ React.createElement(Icon, {
38
- size: "1rem"
39
- }));
40
- });
41
- ControlBase.displayName = "@mantine/tiptap/ControlBase";
42
-
43
- export { ControlBase };
44
- //# sourceMappingURL=ControlBase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ControlBase.js","sources":["../../../src/controls/ControlBase/ControlBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Control, RichTextEditorControlProps } from '../Control/Control';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n icon: React.FC<{ size: number | string }>;\n}\n\nexport const ControlBase = forwardRef<HTMLButtonElement, RichTextEditorControlBaseProps>(\n ({ className, active, icon: Icon, ...others }, ref) => (\n <Control active={active} ref={ref} {...others}>\n <Icon size=\"1rem\" />\n </Control>\n )\n);\n\nControlBase.displayName = '@mantine/tiptap/ControlBase';\n"],"names":[],"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;AAGU,MAAC,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACnD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/G,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACrE,IAAI,MAAM;AACV,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,6BAA6B;;;;"}
@@ -1,37 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { useRichTextEditorContext } from '../../RichTextEditor.context.js';
3
- import { ControlBase } from './ControlBase.js';
4
-
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
- var __spreadValues = (a, b) => {
11
- for (var prop in b || (b = {}))
12
- if (__hasOwnProp.call(b, prop))
13
- __defNormalProp(a, prop, b[prop]);
14
- if (__getOwnPropSymbols)
15
- for (var prop of __getOwnPropSymbols(b)) {
16
- if (__propIsEnum.call(b, prop))
17
- __defNormalProp(a, prop, b[prop]);
18
- }
19
- return a;
20
- };
21
- function createControl({ label, isActive, operation, icon }) {
22
- return forwardRef((props, ref) => {
23
- const { editor, labels } = useRichTextEditorContext();
24
- const _label = labels[label];
25
- return /* @__PURE__ */ React.createElement(ControlBase, __spreadValues({
26
- "aria-label": _label,
27
- title: _label,
28
- active: (isActive == null ? void 0 : isActive.name) ? editor == null ? void 0 : editor.isActive(isActive.name, isActive.attributes) : false,
29
- ref,
30
- onClick: () => editor == null ? void 0 : editor.chain().focus()[operation.name](operation.attributes).run(),
31
- icon
32
- }, props));
33
- });
34
- }
35
-
36
- export { createControl };
37
- //# 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":[],"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,OAAO,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpC,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,wBAAwB,EAAE,CAAC;AAC1D,IAAI,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,WAAW,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,52 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { useComponentDefaultProps, Box } from '@mantine/core';
3
- import { useRichTextEditorContext } from '../../RichTextEditor.context.js';
4
- import useStyles from './ControlsGroup.styles.js';
5
-
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
- const defaultProps = {};
35
- const ControlsGroup = forwardRef((props, ref) => {
36
- const _a = useComponentDefaultProps("RichTextEditorControlsGroup", defaultProps, props), { className, children } = _a, others = __objRest(_a, ["className", "children"]);
37
- const { classNames, styles, unstyled } = useRichTextEditorContext();
38
- const { classes, cx } = useStyles(null, {
39
- name: "RichTextEditor",
40
- classNames,
41
- styles,
42
- unstyled
43
- });
44
- return /* @__PURE__ */ React.createElement(Box, __spreadValues({
45
- className: cx(classes.controlsGroup, className),
46
- ref
47
- }, others), children);
48
- });
49
- ControlsGroup.displayName = "@mantine/tiptap/ControlsGroup";
50
-
51
- export { ControlsGroup };
52
- //# 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":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import { createStyles } from '@mantine/core';
2
-
3
- var useStyles = createStyles((theme) => ({
4
- controlsGroup: {
5
- display: "flex",
6
- "& [data-rich-text-editor-control]": {
7
- borderRadius: 0,
8
- "&:not(:last-of-type)": {
9
- borderRight: 0
10
- },
11
- "&:last-of-type": {
12
- borderTopRightRadius: theme.fn.radius(),
13
- borderBottomRightRadius: theme.fn.radius()
14
- },
15
- "&:first-of-type": {
16
- borderTopLeftRadius: theme.fn.radius(),
17
- borderBottomLeftRadius: theme.fn.radius()
18
- }
19
- }
20
- }
21
- }));
22
-
23
- export default useStyles;
24
- //# 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":[],"mappings":";;AACA,gBAAe,YAAY,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;;;;"}