@haklex/rich-plugin-toolbar 0.0.60 → 0.0.62

package/dist/ToolbarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/ToolbarPlugin.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AAwHxD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,YAAY,CA+Y7E"}
+{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/ToolbarPlugin.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AAwHxD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAmZ7E"}

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { $getSelectionStyleValueForProperty, $patchStyleText, $setBlocksType } f
 import { $findMatchingParent } from "@lexical/utils";
 import { $getSelection, $isRangeSelection, $isRootOrShadowRoot, $isElementNode, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, CAN_REDO_COMMAND, $createParagraphNode, UNDO_COMMAND, REDO_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND } from "lexical";
 import { ChevronDown, Pilcrow, Heading1, Heading2, Heading3, Undo, Redo, Bold, Italic, Underline, Strikethrough, Code, Highlighter, List, ListOrdered, ListChecks, AlignLeft, AlignCenter, AlignRight, AlignJustify } from "lucide-react";
-import { useState, useEffect, useCallback, useMemo } from "react";
+import { useState, useMemo, useCallback, useEffect } from "react";
 var toolbarContainer = "_1e1ersc0";
 var toolbarRow = "_1e1ersc1";
 var toolbarButton = "_1e1ersc2";
@@ -200,16 +200,15 @@ function getBlockType(anchorNode) {
 function ToolbarPlugin({ className }) {
   const [editor] = useLexicalComposerContext();
   const [state, setState] = useState(INITIAL_STATE);
-  const [toolbarItems, setToolbarItems] = useState([]);
   const [tooltipHandle] = useState(
     () => createTooltipHandle()
   );
-  useEffect(() => {
-    const items = collectCommandItems(editor).filter(
+  const toolbarItems = useMemo(
+    () => collectCommandItems(editor).filter(
       (item) => item.placement?.includes("toolbar") && item.group === "insert"
-    );
-    setToolbarItems(items);
-  }, [editor]);
+    ),
+    [editor]
+  );
   const updateToolbar = useCallback(() => {
     const selection = $getSelection();
     if (!$isRangeSelection(selection)) return;
@@ -357,10 +356,17 @@ function ToolbarPlugin({ className }) {
   const containerClassName = className ? `${toolbarContainer} ${className}` : toolbarContainer;
   const h = tooltipHandle;
   return /* @__PURE__ */ jsxs(TooltipProvider, { delay: 300, children: [
-    /* @__PURE__ */ jsx(TooltipRoot, { handle: tooltipHandle, disableHoverablePopup: true, children: (({ payload }) => payload !== void 0 ? /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", sideOffset: 4, children: [
-      payload.title,
-      payload.shortcut && /* @__PURE__ */ jsx("span", { className: tooltipShortcut, children: payload.shortcut })
-    ] }) : null) }),
+    /* @__PURE__ */ jsx(
+      TooltipRoot,
+      {
+        handle: tooltipHandle,
+        disableHoverablePopup: true,
+        children: ((props) => props.payload !== void 0 ? /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", sideOffset: 4, children: [
+          props.payload.title,
+          props.payload.shortcut && /* @__PURE__ */ jsx("span", { className: tooltipShortcut, children: props.payload.shortcut })
+        ] }) : null)
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haklex/rich-plugin-toolbar",
   "type": "module",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "description": "Top toolbar plugin for rich editor",
   "license": "MIT",
   "exports": {
@@ -27,9 +27,9 @@
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@haklex/rich-editor": "0.0.60",
-    "@haklex/rich-style-token": "0.0.60",
-    "@haklex/rich-editor-ui": "0.0.60"
+    "@haklex/rich-editor": "0.0.62",
+    "@haklex/rich-editor-ui": "0.0.62",
+    "@haklex/rich-style-token": "0.0.62"
   },
   "devDependencies": {
     "@lexical/list": "^0.41.0",