Ignore JS Events in handleEdit

Author: CarlosNZ

src/ButtonPanels.tsx

@@ -260,7 +260,7 @@ export const InputButtons: React.FC<{
     <div className="jer-confirm-buttons">
       {!hideOk && (
         // Pass an anonymous function to prevent passing event to onOk
-        <div onClick={() => onOk()} ref={editConfirmRef as React.RefObject<HTMLDivElement>}>
+        <div onClick={onOk} ref={editConfirmRef as React.RefObject<HTMLDivElement>}>
           <Icon name="ok" nodeData={nodeData} />
         </div>
       )}

src/ValueNodeWrapper.tsx

@@ -20,7 +20,7 @@ import {
 } from './types'
 import { useTheme, useTreeState } from './contexts'
 import { getCustomNode, type CustomNodeData } from './CustomNode'
-import { filterNode, getNextOrPrevious, matchEnumType } from './helpers'
+import { filterNode, getNextOrPrevious, isJsEvent, matchEnumType } from './helpers'
 import { useCommon, useDragNDrop } from './hooks'
 import { KeyDisplay } from './KeyDisplay'
 
@@ -209,7 +209,7 @@ export const ValueNodeWrapper: React.FC<ValueNodeProps> = (props) => {
     setCurrentlyEditingElement(null)
     setPreviousValue(null)
     let newValue: JsonData
-    if (inputValue !== undefined) newValue = inputValue as JsonData
+    if (inputValue !== undefined && !isJsEvent(inputValue)) newValue = inputValue as JsonData
     else {
       switch (dataType) {
         case 'object':

src/helpers.ts

@@ -19,6 +19,17 @@ import {
 export const isCollection = (value: unknown): value is Record<string, unknown> | unknown[] =>
   value !== null && typeof value === 'object' && !(value instanceof Date)
 
+export const isJsEvent = (value: unknown) => {
+  return (
+    value &&
+    typeof value === 'object' &&
+    'type' in value &&
+    'target' in value &&
+    'preventDefault' in value &&
+    typeof value.preventDefault === 'function'
+  )
+}
+
 /**
  * FILTERING
  */