@mantine/tiptap 6.0.19 → 7.0.0-beta.0

package/esm/RichTextEditorControl/RichTextEditorControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorControl.js","sources":["../../src/RichTextEditorControl/RichTextEditorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  UnstyledButton,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  rem,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorLabels } from '../labels';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlStylesNames = 'control';\n\nexport interface RichTextEditorControlProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorControlFactory>,\n    ElementProps<'button'> {\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\nexport type RichTextEditorControlFactory = Factory<{\n  props: RichTextEditorControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorControlStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorControlProps> = {\n  interactive: true,\n};\n\nexport const RichTextEditorControl = factory<RichTextEditorControlFactory>((_props, ref) => {\n  const props = useProps('RichTextEditorControl', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, interactive, active, ...others } =\n    props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <UnstyledButton\n      {...others}\n      {...ctx.getStyles('control', { className, style, classNames, styles })}\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    />\n  );\n});\n\nRichTextEditorControl.classes = classes;\nRichTextEditorControl.displayName = '@mantine/tiptap/RichTextEditorControl';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon?: React.FC<{ style: React.CSSProperties }>;\n}\n\nexport const RichTextEditorControlBase = forwardRef<\n  HTMLButtonElement,\n  RichTextEditorControlBaseProps\n>(({ className, icon: Icon, ...others }: any, ref) => (\n  <RichTextEditorControl ref={ref} {...others}>\n    <Icon style={{ width: rem(16), height: rem(16) }} />\n  </RichTextEditorControl>\n));\n\nRichTextEditorControlBase.displayName = '@mantine/tiptap/RichTextEditorControlBase';\n\nexport interface CreateControlProps {\n  label: keyof RichTextEditorLabels;\n  icon: React.FC<{ style: React.CSSProperties }>;\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, RichTextEditorControlBaseProps>((props, ref) => {\n    const { editor, labels } = useRichTextEditorContext();\n    const _label = labels[label] as string;\n    return (\n      <RichTextEditorControlBase\n        {...props}\n        aria-label={_label}\n        title={_label}\n        active={isActive?.name ? editor?.isActive(isActive.name, isActive.attributes) : false}\n        ref={ref}\n        onClick={() => (editor as any)?.chain().focus()[operation.name](operation.attributes).run()}\n        icon={props.icon || icon}\n      />\n    );\n  });\n}\n"],"names":[],"mappings":"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"}

package/esm/RichTextEditorControl/RichTextEditorLinkControl.js

