feat: Add node click and double-click callbacks to TreeSelect (#7975)

Author: rubenochiavone

components/doc/common/apidoc/index.json

@@ -54266,6 +54266,19 @@
                             "returnType": "void",
                             "description": "Used to hide the overlay."
                         },
+                        {
+                            "name": "onNodeClick",
+                            "parameters": [
+                                {
+                                    "name": "event",
+                                    "optional": false,
+                                    "type": "TreeSelectNodeClickEvent",
+                                    "description": "Custom click event."
+                                }
+                            ],
+                            "returnType": "void",
+                            "description": "Callback to invoke when the node is clicked."
+                        },
                         {
                             "name": "onNodeCollapse",
                             "parameters": [
@@ -54279,6 +54292,19 @@
                             "returnType": "void",
                             "description": "Callback to invoke when a node is collapsed."
                         },
+                        {
+                            "name": "onNodeDoubleClick",
+                            "parameters": [
+                                {
+                                    "name": "event",
+                                    "optional": false,
+                                    "type": "TreeSelectNodeDoubleClickEvent",
+                                    "description": "Custom doubleclick event."
+                                }
+                            ],
+                            "returnType": "void",
+                            "description": "Callback to invoke when the node is double-clicked."
+                        },
                         {
                             "name": "onNodeExpand",
                             "parameters": [
@@ -54433,6 +54459,26 @@
                             "description": "The filtered value"
                         }
                     ]
+                },
+                "TreeSelectNodeDoubleClickEvent": {
+                    "description": "Custom double click event.",
+                    "relatedProp": "onNodeDoubleClick",
+                    "props": [
+                        {
+                            "name": "originalEvent",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "SyntheticEvent<Element, Event>",
+                            "description": "Browser event"
+                        },
+                        {
+                            "name": "node",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "TreeNode",
+                            "description": "The current node"
+                        }
+                    ]
                 }
             }
         },
@@ -54900,6 +54946,28 @@
                         }
                     ],
                     "callbacks": []
+                },
+                "TreeSelectNodeClickEvent": {
+                    "description": "Custom click event",
+                    "relatedProp": "onNodeClick",
+                    "props": [
+                        {
+                            "name": "originalEvent",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "SyntheticEvent<Element, Event>",
+                            "description": "Browser event"
+                        },
+                        {
+                            "name": "node",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "TreeNode",
+                            "description": "The current node"
+                        }
+                    ],
+                    "callbacks": [],
+                    "extendedBy": "TreeSelectNodeDoubleClickEvent"
                 }
             }
         },

components/lib/treeselect/TreeSelect.js

@@ -673,6 +673,8 @@ export const TreeSelect = React.memo(
                     onCollapse={props.onNodeCollapse}
                     onExpand={props.onNodeExpand}
                     onFilterValueChange={onFilterValueChange}
+                    onNodeClick={props.onNodeClick}
+                    onNodeDoubleClick={props.onNodeDoubleClick}
                     onSelect={onNodeSelect}
                     onSelectionChange={onSelectionChange}
                     onToggle={onNodeToggle}

components/lib/treeselect/TreeSelectBase.js

@@ -170,7 +170,9 @@ export const TreeSelectBase = ComponentBase.extend({
         onBlur: null,
         onFilterValueChange: null,
         onHide: null,
+        onNodeClick: null,
         onNodeCollapse: null,
+        onNodeDoubleClick: null,
         onNodeExpand: null,
         onNodeSelect: null,
         onNodeUnselect: null,

components/lib/treeselect/treeselect.d.ts

@@ -359,6 +359,29 @@ interface TreeSelectFilterOptions {
     reset?: () => void;
 }
 
+/**
+ * Custom click event
+ * @see {@link TreeSelectProps.onNodeClick}
+ */
+interface TreeSelectNodeClickEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * The current node
+     */
+    node: TreeNode;
+}
+
+/**
+ * Custom double click event.
+ * @see {@link TreeSelectProps.onNodeDoubleClick}
+ * @extends {TreeSelectNodeClickEvent}
+ * @event
+ */
+interface TreeSelectNodeDoubleClickEvent extends TreeSelectNodeClickEvent {}
+
 /**
  * Defines valid properties in TreeSelect component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
@@ -595,11 +618,21 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * Used to hide the overlay.
      */
     onHide?(): void;
+    /**
+     * Callback to invoke when the node is clicked.
+     * @param {TreeSelectNodeClickEvent} event - Custom click event.
+     */
+    onNodeClick?(event: TreeSelectNodeClickEvent): void;
     /**
      * Callback to invoke when a node is collapsed.
      * @param {TreeSelectEventNodeEvent} event - Custom change event.
      */
     onNodeCollapse?(event: TreeSelectEventNodeEvent): void;
+    /**
+     * Callback to invoke when the node is double-clicked.
+     * @param {TreeSelectNodeDoubleClickEvent} event - Custom doubleclick event.
+     */
+    onNodeDoubleClick?(event: TreeSelectNodeDoubleClickEvent): void;
     /**
      * Callback to invoke when a node is expanded.
      * @param {TreeSelectEventNodeEvent} event - Custom change event.