@haklex/rich-plugin-slash-menu 0.0.94 → 0.0.95

package/dist/SlashMenuItem.d.ts

@@ -1,15 +1,15 @@
 import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
 import { LexicalEditor } from 'lexical';
-import { ReactNode } from 'react';
+import { JSX } from 'react';
 export declare class SlashMenuItem extends MenuOption {
     title: string;
-    icon: ReactNode;
+    icon: JSX.Element | undefined;
     description: string;
     keywords: string[];
     section: string;
     onSelect: (editor: LexicalEditor, queryString: string) => void;
     constructor(title: string, options: {
-        icon?: ReactNode;
+        icon?: JSX.Element;
         description?: string;
         keywords?: string[];
         section?: string;

package/dist/SlashMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlashMenuItem.d.ts","sourceRoot":"","sources":["../src/SlashMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;gBAG5D,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;QACnB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;KAC/D;CAUJ"}
+{"version":3,"file":"SlashMenuItem.d.ts","sourceRoot":"","sources":["../src/SlashMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;gBAG7D,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;KAChE;CAUJ"}

package/dist/SlashMenuPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlashMenuPlugin.d.ts","sourceRoot":"","sources":["../src/SlashMenuPlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,SAAS,CAAC;AAMvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,CAK5E;AAWD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAiB,EAAE,EAAE,oBAAoB,2CAuE7F"}
+{"version":3,"file":"SlashMenuPlugin.d.ts","sourceRoot":"","sources":["../src/SlashMenuPlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,SAAS,CAAC;AAMvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,CAc5E;AAWD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAiB,EAAE,EAAE,oBAAoB,2CAuE7F"}

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { $setBlocksType } from "@lexical/selection";
 import { INSERT_TABLE_COMMAND } from "@lexical/table";
 import { $getSelection, $isRangeSelection, $createParagraphNode } from "lexical";
 import { Type, Heading1, Heading2, Heading3, TextQuote, Minus, Table, List, ListOrdered, ListChecks } from "lucide-react";
-import { createElement, useEffect, useMemo, useState, useCallback } from "react";
+import { createElement, useEffect, useMemo, useState, useCallback, isValidElement } from "react";
 import { MenuOption, useBasicTypeaheadTriggerMatch, LexicalTypeaheadMenuPlugin } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFloating, autoUpdate, offset, flip, shift } from "@floating-ui/react-dom";
@@ -26,7 +26,7 @@ class SlashMenuItem extends MenuOption {
     __publicField(this, "section");
     __publicField(this, "onSelect");
     this.title = title;
-    this.icon = options.icon ?? "";
+    this.icon = options.icon;
     this.description = options.description ?? "";
     this.keywords = options.keywords ?? [];
     this.section = options.section ?? "BASIC BLOCKS";
@@ -247,7 +247,15 @@ function SlashMenuList({
 }
 function collectNodeSlashItems(editor) {
   const configs = collectCommandItems(editor);
-  return configs.filter((c) => !c.placement || c.placement.includes("slash")).map((c) => new SlashMenuItem(c.title, c));
+  return configs.filter((c) => !c.placement || c.placement.includes("slash")).map(
+    (c) => new SlashMenuItem(c.title, {
+      description: c.description,
+      icon: isValidElement(c.icon) ? c.icon : void 0,
+      keywords: c.keywords,
+      section: c.section,
+      onSelect: c.onSelect
+    })
+  );
 }
 function filterItems(query, items) {
   if (!query) return items;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-slash-menu",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "description": "Slash command menu plugin",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
   ],
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.8",
-    "@haklex/rich-style-token": "0.0.94",
-    "@haklex/rich-editor": "0.0.94"
+    "@haklex/rich-editor": "0.0.95",
+    "@haklex/rich-style-token": "0.0.95"
   },
   "devDependencies": {
     "@lexical/list": "^0.42.0",