@@ -0,0 +1,179 @@
+import React, { useState } from 'react';
+import { factory, useProps, useResolvedStylesApi, Popover, TextInput, Tooltip, UnstyledButton, rem, Button } from '@mantine/core';
+import { useInputState, useDisclosure, useWindowEvent } from '@mantine/hooks';
+import { IconExternalLink, IconLink } from '@tabler/icons-react';
+import { useRichTextEditorContext } from '../RichTextEditor.context.js';
+import { RichTextEditorControlBase } from './RichTextEditorControl.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;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const LinkIcon = (props) => /* @__PURE__ */ React.createElement(IconLink, __spreadValues({ stroke: 1.5 }, props));
+const defaultProps = {};
+const RichTextEditorLinkControl = factory(
+  (_props, ref) => {
+    var _b;
+    const props = useProps("RichTextEditorLinkControl", defaultProps, _props);
+    const _a = props, {
+      classNames,
+      className,
+      style,
+      styles,
+      unstyled,
+      vars,
+      icon,
+      popoverProps,
+      disableTooltips,
+      initialExternal
+    } = _a, others = __objRest(_a, [
+      "classNames",
+      "className",
+      "style",
+      "styles",
+      "unstyled",
+      "vars",
+      "icon",
+      "popoverProps",
+      "disableTooltips",
+      "initialExternal"
+    ]);
+    const ctx = useRichTextEditorContext();
+    const stylesApiProps = { classNames, styles };
+    const [url, setUrl] = useInputState("");
+    const [external, setExternal] = useState(initialExternal);
+    const [opened, { open, close }] = useDisclosure(false);
+    const handleOpen = () => {
+      var _a2;
+      open();
+      const linkData = (_a2 = ctx.editor) == null ? void 0 : _a2.getAttributes("link");
+      setUrl((linkData == null ? void 0 : linkData.href) || "");
+      setExternal((linkData == null ? void 0 : linkData.target) === "_blank");
+    };
+    const handleClose = () => {
+      close();
+      setUrl("");
+      setExternal(initialExternal);
+    };
+    const setLink = () => {
+      var _a2, _b2;
+      handleClose();
+      url === "" ? (_a2 = ctx.editor) == null ? void 0 : _a2.chain().focus().extendMarkRange("link").unsetLink().run() : (_b2 = ctx.editor) == null ? void 0 : _b2.chain().focus().extendMarkRange("link").setLink({ href: url, target: external ? "_blank" : null }).run();
+    };
+    const handleInputKeydown = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        setLink();
+      }
+    };
+    useWindowEvent("edit-link", handleOpen, false);
+    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({ classNames, styles, props });
+    return /* @__PURE__ */ React.createElement(
+      Popover,
+      __spreadValues({
+        trapFocus: true,
+        shadow: "md",
+        withinPortal: true,
+        opened,
+        onClose: handleClose,
+        offset: -44,
+        zIndex: 1e4,
+        unstyled
+      }, popoverProps),
+      /* @__PURE__ */ React.createElement(Popover.Target, null, /* @__PURE__ */ React.createElement(
+        RichTextEditorControlBase,
+        __spreadProps(__spreadValues({
+          icon: icon || LinkIcon
+        }, others), {
+          "aria-label": ctx.labels.linkControlLabel,
+          title: ctx.labels.linkControlLabel,
+          onClick: handleOpen,
+          active: (_b = ctx.editor) == null ? void 0 : _b.isActive("link"),
+          unstyled,
+          ref,
+          classNames: resolvedClassNames,
+          styles: resolvedStyles,
+          className,
+          style
+        })
+      )),
+      /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({}, ctx.getStyles("linkEditorDropdown", stylesApiProps)), /* @__PURE__ */ React.createElement("div", __spreadValues({}, ctx.getStyles("linkEditor", stylesApiProps)), /* @__PURE__ */ React.createElement(
+        TextInput,
+        {
+          placeholder: ctx.labels.linkEditorInputPlaceholder,
+          "aria-label": ctx.labels.linkEditorInputLabel,
+          type: "url",
+          value: url,
+          onChange: setUrl,
+          classNames: { input: ctx.getStyles("linkEditorInput", stylesApiProps).className },
+          onKeyDown: handleInputKeydown,
+          unstyled,
+          rightSection: /* @__PURE__ */ React.createElement(
+            Tooltip,
+            {
+              label: external ? ctx.labels.linkEditorExternalLink : ctx.labels.linkEditorInternalLink,
+              events: { hover: true, focus: true, touch: true },
+              withinPortal: true,
+              withArrow: true,
+              disabled: disableTooltips,
+              unstyled,
+              zIndex: 1e4
+            },
+            /* @__PURE__ */ React.createElement(
+              UnstyledButton,
+              __spreadProps(__spreadValues({
+                onClick: () => setExternal((e) => !e),
+                "data-active": external || void 0
+              }, ctx.getStyles("linkEditorExternalControl", stylesApiProps)), {
+                unstyled
+              }),
+              /* @__PURE__ */ React.createElement(IconExternalLink, { style: { width: rem(14), height: rem(14) }, stroke: 1.5 })
+            )
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Button,
+        __spreadProps(__spreadValues({
+          variant: "default",
+          onClick: setLink
+        }, ctx.getStyles("linkEditorSave", stylesApiProps)), {
+          unstyled
+        }),
+        ctx.labels.linkEditorSave
+      )))
+    );
+  }
+);
+RichTextEditorLinkControl.classes = classes;
+RichTextEditorLinkControl.displayName = "@mantine/tiptap/RichTextEditorLinkControl";
+
+export { RichTextEditorLinkControl };
+//# sourceMappingURL=RichTextEditorLinkControl.js.map

