@mantine/tiptap 6.0.18 → 7.0.0-beta.0

package/esm/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js}

@@ -1,10 +1,11 @@
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps, TypographyStylesProvider, Box } from '@mantine/core';
-import { EditorContent } from '@tiptap/react';
+import React from 'react';
+import { factory, useProps, Box, rem } from '@mantine/core';
 import { useRichTextEditorContext } from '../RichTextEditor.context.js';
-import useStyles from './Content.styles.js';
+import classes from '../RichTextEditor.module.css.js';
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -20,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -33,29 +35,22 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {};
-const Content = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("RichTextEditorContent", defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
-  const {
-    editor,
-    withCodeHighlightStyles,
-    withTypographyStyles,
-    classNames,
-    styles,
-    unstyled,
-    variant
-  } = useRichTextEditorContext();
-  const { classes, cx } = useStyles({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled, variant });
-  return /* @__PURE__ */ React.createElement(TypographyStylesProvider, {
-    className: cx(classes.typographyStylesProvider, className),
-    unstyled: !withTypographyStyles || unstyled,
-    ref
-  }, /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    component: EditorContent,
-    editor,
-    className: classes.content
-  }, others)));
+const RichTextEditorToolbar = factory((_props, ref) => {
+  const props = useProps("RichTextEditorToolbar", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, sticky, stickyOffset } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "sticky", "stickyOffset"]);
+  const ctx = useRichTextEditorContext();
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadProps(__spreadValues(__spreadValues({
+      ref,
+      mod: { sticky }
+    }, ctx.getStyles("toolbar", { className, style, styles, classNames })), others), {
+      __vars: { "--rte-sticky-offset": rem(stickyOffset) }
+    })
+  );
 });
-Content.displayName = "@mantine/tiptap/Content";
+RichTextEditorToolbar.classes = classes;
+RichTextEditorToolbar.displayName = "@mantine/tiptap/RichTextEditorToolbar";
 
-export { Content };
-//# sourceMappingURL=Content.js.map
+export { RichTextEditorToolbar };
+//# sourceMappingURL=RichTextEditorToolbar.js.map

package/esm/RichTextEditorToolbar/RichTextEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorToolbar.js","sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  rem,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorToolbarStylesNames = 'toolbar';\n\nexport interface RichTextEditorToolbarProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorToolbarFactory>,\n    ElementProps<'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\nexport type RichTextEditorToolbarFactory = Factory<{\n  props: RichTextEditorToolbarProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorToolbarStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {};\n\nexport const RichTextEditorToolbar = factory<RichTextEditorToolbarFactory>((_props, ref) => {\n  const props = useProps('RichTextEditorToolbar', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, sticky, stickyOffset, ...others } =\n    props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <Box\n      ref={ref}\n      mod={{ sticky }}\n      {...ctx.getStyles('toolbar', { className, style, styles, classNames })}\n      {...others}\n      __vars={{ '--rte-sticky-offset': rem(stickyOffset) }}\n    />\n  );\n});\n\nRichTextEditorToolbar.classes = classes;\nRichTextEditorToolbar.displayName = '@mantine/tiptap/RichTextEditorToolbar';\n"],"names":[],"mappings":"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"}

package/esm/index.css

