@liveblocks/react-tiptap 2.15.2 → 2.16.0-toolbars1

package/dist/toolbar/FloatingToolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.mjs","sources":["../../src/toolbar/FloatingToolbar.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  type DetectOverflowOptions,\n  flip,\n  hide,\n  inline,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n  type UseFloatingOptions,\n} from \"@floating-ui/react-dom\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport { TooltipProvider, useRefs } from \"@liveblocks/react-ui/_private\";\nimport { type Editor, isTextSelection, useEditorState } from \"@tiptap/react\";\nimport type {\n  ComponentProps,\n  FocusEvent as ReactFocusEvent,\n  PointerEvent as ReactPointerEvent,\n} from \"react\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { classNames } from \"../classnames\";\nimport { EditorProvider } from \"../context\";\nimport type { FloatingPosition } from \"../types\";\nimport { FloatingToolbarContext } from \"./FloatingToolbarContext\";\nimport {\n  applyToolbarSlot,\n  Toolbar,\n  type ToolbarSlot,\n  type ToolbarSlotProps,\n} from \"./Toolbar\";\n\nexport interface FloatingToolbarProps\n  extends Omit<ComponentProps<\"div\">, \"children\"> {\n  editor: Editor | null;\n  position?: FloatingPosition;\n  offset?: number;\n  children?: ToolbarSlot;\n  before?: ToolbarSlot;\n  after?: ToolbarSlot;\n}\n\nexport const FLOATING_TOOLBAR_COLLISION_PADDING = 10;\nconst FLOATING_TOOLBAR_OPEN_DELAY = 50;\n\nfunction DefaultFloatingToolbarContent({ editor }: ToolbarSlotProps) {\n  const supportsThread = \"addPendingComment\" in editor.commands;\n\n  return (\n    <>\n      <Toolbar.BlockSelector />\n      <Toolbar.SectionInline />\n      {supportsThread ? (\n        <>\n          <Toolbar.Separator />\n          <Toolbar.SectionCollaboration />\n        </>\n      ) : null}\n    </>\n  );\n}\n\nexport const FloatingToolbar = forwardRef<HTMLDivElement, FloatingToolbarProps>(\n  (\n    {\n      children = DefaultFloatingToolbarContent,\n      before,\n      after,\n      position = \"top\",\n      offset: sideOffset = 6,\n      editor,\n      onPointerDown,\n      onFocus,\n      onBlur,\n      className,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const toolbarRef = useRef<HTMLDivElement>(null);\n    const [isPointerDown, setPointerDown] = useState(false);\n    const [isFocused, setFocused] = useState(false);\n    const [isManuallyClosed, setManuallyClosed] = useState(false);\n    const isEditable =\n      useEditorState({\n        editor,\n        equalityFn: Object.is,\n        selector: (ctx) => ctx.editor?.isEditable ?? false,\n      }) ?? false;\n    const hasSelectionRange =\n      useEditorState({\n        editor,\n        equalityFn: Object.is,\n        selector: (ctx) => {\n          const editor = ctx.editor;\n\n          if (!editor) {\n            return false;\n          }\n\n          const { doc, selection } = editor.state;\n          const { empty, ranges } = selection;\n          const from = Math.min(...ranges.map((range) => range.$from.pos));\n          const to = Math.max(...ranges.map((range) => range.$to.pos));\n\n          if (empty) {\n            return false;\n          }\n\n          return (\n            isTextSelection(selection) && doc.textBetween(from, to).length > 0\n          );\n        },\n      }) ?? false;\n\n    const isOpen =\n      isFocused && !isPointerDown && hasSelectionRange && !isManuallyClosed;\n    const [delayedIsOpen, setDelayedIsOpen] = useState(isOpen);\n    const delayedIsOpenTimeoutRef = useRef<number>();\n\n    // Reset the manually closed state when there's another change\n    useEffect(() => {\n      if (!editor) {\n        return;\n      }\n\n      setManuallyClosed(false);\n\n      const handleSelectionChange = () => {\n        setManuallyClosed(false);\n      };\n\n      editor.on(\"selectionUpdate\", handleSelectionChange);\n\n      return () => {\n        editor.off(\"selectionUpdate\", handleSelectionChange);\n      };\n    }, [isFocused, hasSelectionRange, editor]);\n\n    // Don't close when the focus moves from the editor to the toolbar\n    useEffect(() => {\n      if (!editor) {\n        return;\n      }\n\n      const handleFocus = () => {\n        setFocused(true);\n      };\n\n      const handleBlur = (event: FocusEvent) => {\n        if (\n          event.relatedTarget &&\n          toolbarRef.current?.contains(event.relatedTarget as Node)\n        ) {\n          return;\n        }\n\n        if (event.relatedTarget === editor.view.dom) {\n          return;\n        }\n\n        setFocused(false);\n      };\n\n      editor.view.dom.addEventListener(\"focus\", handleFocus);\n      editor.view.dom.addEventListener(\"blur\", handleBlur);\n\n      return () => {\n        editor.view.dom.removeEventListener(\"focus\", handleFocus);\n        editor.view.dom.removeEventListener(\"blur\", handleBlur);\n      };\n    }, [editor]);\n\n    const handleFocus = useCallback(\n      (event: ReactFocusEvent<HTMLDivElement>) => {\n        onFocus?.(event);\n\n        if (!event.isDefaultPrevented()) {\n          setFocused(true);\n        }\n      },\n      [onFocus]\n    );\n\n    // Close the toolbar when the it loses focus to something else than the editor\n    const handleBlur = useCallback(\n      (event: ReactFocusEvent<HTMLDivElement>) => {\n        onBlur?.(event);\n\n        if (!event.isDefaultPrevented()) {\n          if (\n            event.relatedTarget &&\n            toolbarRef.current?.contains(event.relatedTarget as Node)\n          ) {\n            return;\n          }\n\n          if (event.relatedTarget === editor?.view.dom) {\n            return;\n          }\n\n          setFocused(false);\n        }\n      },\n      [onBlur, editor]\n    );\n\n    // Delay the opening of the toolbar to avoid flickering issues\n    useEffect(() => {\n      if (isOpen) {\n        delayedIsOpenTimeoutRef.current = window.setTimeout(() => {\n          setDelayedIsOpen(true);\n        }, FLOATING_TOOLBAR_OPEN_DELAY);\n      } else {\n        setDelayedIsOpen(false);\n      }\n\n      return () => {\n        window.clearTimeout(delayedIsOpenTimeoutRef.current);\n      };\n    }, [isOpen]);\n\n    const floatingOptions: UseFloatingOptions = useMemo(() => {\n      const detectOverflowOptions: DetectOverflowOptions = {\n        padding: FLOATING_TOOLBAR_COLLISION_PADDING,\n      };\n\n      return {\n        strategy: \"fixed\",\n        placement: position,\n        middleware: [\n          inline(detectOverflowOptions),\n          flip({ ...detectOverflowOptions, crossAxis: false }),\n          hide(detectOverflowOptions),\n          shift({\n            ...detectOverflowOptions,\n            limiter: limitShift(),\n          }),\n          offset(sideOffset),\n          size(detectOverflowOptions),\n        ],\n        whileElementsMounted: (...args) => {\n          return autoUpdate(...args, {\n            animationFrame: true,\n          });\n        },\n      };\n    }, [position, sideOffset]);\n    const {\n      refs: { setReference, setFloating },\n      strategy,\n      x,\n      y,\n      isPositioned,\n    } = useFloating({\n      ...floatingOptions,\n      open: delayedIsOpen,\n    });\n    const mergedRefs = useRefs(forwardedRef, toolbarRef, setFloating);\n\n    const handlePointerDown = useCallback(\n      (event: ReactPointerEvent<HTMLDivElement>) => {\n        onPointerDown?.(event);\n\n        event.stopPropagation();\n\n        // Prevent the toolbar from closing when clicking on the toolbar itself\n        if (event.target === toolbarRef.current) {\n          event.preventDefault();\n        }\n      },\n      [onPointerDown]\n    );\n\n    useEffect(() => {\n      if (!editor || !isEditable) {\n        return;\n      }\n\n      const handlePointerDown = () => {\n        setPointerDown(true);\n      };\n      const handlePointerUp = () => {\n        setPointerDown(false);\n      };\n\n      document.addEventListener(\"pointerdown\", handlePointerDown);\n      document.addEventListener(\"pointercancel\", handlePointerUp);\n      document.addEventListener(\"pointerup\", handlePointerUp);\n\n      return () => {\n        document.removeEventListener(\"pointerdown\", handlePointerDown);\n        document.removeEventListener(\"pointercancel\", handlePointerUp);\n        document.removeEventListener(\"pointerup\", handlePointerUp);\n      };\n    }, [editor, isEditable]);\n\n    useLayoutEffect(() => {\n      if (!editor || !delayedIsOpen) {\n        return;\n      }\n\n      const updateSelectionReference = () => {\n        const domSelection = window.getSelection();\n\n        if (\n          editor.state.selection.empty ||\n          !domSelection ||\n          !domSelection.rangeCount\n        ) {\n          setReference(null);\n        } else {\n          const domRange = domSelection.getRangeAt(0);\n\n          setReference(domRange);\n        }\n      };\n\n      editor.on(\"transaction\", updateSelectionReference);\n      updateSelectionReference();\n\n      return () => {\n        editor.off(\"transaction\", updateSelectionReference);\n      };\n    }, [editor, delayedIsOpen, setReference]);\n\n    useEffect(() => {\n      if (!editor || !delayedIsOpen) {\n        return;\n      }\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.target !== editor.view.dom && event.defaultPrevented) {\n          return;\n        }\n\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          event.stopPropagation();\n\n          editor.commands.focus();\n          setManuallyClosed(true);\n        }\n      };\n\n      editor.view.dom.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        editor.view.dom.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [editor, delayedIsOpen]);\n\n    const close = useCallback(() => {\n      setManuallyClosed(true);\n    }, [setManuallyClosed]);\n\n    if (!editor || !delayedIsOpen) {\n      return null;\n    }\n\n    const slotProps: ToolbarSlotProps = { editor };\n\n    return createPortal(\n      <TooltipProvider>\n        <EditorProvider editor={editor}>\n          <FloatingToolbarContext.Provider value={{ close }}>\n            <div\n              role=\"toolbar\"\n              aria-label=\"Floating toolbar\"\n              aria-orientation=\"horizontal\"\n              className={classNames(\n                \"lb-root lb-portal lb-elevation lb-tiptap-floating-toolbar lb-tiptap-toolbar\",\n                className\n              )}\n              ref={mergedRefs}\n              style={{\n                position: strategy,\n                top: 0,\n                left: 0,\n                transform: isPositioned\n                  ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`\n                  : \"translate3d(0, -200%, 0)\",\n                minWidth: \"max-content\",\n              }}\n              onPointerDown={handlePointerDown}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              {...props}\n            >\n              {applyToolbarSlot(before, slotProps)}\n              {applyToolbarSlot(children, slotProps)}\n              {applyToolbarSlot(after, slotProps)}\n            </div>\n          </FloatingToolbarContext.Provider>\n        </EditorProvider>\n      </TooltipProvider>,\n      document.body\n    );\n  }\n);\n"],"names":["editor","handleFocus","handleBlur","handlePointerDown"],"mappings":"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"}