package/esm/RichTextEditorControl/RichTextEditorLinkControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorLinkControl.js","sources":["../../src/RichTextEditorControl/RichTextEditorLinkControl.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  useProps,\n  Factory,\n  PopoverProps,\n  Popover,\n  TextInput,\n  Button,\n  UnstyledButton,\n  Tooltip,\n  rem,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useInputState, useDisclosure, useWindowEvent } from '@mantine/hooks';\nimport { IconExternalLink, IconLink } from '@tabler/icons-react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControlBaseProps, RichTextEditorControlBase } from './RichTextEditorControl';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorLinkControlStylesNames =\n  | 'linkEditor'\n  | 'linkEditorDropdown'\n  | 'linkEditorSave'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorLinkControlProps\n  extends BoxProps,\n    Omit<RichTextEditorControlBaseProps, 'classNames' | 'styles' | 'vars'>,\n    StylesApiProps<RichTextEditorLinkControlFactory> {\n  /** Props passed down to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Determines whether external link control tooltip should be disabled, `false` by default */\n  disableTooltips?: boolean;\n\n  /** Initial state for determining whether the link should be an external, `false` by default */\n  initialExternal?: boolean;\n}\n\nexport type RichTextEditorLinkControlFactory = Factory<{\n  props: RichTextEditorLinkControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorLinkControlStylesNames;\n  compound: true;\n}>;\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = (props) => (\n  <IconLink stroke={1.5} {...props} />\n);\n\nconst defaultProps: Partial<RichTextEditorLinkControlProps> = {};\n\nexport const RichTextEditorLinkControl = factory<RichTextEditorLinkControlFactory>(\n  (_props, ref) => {\n    const props = useProps('RichTextEditorLinkControl', defaultProps, _props);\n    const {\n      classNames,\n      className,\n      style,\n      styles,\n      unstyled,\n      vars,\n      icon,\n      popoverProps,\n      disableTooltips,\n      initialExternal,\n      ...others\n    } = props;\n\n    const ctx = useRichTextEditorContext();\n\n    const stylesApiProps = { classNames, styles };\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 = ctx.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        ? ctx.editor?.chain().focus().extendMarkRange('link').unsetLink().run()\n        : ctx.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    const { resolvedClassNames, resolvedStyles } =\n      useResolvedStylesApi<RichTextEditorLinkControlFactory>({ classNames, styles, props });\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          <RichTextEditorControlBase\n            icon={icon || LinkIcon}\n            {...others}\n            aria-label={ctx.labels.linkControlLabel}\n            title={ctx.labels.linkControlLabel}\n            onClick={handleOpen}\n            active={ctx.editor?.isActive('link')}\n            unstyled={unstyled}\n            ref={ref}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            className={className}\n            style={style}\n          />\n        </Popover.Target>\n\n        <Popover.Dropdown {...ctx.getStyles('linkEditorDropdown', stylesApiProps)}>\n          <div {...ctx.getStyles('linkEditor', stylesApiProps)}>\n            <TextInput\n              placeholder={ctx.labels.linkEditorInputPlaceholder}\n              aria-label={ctx.labels.linkEditorInputLabel}\n              type=\"url\"\n              value={url}\n              onChange={setUrl}\n              classNames={{ input: ctx.getStyles('linkEditorInput', stylesApiProps).className }}\n              onKeyDown={handleInputKeydown}\n              unstyled={unstyled}\n              rightSection={\n                <Tooltip\n                  label={\n                    external ? ctx.labels.linkEditorExternalLink : ctx.labels.linkEditorInternalLink\n                  }\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                    {...ctx.getStyles('linkEditorExternalControl', stylesApiProps)}\n                    unstyled={unstyled}\n                  >\n                    <IconExternalLink style={{ width: rem(14), height: rem(14) }} stroke={1.5} />\n                  </UnstyledButton>\n                </Tooltip>\n              }\n            />\n\n            <Button\n              variant=\"default\"\n              onClick={setLink}\n              {...ctx.getStyles('linkEditorSave', stylesApiProps)}\n              unstyled={unstyled}\n            >\n              {ctx.labels.linkEditorSave}\n            </Button>\n          </div>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n\nRichTextEditorLinkControl.classes = classes;\nRichTextEditorLinkControl.displayName = '@mantine/tiptap/RichTextEditorLinkControl';\n"],"names":[],"mappings":"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"}

