@haklex/rich-renderer-mention 0.3.4 → 0.4.1

package/dist/MentionEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CAQ9D"}
+{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CAQ9D"}

package/dist/history-shortcuts.d.ts

@@ -0,0 +1,13 @@
+export type EditorHistoryShortcut = 'redo' | 'undo';
+export interface EditorHistoryShortcutEvent {
+    altKey?: boolean;
+    ctrlKey: boolean;
+    key: string;
+    metaKey: boolean;
+    shiftKey: boolean;
+}
+export interface EditorHistoryShortcutOptions {
+    isDirty?: boolean;
+}
+export declare function getEditorHistoryShortcut(event: EditorHistoryShortcutEvent, options?: EditorHistoryShortcutOptions): EditorHistoryShortcut | null;
+//# sourceMappingURL=history-shortcuts.d.ts.map

package/dist/history-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-shortcuts.d.ts","sourceRoot":"","sources":["../src/history-shortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,0BAA0B,EACjC,OAAO,GAAE,4BAAiC,GACzC,qBAAqB,GAAG,IAAI,CAgB9B"}

package/dist/index.mjs

@@ -3,10 +3,21 @@ import { useRendererMode } from "@haklex/rich-editor";
 import { ActionBar, ActionButton, Popover, PopoverPanel, PopoverTrigger } from "@haklex/rich-editor-ui";
 import { vars } from "@haklex/rich-style-token";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $getNearestNodeFromDOMNode } from "lexical";
+import { $getNearestNodeFromDOMNode, REDO_COMMAND, UNDO_COMMAND } from "lexical";
 import { AtSign, ExternalLink, Trash2, User } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/history-shortcuts.ts
+function getEditorHistoryShortcut(event, options = {}) {
+	if (options.isDirty) return null;
+	if (event.altKey) return null;
+	if (!event.metaKey && !event.ctrlKey) return null;
+	const key = event.key.toLowerCase();
+	if (key === "z") return event.shiftKey ? "redo" : "undo";
+	if (key === "y" && event.ctrlKey && !event.metaKey && !event.shiftKey) return "redo";
+	return null;
+}
+//#endregion
 //#region src/MentionEditRenderer.tsx
 var LEADING_AT_RE = /^@+/;
 function MentionEditRenderer(props) {
@@ -79,6 +90,21 @@ function MentionEditRendererInner({ platform, handle, displayName }) {
 		handle,
 		displayName
 	]);
+	const handlePanelKeyDown = useCallback((e) => {
+		const shortcut = getEditorHistoryShortcut(e, { isDirty: editPlatform !== platform || editHandle !== handle || editDisplayName !== (displayName || "") });
+		if (!shortcut) return;
+		e.preventDefault();
+		e.stopPropagation();
+		editor.dispatchCommand(shortcut === "undo" ? UNDO_COMMAND : REDO_COMMAND, void 0);
+	}, [
+		displayName,
+		editDisplayName,
+		editHandle,
+		editPlatform,
+		editor,
+		handle,
+		platform
+	]);
 	if (!editable) return /* @__PURE__ */ jsx(MentionRenderer, {
 		displayName,
 		handle,
@@ -109,6 +135,7 @@ function MentionEditRendererInner({ platform, handle, displayName }) {
 			className: `${editPanel} ${semanticClassNames.editPanel}`,
 			side: "bottom",
 			sideOffset: 8,
+			onKeyDown: handlePanelKeyDown,
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: `${editField} ${semanticClassNames.editField}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-mention",
-  "version": "0.3.4",
+  "version": "0.4.1",
   "description": "Social mention renderer with platform badges",
   "repository": {
     "type": "git",