package/dist/toolbar/FloatingToolbarContext.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var react = require('react');
+
+const FloatingToolbarContext = react.createContext(null);
+
+exports.FloatingToolbarContext = FloatingToolbarContext;
+//# sourceMappingURL=FloatingToolbarContext.js.map

package/dist/toolbar/FloatingToolbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbarContext.js","sources":["../../src/toolbar/FloatingToolbarContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n"],"names":["createContext"],"mappings":";;;;AAQa,MAAA,sBAAA,GACXA,oBAA6C,IAAI;;;;"}

package/dist/toolbar/FloatingToolbarContext.mjs

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+const FloatingToolbarContext = createContext(null);
+
+export { FloatingToolbarContext };
+//# sourceMappingURL=FloatingToolbarContext.mjs.map

package/dist/toolbar/FloatingToolbarContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbarContext.mjs","sources":["../../src/toolbar/FloatingToolbarContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n"],"names":[],"mappings":";;AAQa,MAAA,sBAAA,GACX,cAA6C,IAAI;;;;"}

package/dist/toolbar/Toolbar.js

@@ -0,0 +1,352 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var _private = require('@liveblocks/react-ui/_private');
+var SelectPrimitive = require('@radix-ui/react-select');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+var react = require('react');
+var classnames = require('../classnames.js');
+var context = require('../context.js');
+var FloatingToolbarContext = require('./FloatingToolbarContext.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SelectPrimitive);
+var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TogglePrimitive);
+
+const BLOCK_SELECT_SIDE_OFFSET = 10;
+const FLOATING_ELEMENT_COLLISION_PADDING = 10;
+function applyToolbarSlot(slot, props) {
+  if (typeof slot === "function") {
+    const Component = slot;
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      ...props
+    });
+  }
+  return slot;
+}
+const ToolbarButton = react.forwardRef(
+  ({ icon, children, name, shortcut, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
+      content: name,
+      shortcut,
+      children: /* @__PURE__ */ jsxRuntime.jsx(_private.Button, {
+        type: "button",
+        variant: "toolbar",
+        ref: forwardedRef,
+        icon,
+        ...props,
+        children
+      })
+    });
+  }
+);
+const ToolbarToggle = react.forwardRef(
+  ({ active, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(TogglePrimitive__namespace.Root, {
+      asChild: true,
+      pressed: active,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+        ref: forwardedRef,
+        ...props
+      })
+    });
+  }
+);
+function createDefaultBlockSelectorItems(editor) {
+  const items = [
+    "toggleHeading" in editor.commands ? {
+      name: "Heading 1",
+      isActive: (editor2) => editor2.isActive("heading", { level: 1 }),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleHeading({ level: 1 }).run()
+    } : null,
+    "toggleHeading" in editor.commands ? {
+      name: "Heading 2",
+      isActive: (editor2) => editor2.isActive("heading", { level: 2 }),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleHeading({ level: 2 }).run()
+    } : null,
+    "toggleHeading" in editor.commands ? {
+      name: "Heading 3",
+      isActive: (editor2) => editor2.isActive("heading", { level: 3 }),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleHeading({ level: 3 }).run()
+    } : null,
+    "toggleBulletList" in editor.commands ? {
+      name: "Bullet list",
+      isActive: (editor2) => editor2.isActive("bulletList"),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleBulletList().run()
+    } : null,
+    "toggleOrderedList" in editor.commands ? {
+      name: "Numbered list",
+      isActive: (editor2) => editor2.isActive("orderedList"),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleOrderedList().run()
+    } : null,
+    "toggleBlockquote" in editor.commands ? {
+      name: "Blockquote",
+      isActive: (editor2) => editor2.isActive("blockquote"),
+      setActive: (editor2) => editor2.chain().focus().clearNodes().toggleBlockquote().run()
+    } : null
+  ];
+  return items.filter(Boolean);
+}
+const blockSelectorTextItem = {
+  name: "Text",
+  isActive: () => false,
+  setActive: (editor) => editor.chain().focus().clearNodes().run()
+};
+const ToolbarBlockSelector = react.forwardRef(({ items, ...props }, forwardedRef) => {
+  const floatingToolbarContext = react.useContext(FloatingToolbarContext.FloatingToolbarContext);
+  const editor = context.useCurrentEditor(
+    "BlockSelector",
+    "Toolbar or FloatingToolbar"
+  );
+  const resolvedItems = react.useMemo(() => {
+    const resolvedItems2 = items ?? createDefaultBlockSelectorItems(editor);
+    return [blockSelectorTextItem, ...resolvedItems2];
+  }, [editor, items]);
+  const activeItem = resolvedItems.find((item) => item.isActive(editor)) ?? blockSelectorTextItem;
+  const handleItemChange = (name) => {
+    const item = resolvedItems.find((item2) => item2.name === name);
+    if (item) {
+      item.setActive(editor);
+      floatingToolbarContext?.close();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Root, {
+    value: activeItem.name,
+    onValueChange: handleItemChange,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
+        content: "Turn into\u2026",
+        children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Trigger, {
+          asChild: true,
+          ...props,
+          ref: forwardedRef,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(_private.Button, {
+            type: "button",
+            variant: "toolbar",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, {
+                children: activeItem.name
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, {
+                className: "lb-dropdown-chevron",
+                children: /* @__PURE__ */ jsxRuntime.jsx(_private.ChevronDownIcon, {})
+              })
+            ]
+          })
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Content, {
+          position: "popper",
+          sideOffset: BLOCK_SELECT_SIDE_OFFSET,
+          collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
+          className: "lb-root lb-portal lb-elevation lb-dropdown",
+          children: resolvedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, {
+            value: item.name,
+            className: "lb-dropdown-item",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: "lb-dropdown-item-label",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, {
+                  children: item.name
+                })
+              }),
+              item.name === activeItem.name ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: "lb-dropdown-item-accessory lb-icon-container",
+                children: /* @__PURE__ */ jsxRuntime.jsx(_private.CheckIcon, {})
+              }) : null
+            ]
+          }, item.name))
+        })
+      })
+    ]
+  });
+});
+const ToolbarSeparator = react.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ref: forwardedRef,
+      role: "separator",
+      "aria-orientation": "vertical",
+      className: classnames.classNames("lb-tiptap-toolbar-separator", className),
+      ...props
+    });
+  }
+);
+function ToolbarSectionHistory() {
+  const editor = context.useCurrentEditor(
+    "SectionHistory",
+    "Toolbar or FloatingToolbar"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+        name: "Undo",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
+        shortcut: "Mod-Z",
+        onClick: () => editor.chain().focus().undo().run(),
+        disabled: !editor.can().chain().focus().undo().run()
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+        name: "Redo",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.RedoIcon, {}),
+        shortcut: "Mod-Shift-Z",
+        onClick: () => editor.chain().focus().redo().run(),
+        disabled: !editor.can().chain().focus().redo().run()
+      })
+    ]
+  });
+}
+function ToolbarSectionInline() {
+  const editor = context.useCurrentEditor(
+    "SectionInline",
+    "Toolbar or FloatingToolbar"
+  );
+  const supportsBold = "toggleBold" in editor.commands;
+  const supportsItalic = "toggleItalic" in editor.commands;
+  const supportsUnderline = "toggleUnderline" in editor.commands;
+  const supportsStrike = "toggleStrike" in editor.commands;
+  const supportsCode = "toggleCode" in editor.commands;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      supportsBold && /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Bold",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.BoldIcon, {}),
+        shortcut: "Mod-B",
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        disabled: !editor.can().chain().focus().toggleBold().run(),
+        active: editor.isActive("bold")
+      }),
+      supportsItalic && /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Italic",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.ItalicIcon, {}),
+        shortcut: "Mod-I",
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        disabled: !editor.can().chain().focus().toggleItalic().run(),
+        active: editor.isActive("italic")
+      }),
+      supportsUnderline && /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Underline",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UnderlineIcon, {}),
+        shortcut: "Mod-U",
+        onClick: () => editor.chain().focus().toggleUnderline().run(),
+        disabled: !editor.can().chain().focus().toggleUnderline().run(),
+        active: editor.isActive("underline")
+      }),
+      supportsStrike && /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Strikethrough",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.StrikethroughIcon, {}),
+        shortcut: "Mod-U",
+        onClick: () => editor.chain().focus().toggleStrike().run(),
+        disabled: !editor.can().chain().focus().toggleStrike().run(),
+        active: editor.isActive("strike")
+      }),
+      supportsCode && /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Inline code",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CodeIcon, {}),
+        shortcut: "Mod-E",
+        onClick: () => editor.chain().focus().toggleCode().run(),
+        disabled: !editor.can().chain().focus().toggleCode().run(),
+        active: editor.isActive("code")
+      })
+    ]
+  });
+}
+function ToolbarSectionCollaboration() {
+  const editor = context.useCurrentEditor(
+    "SectionCollaboration",
+    "Toolbar or FloatingToolbar"
+  );
+  const supportsThread = "addPendingComment" in editor.commands;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: supportsThread && /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+      name: "Add a comment",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CommentIcon, {}),
+      onClick: () => editor.chain().focus().addPendingComment().run(),
+      children: "Comment"
+    })
+  });
+}
+function DefaultToolbarContent({ editor }) {
+  const supportsThread = "addPendingComment" in editor.commands;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionHistory, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarBlockSelector, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionInline, {}),
+      supportsThread ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionCollaboration, {})
+        ]
+      }) : null
+    ]
+  });
+}
+const Toolbar = Object.assign(
+  react.forwardRef(
+    ({
+      before,
+      after,
+      children = DefaultToolbarContent,
+      editor,
+      className,
+      ...props
+    }, forwardedRef) => {
+      if (!editor) {
+        return null;
+      }
+      const slotProps = { editor };
+      return /* @__PURE__ */ jsxRuntime.jsx(_private.TooltipProvider, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(context.EditorProvider, {
+          editor,
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            ref: forwardedRef,
+            role: "toolbar",
+            "aria-label": "Toolbar",
+            "aria-orientation": "horizontal",
+            className: classnames.classNames("lb-root lb-tiptap-toolbar", className),
+            ...props,
+            children: [
+              applyToolbarSlot(before, slotProps),
+              applyToolbarSlot(children, slotProps),
+              applyToolbarSlot(after, slotProps)
+            ]
+          })
+        })
+      });
+    }
+  ),
+  {
+    Button: ToolbarButton,
+    Toggle: ToolbarToggle,
+    Separator: ToolbarSeparator,
+    SectionHistory: ToolbarSectionHistory,
+    SectionInline: ToolbarSectionInline,
+    SectionCollaboration: ToolbarSectionCollaboration,
+    BlockSelector: ToolbarBlockSelector
+  }
+);
+
+exports.BLOCK_SELECT_SIDE_OFFSET = BLOCK_SELECT_SIDE_OFFSET;
+exports.FLOATING_ELEMENT_COLLISION_PADDING = FLOATING_ELEMENT_COLLISION_PADDING;
+exports.Toolbar = Toolbar;
+exports.applyToolbarSlot = applyToolbarSlot;
+//# sourceMappingURL=Toolbar.js.map