package/esm/{controls → RichTextEditorControl}/controls.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconItalic, IconUnderline, IconStrikethrough, IconClearFormatting, IconUnlink, IconList, IconListNumbers, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconBlockquote, IconAlignLeft, IconAlignRight, IconAlignCenter, IconAlignJustified, IconSubscript, IconSuperscript, IconCode, IconHighlight, IconLineDashed, IconCircleOff, IconBold } from '@tabler/icons-react';
-import { createControl } from './ControlBase/create-control.js';
+import { createControl } from './RichTextEditorControl.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -23,202 +23,150 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const BoldControl = createControl({
   label: "boldControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconBold, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconBold, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "bold" },
   operation: { name: "toggleBold" }
 });
 const ItalicControl = createControl({
   label: "italicControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconItalic, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconItalic, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "italic" },
   operation: { name: "toggleItalic" }
 });
 const UnderlineControl = createControl({
   label: "underlineControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconUnderline, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconUnderline, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "underline" },
   operation: { name: "toggleUnderline" }
 });
 const StrikeThroughControl = createControl({
   label: "strikeControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconStrikethrough, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconStrikethrough, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "strike" },
   operation: { name: "toggleStrike" }
 });
 const ClearFormattingControl = createControl({
   label: "clearFormattingControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconClearFormatting, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconClearFormatting, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "unsetAllMarks" }
 });
 const UnlinkControl = createControl({
   label: "unlinkControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconUnlink, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconUnlink, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "unsetLink" }
 });
 const BulletListControl = createControl({
   label: "bulletListControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconList, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconList, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "bulletList" },
   operation: { name: "toggleBulletList" }
 });
 const OrderedListControl = createControl({
   label: "orderedListControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconListNumbers, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconListNumbers, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "orderedList" },
   operation: { name: "toggleOrderedList" }
 });
 const H1Control = createControl({
   label: "h1ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH1, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH1, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 1 } },
   operation: { name: "toggleHeading", attributes: { level: 1 } }
 });
 const H2Control = createControl({
   label: "h2ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH2, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH2, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 2 } },
   operation: { name: "toggleHeading", attributes: { level: 2 } }
 });
 const H3Control = createControl({
   label: "h3ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH3, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH3, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 3 } },
   operation: { name: "toggleHeading", attributes: { level: 3 } }
 });
 const H4Control = createControl({
   label: "h4ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH4, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH4, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 4 } },
   operation: { name: "toggleHeading", attributes: { level: 4 } }
 });
 const H5Control = createControl({
   label: "h5ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH5, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH5, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 5 } },
   operation: { name: "toggleHeading", attributes: { level: 5 } }
 });
 const H6Control = createControl({
   label: "h6ControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconH6, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconH6, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "heading", attributes: { level: 6 } },
   operation: { name: "toggleHeading", attributes: { level: 6 } }
 });
 const BlockquoteControl = createControl({
   label: "blockquoteControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconBlockquote, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconBlockquote, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "blockquote" },
   operation: { name: "toggleBlockquote" }
 });
 const AlignLeftControl = createControl({
   label: "alignLeftControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignLeft, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignLeft, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "setTextAlign", attributes: "left" }
 });
 const AlignRightControl = createControl({
   label: "alignRightControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignRight, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignRight, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "setTextAlign", attributes: "right" }
 });
 const AlignCenterControl = createControl({
   label: "alignCenterControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignCenter, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignCenter, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "setTextAlign", attributes: "center" }
 });
 const AlignJustifyControl = createControl({
   label: "alignJustifyControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignJustified, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconAlignJustified, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "setTextAlign", attributes: "justify" }
 });
 const SubscriptControl = createControl({
   label: "subscriptControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconSubscript, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconSubscript, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "subscript" },
   operation: { name: "toggleSubscript" }
 });
 const SuperscriptControl = createControl({
   label: "superscriptControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconSuperscript, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconSuperscript, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "superscript" },
   operation: { name: "toggleSuperscript" }
 });
 const CodeControl = createControl({
   label: "codeControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconCode, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconCode, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "code" },
   operation: { name: "toggleCode" }
 });
 const CodeBlockControl = createControl({
   label: "codeBlockControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconCode, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconCode, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "codeBlock" },
   operation: { name: "toggleCodeBlock" }
 });
 const HighlightControl = createControl({
   label: "highlightControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconHighlight, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconHighlight, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   isActive: { name: "highlight" },
   operation: { name: "toggleHighlight" }
 });
 const HrControl = createControl({
   label: "hrControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconLineDashed, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconLineDashed, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "setHorizontalRule" }
 });
 const UnsetColorControl = createControl({
   label: "unsetColorControlLabel",
-  icon: (props) => /* @__PURE__ */ React.createElement(IconCircleOff, __spreadProps(__spreadValues({}, props), {
-    stroke: 1.5
-  })),
+  icon: (props) => /* @__PURE__ */ React.createElement(IconCircleOff, __spreadProps(__spreadValues({}, props), { stroke: 1.5 })),
   operation: { name: "unsetColor" }
 });
 

