feat: add Row component. (#27) e951991

uiwjs · Dec 18, 2023 · b000b3b · b000b3b
1 parent c0f745a
commit b000b3b
Show file tree

Hide file tree

Showing 80 changed files with 386 additions and 142 deletions.
diff --git a/asset-manifest.json b/asset-manifest.json
@@ -1,25 +1,25 @@
 {
   "files": {
     "main.css": "/static/css/main.020a7543.css",
-    "main.js": "/static/js/main.fcc68bdc.js",
-    "refractor-prismjs-vendor.0abbb2f3.js": "/static/js/refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js",
+    "main.js": "/static/js/main.34db5634.js",
+    "refractor-prismjs-vendor.0abbb2f3.js": "/static/js/refractor-prismjs-vendor.0abbb2f3.2c8c314b.js",
     "react-vendor.js": "/static/js/react-vendor.e0136f04.js",
     "refractor-prismjs-vendor.3665b250.js": "/static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js",
-    "refractor-prismjs-vendor.a81a7d65.js": "/static/js/refractor-prismjs-vendor.a81a7d65.e4cdfad2.js",
+    "refractor-prismjs-vendor.a81a7d65.js": "/static/js/refractor-prismjs-vendor.a81a7d65.a87a67c4.js",
     "index.html": "/index.html",
     "main.020a7543.css.map": "/static/css/main.020a7543.css.map",
-    "main.fcc68bdc.js.map": "/static/js/main.fcc68bdc.js.map",
-    "refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js.map": "/static/js/refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js.map",
+    "main.34db5634.js.map": "/static/js/main.34db5634.js.map",
+    "refractor-prismjs-vendor.0abbb2f3.2c8c314b.js.map": "/static/js/refractor-prismjs-vendor.0abbb2f3.2c8c314b.js.map",
     "react-vendor.e0136f04.js.map": "/static/js/react-vendor.e0136f04.js.map",
     "refractor-prismjs-vendor.3665b250.2bb038bc.js.map": "/static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js.map",
-    "refractor-prismjs-vendor.a81a7d65.e4cdfad2.js.map": "/static/js/refractor-prismjs-vendor.a81a7d65.e4cdfad2.js.map"
+    "refractor-prismjs-vendor.a81a7d65.a87a67c4.js.map": "/static/js/refractor-prismjs-vendor.a81a7d65.a87a67c4.js.map"
   },
   "entrypoints": [
     "static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js",
-    "static/js/refractor-prismjs-vendor.a81a7d65.e4cdfad2.js",
-    "static/js/refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js",
+    "static/js/refractor-prismjs-vendor.a81a7d65.a87a67c4.js",
+    "static/js/refractor-prismjs-vendor.0abbb2f3.2c8c314b.js",
     "static/js/react-vendor.e0136f04.js",
     "static/css/main.020a7543.css",
-    "static/js/main.fcc68bdc.js"
+    "static/js/main.34db5634.js"
   ]
 }
diff --git a/badges.svg b/badges.svg
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><meta name="keywords" content="react,react-component,array-viewer,base-16,component,interactive,interactive-json,json,json-component,json-display,json-tree,json-view,json-viewer,json-inspector,json-tree,react,react-component,react-json,theme,tree,tree-view,treeview,jaywcjlove"><meta name="description" content="A React component for displaying and editing javascript arrays and JSON objects."><link rel="shortcut icon" href="/favicon.ico"><title>react-json-view</title><script defer="defer" src="./static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.a81a7d65.e4cdfad2.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js"></script><script defer="defer" src="./static/js/react-vendor.e0136f04.js"></script><script defer="defer" src="./static/js/main.fcc68bdc.js"></script><link href="./static/css/main.020a7543.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><meta name="keywords" content="react,react-component,array-viewer,base-16,component,interactive,interactive-json,json,json-component,json-display,json-tree,json-view,json-viewer,json-inspector,json-tree,react,react-component,react-json,theme,tree,tree-view,treeview,jaywcjlove"><meta name="description" content="A React component for displaying and editing javascript arrays and JSON objects."><link rel="shortcut icon" href="/favicon.ico"><title>react-json-view</title><script defer="defer" src="./static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.a81a7d65.a87a67c4.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.0abbb2f3.2c8c314b.js"></script><script defer="defer" src="./static/js/react-vendor.e0136f04.js"></script><script defer="defer" src="./static/js/main.34db5634.js"></script><link href="./static/css/main.020a7543.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/lcov-report/index.html b/lcov-report/index.html
@@ -23,30 +23,30 @@ <h1>All files</h1>
         <div class='clearfix'>
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.5% </span>
+                <span class="strong">94.1% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>739/782</span>
+                <span class='fraction'>750/797</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.73% </span>
+                <span class="strong">76.88% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>426/548</span>
+                <span class='fraction'>429/558</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.07% </span>
+                <span class="strong">84.55% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>114/134</span>
+                <span class='fraction'>115/136</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.49% </span>
+                <span class="strong">94.2% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>704/745</span>
+                <span class='fraction'>715/759</span>
             </div>
 
 
@@ -80,17 +80,17 @@ <h1>All files</h1>
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="src"><a href="src/index.html">src</a></td>
-	<td data-value="96.87" class="pic high">
+	<td data-value="96.92" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
 	</td>
-	<td data-value="96.87" class="pct high">96.87%</td>
-	<td data-value="64" class="abs high">62/64</td>
+	<td data-value="96.92" class="pct high">96.92%</td>
+	<td data-value="65" class="abs high">63/65</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="10" class="abs high">10/10</td>
 	<td data-value="72.72" class="pct medium">72.72%</td>
 	<td data-value="11" class="abs medium">8/11</td>
-	<td data-value="96.82" class="pct high">96.82%</td>
-	<td data-value="63" class="abs high">61/63</td>
+	<td data-value="96.87" class="pct high">96.87%</td>
+	<td data-value="64" class="abs high">62/64</td>
 	</tr>
 
 <tr>
@@ -140,17 +140,17 @@ <h1>All files</h1>
 
 <tr>
 	<td class="file high" data-value="src/section"><a href="src/section/index.html">src/section</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td data-value="95.83" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="82" class="abs high">82/82</td>
-	<td data-value="69.81" class="pct medium">69.81%</td>
-	<td data-value="53" class="abs medium">37/53</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="9" class="abs high">9/9</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="75" class="abs high">75/75</td>
+	<td data-value="95.83" class="pct high">95.83%</td>
+	<td data-value="96" class="abs high">92/96</td>
+	<td data-value="63.49" class="pct medium">63.49%</td>
+	<td data-value="63" class="abs medium">40/63</td>
+	<td data-value="90.9" class="pct high">90.9%</td>
+	<td data-value="11" class="abs high">10/11</td>
+	<td data-value="96.59" class="pct high">96.59%</td>
+	<td data-value="88" class="abs high">85/88</td>
 	</tr>
 
 <tr>
@@ -236,7 +236,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="prettify.js"></script>
         <script>

diff --git a/lcov-report/src/Container.tsx.html b/lcov-report/src/Container.tsx.html
@@ -169,7 +169,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Contain
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/arrow/TriangleArrow.tsx.html b/lcov-report/src/arrow/TriangleArrow.tsx.html
@@ -133,7 +133,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/arrow</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/arrow/TriangleSolidArrow.tsx.html b/lcov-report/src/arrow/TriangleSolidArrow.tsx.html
@@ -154,7 +154,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/arrow</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/arrow/index.html b/lcov-report/src/arrow/index.html
@@ -116,7 +116,7 @@ <h1><a href="../../index.html">All files</a> src/arrow</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/Copied.tsx.html b/lcov-report/src/comps/Copied.tsx.html
@@ -310,7 +310,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/KeyValues.tsx.html b/lcov-report/src/comps/KeyValues.tsx.html
@@ -174,7 +174,9 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
 <a name='L109'></a><a href='#L109'>109</a>
 <a name='L110'></a><a href='#L110'>110</a>
 <a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -291,6 +293,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
 import { useShowToolsDispatch } from '../store/ShowTools';
 import { Value } from './Value';
 import { KeyNameComp } from '../section/KeyName';
+import { RowComp } from '../section/Row';
 import { Container } from '../Container';
 import { Quote, Colon } from '../symbol';
 import { useHighlight } from '../utils/useHighlight';
@@ -388,10 +391,10 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
     onMouseLeave: () =&gt; dispatch({ [subkeyid]: false }),
   };
   return (
-    &lt;div className="w-rjv-line" {...reset}&gt;
+    &lt;RowComp className="w-rjv-line" value={value} keyName={keyName} parentValue={parentValue} {...reset}&gt;
       &lt;KayName keyName={keyName} value={value} parentValue={parentValue} /&gt;
       &lt;Value keyName={keyName!} value={value} expandKey={subkeyid} /&gt;
-    &lt;/div&gt;
+    &lt;/RowComp&gt;
   );
 };
 &nbsp;
