Fix schemaContext

Author: jamesej

build/index.es.js

@@ -18225,6 +18225,15 @@ function SchemaFormArray(_a) {
         updatable && React.createElement("span", { className: "sf-control-button sf-add-button", onClick: handleAdd, title: "Add new" }, "+")));
 }
 
+var firstNestedString = function (list) {
+    if (typeof list === 'string') {
+        return [list, 0];
+    }
+    else {
+        var _a = firstNestedString(list[0]), item = _a[0], innerDepth = _a[1];
+        return [item, innerDepth + 1];
+    }
+};
 function SchemaFormObject(_a) {
     var schema = _a.schema, path = _a.path, value = _a.value, errors = _a.errors, onFocus = _a.onFocus, onBlur = _a.onBlur, onEditor = _a.onEditor, context = _a.context;
     var _b = useState(false), collapsed = _b[0], setCollapsed = _b[1];
@@ -18241,7 +18250,8 @@ function SchemaFormObject(_a) {
             }
         }
         else { // recurse into a section list
-            return (React.createElement("section", { key: i || 0 }, order.map(function (subOrder, i) { return renderSection(subOrder, properties, requireds, i); })));
+            var _b = firstNestedString(order), firstKey = _b[0], depth = _b[1];
+            return (React.createElement("section", { key: i || 0, className: "group-" + depth + "-" + firstKey }, order.map(function (subOrder, i) { return renderSection(subOrder, properties, requireds, i); })));
         }
         return React.createElement(React.Fragment, null);
     }
@@ -27862,7 +27872,7 @@ var SchemaContext = /** @class */ (function () {
                 schema[key] = this.rootSchema['$id'] + schema[key];
             }
             else if (schema[key] !== null && typeof (schema[key]) === 'object') {
-                schema[key] = this.baseRefsOnRootInner(schema[key]);
+                this.baseRefsOnRootInner(schema[key]);
             }
         }
     };

build/index.es.js.map

@@ -18232,6 +18232,15 @@ function SchemaFormArray(_a) {
         updatable && React__default.createElement("span", { className: "sf-control-button sf-add-button", onClick: handleAdd, title: "Add new" }, "+")));
 }
 
+var firstNestedString = function (list) {
+    if (typeof list === 'string') {
+        return [list, 0];
+    }
+    else {
+        var _a = firstNestedString(list[0]), item = _a[0], innerDepth = _a[1];
+        return [item, innerDepth + 1];
+    }
+};
 function SchemaFormObject(_a) {
     var schema = _a.schema, path = _a.path, value = _a.value, errors = _a.errors, onFocus = _a.onFocus, onBlur = _a.onBlur, onEditor = _a.onEditor, context = _a.context;
     var _b = React.useState(false), collapsed = _b[0], setCollapsed = _b[1];
@@ -18248,7 +18257,8 @@ function SchemaFormObject(_a) {
             }
         }
         else { // recurse into a section list
-            return (React__default.createElement("section", { key: i || 0 }, order.map(function (subOrder, i) { return renderSection(subOrder, properties, requireds, i); })));
+            var _b = firstNestedString(order), firstKey = _b[0], depth = _b[1];
+            return (React__default.createElement("section", { key: i || 0, className: "group-" + depth + "-" + firstKey }, order.map(function (subOrder, i) { return renderSection(subOrder, properties, requireds, i); })));
         }
         return React__default.createElement(React__default.Fragment, null);
     }
@@ -27869,7 +27879,7 @@ var SchemaContext = /** @class */ (function () {
                 schema[key] = this.rootSchema['$id'] + schema[key];
             }
             else if (schema[key] !== null && typeof (schema[key]) === 'object') {
-                schema[key] = this.baseRefsOnRootInner(schema[key]);
+                this.baseRefsOnRootInner(schema[key]);
             }
         }
     };

build/index.js

@@ -8,6 +8,15 @@ import _ from 'lodash';
 type NestedList = string | NestedListArray;
 interface NestedListArray extends Array<NestedList> {}
 
+const firstNestedString = (list: NestedList): [ string, number ] => {
+    if (typeof list === 'string') {
+        return [ list, 0 ];
+    } else {
+        const [ item, innerDepth ] = firstNestedString(list[0]);
+        return [ item, innerDepth + 1];
+    }
+}
+
 export function SchemaFormObject({
     schema,
     path,
@@ -41,8 +50,9 @@ export function SchemaFormObject({
                 )
             }
         } else { // recurse into a section list
+            const [ firstKey, depth ] = firstNestedString(order);
             return (
-                <section key={i || 0}>
+                <section key={i || 0} className={`group-${depth}-${firstKey}`}>
                     {order.map((subOrder, i) => renderSection(subOrder, properties, requireds, i))}
                 </section>
             )

build/index.js.map

@@ -40,7 +40,7 @@ export class SchemaContext {
             if (key === '$ref' && schema[key].startsWith('#')) {
                 schema[key] = this.rootSchema['$id'] + schema[key];
             } else if (schema[key] !== null && typeof(schema[key]) === 'object') {
-                schema[key] = this.baseRefsOnRootInner(schema[key]);
+                this.baseRefsOnRootInner(schema[key]);
             }
         }
     }