package/esm/RichTextEditorControl/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sources":["../../src/RichTextEditorControl/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 './RichTextEditorControl';\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":[],"mappings":"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"}

package/esm/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js}

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps, Group } from '@mantine/core';
+import React from 'react';
+import { factory, useProps, Box } from '@mantine/core';
 import { useRichTextEditorContext } from '../RichTextEditor.context.js';
-import useStyles from './Toolbar.styles.js';
+import classes from '../RichTextEditor.module.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -31,25 +31,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultProps = {
-  stickyOffset: 0
-};
-const Toolbar = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("RichTextEditorToolbar", defaultProps, props), { className, children, sticky, stickyOffset } = _a, others = __objRest(_a, ["className", "children", "sticky", "stickyOffset"]);
-  const ctx = useRichTextEditorContext();
-  const { classes, cx } = useStyles({ sticky, stickyOffset }, {
-    name: "RichTextEditor",
-    classNames: ctx.classNames,
-    styles: ctx.styles,
-    unstyled: ctx.unstyled,
-    variant: ctx.variant
-  });
-  return /* @__PURE__ */ React.createElement(Group, __spreadValues({
-    className: cx(classes.toolbar, className),
-    ref
-  }, others), children);
-});
-Toolbar.displayName = "@mantine/tiptap/Toolbar";
+const defaultProps = {};
+const RichTextEditorControlsGroup = factory(
+  (_props, ref) => {
+    const props = useProps("RichTextEditorControlsGroup", defaultProps, _props);
+    const _a = props, { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+    const ctx = useRichTextEditorContext();
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      __spreadValues(__spreadValues({
+        ref
+      }, ctx.getStyles("controlsGroup", { className, style, styles, classNames })), others)
+    );
+  }
+);
+RichTextEditorControlsGroup.classes = classes;
+RichTextEditorControlsGroup.displayName = "@mantine/tiptap/RichTextEditorControlsGroup";
 
-export { Toolbar };
-//# sourceMappingURL=Toolbar.js.map
+export { RichTextEditorControlsGroup };
+//# sourceMappingURL=RichTextEditorControlsGroup.js.map

package/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map

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