Adding "Edit row" option to BrowserCell context menu

Author: arturd

src/components/BrowserCell/BrowserCell.react.js

@@ -86,6 +86,7 @@ export default class BrowserCell extends Component {
   }
 
   getContextMenuOptions(constraints) {
+    let { onEditSelectedRow } = this.props;
     const contextMenuOptions = [];
 
     const setFilterContextMenuOption = this.getSetFilterContextMenuOption(constraints);
@@ -97,6 +98,16 @@ export default class BrowserCell extends Component {
     const relatedObjectsContextMenuOption = this.getRelatedObjectsContextMenuOption();
     relatedObjectsContextMenuOption && contextMenuOptions.push(relatedObjectsContextMenuOption);
 
+    onEditSelectedRow && contextMenuOptions.push({
+      text: 'Edit row',
+      callback: () => {
+        let { onSelect, row, col, objectId, onEditSelectedRow, setCopyableValue } = this.props;
+        onSelect({ row, col });
+        setCopyableValue(this.copyableValue);
+        onEditSelectedRow(true, objectId);
+      }
+    });
+
     return contextMenuOptions;
   }
 
@@ -225,8 +236,8 @@ export default class BrowserCell extends Component {
           <Pill value={value.id} />
         </a>
       ) : (
-        value.id
-      );
+          value.id
+        );
       this.copyableValue = value.id;
     } else if (type === 'Date') {
       if (typeof value === 'object' && value.__type) {
@@ -274,8 +285,8 @@ export default class BrowserCell extends Component {
           <Pill onClick={() => setRelation(value)} value='View relation' />
         </div>
       ) : (
-        'Relation'
-      );
+          'Relation'
+        );
       this.copyableValue = undefined;
     }
 

src/components/BrowserRow/BrowserRow.react.js

@@ -77,6 +77,7 @@ export default class BrowserRow extends Component {
               onPointerClick={onPointerClick}
               onFilterChange={onFilterChange}
               setRelation={setRelation}
+              objectId={obj.id}
               value={attr}
               hidden={hidden}
               setCopyableValue={setCopyableValue}

src/dashboard/Data/Browser/Browser.react.js

@@ -908,9 +908,9 @@ class Browser extends DashboardView {
     }, 3500);
   }
 
-  showEditRowDialog(isDoubleClick, objectId) {
+  showEditRowDialog(selectRow, objectId) {
     // objectId is optional param which is used for doubleClick event on objectId BrowserCell
-    if (isDoubleClick) {
+    if (selectRow) {
       // remove all selected rows and select doubleClicked row
       this.setState({ selection: {} });
       this.selectRow(objectId, true);