From 892141ad5bc009c1841d6f6bdd879d077cbc84ac Mon Sep 17 00:00:00 2001
From: Daniel <daniel-blyth@live.com.au>
Date: Sun, 6 Apr 2025 19:46:32 +1000
Subject: [PATCH] feat: add row drag selection

---
 src/components/BrowserRow/BrowserRow.react.js    | 3 ++-
 src/dashboard/Data/Browser/Browser.react.js      | 1 +
 src/dashboard/Data/Browser/BrowserTable.react.js | 3 +++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/BrowserRow/BrowserRow.react.js b/src/components/BrowserRow/BrowserRow.react.js
index 7a3df557db..35e2752647 100644
--- a/src/components/BrowserRow/BrowserRow.react.js
+++ b/src/components/BrowserRow/BrowserRow.react.js
@@ -50,6 +50,7 @@ export default class BrowserRow extends Component {
       onMouseDownRowCheckBox,
       onMouseUpRowCheckBox,
       onMouseOverRowCheckBox,
+      onMouseOverRow,
     } = this.props;
     const attributes = obj.attributes;
     let requiredCols = [];
@@ -69,7 +70,7 @@ export default class BrowserRow extends Component {
       requiredCols = ['authData'];
     }
     return (
-      <div className={styles.tableRow} style={{ minWidth: rowWidth }}>
+      <div className={styles.tableRow} style={{ minWidth: rowWidth }} onMouseOver={() => onMouseOverRow(obj.id)}>
         <span
           className={styles.checkCell}
           onMouseUp={onMouseUpRowCheckBox}
diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index 245a4080f0..d072884ff7 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -2068,6 +2068,7 @@ class Browser extends DashboardView {
             onMouseDownRowCheckBox={this.onMouseDownRowCheckBox}
             onMouseUpRowCheckBox={this.onMouseUpRowCheckBox}
             onMouseOverRowCheckBox={this.onMouseOverRowCheckBox}
+            onMouseOverRow={this.onMouseOverRowCheckBox}
             classes={this.classes}
             classwiseCloudFunctions={this.state.classwiseCloudFunctions}
             callCloudFunction={this.fetchAggregationPanelData}
diff --git a/src/dashboard/Data/Browser/BrowserTable.react.js b/src/dashboard/Data/Browser/BrowserTable.react.js
index c710227e80..d762b4f77c 100644
--- a/src/dashboard/Data/Browser/BrowserTable.react.js
+++ b/src/dashboard/Data/Browser/BrowserTable.react.js
@@ -215,6 +215,7 @@ export default class BrowserTable extends React.Component {
                     onMouseDownRowCheckBox={this.props.onMouseDownRowCheckBox}
                     onMouseUpRowCheckBox={this.props.onMouseUpRowCheckBox}
                     onMouseOverRowCheckBox={this.props.onMouseOverRowCheckBox}
+                    onMouseOverRow={this.props.onMouseOverRow}
                     setShowAggregatedData={this.props.setShowAggregatedData}
                     setErrorAggregatedData={this.props.setErrorAggregatedData}
                     firstSelectedCell={this.props.firstSelectedCell}
@@ -295,6 +296,7 @@ export default class BrowserTable extends React.Component {
               onMouseDownRowCheckBox={this.props.onMouseDownRowCheckBox}
               onMouseUpRowCheckBox={this.props.onMouseUpRowCheckBox}
               onMouseOverRowCheckBox={this.props.onMouseOverRowCheckBox}
+              onMouseOverRow={this.props.onMouseOverRow}
               setShowAggregatedData={this.props.setShowAggregatedData}
               setErrorAggregatedData={this.props.setErrorAggregatedData}
               firstSelectedCell={this.props.firstSelectedCell}
@@ -384,6 +386,7 @@ export default class BrowserTable extends React.Component {
             onMouseDownRowCheckBox={this.props.onMouseDownRowCheckBox}
             onMouseUpRowCheckBox={this.props.onMouseUpRowCheckBox}
             onMouseOverRowCheckBox={this.props.onMouseOverRowCheckBox}
+            onMouseOverRow={this.props.onMouseOverRow}
             setShowAggregatedData={this.props.setShowAggregatedData}
             setErrorAggregatedData={this.props.setErrorAggregatedData}
             firstSelectedCell={this.props.firstSelectedCell}