@@ -0,0 +1,326 @@
+.m-dd3f7539 {
+  position: relative;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_root-bd);
+  border-radius: var(--mantine-radius-default);
+}
+
+  [data-mantine-color-scheme='light'] .m-dd3f7539 {
+    --_root-bd: var(--mantine-color-gray-4);
+}
+
+  [data-mantine-color-scheme='dark'] .m-dd3f7539 {
+    --_root-bd: var(--mantine-color-dark-4);
+}
+
+.m-d37966d9 {
+  padding: 0;
+  margin: 0;
+}
+
+.m-d37966d9 li > p {
+    margin: 0;
+  }
+
+.m-d37966d9 ul li,
+  .m-d37966d9 ol li {
+    margin-top: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-d37966d9 p {
+    margin-bottom: calc(0.4375rem * var(--mantine-scale));
+  }
+
+.m-d37966d9 h1,
+  .m-d37966d9 h2,
+  .m-d37966d9 h3,
+  .m-d37966d9 h4,
+  .m-d37966d9 h5,
+  .m-d37966d9 h6,
+  .m-d37966d9 p {
+    margin-top: 0;
+  }
+
+.m-c2204cc2 {
+  background-color: var(--mantine-color-body);
+  border-radius: var(--mantine-radius-default);
+}
+
+.m-c2204cc2 .ProseMirror {
+    outline: 0;
+    padding: var(--mantine-spacing-md);
+  }
+
+.m-c2204cc2 .ProseMirror > *:last-child {
+    margin-bottom: 0;
+  }
+
+.m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
+    content: attr(data-placeholder);
+    pointer-events: none;
+    user-select: none;
+    float: left;
+    height: 0;
+    color: var(--mantine-color-placeholder);
+  }
+
+.m-c2204cc2 pre {
+    background-color: var(--_code-bg);
+    color: var(--_code-color);
+    font-family: var(--mantine-font-family-monospace);
+    border-radius: var(--mantine-radius-default);
+    padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
+  }
+
+.m-c2204cc2 pre code {
+      background: none !important;
+      background-color: red;
+      color: inherit;
+      font-size: var(--mantine-font-size-sm);
+      padding: 0;
+    }
+
+.m-c2204cc2 pre .hljs-comment,
+    .m-c2204cc2 pre .hljs-quote {
+      color: var(--_code-color-comment);
+    }
+
+.m-c2204cc2 pre .hljs-variable,
+    .m-c2204cc2 pre .hljs-template-variable,
+    .m-c2204cc2 pre .hljs-attribute,
+    .m-c2204cc2 pre .hljs-tag,
+    .m-c2204cc2 pre .hljs-regexp,
+    .m-c2204cc2 pre .hljs-link,
+    .m-c2204cc2 pre .hljs-name,
+    .m-c2204cc2 pre .hljs-selector-id,
+    .m-c2204cc2 pre .hljs-selector-class {
+      color: var(--_code-color-var);
+    }
+
+.m-c2204cc2 pre .hljs-number,
+    .m-c2204cc2 pre .hljs-meta,
+    .m-c2204cc2 pre .hljs-built_in,
+    .m-c2204cc2 pre .hljs-builtin-name,
+    .m-c2204cc2 pre .hljs-literal,
+    .m-c2204cc2 pre .hljs-type,
+    .m-c2204cc2 pre .hljs-params {
+      color: var(--_code-color-number);
+    }
+
+.m-c2204cc2 pre .hljs-string,
+    .m-c2204cc2 pre .hljs-symbol,
+    .m-c2204cc2 pre .hljs-bullet {
+      color: var(--_code-color-var);
+    }
+
+.m-c2204cc2 pre .hljs-title,
+    .m-c2204cc2 pre .hljs-section {
+      color: var(--_code-color-title);
+    }
+
+.m-c2204cc2 pre .hljs-keyword,
+    .m-c2204cc2 pre .hljs-selector-tag {
+      color: var(--_code-color-keyword);
+    }
+
+.m-c2204cc2 pre .hljs-emphasis {
+      font-style: italic;
+    }
+
+.m-c2204cc2 pre .hljs-strong {
+      font-weight: 700;
+    }
+
+[data-mantine-color-scheme='light'] .m-c2204cc2 {
+    --_code-bg: var(--mantine-color-gray-0);
+    --_code-color: var(--mantine-color-gray-9);
+    --_code-color-comment: var(--mantine-color-gray-5);
+    --_code-color-var: var(--mantine-color-red-7);
+    --_code-color-number: var(--mantine-color-blue-7);
+    --_code-color-title: var(--mantine-color-pink-7);
+    --_code-color-keyword: var(--mantine-color-violet-7);
+}
+
+[data-mantine-color-scheme='dark'] .m-c2204cc2 {
+    --_code-bg: var(--mantine-color-dark-8);
+    --_code-color: var(--mantine-color-dark-0);
+    --_code-color-comment: var(--mantine-color-dark-2);
+    --_code-color-var: var(--mantine-color-red-5);
+    --_code-color-number: var(--mantine-color-cyan-5);
+    --_code-color-title: var(--mantine-color-yellow-5);
+    --_code-color-keyword: var(--mantine-color-violet-5);
+}
+
+.m-8a991b4f {
+  background-color: var(--mantine-color-body);
+}
+
+.m-c2207da6 {
+  background-color: var(--_control-bg);
+  color: var(--_control-color);
+  min-width: calc(1.625rem * var(--mantine-scale));
+  height: calc(1.625rem * var(--mantine-scale));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
+  border-radius: var(--mantine-radius-default);
+  cursor: var(--_control-cursor, default);
+}
+
+.m-c2207da6[data-interactive] {
+    --_control-cursor: pointer;
+  }
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:hover {
+        --_control-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:hover {
+        --_control-bg: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:active {
+        --_control-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:active {
+        --_control-bg: var(--mantine-color-dark-5);
+  }
+}
+
+[data-mantine-color-scheme] .m-c2207da6[data-active] {
+    --_control-bg: var(--mantine-primary-color-light);
+    --_control-color: var(--mantine-primary-color-light-color);
+  }
+
+@media (hover: hover) {
+
+  [data-mantine-color-scheme] .m-c2207da6[data-active]:hover {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  [data-mantine-color-scheme] .m-c2207da6[data-active]:active {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+[data-mantine-color-scheme='light'] .m-c2207da6 {
+    --_control-bg: var(--mantine-color-white);
+    --_control-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-c2207da6 {
+    --_control-bg: var(--mantine-color-dark-6);
+    --_control-bd: var(--mantine-color-dark-4);
+}
+
+.m-2ab47ef2 {
+  display: flex;
+  background-color: var(--mantine-color-body);
+}
+
+.m-2ab47ef2 [data-rich-text-editor-control] {
+    border-radius: 0;
+  }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
+      border-right: 0;
+    }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:last-of-type {
+      border-top-right-radius: var(--mantine-radius-default);
+      border-bottom-right-radius: var(--mantine-radius-default);
+    }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:first-of-type {
+      border-top-left-radius: var(--mantine-radius-default);
+      border-bottom-left-radius: var(--mantine-radius-default);
+    }
+
+.m-b67b711e {
+  display: flex;
+}
+
+.m-296cf94c {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: 0;
+}
+
+.m-cfef614 {
+  background-color: var(--_control-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
+  color: var(--_control-color, var(--mantine-color-text));
+  height: calc(1.5rem * var(--mantine-scale));
+  width: calc(1.5rem * var(--mantine-scale));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--mantine-radius-default);
+}
+
+[data-mantine-color-scheme] .m-cfef614[data-active] {
+    --_control-bg: var(--mantine-primary-color-light);
+    --_control-color: var(--mantine-primary-color-filled);
+  }
+
+@media (hover: hover) {
+
+  [data-mantine-color-scheme] .m-cfef614[data-active]:hover {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  [data-mantine-color-scheme] .m-cfef614[data-active]:active {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+[data-mantine-color-scheme='light'] .m-cfef614 {
+    --_control-bg: var(--mantine-color-white);
+    --_control-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-cfef614 {
+    --_control-bg: var(--mantine-color-dark-7);
+    --_control-bd: var(--mantine-color-dark-4);
+}
+
+.m-3b28e7bb {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.m-4574a3c4 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mantine-spacing-sm);
+  position: var(--_toolbar-position, static);
+  top: var(--rte-sticky-offset, 0);
+  background-color: var(--mantine-color-body);
+  z-index: 1;
+  border-top-right-radius: var(--mantine-radius-default);
+  border-top-left-radius: var(--mantine-radius-default);
+  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--_toolbar-bd);
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+}
+
+[data-mantine-color-scheme='light'] .m-4574a3c4 {
+    --_toolbar-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-4574a3c4 {
+    --_toolbar-bd: var(--mantine-color-dark-4);
+}
+
+.m-4574a3c4[data-sticky] {
+    --_toolbar-position: sticky;
+  }

package/esm/index.js

@@ -1,5 +1,13 @@
+'use client';
 export { RichTextEditor } from './RichTextEditor.js';
 export { useRichTextEditorContext } from './RichTextEditor.context.js';
 export { DEFAULT_LABELS } from './labels.js';
+export { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup.js';
+export { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl.js';
+export { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent.js';
 export { Link } from './extensions/Link.js';
+export { RichTextEditorLinkControl } from './RichTextEditorControl/RichTextEditorLinkControl.js';
+export { RichTextEditorColorPickerControl } from './RichTextEditorControl/RichTextEditorColorPickerControl.js';
+export { RichTextEditorColorControl } from './RichTextEditorControl/RichTextEditorColorControl.js';
+export { AlignCenterControl, AlignJustifyControl, AlignLeftControl, AlignRightControl, BlockquoteControl, BoldControl, BulletListControl, ClearFormattingControl, CodeBlockControl, CodeControl, H1Control, H2Control, H3Control, H4Control, H5Control, H6Control, HighlightControl, HrControl, ItalicControl, OrderedListControl, StrikeThroughControl, SubscriptControl, SuperscriptControl, UnderlineControl, UnlinkControl, UnsetColorControl } from './RichTextEditorControl/controls.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/esm/labels.js

@@ -1,4 +1,5 @@
 const DEFAULT_LABELS = {
+  // Controls labels
   linkControlLabel: "Link",
   colorPickerControlLabel: "Text color",
   highlightControlLabel: "Highlight text",
@@ -28,11 +29,13 @@ const DEFAULT_LABELS = {
   superscriptControlLabel: "Superscript",
   unsetColorControlLabel: "Unset color",
   hrControlLabel: "Horizontal line",
+  // Link editor
   linkEditorInputLabel: "Enter URL",
   linkEditorInputPlaceholder: "https://example.com/",
   linkEditorExternalLink: "Open link in a new tab",
   linkEditorInternalLink: "Open link in the same tab",
   linkEditorSave: "Save",
+  // Color picker control
   colorPickerCancel: "Cancel",
   colorPickerClear: "Clear color",
   colorPickerColorPicker: "Color picker",

package/esm/labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n  /** RichTextEditor.Bold control aria-label */\n  boldControlLabel: string;\n\n  /** RichTextEditor.Hr control aria-label */\n  hrControlLabel: string;\n\n  /** RichTextEditor.Italic control aria-label */\n  italicControlLabel: string;\n\n  /** RichTextEditor.Underline control aria-label */\n  underlineControlLabel: string;\n\n  /** RichTextEditor.Strike control aria-label */\n  strikeControlLabel: string;\n\n  /** RichTextEditor.ClearFormatting control aria-label */\n  clearFormattingControlLabel: string;\n\n  /** RichTextEditor.Link control aria-label */\n  linkControlLabel: string;\n\n  /** RichTextEditor.Unlink control aria-label */\n  unlinkControlLabel: string;\n\n  /** RichTextEditor.BulletList control aria-label */\n  bulletListControlLabel: string;\n\n  /** RichTextEditor.OrderedList control aria-label */\n  orderedListControlLabel: string;\n\n  /** RichTextEditor.H1 control aria-label */\n  h1ControlLabel: string;\n\n  /** RichTextEditor.H2 control aria-label */\n  h2ControlLabel: string;\n\n  /** RichTextEditor.H3 control aria-label */\n  h3ControlLabel: string;\n\n  /** RichTextEditor.H4 control aria-label */\n  h4ControlLabel: string;\n\n  /** RichTextEditor.H5 control aria-label */\n  h5ControlLabel: string;\n\n  /** RichTextEditor.H6 control aria-label */\n  h6ControlLabel: string;\n\n  /** RichTextEditor.Blockquote control aria-label */\n  blockquoteControlLabel: string;\n\n  /** RichTextEditor.AlignLeft control aria-label */\n  alignLeftControlLabel: string;\n\n  /** RichTextEditor.AlignCenter control aria-label */\n  alignCenterControlLabel: string;\n\n  /** RichTextEditor.AlignRight control aria-label */\n  alignRightControlLabel: string;\n\n  /** RichTextEditor.AlignJustify control aria-label */\n  alignJustifyControlLabel: string;\n\n  /** RichTextEditor.Code control aria-label */\n  codeControlLabel: string;\n\n  /** RichTextEditor.CodeBlock control aria-label */\n  codeBlockControlLabel: string;\n\n  /** RichTextEditor.Subscript control aria-label */\n  subscriptControlLabel: string;\n\n  /** RichTextEditor.Superscript control aria-label */\n  superscriptControlLabel: string;\n\n  /** RichTextEditor.ColorPicker control aria-label */\n  colorPickerControlLabel: string;\n\n  /** RichTextEditor.UnsetColor control aria-label */\n  unsetColorControlLabel: string;\n\n  /** RichTextEditor.Highlight control aria-label */\n  highlightControlLabel: string;\n\n  /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n  colorControlLabel(color: string): string;\n\n  /** aria-label for link editor url input */\n  linkEditorInputLabel: string;\n\n  /** placeholder for link editor url input */\n  linkEditorInputPlaceholder: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n  linkEditorExternalLink: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n  linkEditorInternalLink: string;\n\n  /** Save button content in link editor */\n  linkEditorSave: string;\n\n  /** Cancel button title text in color picker control */\n  colorPickerCancel: string;\n\n  /** Clear button title text in color picker control */\n  colorPickerClear: string;\n\n  /** Color picker button title text in color picker control */\n  colorPickerColorPicker: string;\n\n  /** Palette button title text in color picker control */\n  colorPickerPalette: string;\n\n  /** Save button title text in color picker control */\n  colorPickerSave: string;\n\n  /** aria-label for color palette colors */\n  colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n  // Controls labels\n  linkControlLabel: 'Link',\n  colorPickerControlLabel: 'Text color',\n  highlightControlLabel: 'Highlight text',\n  colorControlLabel: (color) => `Set text color ${color}`,\n  boldControlLabel: 'Bold',\n  italicControlLabel: 'Italic',\n  underlineControlLabel: 'Underline',\n  strikeControlLabel: 'Strikethrough',\n  clearFormattingControlLabel: 'Clear formatting',\n  unlinkControlLabel: 'Remove link',\n  bulletListControlLabel: 'Bullet list',\n  orderedListControlLabel: 'Ordered list',\n  h1ControlLabel: 'Heading 1',\n  h2ControlLabel: 'Heading 2',\n  h3ControlLabel: 'Heading 3',\n  h4ControlLabel: 'Heading 4',\n  h5ControlLabel: 'Heading 5',\n  h6ControlLabel: 'Heading 6',\n  blockquoteControlLabel: 'Blockquote',\n  alignLeftControlLabel: 'Align text: left',\n  alignCenterControlLabel: 'Align text: center',\n  alignRightControlLabel: 'Align text: right',\n  alignJustifyControlLabel: 'Align text: justify',\n  codeControlLabel: 'Code',\n  codeBlockControlLabel: 'Code block',\n  subscriptControlLabel: 'Subscript',\n  superscriptControlLabel: 'Superscript',\n  unsetColorControlLabel: 'Unset color',\n  hrControlLabel: 'Horizontal line',\n\n  // Link editor\n  linkEditorInputLabel: 'Enter URL',\n  linkEditorInputPlaceholder: 'https://example.com/',\n  linkEditorExternalLink: 'Open link in a new tab',\n  linkEditorInternalLink: 'Open link in the same tab',\n  linkEditorSave: 'Save',\n\n  // Color picker control\n  colorPickerCancel: 'Cancel',\n  colorPickerClear: 'Clear color',\n  colorPickerColorPicker: 'Color picker',\n  colorPickerPalette: 'Color palette',\n  colorPickerSave: 'Save',\n  colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG;AAC9B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,uBAAuB,EAAE,YAAY;AACvC,EAAE,qBAAqB,EAAE,gBAAgB;AACzC,EAAE,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,kBAAkB,EAAE,QAAQ;AAC9B,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,2BAA2B,EAAE,kBAAkB;AACjD,EAAE,kBAAkB,EAAE,aAAa;AACnC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,uBAAuB,EAAE,cAAc;AACzC,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,sBAAsB,EAAE,YAAY;AACtC,EAAE,qBAAqB,EAAE,kBAAkB;AAC3C,EAAE,uBAAuB,EAAE,oBAAoB;AAC/C,EAAE,sBAAsB,EAAE,mBAAmB;AAC7C,EAAE,wBAAwB,EAAE,qBAAqB;AACjD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,qBAAqB,EAAE,YAAY;AACrC,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,uBAAuB,EAAE,aAAa;AACxC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,cAAc,EAAE,iBAAiB;AACnC,EAAE,oBAAoB,EAAE,WAAW;AACnC,EAAE,0BAA0B,EAAE,sBAAsB;AACpD,EAAE,sBAAsB,EAAE,wBAAwB;AAClD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,iBAAiB,EAAE,QAAQ;AAC7B,EAAE,gBAAgB,EAAE,aAAa;AACjC,EAAE,sBAAsB,EAAE,cAAc;AACxC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC7D;;;;"}
+{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n  /** RichTextEditor.Bold control aria-label */\n  boldControlLabel: string;\n\n  /** RichTextEditor.Hr control aria-label */\n  hrControlLabel: string;\n\n  /** RichTextEditor.Italic control aria-label */\n  italicControlLabel: string;\n\n  /** RichTextEditor.Underline control aria-label */\n  underlineControlLabel: string;\n\n  /** RichTextEditor.Strike control aria-label */\n  strikeControlLabel: string;\n\n  /** RichTextEditor.ClearFormatting control aria-label */\n  clearFormattingControlLabel: string;\n\n  /** RichTextEditor.Link control aria-label */\n  linkControlLabel: string;\n\n  /** RichTextEditor.Unlink control aria-label */\n  unlinkControlLabel: string;\n\n  /** RichTextEditor.BulletList control aria-label */\n  bulletListControlLabel: string;\n\n  /** RichTextEditor.OrderedList control aria-label */\n  orderedListControlLabel: string;\n\n  /** RichTextEditor.H1 control aria-label */\n  h1ControlLabel: string;\n\n  /** RichTextEditor.H2 control aria-label */\n  h2ControlLabel: string;\n\n  /** RichTextEditor.H3 control aria-label */\n  h3ControlLabel: string;\n\n  /** RichTextEditor.H4 control aria-label */\n  h4ControlLabel: string;\n\n  /** RichTextEditor.H5 control aria-label */\n  h5ControlLabel: string;\n\n  /** RichTextEditor.H6 control aria-label */\n  h6ControlLabel: string;\n\n  /** RichTextEditor.Blockquote control aria-label */\n  blockquoteControlLabel: string;\n\n  /** RichTextEditor.AlignLeft control aria-label */\n  alignLeftControlLabel: string;\n\n  /** RichTextEditor.AlignCenter control aria-label */\n  alignCenterControlLabel: string;\n\n  /** RichTextEditor.AlignRight control aria-label */\n  alignRightControlLabel: string;\n\n  /** RichTextEditor.AlignJustify control aria-label */\n  alignJustifyControlLabel: string;\n\n  /** RichTextEditor.Code control aria-label */\n  codeControlLabel: string;\n\n  /** RichTextEditor.CodeBlock control aria-label */\n  codeBlockControlLabel: string;\n\n  /** RichTextEditor.Subscript control aria-label */\n  subscriptControlLabel: string;\n\n  /** RichTextEditor.Superscript control aria-label */\n  superscriptControlLabel: string;\n\n  /** RichTextEditor.ColorPicker control aria-label */\n  colorPickerControlLabel: string;\n\n  /** RichTextEditor.UnsetColor control aria-label */\n  unsetColorControlLabel: string;\n\n  /** RichTextEditor.Highlight control aria-label */\n  highlightControlLabel: string;\n\n  /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n  colorControlLabel(color: string): string;\n\n  /** aria-label for link editor url input */\n  linkEditorInputLabel: string;\n\n  /** placeholder for link editor url input */\n  linkEditorInputPlaceholder: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n  linkEditorExternalLink: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n  linkEditorInternalLink: string;\n\n  /** Save button content in link editor */\n  linkEditorSave: string;\n\n  /** Cancel button title text in color picker control */\n  colorPickerCancel: string;\n\n  /** Clear button title text in color picker control */\n  colorPickerClear: string;\n\n  /** Color picker button title text in color picker control */\n  colorPickerColorPicker: string;\n\n  /** Palette button title text in color picker control */\n  colorPickerPalette: string;\n\n  /** Save button title text in color picker control */\n  colorPickerSave: string;\n\n  /** aria-label for color palette colors */\n  colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n  // Controls labels\n  linkControlLabel: 'Link',\n  colorPickerControlLabel: 'Text color',\n  highlightControlLabel: 'Highlight text',\n  colorControlLabel: (color) => `Set text color ${color}`,\n  boldControlLabel: 'Bold',\n  italicControlLabel: 'Italic',\n  underlineControlLabel: 'Underline',\n  strikeControlLabel: 'Strikethrough',\n  clearFormattingControlLabel: 'Clear formatting',\n  unlinkControlLabel: 'Remove link',\n  bulletListControlLabel: 'Bullet list',\n  orderedListControlLabel: 'Ordered list',\n  h1ControlLabel: 'Heading 1',\n  h2ControlLabel: 'Heading 2',\n  h3ControlLabel: 'Heading 3',\n  h4ControlLabel: 'Heading 4',\n  h5ControlLabel: 'Heading 5',\n  h6ControlLabel: 'Heading 6',\n  blockquoteControlLabel: 'Blockquote',\n  alignLeftControlLabel: 'Align text: left',\n  alignCenterControlLabel: 'Align text: center',\n  alignRightControlLabel: 'Align text: right',\n  alignJustifyControlLabel: 'Align text: justify',\n  codeControlLabel: 'Code',\n  codeBlockControlLabel: 'Code block',\n  subscriptControlLabel: 'Subscript',\n  superscriptControlLabel: 'Superscript',\n  unsetColorControlLabel: 'Unset color',\n  hrControlLabel: 'Horizontal line',\n\n  // Link editor\n  linkEditorInputLabel: 'Enter URL',\n  linkEditorInputPlaceholder: 'https://example.com/',\n  linkEditorExternalLink: 'Open link in a new tab',\n  linkEditorInternalLink: 'Open link in the same tab',\n  linkEditorSave: 'Save',\n\n  // Color picker control\n  colorPickerCancel: 'Cancel',\n  colorPickerClear: 'Clear color',\n  colorPickerColorPicker: 'Color picker',\n  colorPickerPalette: 'Color palette',\n  colorPickerSave: 'Save',\n  colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG;AAC9B;AACA,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,uBAAuB,EAAE,YAAY;AACvC,EAAE,qBAAqB,EAAE,gBAAgB;AACzC,EAAE,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,kBAAkB,EAAE,QAAQ;AAC9B,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,2BAA2B,EAAE,kBAAkB;AACjD,EAAE,kBAAkB,EAAE,aAAa;AACnC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,uBAAuB,EAAE,cAAc;AACzC,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,sBAAsB,EAAE,YAAY;AACtC,EAAE,qBAAqB,EAAE,kBAAkB;AAC3C,EAAE,uBAAuB,EAAE,oBAAoB;AAC/C,EAAE,sBAAsB,EAAE,mBAAmB;AAC7C,EAAE,wBAAwB,EAAE,qBAAqB;AACjD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,qBAAqB,EAAE,YAAY;AACrC,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,uBAAuB,EAAE,aAAa;AACxC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,cAAc,EAAE,iBAAiB;AACnC;AACA,EAAE,oBAAoB,EAAE,WAAW;AACnC,EAAE,0BAA0B,EAAE,sBAAsB;AACpD,EAAE,sBAAsB,EAAE,wBAAwB;AAClD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,cAAc,EAAE,MAAM;AACxB;AACA,EAAE,iBAAiB,EAAE,QAAQ;AAC7B,EAAE,gBAAgB,EAAE,aAAa;AACjC,EAAE,sBAAsB,EAAE,cAAc;AACxC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC7D;;;;"}

package/lib/RichTextEditor.context.d.ts

@@ -1,20 +1,18 @@
-import { Styles, ClassNames } from '@mantine/core';
+/// <reference types="react" />
+import { GetStylesApi } from '@mantine/core';
 import { Editor } from '@tiptap/react';
 import { RichTextEditorLabels } from './labels';
-import type { RichTextEditorStylesNames } from './RichTextEditor';
+import type { RichTextEditorFactory } from './RichTextEditor';
 interface RichTextEditorContext {
-    editor: Editor;
+    getStyles: GetStylesApi<RichTextEditorFactory>;
+    editor: Editor | null;
     labels: RichTextEditorLabels;
-    withCodeHighlightStyles: boolean;
-    withTypographyStyles: boolean;
-    classNames: ClassNames<RichTextEditorStylesNames>;
-    styles: Styles<RichTextEditorStylesNames>;
-    unstyled: boolean;
-    variant: string;
+    withCodeHighlightStyles: boolean | undefined;
+    withTypographyStyles: boolean | undefined;
 }
 export declare const RichTextEditorProvider: ({ children, value }: {
     value: RichTextEditorContext;
     children: import("react").ReactNode;
-}) => JSX.Element, useRichTextEditorContext: () => RichTextEditorContext;
+}) => import("react/jsx-runtime").JSX.Element, useRichTextEditorContext: () => RichTextEditorContext;
 export {};
 //# sourceMappingURL=RichTextEditor.context.d.ts.map

package/lib/RichTextEditor.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.context.d.ts","sourceRoot":"","sources":["../src/RichTextEditor.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElE,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,uBAAuB,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAO,sBAAsB;;;mBAAE,wBAAwB,6BACoB,CAAC"}
+{"version":3,"file":"RichTextEditor.context.d.ts","sourceRoot":"","sources":["../src/RichTextEditor.context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D,UAAU,qBAAqB;IAC7B,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IAC/C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,eAAO,MAAO,sBAAsB;;;+CAAE,wBAAwB,6BAC8B,CAAC"}