package/dist/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import {\n  BoldIcon,\n  Button,\n  CheckIcon,\n  ChevronDownIcon,\n  CodeIcon,\n  CommentIcon,\n  ItalicIcon,\n  RedoIcon,\n  ShortcutTooltip,\n  StrikethroughIcon,\n  TooltipProvider,\n  UnderlineIcon,\n  UndoIcon,\n} from \"@liveblocks/react-ui/_private\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport type { Editor } from \"@tiptap/react\";\nimport type { ComponentProps, ComponentType, ReactNode } from \"react\";\nimport { forwardRef, useContext, useMemo } from \"react\";\n\nimport { classNames } from \"../classnames\";\nimport { EditorProvider, useCurrentEditor } from \"../context\";\nimport type { ExtendedChainedCommands } from \"../types\";\nimport { FloatingToolbarContext } from \"./FloatingToolbarContext\";\n\nexport const BLOCK_SELECT_SIDE_OFFSET = 10;\nexport const FLOATING_ELEMENT_COLLISION_PADDING = 10;\n\nexport interface ToolbarSlotProps {\n  editor: Editor;\n}\n\nexport type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;\n\nexport interface ToolbarProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  editor: Editor | null;\n  children?: ToolbarSlot;\n  before?: ToolbarSlot;\n  after?: ToolbarSlot;\n}\n\ninterface ToolbarButtonProps extends ComponentProps<\"button\"> {\n  icon?: ReactNode;\n  name: string;\n  shortcut?: string;\n}\n\ninterface ToolbarToggleProps extends ToolbarButtonProps {\n  active: boolean;\n}\n\ninterface ToolbarBlockSelectorItem {\n  name: string;\n  isActive: (editor: Editor) => boolean;\n  setActive: (editor: Editor) => void;\n}\n\ninterface ToolbarBlockSelectorProps extends ComponentProps<\"button\"> {\n  items?: ToolbarBlockSelectorItem[];\n}\n\ntype ToolbarSeparatorProps = ComponentProps<\"div\">;\n\nexport function applyToolbarSlot(\n  slot: ToolbarSlot,\n  props: ToolbarSlotProps\n): ReactNode {\n  if (typeof slot === \"function\") {\n    const Component = slot;\n\n    return <Component {...props} />;\n  }\n\n  return slot;\n}\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  ({ icon, children, name, shortcut, ...props }, forwardedRef) => {\n    return (\n      <ShortcutTooltip content={name} shortcut={shortcut}>\n        <Button\n          type=\"button\"\n          variant=\"toolbar\"\n          ref={forwardedRef}\n          icon={icon}\n          {...props}\n        >\n          {children}\n        </Button>\n      </ShortcutTooltip>\n    );\n  }\n);\n\nconst ToolbarToggle = forwardRef<HTMLButtonElement, ToolbarToggleProps>(\n  ({ active, ...props }, forwardedRef) => {\n    return (\n      <TogglePrimitive.Root asChild pressed={active}>\n        <ToolbarButton ref={forwardedRef} {...props} />\n      </TogglePrimitive.Root>\n    );\n  }\n);\n\nfunction createDefaultBlockSelectorItems(\n  editor: Editor\n): ToolbarBlockSelectorItem[] {\n  const items: (ToolbarBlockSelectorItem | null)[] = [\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 1\",\n          isActive: (editor) => editor.isActive(\"heading\", { level: 1 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 1 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 2\",\n          isActive: (editor) => editor.isActive(\"heading\", { level: 2 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 2 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 3\",\n          isActive: (editor) => editor.isActive(\"heading\", { level: 3 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 3 })\n              .run(),\n        }\n      : null,\n    \"toggleBulletList\" in editor.commands\n      ? {\n          name: \"Bullet list\",\n          isActive: (editor) => editor.isActive(\"bulletList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBulletList\">\n            )\n              .toggleBulletList()\n              .run(),\n        }\n      : null,\n    \"toggleOrderedList\" in editor.commands\n      ? {\n          name: \"Numbered list\",\n\n          isActive: (editor) => editor.isActive(\"orderedList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleOrderedList\">\n            )\n              .toggleOrderedList()\n              .run(),\n        }\n      : null,\n    \"toggleBlockquote\" in editor.commands\n      ? {\n          name: \"Blockquote\",\n          isActive: (editor) => editor.isActive(\"blockquote\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBlockquote\">\n            )\n              .toggleBlockquote()\n              .run(),\n        }\n      : null,\n  ];\n\n  return items.filter(Boolean) as ToolbarBlockSelectorItem[];\n}\n\nconst blockSelectorTextItem: ToolbarBlockSelectorItem = {\n  name: \"Text\",\n  isActive: () => false,\n  setActive: (editor) => editor.chain().focus().clearNodes().run(),\n};\n\nconst ToolbarBlockSelector = forwardRef<\n  HTMLButtonElement,\n  ToolbarBlockSelectorProps\n>(({ items, ...props }, forwardedRef) => {\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const editor = useCurrentEditor(\n    \"BlockSelector\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const resolvedItems = useMemo(() => {\n    const resolvedItems = items ?? createDefaultBlockSelectorItems(editor);\n\n    return [blockSelectorTextItem, ...resolvedItems];\n  }, [editor, items]);\n  const activeItem =\n    resolvedItems.find((item) => item.isActive(editor)) ??\n    blockSelectorTextItem;\n\n  const handleItemChange = (name: string) => {\n    const item = resolvedItems.find((item) => item.name === name);\n\n    if (item) {\n      item.setActive(editor);\n\n      // If present in a floating toolbar, close it on change\n      floatingToolbarContext?.close();\n    }\n  };\n\n  return (\n    <SelectPrimitive.Root\n      value={activeItem.name}\n      onValueChange={handleItemChange}\n    >\n      <ShortcutTooltip content=\"Turn into…\">\n        <SelectPrimitive.Trigger asChild {...props} ref={forwardedRef}>\n          <Button type=\"button\" variant=\"toolbar\">\n            <SelectPrimitive.Value>{activeItem.name}</SelectPrimitive.Value>\n            <SelectPrimitive.Icon className=\"lb-dropdown-chevron\">\n              <ChevronDownIcon />\n            </SelectPrimitive.Icon>\n          </Button>\n        </SelectPrimitive.Trigger>\n      </ShortcutTooltip>\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          position=\"popper\"\n          sideOffset={BLOCK_SELECT_SIDE_OFFSET}\n          collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n          className=\"lb-root lb-portal lb-elevation lb-dropdown\"\n        >\n          {resolvedItems.map((item) => (\n            <SelectPrimitive.Item\n              key={item.name}\n              value={item.name}\n              className=\"lb-dropdown-item\"\n            >\n              <span className=\"lb-dropdown-item-label\">\n                <SelectPrimitive.ItemText>{item.name}</SelectPrimitive.ItemText>\n              </span>\n              {item.name === activeItem.name ? (\n                <span className=\"lb-dropdown-item-accessory lb-icon-container\">\n                  <CheckIcon />\n                </span>\n              ) : null}\n            </SelectPrimitive.Item>\n          ))}\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    </SelectPrimitive.Root>\n  );\n});\n\nconst ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={classNames(\"lb-tiptap-toolbar-separator\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nfunction ToolbarSectionHistory() {\n  const editor = useCurrentEditor(\n    \"SectionHistory\",\n    \"Toolbar or FloatingToolbar\"\n  );\n\n  return (\n    <>\n      <ToolbarButton\n        name=\"Undo\"\n        icon={<UndoIcon />}\n        shortcut=\"Mod-Z\"\n        onClick={() => editor.chain().focus().undo().run()}\n        disabled={!editor.can().chain().focus().undo().run()}\n      />\n      <ToolbarButton\n        name=\"Redo\"\n        icon={<RedoIcon />}\n        shortcut=\"Mod-Shift-Z\"\n        onClick={() => editor.chain().focus().redo().run()}\n        disabled={!editor.can().chain().focus().redo().run()}\n      />\n    </>\n  );\n}\n\nfunction ToolbarSectionInline() {\n  const editor = useCurrentEditor(\n    \"SectionInline\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsBold = \"toggleBold\" in editor.commands;\n  const supportsItalic = \"toggleItalic\" in editor.commands;\n  const supportsUnderline = \"toggleUnderline\" in editor.commands;\n  const supportsStrike = \"toggleStrike\" in editor.commands;\n  const supportsCode = \"toggleCode\" in editor.commands;\n\n  return (\n    <>\n      {supportsBold && (\n        <ToolbarToggle\n          name=\"Bold\"\n          icon={<BoldIcon />}\n          shortcut=\"Mod-B\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleBold\">)\n              .toggleBold()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleBold\">\n            )\n              .toggleBold()\n              .run()\n          }\n          active={editor.isActive(\"bold\")}\n        />\n      )}\n      {supportsItalic && (\n        <ToolbarToggle\n          name=\"Italic\"\n          icon={<ItalicIcon />}\n          shortcut=\"Mod-I\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleItalic\">)\n              .toggleItalic()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleItalic\">\n            )\n              .toggleItalic()\n              .run()\n          }\n          active={editor.isActive(\"italic\")}\n        />\n      )}\n      {supportsUnderline && (\n        <ToolbarToggle\n          name=\"Underline\"\n          icon={<UnderlineIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          active={editor.isActive(\"underline\")}\n        />\n      )}\n      {supportsStrike && (\n        <ToolbarToggle\n          name=\"Strikethrough\"\n          icon={<StrikethroughIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleStrike\">)\n              .toggleStrike()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleStrike\">\n            )\n              .toggleStrike()\n              .run()\n          }\n          active={editor.isActive(\"strike\")}\n        />\n      )}\n      {supportsCode && (\n        <ToolbarToggle\n          name=\"Inline code\"\n          icon={<CodeIcon />}\n          shortcut=\"Mod-E\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleCode\">)\n              .toggleCode()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleCode\">\n            )\n              .toggleCode()\n              .run()\n          }\n          active={editor.isActive(\"code\")}\n        />\n      )}\n    </>\n  );\n}\n\nfunction ToolbarSectionCollaboration() {\n  const editor = useCurrentEditor(\n    \"SectionCollaboration\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsThread = \"addPendingComment\" in editor.commands;\n\n  return (\n    <>\n      {supportsThread && (\n        <ToolbarButton\n          name=\"Add a comment\"\n          icon={<CommentIcon />}\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"addPendingComment\">\n            )\n              .addPendingComment()\n              .run()\n          }\n        >\n          Comment\n        </ToolbarButton>\n      )}\n    </>\n  );\n}\n\nfunction DefaultToolbarContent({ editor }: ToolbarSlotProps) {\n  const supportsThread = \"addPendingComment\" in editor.commands;\n\n  return (\n    <>\n      <ToolbarSectionHistory />\n      <ToolbarSeparator />\n      <ToolbarBlockSelector />\n      <ToolbarSectionInline />\n      {supportsThread ? (\n        <>\n          <ToolbarSeparator />\n          <ToolbarSectionCollaboration />\n        </>\n      ) : null}\n    </>\n  );\n}\n\nexport const Toolbar = Object.assign(\n  forwardRef<HTMLDivElement, ToolbarProps>(\n    (\n      {\n        before,\n        after,\n        children = DefaultToolbarContent,\n        editor,\n        className,\n        ...props\n      },\n      forwardedRef\n    ) => {\n      if (!editor) {\n        return null;\n      }\n\n      const slotProps: ToolbarSlotProps = { editor };\n\n      return (\n        <TooltipProvider>\n          <EditorProvider editor={editor}>\n            <div\n              ref={forwardedRef}\n              role=\"toolbar\"\n              aria-label=\"Toolbar\"\n              aria-orientation=\"horizontal\"\n              className={classNames(\"lb-root lb-tiptap-toolbar\", className)}\n              {...props}\n            >\n              {applyToolbarSlot(before, slotProps)}\n              {applyToolbarSlot(children, slotProps)}\n              {applyToolbarSlot(after, slotProps)}\n            </div>\n          </EditorProvider>\n        </TooltipProvider>\n      );\n    }\n  ),\n  {\n    Button: ToolbarButton,\n    Toggle: ToolbarToggle,\n    Separator: ToolbarSeparator,\n    SectionHistory: ToolbarSectionHistory,\n    SectionInline: ToolbarSectionInline,\n    SectionCollaboration: ToolbarSectionCollaboration,\n    BlockSelector: ToolbarBlockSelector,\n  }\n);\n"],"names":["jsx","forwardRef","ShortcutTooltip","Button","TogglePrimitive","editor","useContext","FloatingToolbarContext","useCurrentEditor","useMemo","resolvedItems","item","jsxs","SelectPrimitive","ChevronDownIcon","CheckIcon","classNames","Fragment","UndoIcon","RedoIcon","BoldIcon","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeIcon","CommentIcon","TooltipProvider","EditorProvider"],"mappings":"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"}