@haklex/rich-plugin-floating-toolbar 0.0.86 → 0.0.88

package/dist/FloatingToolbarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingToolbarPlugin.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AA6L1C,wBAAgB,qBAAqB,IAAI,YAAY,GAAG,IAAI,CA6f3D"}
+{"version":3,"file":"FloatingToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingToolbarPlugin.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgM1C,wBAAgB,qBAAqB,IAAI,YAAY,GAAG,IAAI,CAogB3D"}

package/dist/index.mjs

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { $toggleSpoilerSelection, $selectionTouchesSpoiler } from "@haklex/rich-editor/commands";
 import { $createRubyNode, $isRubyNode } from "@haklex/rich-editor/nodes";
 import { ColorPicker } from "@haklex/rich-editor-ui";
 import { usePortalTheme, usePortalContainer, vars } from "@haklex/rich-style-token";
@@ -6,7 +7,7 @@ import { TOGGLE_LINK_COMMAND, $isLinkNode, $isAutoLinkNode } from "@lexical/link
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $patchStyleText, $getSelectionStyleValueForProperty } from "@lexical/selection";
 import { $getSelection, $isRangeSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, $createTextNode, $getNodeByKey } from "lexical";
-import { Bold, Italic, Underline, Strikethrough, Superscript, Subscript, Code, Highlighter, Link, Languages, Check, X, Trash2 } from "lucide-react";
+import { Bold, Italic, Underline, Strikethrough, Superscript, Subscript, Code, Highlighter, EyeOff, Link, Languages, Check, X, Trash2 } from "lucide-react";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
 var toolbar = "_1m6axz71";
@@ -53,6 +54,7 @@ const INITIAL_STATE = {
   isHighlight: false,
   isLink: false,
   isRuby: false,
+  isSpoiler: false,
   fontColor: ""
 };
 function findRubyAncestor(node) {
@@ -93,6 +95,7 @@ function getSelectionState(selection) {
     isHighlight: selection.hasFormat("highlight"),
     isLink: hasLink,
     isRuby: hasRuby,
+    isSpoiler: $selectionTouchesSpoiler(selection),
     fontColor: $getSelectionStyleValueForProperty(selection, "color", "")
   };
 }
@@ -514,6 +517,15 @@ function FloatingToolbarPlugin() {
                 children: /* @__PURE__ */ jsx(Highlighter, { size: ICON_SIZE, strokeWidth: ICON_STROKE })
               }
             ),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                active: state.isSpoiler,
+                ariaLabel: "Spoiler",
+                onClick: () => editor.update($toggleSpoilerSelection),
+                children: /* @__PURE__ */ jsx(EyeOff, { size: ICON_SIZE, strokeWidth: ICON_STROKE })
+              }
+            ),
             /* @__PURE__ */ jsx(ToolbarButton, { active: state.isLink, ariaLabel: "Link", onClick: handleLink, children: /* @__PURE__ */ jsx(Link, { size: ICON_SIZE, strokeWidth: ICON_STROKE }) }),
             /* @__PURE__ */ jsx(ToolbarButton, { active: state.isRuby, ariaLabel: "Ruby annotation", onClick: handleRuby, children: /* @__PURE__ */ jsx(Languages, { size: ICON_SIZE, strokeWidth: ICON_STROKE }) }),
             /* @__PURE__ */ jsx("span", { className: separator }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-floating-toolbar",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "description": "Floating toolbar plugin",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
     "dist"
   ],
   "dependencies": {
-    "@haklex/rich-editor": "0.0.86",
-    "@haklex/rich-style-token": "0.0.86",
-    "@haklex/rich-editor-ui": "0.0.86"
+    "@haklex/rich-editor": "0.0.88",
+    "@haklex/rich-editor-ui": "0.0.88",
+    "@haklex/rich-style-token": "0.0.88"
   },
   "devDependencies": {
     "@lexical/link": "^0.42.0",