@@ -403,7 +406,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/NestedClose.tsx.html b/lcov-report/src/comps/NestedClose.tsx.html
@@ -172,7 +172,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/NestedOpen.tsx.html b/lcov-report/src/comps/NestedOpen.tsx.html
@@ -247,7 +247,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/Value.tsx.html b/lcov-report/src/comps/Value.tsx.html
@@ -253,7 +253,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/comps</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/comps/index.html b/lcov-report/src/comps/index.html
@@ -161,7 +161,7 @@ <h1><a href="../../index.html">All files</a> src/comps</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/editor/KeyName.tsx.html b/lcov-report/src/editor/KeyName.tsx.html
@@ -259,7 +259,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/editor</
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/editor/index.html b/lcov-report/src/editor/index.html
@@ -131,7 +131,7 @@ <h1><a href="../../index.html">All files</a> src/editor</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/editor/index.tsx.html b/lcov-report/src/editor/index.tsx.html
@@ -181,7 +181,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/editor</
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

diff --git a/lcov-report/src/editor/store.tsx.html b/lcov-report/src/editor/store.tsx.html
@@ -133,7 +133,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/editor</
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { FC, PropsWithChildren, createContext, useContext, useReducer } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { createContext, useContext, useReducer } from 'react';
 &nbsp;
 type InitialState = {
   /**
@@ -175,7 +175,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/editor</
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-26T11:39:02.347Z
+                at 2023-12-18T11:34:08.405Z
             </div>
         <script src="../../prettify.js"></script>
         <script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><meta name="keywords" content="react,react-component,array-viewer,base-16,component,interactive,interactive-json,json,json-component,json-display,json-tree,json-view,json-viewer,json-inspector,json-tree,react,react-component,react-json,theme,tree,tree-view,treeview,jaywcjlove"><meta name="description" content="A React component for displaying and editing javascript arrays and JSON objects."><link rel="shortcut icon" href="/favicon.ico"><title>react-json-view</title><script defer="defer" src="./static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.a81a7d65.e4cdfad2.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.0abbb2f3.79eb2d9c.js"></script><script defer="defer" src="./static/js/react-vendor.e0136f04.js"></script><script defer="defer" src="./static/js/main.fcc68bdc.js"></script><link href="./static/css/main.020a7543.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><meta name="keywords" content="react,react-component,array-viewer,base-16,component,interactive,interactive-json,json,json-component,json-display,json-tree,json-view,json-viewer,json-inspector,json-tree,react,react-component,react-json,theme,tree,tree-view,treeview,jaywcjlove"><meta name="description" content="A React component for displaying and editing javascript arrays and JSON objects."><link rel="shortcut icon" href="/favicon.ico"><title>react-json-view</title><script defer="defer" src="./static/js/refractor-prismjs-vendor.3665b250.2bb038bc.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.a81a7d65.a87a67c4.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.0abbb2f3.2c8c314b.js"></script><script defer="defer" src="./static/js/react-vendor.e0136f04.js"></script><script defer="defer" src="./static/js/main.34db5634.js"></script><link href="./static/css/main.020a7543.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>