feat: className to customize viewer to user likings

jy95 · Mar 31, 2024 · ac37f34 · ac37f34
1 parent 90a685c
commit ac37f34
Show file tree

Hide file tree

Showing 18 changed files with 173 additions and 1 deletion.
diff --git a/__mocks__/@theme-original/Details.tsx b/__mocks__/@theme-original/Details.tsx
@@ -15,7 +15,7 @@ export default function Details({
   ...props
 }: DetailsProps): JSX.Element {
   return (
-    <details open={props.open}>
+    <details {...props}>
       {summary !== undefined && summary}
       {summary === undefined && <strong>Fallback</strong>}
       <Collapsible>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/array.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/array.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - Array type test 0 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -38,6 +39,7 @@ exports[`JSONSchemaViewer - Array type test 0 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 1 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -124,6 +126,7 @@ exports[`JSONSchemaViewer - Array type test 1 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 2 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -210,6 +213,7 @@ exports[`JSONSchemaViewer - Array type test 2 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 3 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -264,6 +268,7 @@ exports[`JSONSchemaViewer - Array type test 3 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 4 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -372,6 +377,7 @@ exports[`JSONSchemaViewer - Array type test 4 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 5 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -757,6 +763,7 @@ exports[`JSONSchemaViewer - Array type test 5 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 6 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -803,6 +810,7 @@ exports[`JSONSchemaViewer - Array type test 6 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 7 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -849,6 +857,7 @@ exports[`JSONSchemaViewer - Array type test 7 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 8 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -895,6 +904,7 @@ exports[`JSONSchemaViewer - Array type test 8 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 9 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -941,6 +951,7 @@ exports[`JSONSchemaViewer - Array type test 9 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 10 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -987,6 +998,7 @@ exports[`JSONSchemaViewer - Array type test 10 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 11 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1131,6 +1143,7 @@ exports[`JSONSchemaViewer - Array type test 11 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 12 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1283,6 +1296,7 @@ exports[`JSONSchemaViewer - Array type test 12 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 13 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1383,6 +1397,7 @@ exports[`JSONSchemaViewer - Array type test 13 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 14 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1424,6 +1439,7 @@ exports[`JSONSchemaViewer - Array type test 14 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 15 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1630,6 +1646,7 @@ exports[`JSONSchemaViewer - Array type test 15 1`] = `
 
 exports[`JSONSchemaViewer - Array type test 16 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/basics.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/basics.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - basics tests Can render Schema title 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -38,6 +39,7 @@ exports[`JSONSchemaViewer - basics tests Can render Schema title 1`] = `
 
 exports[`JSONSchemaViewer - basics tests Can render a simple schema 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/boolean.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/boolean.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - Boolean type test 0 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -38,6 +39,7 @@ exports[`JSONSchemaViewer - Boolean type test 0 1`] = `
 
 exports[`JSONSchemaViewer - Boolean type test 1 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/constructor.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/constructor.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - constructor Overwrite default DescriptionComponent value 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -55,6 +56,7 @@ exports[`JSONSchemaViewer - constructor Overwrite default DescriptionComponent v
 
 exports[`JSONSchemaViewer - constructor Overwrite default UnresolvedRefsComponent value 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -258,6 +260,7 @@ exports[`JSONSchemaViewer - constructor Overwrite default UnresolvedRefsComponen
 
 exports[`JSONSchemaViewer - constructor Overwrite default ValueComponent value 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -505,8 +508,56 @@ exports[`JSONSchemaViewer - constructor Overwrite default ValueComponent value 1
 </details>
 `;
 
+exports[`JSONSchemaViewer - constructor Overwrite default className value 1`] = `
+<details
+  className="jsv-custom"
+  open={true}
+>
+  <summary>
+    <strong>
+      Schema
+    </strong>
+  </summary>
+  <div>
+    <div>
+      <strong>
+        type
+      </strong>
+       : 
+      <span
+        style={
+          {
+            "opacity": "0.6",
+          }
+        }
+      >
+        object
+      </span>
+      <div
+        style={
+          {
+            "marginTop": "var(--ifm-table-cell-padding)",
+          }
+        }
+      >
+        <div>
+          <strong>
+            Length :
+          </strong>
+           
+          <code>
+            &gt;= 1 propertie(s)
+          </code>
+        </div>
+      </div>
+    </div>
+  </div>
+</details>
+`;
+
 exports[`JSONSchemaViewer - constructor Overwrite default qualifierMessagesOrder value 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/generateFriendlyName.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/generateFriendlyName.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified only with items 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -253,6 +254,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified only
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified only with prefixItems 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -506,6 +508,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified only
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with items & additionalItems 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -764,6 +767,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with items and contains 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -966,6 +970,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with unevaluatedItems 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1224,6 +1229,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Array specified with
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Multiple types 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1329,6 +1335,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Multiple types 1`] =
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Not (integer) 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1428,6 +1435,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Not (integer) 1`] =
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Number without explicit type 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -1524,6 +1532,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Number without expli
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test OR / XOR / AND 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -2059,6 +2068,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test OR / XOR / AND 1`] =
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Object without explicit type 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -2155,6 +2165,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Object without expli
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Prefer title 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -2291,6 +2302,7 @@ exports[`JSONSchemaViewer - generateFriendlyName cases test Prefer title 1`] = `
 
 exports[`JSONSchemaViewer - generateFriendlyName cases test Simple array 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>

diff --git a/__tests__/JSONSchemaViewer/__snapshots__/generic_keywords.test.tsx.snap b/__tests__/JSONSchemaViewer/__snapshots__/generic_keywords.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`JSONSchemaViewer - Generic keywords test annotations 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -130,6 +131,7 @@ exports[`JSONSchemaViewer - Generic keywords test annotations 1`] = `
 
 exports[`JSONSchemaViewer - Generic keywords test const (as single enum value) 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -237,6 +239,7 @@ exports[`JSONSchemaViewer - Generic keywords test const (as single enum value) 1
 
 exports[`JSONSchemaViewer - Generic keywords test const 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>
@@ -331,6 +334,7 @@ exports[`JSONSchemaViewer - Generic keywords test const 1`] = `
 
 exports[`JSONSchemaViewer - Generic keywords test enum 1`] = `
 <details
+  className="json-schema-viewer"
   open={true}
 >
   <summary>