@liveblocks/react-lexical 2.15.1 → 2.16.0-toolbars1

package/dist/toolbar/toolbar.js

@@ -0,0 +1,406 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var richText = require('@lexical/rich-text');
+var selection = require('@lexical/selection');
+var utils = require('@lexical/utils');
+var _private = require('@liveblocks/react-ui/_private');
+var SelectPrimitive = require('@radix-ui/react-select');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+var lexical = require('lexical');
+var react = require('react');
+var classnames = require('../classnames.js');
+var floatingComposer = require('../comments/floating-composer.js');
+var getSelectedBlockElement = require('../get-selected-block-element.js');
+var isCommandRegistered = require('../is-command-registered.js');
+var isTextFormatActive = require('../is-text-format-active.js');
+var floatingToolbarContext = require('./floating-toolbar-context.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
+      })
+    });
+  }
+);
+const ToolbarSeparator = react.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ref: forwardedRef,
+      role: "separator",
+      "aria-orientation": "vertical",
+      className: classnames.classNames("lb-lexical-toolbar-separator", className),
+      ...props
+    });
+  }
+);
+function ToolbarSectionHistory() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [canUndo, setCanUndo] = react.useState(false);
+  const [canRedo, setCanRedo] = react.useState(false);
+  react.useEffect(() => {
+    const unregister = utils.mergeRegister(
+      editor.registerCommand(
+        lexical.CAN_UNDO_COMMAND,
+        (payload) => {
+          setCanUndo(payload);
+          return false;
+        },
+        lexical.COMMAND_PRIORITY_CRITICAL
+      ),
+      editor.registerCommand(
+        lexical.CAN_REDO_COMMAND,
+        (payload) => {
+          setCanRedo(payload);
+          return false;
+        },
+        lexical.COMMAND_PRIORITY_CRITICAL
+      )
+    );
+    return unregister;
+  }, [editor]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+        name: "Undo",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
+        shortcut: "Mod-Z",
+        onClick: () => editor.dispatchCommand(lexical.UNDO_COMMAND, void 0),
+        disabled: !canUndo
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+        name: "Redo",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.RedoIcon, {}),
+        shortcut: "Mod-Shift-Z",
+        onClick: () => editor.dispatchCommand(lexical.REDO_COMMAND, void 0),
+        disabled: !canRedo
+      })
+    ]
+  });
+}
+function ToolbarSectionInline() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const supportsTextFormat = isCommandRegistered.useIsCommandRegistered(lexical.FORMAT_TEXT_COMMAND);
+  return supportsTextFormat ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Bold",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.BoldIcon, {}),
+        shortcut: "Mod-B",
+        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "bold"),
+        active: isTextFormatActive.isTextFormatActive(editor, "bold")
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Italic",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.ItalicIcon, {}),
+        shortcut: "Mod-I",
+        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "italic"),
+        active: isTextFormatActive.isTextFormatActive(editor, "italic")
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Underline",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UnderlineIcon, {}),
+        shortcut: "Mod-U",
+        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "underline"),
+        active: isTextFormatActive.isTextFormatActive(editor, "underline")
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Strikethrough",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.StrikethroughIcon, {}),
+        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "strikethrough"),
+        active: isTextFormatActive.isTextFormatActive(editor, "strikethrough")
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+        name: "Inline code",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CodeIcon, {}),
+        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "code"),
+        active: isTextFormatActive.isTextFormatActive(editor, "code")
+      })
+    ]
+  }) : null;
+}
+function ToolbarSectionCollaboration() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const supportsThread = isCommandRegistered.useIsCommandRegistered(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: supportsThread ? /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+      name: "Add a comment",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CommentIcon, {}),
+      onClick: () => editor.dispatchCommand(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND, void 0),
+      children: "Comment"
+    }) : null
+  });
+}
+function DefaultToolbarContent() {
+  const supportsTextFormat = isCommandRegistered.useIsCommandRegistered(lexical.FORMAT_TEXT_COMMAND);
+  const supportsThread = isCommandRegistered.useIsCommandRegistered(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionHistory, {}),
+      supportsTextFormat ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarBlockSelector, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionInline, {})
+        ]
+      }) : null,
+      supportsThread ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionCollaboration, {})
+        ]
+      }) : null
+    ]
+  });
+}
+const INITIAL_COMMANDS_REGISTERED_COMMAND = lexical.createCommand(
+  "INITIAL_COMMANDS_REGISTERED_COMMAND"
+);
+function useRerender() {
+  const [, setRerender] = react.useState(false);
+  return react.useCallback(() => {
+    setRerender((toggle) => !toggle);
+  }, [setRerender]);
+}
+function createDefaultBlockSelectorItems() {
+  const items = [
+    {
+      name: "Heading 1",
+      isActive: (selectedBlock) => {
+        if (richText.$isHeadingNode(selectedBlock)) {
+          const tag = selectedBlock.getTag();
+          return tag === "h1";
+        } else {
+          return false;
+        }
+      },
+      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h1"))
+    },
+    {
+      name: "Heading 2",
+      isActive: (selectedBlock) => {
+        if (richText.$isHeadingNode(selectedBlock)) {
+          const tag = selectedBlock.getTag();
+          return tag === "h2";
+        } else {
+          return false;
+        }
+      },
+      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h2"))
+    },
+    {
+      name: "Heading 3",
+      isActive: (selectedBlock) => {
+        if (richText.$isHeadingNode(selectedBlock)) {
+          const tag = selectedBlock.getTag();
+          return tag === "h3";
+        } else {
+          return false;
+        }
+      },
+      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h3"))
+    },
+    {
+      name: "Blockquote",
+      isActive: (selectedBlock) => selectedBlock?.getType() === "quote",
+      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createQuoteNode())
+    }
+  ];
+  return items.filter(Boolean);
+}
+const blockSelectorTextItem = {
+  name: "Text",
+  isActive: () => false,
+  setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => lexical.$createParagraphNode())
+};
+const ToolbarBlockSelector = react.forwardRef(({ items, ...props }, forwardedRef) => {
+  const floatingToolbarContext$1 = react.useContext(floatingToolbarContext.FloatingToolbarContext);
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const selectedBlockElement = getSelectedBlockElement.getSelectedBlockElement(editor);
+  const resolvedItems = react.useMemo(() => {
+    const resolvedItems2 = items ?? createDefaultBlockSelectorItems();
+    return [blockSelectorTextItem, ...resolvedItems2];
+  }, [items]);
+  const activeItem = react.useMemo(
+    () => resolvedItems.find(
+      (item) => item.isActive(selectedBlockElement, editor)
+    ) ?? blockSelectorTextItem,
+    [selectedBlockElement, editor, resolvedItems]
+  );
+  const handleItemChange = (name) => {
+    const item = resolvedItems.find((item2) => item2.name === name);
+    if (item) {
+      editor.update(() => item.setActive(editor));
+      floatingToolbarContext$1?.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 Toolbar = Object.assign(
+  react.forwardRef(
+    ({ before, after, children = DefaultToolbarContent, className, ...props }, forwardedRef) => {
+      const [editor] = LexicalComposerContext.useLexicalComposerContext();
+      const [commandsRegistered, setCommandsRegistered] = react.useState(false);
+      const rerender = useRerender();
+      const slotProps = { editor };
+      react.useEffect(() => {
+        if (commandsRegistered) {
+          return;
+        }
+        const unregister = editor.registerCommand(
+          INITIAL_COMMANDS_REGISTERED_COMMAND,
+          () => {
+            setCommandsRegistered(true);
+            return true;
+          },
+          lexical.COMMAND_PRIORITY_LOW
+        );
+        editor.dispatchCommand(INITIAL_COMMANDS_REGISTERED_COMMAND, void 0);
+        return unregister;
+      }, [editor, commandsRegistered]);
+      react.useEffect(() => {
+        const unregister = editor.registerUpdateListener(({ tags }) => {
+          return editor.getEditorState().read(() => {
+            if (tags.has("collaboration"))
+              return;
+            rerender();
+          });
+        });
+        return unregister;
+      }, [editor, rerender]);
+      return /* @__PURE__ */ jsxRuntime.jsx(_private.TooltipProvider, {
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+          ref: forwardedRef,
+          role: "toolbar",
+          "aria-label": "Toolbar",
+          "aria-orientation": "horizontal",
+          className: classnames.classNames("lb-root lb-lexical-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 { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  $createHeadingNode,\n  $createQuoteNode,\n  $isHeadingNode,\n} from \"@lexical/rich-text\";\nimport { $setBlocksType } from \"@lexical/selection\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\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 {\n  $createParagraphNode,\n  $getSelection,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n  FORMAT_TEXT_COMMAND,\n  type LexicalCommand,\n  type LexicalEditor,\n  type LexicalNode,\n  REDO_COMMAND,\n  UNDO_COMMAND,\n} from \"lexical\";\nimport type { ComponentProps, ComponentType, ReactNode } from \"react\";\nimport {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { classNames } from \"../classnames\";\nimport { OPEN_FLOATING_COMPOSER_COMMAND } from \"../comments/floating-composer\";\nimport { getSelectedBlockElement } from \"../get-selected-block-element\";\nimport { useIsCommandRegistered } from \"../is-command-registered\";\nimport { isTextFormatActive } from \"../is-text-format-active\";\nimport { FloatingToolbarContext } from \"./floating-toolbar-context\";\n\nexport const BLOCK_SELECT_SIDE_OFFSET = 10;\nexport const FLOATING_ELEMENT_COLLISION_PADDING = 10;\n\nexport interface ToolbarSlotProps {\n  editor: LexicalEditor;\n}\n\nexport type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;\n\nexport interface ToolbarProps extends Omit<ComponentProps<\"div\">, \"children\"> {\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\ntype ToolbarSeparatorProps = ComponentProps<\"div\">;\n\ninterface ToolbarBlockSelectorItem {\n  name: string;\n  isActive: (\n    selectedBlockElement: LexicalNode | null,\n    editor: LexicalEditor\n  ) => boolean;\n  setActive: (editor: LexicalEditor) => void;\n}\n\ninterface ToolbarBlockSelectorProps extends ComponentProps<\"button\"> {\n  items?: ToolbarBlockSelectorItem[];\n}\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\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-lexical-toolbar-separator\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nfunction ToolbarSectionHistory() {\n  const [editor] = useLexicalComposerContext();\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  useEffect(() => {\n    const unregister = mergeRegister(\n      editor.registerCommand<boolean>(\n        CAN_UNDO_COMMAND,\n        (payload) => {\n          setCanUndo(payload);\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL\n      ),\n      editor.registerCommand<boolean>(\n        CAN_REDO_COMMAND,\n        (payload) => {\n          setCanRedo(payload);\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL\n      )\n    );\n\n    return unregister;\n  }, [editor]);\n\n  return (\n    <>\n      <ToolbarButton\n        name=\"Undo\"\n        icon={<UndoIcon />}\n        shortcut=\"Mod-Z\"\n        onClick={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}\n        disabled={!canUndo}\n      />\n      <ToolbarButton\n        name=\"Redo\"\n        icon={<RedoIcon />}\n        shortcut=\"Mod-Shift-Z\"\n        onClick={() => editor.dispatchCommand(REDO_COMMAND, undefined)}\n        disabled={!canRedo}\n      />\n    </>\n  );\n}\n\nfunction ToolbarSectionInline() {\n  const [editor] = useLexicalComposerContext();\n  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);\n\n  return supportsTextFormat ? (\n    <>\n      <ToolbarToggle\n        name=\"Bold\"\n        icon={<BoldIcon />}\n        shortcut=\"Mod-B\"\n        onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"bold\")}\n        active={isTextFormatActive(editor, \"bold\")}\n      />\n\n      <ToolbarToggle\n        name=\"Italic\"\n        icon={<ItalicIcon />}\n        shortcut=\"Mod-I\"\n        onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"italic\")}\n        active={isTextFormatActive(editor, \"italic\")}\n      />\n      <ToolbarToggle\n        name=\"Underline\"\n        icon={<UnderlineIcon />}\n        shortcut=\"Mod-U\"\n        onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"underline\")}\n        active={isTextFormatActive(editor, \"underline\")}\n      />\n      <ToolbarToggle\n        name=\"Strikethrough\"\n        icon={<StrikethroughIcon />}\n        onClick={() =>\n          editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"strikethrough\")\n        }\n        active={isTextFormatActive(editor, \"strikethrough\")}\n      />\n      <ToolbarToggle\n        name=\"Inline code\"\n        icon={<CodeIcon />}\n        onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"code\")}\n        active={isTextFormatActive(editor, \"code\")}\n      />\n    </>\n  ) : null;\n}\n\nfunction ToolbarSectionCollaboration() {\n  const [editor] = useLexicalComposerContext();\n  const supportsThread = useIsCommandRegistered(OPEN_FLOATING_COMPOSER_COMMAND);\n\n  return (\n    <>\n      {supportsThread ? (\n        <ToolbarButton\n          name=\"Add a comment\"\n          icon={<CommentIcon />}\n          onClick={() =>\n            editor.dispatchCommand(OPEN_FLOATING_COMPOSER_COMMAND, undefined)\n          }\n        >\n          Comment\n        </ToolbarButton>\n      ) : null}\n    </>\n  );\n}\n\nfunction DefaultToolbarContent() {\n  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);\n  const supportsThread = useIsCommandRegistered(OPEN_FLOATING_COMPOSER_COMMAND);\n\n  return (\n    <>\n      <ToolbarSectionHistory />\n      {supportsTextFormat ? (\n        <>\n          <ToolbarSeparator />\n          <ToolbarBlockSelector />\n          <ToolbarSectionInline />\n        </>\n      ) : null}\n      {supportsThread ? (\n        <>\n          <ToolbarSeparator />\n          <ToolbarSectionCollaboration />\n        </>\n      ) : null}\n    </>\n  );\n}\n\nconst INITIAL_COMMANDS_REGISTERED_COMMAND: LexicalCommand<void> = createCommand(\n  \"INITIAL_COMMANDS_REGISTERED_COMMAND\"\n);\n\n// Re-renders its surrounding component.\nfunction useRerender() {\n  const [, setRerender] = useState(false);\n\n  return useCallback(() => {\n    setRerender((toggle) => !toggle);\n  }, [setRerender]);\n}\n\nfunction createDefaultBlockSelectorItems(): ToolbarBlockSelectorItem[] {\n  const items: (ToolbarBlockSelectorItem | null)[] = [\n    {\n      name: \"Heading 1\",\n      isActive: (selectedBlock) => {\n        if ($isHeadingNode(selectedBlock)) {\n          const tag = selectedBlock.getTag();\n\n          return tag === \"h1\";\n        } else {\n          return false;\n        }\n      },\n      setActive: () =>\n        $setBlocksType($getSelection(), () => $createHeadingNode(\"h1\")),\n    },\n    {\n      name: \"Heading 2\",\n      isActive: (selectedBlock) => {\n        if ($isHeadingNode(selectedBlock)) {\n          const tag = selectedBlock.getTag();\n\n          return tag === \"h2\";\n        } else {\n          return false;\n        }\n      },\n      setActive: () =>\n        $setBlocksType($getSelection(), () => $createHeadingNode(\"h2\")),\n    },\n    {\n      name: \"Heading 3\",\n      isActive: (selectedBlock) => {\n        if ($isHeadingNode(selectedBlock)) {\n          const tag = selectedBlock.getTag();\n\n          return tag === \"h3\";\n        } else {\n          return false;\n        }\n      },\n      setActive: () =>\n        $setBlocksType($getSelection(), () => $createHeadingNode(\"h3\")),\n    },\n    {\n      name: \"Blockquote\",\n      isActive: (selectedBlock) => selectedBlock?.getType() === \"quote\",\n      setActive: () =>\n        $setBlocksType($getSelection(), () => $createQuoteNode()),\n    },\n  ];\n\n  return items.filter(Boolean) as ToolbarBlockSelectorItem[];\n}\n\nconst blockSelectorTextItem: ToolbarBlockSelectorItem = {\n  name: \"Text\",\n  isActive: () => false,\n  setActive: () =>\n    $setBlocksType($getSelection(), () => $createParagraphNode()),\n};\n\nconst ToolbarBlockSelector = forwardRef<\n  HTMLButtonElement,\n  ToolbarBlockSelectorProps\n>(({ items, ...props }, forwardedRef) => {\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const [editor] = useLexicalComposerContext();\n  const selectedBlockElement = getSelectedBlockElement(editor);\n  const resolvedItems = useMemo(() => {\n    const resolvedItems = items ?? createDefaultBlockSelectorItems();\n    return [blockSelectorTextItem, ...resolvedItems];\n  }, [items]);\n\n  const activeItem = useMemo(\n    () =>\n      resolvedItems.find((item) =>\n        item.isActive(selectedBlockElement, editor)\n      ) ?? blockSelectorTextItem,\n    [selectedBlockElement, editor, resolvedItems]\n  );\n\n  const handleItemChange = (name: string) => {\n    const item = resolvedItems.find((item) => item.name === name);\n\n    if (item) {\n      editor.update(() => 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\nexport const Toolbar = Object.assign(\n  forwardRef<HTMLDivElement, ToolbarProps>(\n    (\n      { before, after, children = DefaultToolbarContent, className, ...props },\n      forwardedRef\n    ) => {\n      const [editor] = useLexicalComposerContext();\n      const [commandsRegistered, setCommandsRegistered] = useState(false);\n      const rerender = useRerender();\n\n      const slotProps: ToolbarSlotProps = { editor };\n\n      // Ensures that `useIsCommandRegistered` returns correct values initially.\n      // It registers a low-priority one-time command to re-render once all initial commands are registered.\n      useEffect(() => {\n        if (commandsRegistered) {\n          return;\n        }\n\n        const unregister = editor.registerCommand(\n          INITIAL_COMMANDS_REGISTERED_COMMAND,\n          () => {\n            setCommandsRegistered(true);\n            return true;\n          },\n          COMMAND_PRIORITY_LOW\n        );\n\n        editor.dispatchCommand(INITIAL_COMMANDS_REGISTERED_COMMAND, undefined);\n\n        return unregister;\n      }, [editor, commandsRegistered]);\n\n      // Re-render when the selection changes to ensure components like toggles are updated.\n      useEffect(() => {\n        const unregister = editor.registerUpdateListener(({ tags }) => {\n          return editor.getEditorState().read(() => {\n            // Ignore selection updates related to collaboration\n            if (tags.has(\"collaboration\")) return;\n\n            rerender();\n          });\n        });\n\n        return unregister;\n      }, [editor, rerender]);\n\n      return (\n        <TooltipProvider>\n          <div\n            ref={forwardedRef}\n            role=\"toolbar\"\n            aria-label=\"Toolbar\"\n            aria-orientation=\"horizontal\"\n            className={classNames(\"lb-root lb-lexical-toolbar\", className)}\n            {...props}\n          >\n            {applyToolbarSlot(before, slotProps)}\n            {applyToolbarSlot(children, slotProps)}\n            {applyToolbarSlot(after, slotProps)}\n          </div>\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","classNames","useLexicalComposerContext","useState","useEffect","mergeRegister","CAN_UNDO_COMMAND","COMMAND_PRIORITY_CRITICAL","CAN_REDO_COMMAND","jsxs","Fragment","UndoIcon","UNDO_COMMAND","RedoIcon","REDO_COMMAND","useIsCommandRegistered","FORMAT_TEXT_COMMAND","BoldIcon","isTextFormatActive","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeIcon","OPEN_FLOATING_COMPOSER_COMMAND","CommentIcon","createCommand","useCallback","$isHeadingNode","$setBlocksType","$getSelection","$createHeadingNode","$createQuoteNode","$createParagraphNode","floatingToolbarContext","useContext","FloatingToolbarContext","getSelectedBlockElement","useMemo","resolvedItems","item","SelectPrimitive","ChevronDownIcon","CheckIcon","COMMAND_PRIORITY_LOW","TooltipProvider"],"mappings":"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"}