feat: collapsible refs

Author: P0lip

src/components/SchemaRow.tsx

@@ -55,7 +55,7 @@ export const SchemaRow: React.FunctionComponent<ISchemaRow> = ({ className, node
         </div>
 
         <Validations
-          required={false}
+          required={/* todo: implement me */ false}
           // required={!!schemaNode.required}
           validations={{
             ...('annotations' in schemaNode &&

src/components/shared/Property.tsx

@@ -2,9 +2,8 @@ import { JsonPath } from '@stoplight/types';
 import { size as _size } from 'lodash-es';
 import * as React from 'react';
 import { GoToRefHandler, IArrayNode, IObjectNode, SchemaKind, SchemaNode } from '../../types';
-import { isArrayNodeWithItems } from '../../utils/guards';
+import { isArrayNodeWithItems, isCombinerNode, isRefNode } from '../../utils/guards';
 import { inferType } from '../../utils/inferType';
-import { isCombinerNode, isRefNode } from '../../utils/nodes';
 import { Types } from './Types';
 
 export interface IProperty {

src/tree/populateTree.ts

@@ -4,8 +4,8 @@ import { JsonPath } from '@stoplight/types';
 import { JSONSchema4 } from 'json-schema';
 import { IArrayNode, IObjectNode, SchemaKind, SchemaTreeListNode } from '../types';
 import { getPrimaryType } from '../utils/getPrimaryType';
+import { isCombinerNode, isRefNode } from '../utils/guards';
 import { isCombiner } from '../utils/isCombiner';
-import { isCombinerNode, isRefNode } from '../utils/nodes';
 import { MetadataStore } from './metadata';
 import { walk } from './walk';
 
@@ -39,7 +39,7 @@ export const populateTree: Walker = (schema, parent, level, path, options) => {
     };
 
     if (isRefNode(node) && isLocalRef(node.$ref) && node.$ref !== '#') {
-      (node as TreeListParentNode).children = [];
+      (treeNode as TreeListParentNode).children = [];
     } else if (isCombinerNode(node)) {
       if (node.properties !== void 0) {
         (treeNode as TreeListParentNode).children = [];

src/utils/__tests__/isCombiner.spec.ts

@@ -1,4 +1,4 @@
-import { isCombinerNode } from '../nodes';
+import { isCombinerNode } from '../guards';
 
 describe('isCombinerNode function', () => {
   test('should return false if object without combiner is given', () => {

src/utils/guards.ts

@@ -1,8 +1,12 @@
 import { JSONSchema4 } from 'json-schema';
 import { isObjectLike as _isObjectLike } from 'lodash-es';
-import { IArrayNode, SchemaKind, SchemaNode } from '../types';
+import { IArrayNode, ICombinerNode, IRefNode, SchemaKind, SchemaNode } from '../types';
 
 export const isArrayNodeWithItems = (
   node: SchemaNode,
 ): node is Omit<IArrayNode, 'items'> & { items: JSONSchema4 | JSONSchema4[] } =>
   'type' in node && 'items' in node && node.type === SchemaKind.Array && _isObjectLike(node.items);
+
+export const isRefNode = (node: SchemaNode): node is IRefNode => '$ref' in node;
+
+export const isCombinerNode = (node: SchemaNode): node is ICombinerNode => 'combiner' in node;