@liveblocks/react-tiptap 2.15.1 → 2.16.0-toolbars1

package/dist/toolbar/FloatingToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.js","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":["jsxs","Fragment","jsx","Toolbar","forwardRef","useRef","useState","useEditorState","editor","isTextSelection","useEffect","handleFocus","handleBlur","useCallback","useMemo","inline","flip","hide","shift","limitShift","offset","size","autoUpdate","useFloating","useRefs","handlePointerDown","useLayoutEffect","createPortal","TooltipProvider","EditorProvider","FloatingToolbarContext","classNames","applyToolbarSlot"],"mappings":"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"}

package/dist/toolbar/FloatingToolbar.mjs

@@ -0,0 +1,298 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { inline, flip, hide, shift, limitShift, offset, size, autoUpdate, useFloating } from '@floating-ui/react-dom';
+import { useLayoutEffect } from '@liveblocks/react/_private';
+import { useRefs, TooltipProvider } from '@liveblocks/react-ui/_private';
+import { useEditorState, isTextSelection } from '@tiptap/react';
+import { forwardRef, useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { classNames } from '../classnames.mjs';
+import { EditorProvider } from '../context.mjs';
+import { FloatingToolbarContext } from './FloatingToolbarContext.mjs';
+import { Toolbar, applyToolbarSlot } from './Toolbar.mjs';
+
+const FLOATING_TOOLBAR_COLLISION_PADDING = 10;
+const FLOATING_TOOLBAR_OPEN_DELAY = 50;
+function DefaultFloatingToolbarContent({ editor }) {
+  const supportsThread = "addPendingComment" in editor.commands;
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(Toolbar.BlockSelector, {}),
+      /* @__PURE__ */ jsx(Toolbar.SectionInline, {}),
+      supportsThread ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx(Toolbar.Separator, {}),
+          /* @__PURE__ */ jsx(Toolbar.SectionCollaboration, {})
+        ]
+      }) : null
+    ]
+  });
+}
+const FloatingToolbar = forwardRef(
+  ({
+    children = DefaultFloatingToolbarContent,
+    before,
+    after,
+    position = "top",
+    offset: sideOffset = 6,
+    editor,
+    onPointerDown,
+    onFocus,
+    onBlur,
+    className,
+    ...props
+  }, forwardedRef) => {
+    const toolbarRef = useRef(null);
+    const [isPointerDown, setPointerDown] = useState(false);
+    const [isFocused, setFocused] = useState(false);
+    const [isManuallyClosed, setManuallyClosed] = useState(false);
+    const isEditable = useEditorState({
+      editor,
+      equalityFn: Object.is,
+      selector: (ctx) => ctx.editor?.isEditable ?? false
+    }) ?? false;
+    const hasSelectionRange = useEditorState({
+      editor,
+      equalityFn: Object.is,
+      selector: (ctx) => {
+        const editor2 = ctx.editor;
+        if (!editor2) {
+          return false;
+        }
+        const { doc, selection } = editor2.state;
+        const { empty, ranges } = selection;
+        const from = Math.min(...ranges.map((range) => range.$from.pos));
+        const to = Math.max(...ranges.map((range) => range.$to.pos));
+        if (empty) {
+          return false;
+        }
+        return isTextSelection(selection) && doc.textBetween(from, to).length > 0;
+      }
+    }) ?? false;
+    const isOpen = isFocused && !isPointerDown && hasSelectionRange && !isManuallyClosed;
+    const [delayedIsOpen, setDelayedIsOpen] = useState(isOpen);
+    const delayedIsOpenTimeoutRef = useRef();
+    useEffect(() => {
+      if (!editor) {
+        return;
+      }
+      setManuallyClosed(false);
+      const handleSelectionChange = () => {
+        setManuallyClosed(false);
+      };
+      editor.on("selectionUpdate", handleSelectionChange);
+      return () => {
+        editor.off("selectionUpdate", handleSelectionChange);
+      };
+    }, [isFocused, hasSelectionRange, editor]);
+    useEffect(() => {
+      if (!editor) {
+        return;
+      }
+      const handleFocus2 = () => {
+        setFocused(true);
+      };
+      const handleBlur2 = (event) => {
+        if (event.relatedTarget && toolbarRef.current?.contains(event.relatedTarget)) {
+          return;
+        }
+        if (event.relatedTarget === editor.view.dom) {
+          return;
+        }
+        setFocused(false);
+      };
+      editor.view.dom.addEventListener("focus", handleFocus2);
+      editor.view.dom.addEventListener("blur", handleBlur2);
+      return () => {
+        editor.view.dom.removeEventListener("focus", handleFocus2);
+        editor.view.dom.removeEventListener("blur", handleBlur2);
+      };
+    }, [editor]);
+    const handleFocus = useCallback(
+      (event) => {
+        onFocus?.(event);
+        if (!event.isDefaultPrevented()) {
+          setFocused(true);
+        }
+      },
+      [onFocus]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        onBlur?.(event);
+        if (!event.isDefaultPrevented()) {
+          if (event.relatedTarget && toolbarRef.current?.contains(event.relatedTarget)) {
+            return;
+          }
+          if (event.relatedTarget === editor?.view.dom) {
+            return;
+          }
+          setFocused(false);
+        }
+      },
+      [onBlur, editor]
+    );
+    useEffect(() => {
+      if (isOpen) {
+        delayedIsOpenTimeoutRef.current = window.setTimeout(() => {
+          setDelayedIsOpen(true);
+        }, FLOATING_TOOLBAR_OPEN_DELAY);
+      } else {
+        setDelayedIsOpen(false);
+      }
+      return () => {
+        window.clearTimeout(delayedIsOpenTimeoutRef.current);
+      };
+    }, [isOpen]);
+    const floatingOptions = useMemo(() => {
+      const detectOverflowOptions = {
+        padding: FLOATING_TOOLBAR_COLLISION_PADDING
+      };
+      return {
+        strategy: "fixed",
+        placement: position,
+        middleware: [
+          inline(detectOverflowOptions),
+          flip({ ...detectOverflowOptions, crossAxis: false }),
+          hide(detectOverflowOptions),
+          shift({
+            ...detectOverflowOptions,
+            limiter: limitShift()
+          }),
+          offset(sideOffset),
+          size(detectOverflowOptions)
+        ],
+        whileElementsMounted: (...args) => {
+          return autoUpdate(...args, {
+            animationFrame: true
+          });
+        }
+      };
+    }, [position, sideOffset]);
+    const {
+      refs: { setReference, setFloating },
+      strategy,
+      x,
+      y,
+      isPositioned
+    } = useFloating({
+      ...floatingOptions,
+      open: delayedIsOpen
+    });
+    const mergedRefs = useRefs(forwardedRef, toolbarRef, setFloating);
+    const handlePointerDown = useCallback(
+      (event) => {
+        onPointerDown?.(event);
+        event.stopPropagation();
+        if (event.target === toolbarRef.current) {
+          event.preventDefault();
+        }
+      },
+      [onPointerDown]
+    );
+    useEffect(() => {
+      if (!editor || !isEditable) {
+        return;
+      }
+      const handlePointerDown2 = () => {
+        setPointerDown(true);
+      };
+      const handlePointerUp = () => {
+        setPointerDown(false);
+      };
+      document.addEventListener("pointerdown", handlePointerDown2);
+      document.addEventListener("pointercancel", handlePointerUp);
+      document.addEventListener("pointerup", handlePointerUp);
+      return () => {
+        document.removeEventListener("pointerdown", handlePointerDown2);
+        document.removeEventListener("pointercancel", handlePointerUp);
+        document.removeEventListener("pointerup", handlePointerUp);
+      };
+    }, [editor, isEditable]);
+    useLayoutEffect(() => {
+      if (!editor || !delayedIsOpen) {
+        return;
+      }
+      const updateSelectionReference = () => {
+        const domSelection = window.getSelection();
+        if (editor.state.selection.empty || !domSelection || !domSelection.rangeCount) {
+          setReference(null);
+        } else {
+          const domRange = domSelection.getRangeAt(0);
+          setReference(domRange);
+        }
+      };
+      editor.on("transaction", updateSelectionReference);
+      updateSelectionReference();
+      return () => {
+        editor.off("transaction", updateSelectionReference);
+      };
+    }, [editor, delayedIsOpen, setReference]);
+    useEffect(() => {
+      if (!editor || !delayedIsOpen) {
+        return;
+      }
+      const handleKeyDown = (event) => {
+        if (event.target !== editor.view.dom && event.defaultPrevented) {
+          return;
+        }
+        if (event.key === "Escape") {
+          event.preventDefault();
+          event.stopPropagation();
+          editor.commands.focus();
+          setManuallyClosed(true);
+        }
+      };
+      editor.view.dom.addEventListener("keydown", handleKeyDown);
+      return () => {
+        editor.view.dom.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [editor, delayedIsOpen]);
+    const close = useCallback(() => {
+      setManuallyClosed(true);
+    }, [setManuallyClosed]);
+    if (!editor || !delayedIsOpen) {
+      return null;
+    }
+    const slotProps = { editor };
+    return createPortal(
+      /* @__PURE__ */ jsx(TooltipProvider, {
+        children: /* @__PURE__ */ jsx(EditorProvider, {
+          editor,
+          children: /* @__PURE__ */ jsx(FloatingToolbarContext.Provider, {
+            value: { close },
+            children: /* @__PURE__ */ jsxs("div", {
+              role: "toolbar",
+              "aria-label": "Floating toolbar",
+              "aria-orientation": "horizontal",
+              className: classNames(
+                "lb-root lb-portal lb-elevation lb-tiptap-floating-toolbar lb-tiptap-toolbar",
+                className
+              ),
+              ref: mergedRefs,
+              style: {
+                position: strategy,
+                top: 0,
+                left: 0,
+                transform: isPositioned ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : "translate3d(0, -200%, 0)",
+                minWidth: "max-content"
+              },
+              onPointerDown: handlePointerDown,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              ...props,
+              children: [
+                applyToolbarSlot(before, slotProps),
+                applyToolbarSlot(children, slotProps),
+                applyToolbarSlot(after, slotProps)
+              ]
+            })
+          })
+        })
+      }),
+      document.body
+    );
+  }
+);
+
+export { FLOATING_TOOLBAR_COLLISION_PADDING, FloatingToolbar };
+//# sourceMappingURL=FloatingToolbar.mjs.map

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;;;;"}