feat: add onselect for object and array

Author: filiprejmus

package.json

@@ -299,17 +299,32 @@
       ]
     }
   },
+  "nano-staged": {
+    "*.js": [
+      "prettier-standard",
+      "standard --fix"
+    ],
+    "package.json": [
+      "finepack"
+    ]
+  },
   "peerDependencies": {
     "react": ">= 15",
     "react-dom": ">= 15"
   },
+  "simple-git-hooks": {
+    "commit-msg": "npx commitlint --edit",
+    "pre-commit": "npx nano-staged"
+  },
   "standard": {
     "globals": [
       "describe",
       "it"
     ],
     "ignore": [
       "Demo.js",
+      "Object.js",
+      "VariableMeta.js",
       "demo/dist",
       "dev-server"
     ]

src/js/components/DataTypes/Object.js

@@ -130,9 +130,16 @@ class RjvObject extends React.PureComponent {
   }
 
   getObjectMetaData = src => {
-    const { rjvId, theme } = this.props
+    const { rjvId, theme, namespace } = this.props
     const { size, hovered } = this.state
-    return <VariableMeta rowHovered={hovered} size={size} {...this.props} />
+    return (
+      <VariableMeta
+        rowHovered={hovered}
+        size={size}
+        namespace={namespace}
+        {...this.props}
+      />
+    )
   }
 
   getBraceStart (object_type, expanded) {

src/js/components/VariableMeta.js

@@ -105,31 +105,42 @@ export default class extends React.PureComponent {
       theme,
       onDelete,
       onAdd,
+      onSelect,
       enableClipboard,
       src,
       namespace,
-      rowHovered
+      rowHovered,
+      name
     } = this.props
     return (
       <div
         {...Theme(theme, 'object-meta-data')}
         class='object-meta-data'
         onClick={e => {
           e.stopPropagation()
+          if (onSelect !== false) {
+            const location = [...namespace]
+            location.shift()
+            location.pop()
+            onSelect({
+              name: name,
+              value: src,
+              namespace: location,
+              type: toType(src)
+            })
+          }
         }}
       >
         {/* size badge display */}
         {this.getObjectSize()}
         {/* copy to clipboard icon */}
-        {enableClipboard
-          ? (
-            <CopyToClipboard
-              rowHovered={rowHovered}
-              clickCallback={enableClipboard}
-              {...{ src, theme, namespace }}
-            />
-            )
-          : null}
+        {enableClipboard ? (
+          <CopyToClipboard
+            rowHovered={rowHovered}
+            clickCallback={enableClipboard}
+            {...{ src, theme, namespace }}
+          />
+        ) : null}
         {/* copy add/remove icons */}
         {onAdd !== false ? this.getAddAttribute(rowHovered) : null}
         {onDelete !== false ? this.getRemoveObject(rowHovered) : null}