@rimori/react-client 0.2.7 → 0.3.0

package/dist/components/ContextMenu.js

@@ -121,7 +121,7 @@ const ContextMenu = ({ client }) => {
     if (!isOpen) {
         return null;
     }
-    return (_jsx("div", { ref: menuRef, className: "fixed bg-gray-400 dark:bg-gray-700 shadow-lg border border-gray-400 rounded-md overflow-hidden dark:text-white z-50", style: { top: position.y, left: position.x }, children: actions.map((action, index) => (_jsx(MenuEntryItem, { icon: action.icon, text: action.text, onClick: () => {
+    return (_jsx("div", { ref: menuRef, className: "fixed bg-gray-400 dark:bg-gray-700 shadow-lg border border-gray-400 rounded-md overflow-hidden dark:text-white z-50", style: { top: position.y, left: position.x }, children: actions.map((action, index) => (_jsx(MenuEntryItem, { iconUrl: action.iconUrl, text: action.text, onClick: () => {
                 var _a;
                 setIsOpen(false);
                 (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
@@ -129,6 +129,6 @@ const ContextMenu = ({ client }) => {
             } }, index))) }));
 };
 function MenuEntryItem(props) {
-    return (_jsxs("button", { onClick: props.onClick, className: "px-4 py-2 text-left hover:bg-gray-500 dark:hover:bg-gray-600 w-full flex flex-row", children: [_jsx("span", { className: "flex-grow", children: props.icon }), _jsx("span", { className: "flex-grow", children: props.text })] }));
+    return (_jsxs("button", { onClick: props.onClick, className: "px-4 py-2 text-left hover:bg-gray-500 dark:hover:bg-gray-600 w-full flex flex-row", children: [_jsx("span", { className: "flex-grow", children: props.iconUrl && _jsx("img", { src: props.iconUrl, alt: props.text, className: "w-4 h-4 mr-2" }) }), _jsx("span", { className: "flex-grow", children: props.text })] }));
 }
 export default ContextMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@rimori/client": "^2.1.7"
+    "@rimori/client": "^2.2.0"
   },
   "dependencies": {
     "html2canvas": "1.4.1",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
-    "@rimori/client": "^2.1.7",
+    "@rimori/client": "^2.2.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^7.0.0",

package/src/components/ContextMenu.tsx

@@ -148,7 +148,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
       {actions.map((action, index) => (
         <MenuEntryItem
           key={index}
-          icon={action.icon}
+          iconUrl={action.iconUrl}
           text={action.text}
           onClick={() => {
             setIsOpen(false);
@@ -161,13 +161,15 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
   );
 };
 
-function MenuEntryItem(props: { icon: React.ReactNode; text: string; onClick: () => void }) {
+function MenuEntryItem(props: { iconUrl?: string; text: string; onClick: () => void }) {
   return (
     <button
       onClick={props.onClick}
       className="px-4 py-2 text-left hover:bg-gray-500 dark:hover:bg-gray-600 w-full flex flex-row"
     >
-      <span className="flex-grow">{props.icon}</span>
+      <span className="flex-grow">
+        {props.iconUrl && <img src={props.iconUrl} alt={props.text} className="w-4 h-4 mr-2" />}
+      </span>
       <span className="flex-grow">{props.text}</span>
       {/* <span className="text-sm">Ctrl+Shift+xxxx</span> */}
     </button>