Allow customization of string wrapping char (#19)

* feat: add valueWrap prop

Author: gtk-grafana

examples/src/App.tsx

@@ -101,6 +101,12 @@ const App = () => (
     </div>
     <br />
 
+    <h3>No quotations around string values</h3>
+    <div style={{ background: "#222" }}>
+      <JSONTree valueWrap={""} data={data} />
+    </div>
+    <br />
+
     <h3>Theming Example</h3>
     <p>
       Styles are managed with css variables, override the default values to

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtk-grafana/react-json-tree",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "React JSON Viewer Component, Extracted from redux-devtools",
   "keywords": [
     "react",

src/JSONNode.tsx

@@ -16,6 +16,7 @@ export default function JSONNode({
   value,
   valueRenderer,
   isCustomNode,
+  valueWrap,
   ...rest
 }: Props) {
   const nodeType = isCustomNode(value) ? "Custom" : objType(value);
@@ -35,6 +36,7 @@ export default function JSONNode({
     ...simpleNodeProps,
     data: value,
     isCustomNode,
+    valueWrap,
   };
 
   switch (nodeType) {
@@ -54,7 +56,7 @@ export default function JSONNode({
         <JSONValueNode
           {...simpleNodeProps}
           key={key}
-          valueGetter={(raw: string) => `"${raw}"`}
+          valueGetter={(raw: string) => `${valueWrap}${raw}${valueWrap}`}
         />
       );
     case "Number":

src/index.tsx

@@ -55,6 +55,7 @@ export function JSONTree({
   isCustomNode = noCustomNode,
   collectionLimit = 50,
   sortObjectKeys = false,
+  valueWrap = '"',
 }: JSONTreeProps) {
   return (
     <ul
@@ -76,6 +77,7 @@ export function JSONTree({
         postprocessValue={postprocessValue}
         collectionLimit={collectionLimit}
         sortObjectKeys={sortObjectKeys}
+        valueWrap={valueWrap}
       />
     </ul>
   );

src/types.ts

@@ -56,6 +56,7 @@ export interface CommonExternalProps {
   isCustomNode: IsCustomNode;
   collectionLimit: number;
   sortObjectKeys: SortObjectKeys;
+  valueWrap: string;
 }
 
 export interface CommonInternalProps extends CommonExternalProps {