not sure about ux for rename ke

Author: mac-s-g

src/js/components/DataTypes/Object.js

@@ -1,6 +1,7 @@
 import React from "react";
 
 import {toType} from './../../helpers/util';
+import signalEditKey from './../../helpers/signalEditKey';
 
 //data type components
 import {JsonObject} from './DataTypes';
@@ -241,7 +242,10 @@ class rjvObject extends React.Component {
         } else {
             return (
                 <span {...Theme(theme, 'object-name')} key={namespace}>
-                    <span class="object-key">
+                    <span class="object-key"
+                    onDoubleClick={() => {
+                        if (this.props.onEdit) {signalEditKey()}
+                    }}>
                         <span style={{verticalAlign:'top'}}>"</span>
                         <span>{display_name}</span>
                         <span style={{verticalAlign:'top'}}>"</span>

src/js/components/VariableEditor.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import AutosizeTextarea from 'react-textarea-autosize';
 
-import EditKeyRequest from './ObjectKeyModal/EditKeyRequest';
 import {toType} from './../helpers/util';
 import dispatcher from './../helpers/dispatcher';
 import parseInput from './../helpers/parseInput';
 import stringifyVariable from './../helpers/stringifyVariable';
+import signalEditKey from './../helpers/signalEditKey';
 
 //data type components
 import {
@@ -38,18 +38,17 @@ class VariableEditor extends React.Component {
 
     render() {
         const {
-            variable, singleIndent, type, theme,
+            variable, singleIndent, type, theme, rjvId,
             namespace, indentWidth, onEdit, onDelete
         } = this.props;
-        const {editMode, renameKey} = this.state;
+        const {editMode} = this.state;
 
         return (
         <div {...Theme(
             theme, 'objectKeyVal', indentWidth * singleIndent
         )}
         class="variable-row"
         key={variable.name}>
-            {renameKey ? <EditKeyRequest /> : null}
             {
                 type == 'array'
                 ? (
@@ -64,7 +63,12 @@ class VariableEditor extends React.Component {
                     <span {...Theme(theme, 'object-name')}
                     class="object-key"
                     onDoubleClick={()=>{
-                        this.setState({renameKey: true})
+                        if (onEdit) {
+                            signalEditKey(
+                                rjvId,
+
+                            )
+                        }
                     }}
                     key={variable.name + '_' + namespace}>
                         <span style={{verticalAlign:'top'}}>"</span>

src/js/helpers/signalEditKey.js

@@ -0,0 +1,18 @@
+import dispatcher from './dispatcher';
+
+const signalEditKey = () => {
+    // dispatcher.dispatch({
+    //     name: 'EDIT_VARIABLE_KEY_REQUEST',
+    //     rjvId: rjvId,
+    //     data: {
+    //         name: depth > 0 ? name : null,
+    //         namespace: namespace.splice(
+    //             0, (namespace.length-1)
+    //         ),
+    //         existing_value: src,
+    //         variable_removed: false,
+    //         key_name: null
+    //     },
+    // });
+}
+export default signalEditKey

src/js/stores/ObjectAttributes.js

@@ -70,6 +70,7 @@ class ObjectAttributes extends EventEmitter {
             case 'EDIT_VARIABLE_KEY_REQUEST':
                 this.set(rjvId, 'action', 'edit-key-request', data);
                 this.emit('edit-key-request-' + rjvId);
+                break;
         }
     }