From c986f0ef1a38bc1e61cae70830d84de03b684b89 Mon Sep 17 00:00:00 2001
From: Oprysk Vyacheslav <oprusk230992@gmail.com>
Date: Wed, 29 Dec 2021 12:22:57 +0200
Subject: [PATCH] feat: support examples in object schema (#1832)

* feat: support examples in object schema

* revert pure components used with observer

* rename option

* update test
---
 src/components/Schema/ObjectSchema.tsx        |   79 +-
 .../__tests__/DiscriminatorDropdown.test.tsx  |    2 +-
 .../DiscriminatorDropdown.test.tsx.snap       | 2448 +++++++++++++++++
 src/services/RedocNormalizedOptions.ts        |    3 +
 4 files changed, 2490 insertions(+), 42 deletions(-)

diff --git a/src/components/Schema/ObjectSchema.tsx b/src/components/Schema/ObjectSchema.tsx
index 66f6034a..e115eb85 100644
--- a/src/components/Schema/ObjectSchema.tsx
+++ b/src/components/Schema/ObjectSchema.tsx
@@ -18,37 +18,35 @@ export interface ObjectSchemaProps extends SchemaProps {
   };
 }
 
-@observer
-export class ObjectSchema extends React.Component<ObjectSchemaProps> {
-  static contextType = OptionsContext;
+export const ObjectSchema = observer(
+  ({
+    schema: { fields = [], title },
+    showTitle,
+    discriminator,
+    skipReadOnly,
+    skipWriteOnly,
+  }: ObjectSchemaProps) => {
+    const { expandSingleSchemaField, showObjectSchemaExamples } = React.useContext(OptionsContext);
 
-  get parentSchema() {
-    return this.props.discriminator!.parentSchema;
-  }
+    const filteredFields = React.useMemo(
+      () =>
+        skipReadOnly || skipWriteOnly
+          ? fields.filter(
+              item =>
+                !(
+                  (skipReadOnly && item.schema.readOnly) ||
+                  (skipWriteOnly && item.schema.writeOnly)
+                ),
+            )
+          : fields,
+      [skipReadOnly, skipWriteOnly, fields],
+    );
 
-  render() {
-    const {
-      schema: { fields = [] },
-      showTitle,
-      discriminator,
-    } = this.props;
-
-    const needFilter = this.props.skipReadOnly || this.props.skipWriteOnly;
-
-    const filteredFields = needFilter
-      ? fields.filter(item => {
-          return !(
-            (this.props.skipReadOnly && item.schema.readOnly) ||
-            (this.props.skipWriteOnly && item.schema.writeOnly)
-          );
-        })
-      : fields;
-
-    const expandByDefault = this.context.expandSingleSchemaField && filteredFields.length === 1;
+    const expandByDefault = expandSingleSchemaField && filteredFields.length === 1;
 
     return (
       <PropertiesTable>
-        {showTitle && <PropertiesTableCaption>{this.props.schema.title}</PropertiesTableCaption>}
+        {showTitle && <PropertiesTableCaption>{title}</PropertiesTableCaption>}
         <tbody>
           {mapWithLast(filteredFields, (field, isLast) => {
             return (
@@ -58,26 +56,25 @@ export class ObjectSchema extends React.Component<ObjectSchemaProps> {
                 field={field}
                 expandByDefault={expandByDefault}
                 renderDiscriminatorSwitch={
-                  (discriminator &&
-                    discriminator.fieldName === field.name &&
-                    (() => (
-                      <DiscriminatorDropdown
-                        parent={this.parentSchema}
-                        enumValues={field.schema.enum}
-                      />
-                    ))) ||
-                  undefined
+                  discriminator?.fieldName === field.name
+                    ? () => (
+                        <DiscriminatorDropdown
+                          parent={discriminator!.parentSchema}
+                          enumValues={field.schema.enum}
+                        />
+                      )
+                    : undefined
                 }
                 className={field.expanded ? 'expanded' : undefined}
-                showExamples={false}
-                skipReadOnly={this.props.skipReadOnly}
-                skipWriteOnly={this.props.skipWriteOnly}
-                showTitle={this.props.showTitle}
+                showExamples={showObjectSchemaExamples}
+                skipReadOnly={skipReadOnly}
+                skipWriteOnly={skipWriteOnly}
+                showTitle={showTitle}
               />
             );
           })}
         </tbody>
       </PropertiesTable>
     );
-  }
-}
+  },
+);
diff --git a/src/components/__tests__/DiscriminatorDropdown.test.tsx b/src/components/__tests__/DiscriminatorDropdown.test.tsx
index 6c02d1c6..1a625b94 100644
--- a/src/components/__tests__/DiscriminatorDropdown.test.tsx
+++ b/src/components/__tests__/DiscriminatorDropdown.test.tsx
@@ -26,7 +26,7 @@ describe('Components', () => {
           options,
         );
         const schemaViewElement = shallow(<Schema schema={schema} />).getElement();
-        expect(schemaViewElement.type).toEqual(ObjectSchema);
+        expect(schemaViewElement).toMatchSnapshot();
         expect(schemaViewElement.props.discriminator).toBeDefined();
         expect(schemaViewElement.props.discriminator.parentSchema).toBeDefined();
         expect(schemaViewElement.props.discriminator.fieldName).toEqual('type');
diff --git a/src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap b/src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap
index 7af7b482..ccfa8185 100644
--- a/src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap
@@ -1,9 +1,2456 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Components SchemaView discriminator should correctly render SchemaView 1`] = `
+<wrappedComponent
+  discriminator={
+    Object {
+      "fieldName": "type",
+      "parentSchema": SchemaModel {
+        "activeOneOf": 0,
+        "const": "",
+        "constraints": Array [],
+        "contentEncoding": undefined,
+        "contentMediaType": undefined,
+        "default": undefined,
+        "deprecated": false,
+        "description": "",
+        "discriminatorProp": "type",
+        "displayFormat": undefined,
+        "displayType": "object",
+        "enum": Array [],
+        "example": undefined,
+        "externalDocs": undefined,
+        "format": undefined,
+        "isCircular": undefined,
+        "isPrimitive": false,
+        "maxItems": undefined,
+        "minItems": undefined,
+        "oneOf": Array [
+          SchemaModel {
+            "activeOneOf": 0,
+            "const": "",
+            "constraints": Array [],
+            "contentEncoding": undefined,
+            "contentMediaType": undefined,
+            "default": undefined,
+            "deprecated": false,
+            "description": "",
+            "displayFormat": undefined,
+            "displayType": "object",
+            "enum": Array [],
+            "example": undefined,
+            "externalDocs": undefined,
+            "fields": Array [
+              FieldModel {
+                "const": "",
+                "deprecated": false,
+                "description": "",
+                "example": undefined,
+                "expanded": false,
+                "explode": false,
+                "in": undefined,
+                "kind": "field",
+                "name": "packSize",
+                "required": false,
+                "schema": SchemaModel {
+                  "activeOneOf": 0,
+                  "const": "",
+                  "constraints": Array [],
+                  "contentEncoding": undefined,
+                  "contentMediaType": undefined,
+                  "default": undefined,
+                  "deprecated": false,
+                  "description": "",
+                  "displayFormat": undefined,
+                  "displayType": "number",
+                  "enum": Array [],
+                  "example": undefined,
+                  "externalDocs": undefined,
+                  "format": undefined,
+                  "isCircular": undefined,
+                  "isPrimitive": true,
+                  "maxItems": undefined,
+                  "minItems": undefined,
+                  "options": RedocNormalizedOptions {
+                    "allowedMdComponents": Object {},
+                    "disableSearch": false,
+                    "enumSkipQuotes": false,
+                    "expandDefaultServerVariables": false,
+                    "expandResponses": Object {},
+                    "expandSingleSchemaField": false,
+                    "generatedPayloadSamplesMaxDepth": 10,
+                    "hideDownloadButton": false,
+                    "hideHostname": false,
+                    "hideSchemaPattern": false,
+                    "hideSchemaTitles": false,
+                    "hideSingleRequestSampleTab": false,
+                    "ignoreNamedSchemas": Set {},
+                    "jsonSampleExpandLevel": 2,
+                    "maxDisplayedEnumValues": undefined,
+                    "menuToggle": true,
+                    "nativeScrollbars": false,
+                    "noAutoAuth": false,
+                    "onlyRequiredInSamples": false,
+                    "pathInMiddlePanel": false,
+                    "payloadSampleIdx": 0,
+                    "requiredPropsFirst": false,
+                    "scrollYOffset": [Function],
+                    "showExtensions": false,
+                    "showObjectSchemaExamples": false,
+                    "sideNavStyle": "summary-only",
+                    "simpleOneOfTypeLabel": false,
+                    "sortEnumValuesAlphabetically": false,
+                    "sortPropsAlphabetically": false,
+                    "theme": Object {
+                      "breakpoints": Object {
+                        "large": "105rem",
+                        "medium": "75rem",
+                        "small": "50rem",
+                      },
+                      "codeBlock": Object {
+                        "backgroundColor": "#11171a",
+                      },
+                      "colors": Object {
+                        "border": Object {
+                          "dark": "rgba(0,0,0, 0.1)",
+                          "light": "#ffffff",
+                        },
+                        "error": Object {
+                          "contrastText": "#fff",
+                          "dark": "#7a1210",
+                          "light": "#eb6d6b",
+                          "main": "#d41f1c",
+                        },
+                        "gray": Object {
+                          "100": "#F5F5F5",
+                          "50": "#FAFAFA",
+                        },
+                        "http": Object {
+                          "basic": "#707070",
+                          "delete": "#cc3333",
+                          "get": "#2F8132",
+                          "head": "#A23DAD",
+                          "link": "#07818F",
+                          "options": "#947014",
+                          "patch": "#bf581d",
+                          "post": "#186FAF",
+                          "put": "#95507c",
+                        },
+                        "primary": Object {
+                          "contrastText": "#fff",
+                          "dark": "#1a1a51",
+                          "light": "#6868cf",
+                          "main": "#32329f",
+                        },
+                        "responses": Object {
+                          "error": Object {
+                            "backgroundColor": "rgba(212,31,28,0.07)",
+                            "color": "#d41f1c",
+                            "tabTextColor": "#d41f1c",
+                          },
+                          "info": Object {
+                            "backgroundColor": "rgba(135,206,235,0.1)",
+                            "color": "#87ceeb",
+                            "tabTextColor": "#87ceeb",
+                          },
+                          "redirect": Object {
+                            "backgroundColor": "rgba(255,165,0,0.1)",
+                            "color": "#ffa500",
+                            "tabTextColor": "#ffa500",
+                          },
+                          "success": Object {
+                            "backgroundColor": "rgba(29,129,39,0.07)",
+                            "color": "#1d8127",
+                            "tabTextColor": "#1d8127",
+                          },
+                        },
+                        "success": Object {
+                          "contrastText": "#fff",
+                          "dark": "#0a2e0e",
+                          "light": "#86e490",
+                          "main": "#1d8127",
+                        },
+                        "text": Object {
+                          "primary": "#333333",
+                          "secondary": "#666",
+                        },
+                        "tonalOffset": 0.2,
+                        "warning": Object {
+                          "contrastText": "#ffffff",
+                          "dark": "#996300",
+                          "light": "#ffc966",
+                          "main": "#ffa500",
+                        },
+                      },
+                      "extensionsHook": undefined,
+                      "logo": Object {
+                        "gutter": "2px",
+                        "maxHeight": "260px",
+                        "maxWidth": "260px",
+                      },
+                      "rightPanel": Object {
+                        "backgroundColor": "#263238",
+                        "textColor": "#ffffff",
+                        "width": "40%",
+                      },
+                      "schema": Object {
+                        "arrow": Object {
+                          "color": "#666",
+                          "size": "1.1em",
+                        },
+                        "defaultDetailsWidth": "75%",
+                        "labelsTextSize": "0.9em",
+                        "linesColor": "#7c7cbb",
+                        "nestedBackground": "#fafafa",
+                        "nestingSpacing": "1em",
+                        "requireLabelColor": "#d41f1c",
+                        "typeNameColor": "#666",
+                        "typeTitleColor": "#666",
+                      },
+                      "sidebar": Object {
+                        "activeTextColor": "#32329f",
+                        "arrow": Object {
+                          "color": "#333333",
+                          "size": "1.5em",
+                        },
+                        "backgroundColor": "#fafafa",
+                        "groupItems": Object {
+                          "textTransform": "uppercase",
+                        },
+                        "level1Items": Object {
+                          "textTransform": "none",
+                        },
+                        "textColor": "#333333",
+                        "width": "260px",
+                      },
+                      "spacing": Object {
+                        "sectionHorizontal": 40,
+                        "sectionVertical": 40,
+                        "unit": 5,
+                      },
+                      "typography": Object {
+                        "code": Object {
+                          "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                          "color": "#e53935",
+                          "fontFamily": "Courier, monospace",
+                          "fontSize": "13px",
+                          "fontWeight": "400",
+                          "lineHeight": "1.5em",
+                          "wrap": false,
+                        },
+                        "fontFamily": "Roboto, sans-serif",
+                        "fontSize": "14px",
+                        "fontWeightBold": "600",
+                        "fontWeightLight": "300",
+                        "fontWeightRegular": "400",
+                        "headings": Object {
+                          "fontFamily": "Montserrat, sans-serif",
+                          "fontWeight": "400",
+                          "lineHeight": "1.6em",
+                        },
+                        "lineHeight": "1.5em",
+                        "links": Object {
+                          "color": "#32329f",
+                          "hover": "#6868cf",
+                          "visited": "#32329f",
+                        },
+                        "optimizeSpeed": true,
+                        "smoothing": "antialiased",
+                      },
+                    },
+                    "unstable_ignoreMimeParameters": false,
+                    "untrustedSpec": false,
+                  },
+                  "pattern": undefined,
+                  "pointer": "#/components/schemas/Dog/properties/packSize",
+                  "rawSchema": Object {
+                    "default": undefined,
+                    "type": "number",
+                  },
+                  "readOnly": false,
+                  "schema": Object {
+                    "default": undefined,
+                    "type": "number",
+                  },
+                  "title": "",
+                  "type": "number",
+                  "typePrefix": "",
+                  "writeOnly": false,
+                },
+              },
+              FieldModel {
+                "const": "",
+                "deprecated": false,
+                "description": "",
+                "example": undefined,
+                "expanded": false,
+                "explode": false,
+                "in": undefined,
+                "kind": "field",
+                "name": "type",
+                "required": true,
+                "schema": SchemaModel {
+                  "activeOneOf": 0,
+                  "const": "",
+                  "constraints": Array [],
+                  "contentEncoding": undefined,
+                  "contentMediaType": undefined,
+                  "default": undefined,
+                  "deprecated": false,
+                  "description": "",
+                  "displayFormat": undefined,
+                  "displayType": "string",
+                  "enum": Array [],
+                  "example": undefined,
+                  "externalDocs": undefined,
+                  "format": undefined,
+                  "isCircular": undefined,
+                  "isPrimitive": true,
+                  "maxItems": undefined,
+                  "minItems": undefined,
+                  "options": RedocNormalizedOptions {
+                    "allowedMdComponents": Object {},
+                    "disableSearch": false,
+                    "enumSkipQuotes": false,
+                    "expandDefaultServerVariables": false,
+                    "expandResponses": Object {},
+                    "expandSingleSchemaField": false,
+                    "generatedPayloadSamplesMaxDepth": 10,
+                    "hideDownloadButton": false,
+                    "hideHostname": false,
+                    "hideSchemaPattern": false,
+                    "hideSchemaTitles": false,
+                    "hideSingleRequestSampleTab": false,
+                    "ignoreNamedSchemas": Set {},
+                    "jsonSampleExpandLevel": 2,
+                    "maxDisplayedEnumValues": undefined,
+                    "menuToggle": true,
+                    "nativeScrollbars": false,
+                    "noAutoAuth": false,
+                    "onlyRequiredInSamples": false,
+                    "pathInMiddlePanel": false,
+                    "payloadSampleIdx": 0,
+                    "requiredPropsFirst": false,
+                    "scrollYOffset": [Function],
+                    "showExtensions": false,
+                    "showObjectSchemaExamples": false,
+                    "sideNavStyle": "summary-only",
+                    "simpleOneOfTypeLabel": false,
+                    "sortEnumValuesAlphabetically": false,
+                    "sortPropsAlphabetically": false,
+                    "theme": Object {
+                      "breakpoints": Object {
+                        "large": "105rem",
+                        "medium": "75rem",
+                        "small": "50rem",
+                      },
+                      "codeBlock": Object {
+                        "backgroundColor": "#11171a",
+                      },
+                      "colors": Object {
+                        "border": Object {
+                          "dark": "rgba(0,0,0, 0.1)",
+                          "light": "#ffffff",
+                        },
+                        "error": Object {
+                          "contrastText": "#fff",
+                          "dark": "#7a1210",
+                          "light": "#eb6d6b",
+                          "main": "#d41f1c",
+                        },
+                        "gray": Object {
+                          "100": "#F5F5F5",
+                          "50": "#FAFAFA",
+                        },
+                        "http": Object {
+                          "basic": "#707070",
+                          "delete": "#cc3333",
+                          "get": "#2F8132",
+                          "head": "#A23DAD",
+                          "link": "#07818F",
+                          "options": "#947014",
+                          "patch": "#bf581d",
+                          "post": "#186FAF",
+                          "put": "#95507c",
+                        },
+                        "primary": Object {
+                          "contrastText": "#fff",
+                          "dark": "#1a1a51",
+                          "light": "#6868cf",
+                          "main": "#32329f",
+                        },
+                        "responses": Object {
+                          "error": Object {
+                            "backgroundColor": "rgba(212,31,28,0.07)",
+                            "color": "#d41f1c",
+                            "tabTextColor": "#d41f1c",
+                          },
+                          "info": Object {
+                            "backgroundColor": "rgba(135,206,235,0.1)",
+                            "color": "#87ceeb",
+                            "tabTextColor": "#87ceeb",
+                          },
+                          "redirect": Object {
+                            "backgroundColor": "rgba(255,165,0,0.1)",
+                            "color": "#ffa500",
+                            "tabTextColor": "#ffa500",
+                          },
+                          "success": Object {
+                            "backgroundColor": "rgba(29,129,39,0.07)",
+                            "color": "#1d8127",
+                            "tabTextColor": "#1d8127",
+                          },
+                        },
+                        "success": Object {
+                          "contrastText": "#fff",
+                          "dark": "#0a2e0e",
+                          "light": "#86e490",
+                          "main": "#1d8127",
+                        },
+                        "text": Object {
+                          "primary": "#333333",
+                          "secondary": "#666",
+                        },
+                        "tonalOffset": 0.2,
+                        "warning": Object {
+                          "contrastText": "#ffffff",
+                          "dark": "#996300",
+                          "light": "#ffc966",
+                          "main": "#ffa500",
+                        },
+                      },
+                      "extensionsHook": undefined,
+                      "logo": Object {
+                        "gutter": "2px",
+                        "maxHeight": "260px",
+                        "maxWidth": "260px",
+                      },
+                      "rightPanel": Object {
+                        "backgroundColor": "#263238",
+                        "textColor": "#ffffff",
+                        "width": "40%",
+                      },
+                      "schema": Object {
+                        "arrow": Object {
+                          "color": "#666",
+                          "size": "1.1em",
+                        },
+                        "defaultDetailsWidth": "75%",
+                        "labelsTextSize": "0.9em",
+                        "linesColor": "#7c7cbb",
+                        "nestedBackground": "#fafafa",
+                        "nestingSpacing": "1em",
+                        "requireLabelColor": "#d41f1c",
+                        "typeNameColor": "#666",
+                        "typeTitleColor": "#666",
+                      },
+                      "sidebar": Object {
+                        "activeTextColor": "#32329f",
+                        "arrow": Object {
+                          "color": "#333333",
+                          "size": "1.5em",
+                        },
+                        "backgroundColor": "#fafafa",
+                        "groupItems": Object {
+                          "textTransform": "uppercase",
+                        },
+                        "level1Items": Object {
+                          "textTransform": "none",
+                        },
+                        "textColor": "#333333",
+                        "width": "260px",
+                      },
+                      "spacing": Object {
+                        "sectionHorizontal": 40,
+                        "sectionVertical": 40,
+                        "unit": 5,
+                      },
+                      "typography": Object {
+                        "code": Object {
+                          "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                          "color": "#e53935",
+                          "fontFamily": "Courier, monospace",
+                          "fontSize": "13px",
+                          "fontWeight": "400",
+                          "lineHeight": "1.5em",
+                          "wrap": false,
+                        },
+                        "fontFamily": "Roboto, sans-serif",
+                        "fontSize": "14px",
+                        "fontWeightBold": "600",
+                        "fontWeightLight": "300",
+                        "fontWeightRegular": "400",
+                        "headings": Object {
+                          "fontFamily": "Montserrat, sans-serif",
+                          "fontWeight": "400",
+                          "lineHeight": "1.6em",
+                        },
+                        "lineHeight": "1.5em",
+                        "links": Object {
+                          "color": "#32329f",
+                          "hover": "#6868cf",
+                          "visited": "#32329f",
+                        },
+                        "optimizeSpeed": true,
+                        "smoothing": "antialiased",
+                      },
+                    },
+                    "unstable_ignoreMimeParameters": false,
+                    "untrustedSpec": false,
+                  },
+                  "pattern": undefined,
+                  "pointer": "#/components/schemas/Dog/properties/type",
+                  "rawSchema": Object {
+                    "default": undefined,
+                    "type": "string",
+                  },
+                  "readOnly": false,
+                  "schema": Object {
+                    "default": undefined,
+                    "type": "string",
+                  },
+                  "title": "",
+                  "type": "string",
+                  "typePrefix": "",
+                  "writeOnly": false,
+                },
+              },
+            ],
+            "format": undefined,
+            "isCircular": undefined,
+            "isPrimitive": false,
+            "maxItems": undefined,
+            "minItems": undefined,
+            "options": RedocNormalizedOptions {
+              "allowedMdComponents": Object {},
+              "disableSearch": false,
+              "enumSkipQuotes": false,
+              "expandDefaultServerVariables": false,
+              "expandResponses": Object {},
+              "expandSingleSchemaField": false,
+              "generatedPayloadSamplesMaxDepth": 10,
+              "hideDownloadButton": false,
+              "hideHostname": false,
+              "hideSchemaPattern": false,
+              "hideSchemaTitles": false,
+              "hideSingleRequestSampleTab": false,
+              "ignoreNamedSchemas": Set {},
+              "jsonSampleExpandLevel": 2,
+              "maxDisplayedEnumValues": undefined,
+              "menuToggle": true,
+              "nativeScrollbars": false,
+              "noAutoAuth": false,
+              "onlyRequiredInSamples": false,
+              "pathInMiddlePanel": false,
+              "payloadSampleIdx": 0,
+              "requiredPropsFirst": false,
+              "scrollYOffset": [Function],
+              "showExtensions": false,
+              "showObjectSchemaExamples": false,
+              "sideNavStyle": "summary-only",
+              "simpleOneOfTypeLabel": false,
+              "sortEnumValuesAlphabetically": false,
+              "sortPropsAlphabetically": false,
+              "theme": Object {
+                "breakpoints": Object {
+                  "large": "105rem",
+                  "medium": "75rem",
+                  "small": "50rem",
+                },
+                "codeBlock": Object {
+                  "backgroundColor": "#11171a",
+                },
+                "colors": Object {
+                  "border": Object {
+                    "dark": "rgba(0,0,0, 0.1)",
+                    "light": "#ffffff",
+                  },
+                  "error": Object {
+                    "contrastText": "#fff",
+                    "dark": "#7a1210",
+                    "light": "#eb6d6b",
+                    "main": "#d41f1c",
+                  },
+                  "gray": Object {
+                    "100": "#F5F5F5",
+                    "50": "#FAFAFA",
+                  },
+                  "http": Object {
+                    "basic": "#707070",
+                    "delete": "#cc3333",
+                    "get": "#2F8132",
+                    "head": "#A23DAD",
+                    "link": "#07818F",
+                    "options": "#947014",
+                    "patch": "#bf581d",
+                    "post": "#186FAF",
+                    "put": "#95507c",
+                  },
+                  "primary": Object {
+                    "contrastText": "#fff",
+                    "dark": "#1a1a51",
+                    "light": "#6868cf",
+                    "main": "#32329f",
+                  },
+                  "responses": Object {
+                    "error": Object {
+                      "backgroundColor": "rgba(212,31,28,0.07)",
+                      "color": "#d41f1c",
+                      "tabTextColor": "#d41f1c",
+                    },
+                    "info": Object {
+                      "backgroundColor": "rgba(135,206,235,0.1)",
+                      "color": "#87ceeb",
+                      "tabTextColor": "#87ceeb",
+                    },
+                    "redirect": Object {
+                      "backgroundColor": "rgba(255,165,0,0.1)",
+                      "color": "#ffa500",
+                      "tabTextColor": "#ffa500",
+                    },
+                    "success": Object {
+                      "backgroundColor": "rgba(29,129,39,0.07)",
+                      "color": "#1d8127",
+                      "tabTextColor": "#1d8127",
+                    },
+                  },
+                  "success": Object {
+                    "contrastText": "#fff",
+                    "dark": "#0a2e0e",
+                    "light": "#86e490",
+                    "main": "#1d8127",
+                  },
+                  "text": Object {
+                    "primary": "#333333",
+                    "secondary": "#666",
+                  },
+                  "tonalOffset": 0.2,
+                  "warning": Object {
+                    "contrastText": "#ffffff",
+                    "dark": "#996300",
+                    "light": "#ffc966",
+                    "main": "#ffa500",
+                  },
+                },
+                "extensionsHook": undefined,
+                "logo": Object {
+                  "gutter": "2px",
+                  "maxHeight": "260px",
+                  "maxWidth": "260px",
+                },
+                "rightPanel": Object {
+                  "backgroundColor": "#263238",
+                  "textColor": "#ffffff",
+                  "width": "40%",
+                },
+                "schema": Object {
+                  "arrow": Object {
+                    "color": "#666",
+                    "size": "1.1em",
+                  },
+                  "defaultDetailsWidth": "75%",
+                  "labelsTextSize": "0.9em",
+                  "linesColor": "#7c7cbb",
+                  "nestedBackground": "#fafafa",
+                  "nestingSpacing": "1em",
+                  "requireLabelColor": "#d41f1c",
+                  "typeNameColor": "#666",
+                  "typeTitleColor": "#666",
+                },
+                "sidebar": Object {
+                  "activeTextColor": "#32329f",
+                  "arrow": Object {
+                    "color": "#333333",
+                    "size": "1.5em",
+                  },
+                  "backgroundColor": "#fafafa",
+                  "groupItems": Object {
+                    "textTransform": "uppercase",
+                  },
+                  "level1Items": Object {
+                    "textTransform": "none",
+                  },
+                  "textColor": "#333333",
+                  "width": "260px",
+                },
+                "spacing": Object {
+                  "sectionHorizontal": 40,
+                  "sectionVertical": 40,
+                  "unit": 5,
+                },
+                "typography": Object {
+                  "code": Object {
+                    "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                    "color": "#e53935",
+                    "fontFamily": "Courier, monospace",
+                    "fontSize": "13px",
+                    "fontWeight": "400",
+                    "lineHeight": "1.5em",
+                    "wrap": false,
+                  },
+                  "fontFamily": "Roboto, sans-serif",
+                  "fontSize": "14px",
+                  "fontWeightBold": "600",
+                  "fontWeightLight": "300",
+                  "fontWeightRegular": "400",
+                  "headings": Object {
+                    "fontFamily": "Montserrat, sans-serif",
+                    "fontWeight": "400",
+                    "lineHeight": "1.6em",
+                  },
+                  "lineHeight": "1.5em",
+                  "links": Object {
+                    "color": "#32329f",
+                    "hover": "#6868cf",
+                    "visited": "#32329f",
+                  },
+                  "optimizeSpeed": true,
+                  "smoothing": "antialiased",
+                },
+              },
+              "unstable_ignoreMimeParameters": false,
+              "untrustedSpec": false,
+            },
+            "pattern": undefined,
+            "pointer": "#/components/schemas/Dog",
+            "rawSchema": Object {
+              "allOf": Array [
+                Object {
+                  "$ref": "#/components/schemas/Pet",
+                },
+              ],
+              "properties": Object {
+                "packSize": Object {
+                  "type": "number",
+                },
+              },
+              "type": "object",
+            },
+            "readOnly": false,
+            "schema": Object {
+              "allOf": undefined,
+              "discriminator": Object {
+                "propertyName": "type",
+              },
+              "parentRefs": Array [
+                "#/components/schemas/Pet",
+              ],
+              "properties": Object {
+                "packSize": Object {
+                  "type": "number",
+                },
+                "type": Object {
+                  "type": "string",
+                },
+              },
+              "required": Array [
+                "type",
+              ],
+              "title": "schemas",
+              "type": "object",
+            },
+            "title": "Dog",
+            "type": "object",
+            "typePrefix": "",
+            "writeOnly": false,
+          },
+          SchemaModel {
+            "activeOneOf": 0,
+            "const": "",
+            "constraints": Array [],
+            "contentEncoding": undefined,
+            "contentMediaType": undefined,
+            "default": undefined,
+            "deprecated": false,
+            "description": "",
+            "displayFormat": undefined,
+            "displayType": "object",
+            "enum": Array [],
+            "example": undefined,
+            "externalDocs": undefined,
+            "fields": Array [
+              FieldModel {
+                "const": "",
+                "deprecated": false,
+                "description": "",
+                "example": undefined,
+                "expanded": false,
+                "explode": false,
+                "in": undefined,
+                "kind": "field",
+                "name": "type",
+                "required": true,
+                "schema": SchemaModel {
+                  "activeOneOf": 0,
+                  "const": "",
+                  "constraints": Array [],
+                  "contentEncoding": undefined,
+                  "contentMediaType": undefined,
+                  "default": undefined,
+                  "deprecated": false,
+                  "description": "",
+                  "displayFormat": undefined,
+                  "displayType": "string",
+                  "enum": Array [],
+                  "example": undefined,
+                  "externalDocs": undefined,
+                  "format": undefined,
+                  "isCircular": undefined,
+                  "isPrimitive": true,
+                  "maxItems": undefined,
+                  "minItems": undefined,
+                  "options": RedocNormalizedOptions {
+                    "allowedMdComponents": Object {},
+                    "disableSearch": false,
+                    "enumSkipQuotes": false,
+                    "expandDefaultServerVariables": false,
+                    "expandResponses": Object {},
+                    "expandSingleSchemaField": false,
+                    "generatedPayloadSamplesMaxDepth": 10,
+                    "hideDownloadButton": false,
+                    "hideHostname": false,
+                    "hideSchemaPattern": false,
+                    "hideSchemaTitles": false,
+                    "hideSingleRequestSampleTab": false,
+                    "ignoreNamedSchemas": Set {},
+                    "jsonSampleExpandLevel": 2,
+                    "maxDisplayedEnumValues": undefined,
+                    "menuToggle": true,
+                    "nativeScrollbars": false,
+                    "noAutoAuth": false,
+                    "onlyRequiredInSamples": false,
+                    "pathInMiddlePanel": false,
+                    "payloadSampleIdx": 0,
+                    "requiredPropsFirst": false,
+                    "scrollYOffset": [Function],
+                    "showExtensions": false,
+                    "showObjectSchemaExamples": false,
+                    "sideNavStyle": "summary-only",
+                    "simpleOneOfTypeLabel": false,
+                    "sortEnumValuesAlphabetically": false,
+                    "sortPropsAlphabetically": false,
+                    "theme": Object {
+                      "breakpoints": Object {
+                        "large": "105rem",
+                        "medium": "75rem",
+                        "small": "50rem",
+                      },
+                      "codeBlock": Object {
+                        "backgroundColor": "#11171a",
+                      },
+                      "colors": Object {
+                        "border": Object {
+                          "dark": "rgba(0,0,0, 0.1)",
+                          "light": "#ffffff",
+                        },
+                        "error": Object {
+                          "contrastText": "#fff",
+                          "dark": "#7a1210",
+                          "light": "#eb6d6b",
+                          "main": "#d41f1c",
+                        },
+                        "gray": Object {
+                          "100": "#F5F5F5",
+                          "50": "#FAFAFA",
+                        },
+                        "http": Object {
+                          "basic": "#707070",
+                          "delete": "#cc3333",
+                          "get": "#2F8132",
+                          "head": "#A23DAD",
+                          "link": "#07818F",
+                          "options": "#947014",
+                          "patch": "#bf581d",
+                          "post": "#186FAF",
+                          "put": "#95507c",
+                        },
+                        "primary": Object {
+                          "contrastText": "#fff",
+                          "dark": "#1a1a51",
+                          "light": "#6868cf",
+                          "main": "#32329f",
+                        },
+                        "responses": Object {
+                          "error": Object {
+                            "backgroundColor": "rgba(212,31,28,0.07)",
+                            "color": "#d41f1c",
+                            "tabTextColor": "#d41f1c",
+                          },
+                          "info": Object {
+                            "backgroundColor": "rgba(135,206,235,0.1)",
+                            "color": "#87ceeb",
+                            "tabTextColor": "#87ceeb",
+                          },
+                          "redirect": Object {
+                            "backgroundColor": "rgba(255,165,0,0.1)",
+                            "color": "#ffa500",
+                            "tabTextColor": "#ffa500",
+                          },
+                          "success": Object {
+                            "backgroundColor": "rgba(29,129,39,0.07)",
+                            "color": "#1d8127",
+                            "tabTextColor": "#1d8127",
+                          },
+                        },
+                        "success": Object {
+                          "contrastText": "#fff",
+                          "dark": "#0a2e0e",
+                          "light": "#86e490",
+                          "main": "#1d8127",
+                        },
+                        "text": Object {
+                          "primary": "#333333",
+                          "secondary": "#666",
+                        },
+                        "tonalOffset": 0.2,
+                        "warning": Object {
+                          "contrastText": "#ffffff",
+                          "dark": "#996300",
+                          "light": "#ffc966",
+                          "main": "#ffa500",
+                        },
+                      },
+                      "extensionsHook": undefined,
+                      "logo": Object {
+                        "gutter": "2px",
+                        "maxHeight": "260px",
+                        "maxWidth": "260px",
+                      },
+                      "rightPanel": Object {
+                        "backgroundColor": "#263238",
+                        "textColor": "#ffffff",
+                        "width": "40%",
+                      },
+                      "schema": Object {
+                        "arrow": Object {
+                          "color": "#666",
+                          "size": "1.1em",
+                        },
+                        "defaultDetailsWidth": "75%",
+                        "labelsTextSize": "0.9em",
+                        "linesColor": "#7c7cbb",
+                        "nestedBackground": "#fafafa",
+                        "nestingSpacing": "1em",
+                        "requireLabelColor": "#d41f1c",
+                        "typeNameColor": "#666",
+                        "typeTitleColor": "#666",
+                      },
+                      "sidebar": Object {
+                        "activeTextColor": "#32329f",
+                        "arrow": Object {
+                          "color": "#333333",
+                          "size": "1.5em",
+                        },
+                        "backgroundColor": "#fafafa",
+                        "groupItems": Object {
+                          "textTransform": "uppercase",
+                        },
+                        "level1Items": Object {
+                          "textTransform": "none",
+                        },
+                        "textColor": "#333333",
+                        "width": "260px",
+                      },
+                      "spacing": Object {
+                        "sectionHorizontal": 40,
+                        "sectionVertical": 40,
+                        "unit": 5,
+                      },
+                      "typography": Object {
+                        "code": Object {
+                          "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                          "color": "#e53935",
+                          "fontFamily": "Courier, monospace",
+                          "fontSize": "13px",
+                          "fontWeight": "400",
+                          "lineHeight": "1.5em",
+                          "wrap": false,
+                        },
+                        "fontFamily": "Roboto, sans-serif",
+                        "fontSize": "14px",
+                        "fontWeightBold": "600",
+                        "fontWeightLight": "300",
+                        "fontWeightRegular": "400",
+                        "headings": Object {
+                          "fontFamily": "Montserrat, sans-serif",
+                          "fontWeight": "400",
+                          "lineHeight": "1.6em",
+                        },
+                        "lineHeight": "1.5em",
+                        "links": Object {
+                          "color": "#32329f",
+                          "hover": "#6868cf",
+                          "visited": "#32329f",
+                        },
+                        "optimizeSpeed": true,
+                        "smoothing": "antialiased",
+                      },
+                    },
+                    "unstable_ignoreMimeParameters": false,
+                    "untrustedSpec": false,
+                  },
+                  "pattern": undefined,
+                  "pointer": "#/components/schemas/Cat/properties/type",
+                  "rawSchema": Object {
+                    "default": undefined,
+                    "type": "string",
+                  },
+                  "readOnly": false,
+                  "schema": Object {
+                    "default": undefined,
+                    "type": "string",
+                  },
+                  "title": "",
+                  "type": "string",
+                  "typePrefix": "",
+                  "writeOnly": false,
+                },
+              },
+              FieldModel {
+                "const": "",
+                "deprecated": false,
+                "description": "",
+                "example": undefined,
+                "expanded": false,
+                "explode": false,
+                "in": undefined,
+                "kind": "field",
+                "name": "packSize",
+                "required": false,
+                "schema": SchemaModel {
+                  "activeOneOf": 0,
+                  "const": "",
+                  "constraints": Array [],
+                  "contentEncoding": undefined,
+                  "contentMediaType": undefined,
+                  "default": undefined,
+                  "deprecated": false,
+                  "description": "",
+                  "displayFormat": undefined,
+                  "displayType": "number",
+                  "enum": Array [],
+                  "example": undefined,
+                  "externalDocs": undefined,
+                  "format": undefined,
+                  "isCircular": undefined,
+                  "isPrimitive": true,
+                  "maxItems": undefined,
+                  "minItems": undefined,
+                  "options": RedocNormalizedOptions {
+                    "allowedMdComponents": Object {},
+                    "disableSearch": false,
+                    "enumSkipQuotes": false,
+                    "expandDefaultServerVariables": false,
+                    "expandResponses": Object {},
+                    "expandSingleSchemaField": false,
+                    "generatedPayloadSamplesMaxDepth": 10,
+                    "hideDownloadButton": false,
+                    "hideHostname": false,
+                    "hideSchemaPattern": false,
+                    "hideSchemaTitles": false,
+                    "hideSingleRequestSampleTab": false,
+                    "ignoreNamedSchemas": Set {},
+                    "jsonSampleExpandLevel": 2,
+                    "maxDisplayedEnumValues": undefined,
+                    "menuToggle": true,
+                    "nativeScrollbars": false,
+                    "noAutoAuth": false,
+                    "onlyRequiredInSamples": false,
+                    "pathInMiddlePanel": false,
+                    "payloadSampleIdx": 0,
+                    "requiredPropsFirst": false,
+                    "scrollYOffset": [Function],
+                    "showExtensions": false,
+                    "showObjectSchemaExamples": false,
+                    "sideNavStyle": "summary-only",
+                    "simpleOneOfTypeLabel": false,
+                    "sortEnumValuesAlphabetically": false,
+                    "sortPropsAlphabetically": false,
+                    "theme": Object {
+                      "breakpoints": Object {
+                        "large": "105rem",
+                        "medium": "75rem",
+                        "small": "50rem",
+                      },
+                      "codeBlock": Object {
+                        "backgroundColor": "#11171a",
+                      },
+                      "colors": Object {
+                        "border": Object {
+                          "dark": "rgba(0,0,0, 0.1)",
+                          "light": "#ffffff",
+                        },
+                        "error": Object {
+                          "contrastText": "#fff",
+                          "dark": "#7a1210",
+                          "light": "#eb6d6b",
+                          "main": "#d41f1c",
+                        },
+                        "gray": Object {
+                          "100": "#F5F5F5",
+                          "50": "#FAFAFA",
+                        },
+                        "http": Object {
+                          "basic": "#707070",
+                          "delete": "#cc3333",
+                          "get": "#2F8132",
+                          "head": "#A23DAD",
+                          "link": "#07818F",
+                          "options": "#947014",
+                          "patch": "#bf581d",
+                          "post": "#186FAF",
+                          "put": "#95507c",
+                        },
+                        "primary": Object {
+                          "contrastText": "#fff",
+                          "dark": "#1a1a51",
+                          "light": "#6868cf",
+                          "main": "#32329f",
+                        },
+                        "responses": Object {
+                          "error": Object {
+                            "backgroundColor": "rgba(212,31,28,0.07)",
+                            "color": "#d41f1c",
+                            "tabTextColor": "#d41f1c",
+                          },
+                          "info": Object {
+                            "backgroundColor": "rgba(135,206,235,0.1)",
+                            "color": "#87ceeb",
+                            "tabTextColor": "#87ceeb",
+                          },
+                          "redirect": Object {
+                            "backgroundColor": "rgba(255,165,0,0.1)",
+                            "color": "#ffa500",
+                            "tabTextColor": "#ffa500",
+                          },
+                          "success": Object {
+                            "backgroundColor": "rgba(29,129,39,0.07)",
+                            "color": "#1d8127",
+                            "tabTextColor": "#1d8127",
+                          },
+                        },
+                        "success": Object {
+                          "contrastText": "#fff",
+                          "dark": "#0a2e0e",
+                          "light": "#86e490",
+                          "main": "#1d8127",
+                        },
+                        "text": Object {
+                          "primary": "#333333",
+                          "secondary": "#666",
+                        },
+                        "tonalOffset": 0.2,
+                        "warning": Object {
+                          "contrastText": "#ffffff",
+                          "dark": "#996300",
+                          "light": "#ffc966",
+                          "main": "#ffa500",
+                        },
+                      },
+                      "extensionsHook": undefined,
+                      "logo": Object {
+                        "gutter": "2px",
+                        "maxHeight": "260px",
+                        "maxWidth": "260px",
+                      },
+                      "rightPanel": Object {
+                        "backgroundColor": "#263238",
+                        "textColor": "#ffffff",
+                        "width": "40%",
+                      },
+                      "schema": Object {
+                        "arrow": Object {
+                          "color": "#666",
+                          "size": "1.1em",
+                        },
+                        "defaultDetailsWidth": "75%",
+                        "labelsTextSize": "0.9em",
+                        "linesColor": "#7c7cbb",
+                        "nestedBackground": "#fafafa",
+                        "nestingSpacing": "1em",
+                        "requireLabelColor": "#d41f1c",
+                        "typeNameColor": "#666",
+                        "typeTitleColor": "#666",
+                      },
+                      "sidebar": Object {
+                        "activeTextColor": "#32329f",
+                        "arrow": Object {
+                          "color": "#333333",
+                          "size": "1.5em",
+                        },
+                        "backgroundColor": "#fafafa",
+                        "groupItems": Object {
+                          "textTransform": "uppercase",
+                        },
+                        "level1Items": Object {
+                          "textTransform": "none",
+                        },
+                        "textColor": "#333333",
+                        "width": "260px",
+                      },
+                      "spacing": Object {
+                        "sectionHorizontal": 40,
+                        "sectionVertical": 40,
+                        "unit": 5,
+                      },
+                      "typography": Object {
+                        "code": Object {
+                          "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                          "color": "#e53935",
+                          "fontFamily": "Courier, monospace",
+                          "fontSize": "13px",
+                          "fontWeight": "400",
+                          "lineHeight": "1.5em",
+                          "wrap": false,
+                        },
+                        "fontFamily": "Roboto, sans-serif",
+                        "fontSize": "14px",
+                        "fontWeightBold": "600",
+                        "fontWeightLight": "300",
+                        "fontWeightRegular": "400",
+                        "headings": Object {
+                          "fontFamily": "Montserrat, sans-serif",
+                          "fontWeight": "400",
+                          "lineHeight": "1.6em",
+                        },
+                        "lineHeight": "1.5em",
+                        "links": Object {
+                          "color": "#32329f",
+                          "hover": "#6868cf",
+                          "visited": "#32329f",
+                        },
+                        "optimizeSpeed": true,
+                        "smoothing": "antialiased",
+                      },
+                    },
+                    "unstable_ignoreMimeParameters": false,
+                    "untrustedSpec": false,
+                  },
+                  "pattern": undefined,
+                  "pointer": "#/components/schemas/Cat/properties/packSize",
+                  "rawSchema": Object {
+                    "default": undefined,
+                    "type": "number",
+                  },
+                  "readOnly": false,
+                  "schema": Object {
+                    "default": undefined,
+                    "type": "number",
+                  },
+                  "title": "",
+                  "type": "number",
+                  "typePrefix": "",
+                  "writeOnly": false,
+                },
+              },
+            ],
+            "format": undefined,
+            "isCircular": undefined,
+            "isPrimitive": false,
+            "maxItems": undefined,
+            "minItems": undefined,
+            "options": RedocNormalizedOptions {
+              "allowedMdComponents": Object {},
+              "disableSearch": false,
+              "enumSkipQuotes": false,
+              "expandDefaultServerVariables": false,
+              "expandResponses": Object {},
+              "expandSingleSchemaField": false,
+              "generatedPayloadSamplesMaxDepth": 10,
+              "hideDownloadButton": false,
+              "hideHostname": false,
+              "hideSchemaPattern": false,
+              "hideSchemaTitles": false,
+              "hideSingleRequestSampleTab": false,
+              "ignoreNamedSchemas": Set {},
+              "jsonSampleExpandLevel": 2,
+              "maxDisplayedEnumValues": undefined,
+              "menuToggle": true,
+              "nativeScrollbars": false,
+              "noAutoAuth": false,
+              "onlyRequiredInSamples": false,
+              "pathInMiddlePanel": false,
+              "payloadSampleIdx": 0,
+              "requiredPropsFirst": false,
+              "scrollYOffset": [Function],
+              "showExtensions": false,
+              "showObjectSchemaExamples": false,
+              "sideNavStyle": "summary-only",
+              "simpleOneOfTypeLabel": false,
+              "sortEnumValuesAlphabetically": false,
+              "sortPropsAlphabetically": false,
+              "theme": Object {
+                "breakpoints": Object {
+                  "large": "105rem",
+                  "medium": "75rem",
+                  "small": "50rem",
+                },
+                "codeBlock": Object {
+                  "backgroundColor": "#11171a",
+                },
+                "colors": Object {
+                  "border": Object {
+                    "dark": "rgba(0,0,0, 0.1)",
+                    "light": "#ffffff",
+                  },
+                  "error": Object {
+                    "contrastText": "#fff",
+                    "dark": "#7a1210",
+                    "light": "#eb6d6b",
+                    "main": "#d41f1c",
+                  },
+                  "gray": Object {
+                    "100": "#F5F5F5",
+                    "50": "#FAFAFA",
+                  },
+                  "http": Object {
+                    "basic": "#707070",
+                    "delete": "#cc3333",
+                    "get": "#2F8132",
+                    "head": "#A23DAD",
+                    "link": "#07818F",
+                    "options": "#947014",
+                    "patch": "#bf581d",
+                    "post": "#186FAF",
+                    "put": "#95507c",
+                  },
+                  "primary": Object {
+                    "contrastText": "#fff",
+                    "dark": "#1a1a51",
+                    "light": "#6868cf",
+                    "main": "#32329f",
+                  },
+                  "responses": Object {
+                    "error": Object {
+                      "backgroundColor": "rgba(212,31,28,0.07)",
+                      "color": "#d41f1c",
+                      "tabTextColor": "#d41f1c",
+                    },
+                    "info": Object {
+                      "backgroundColor": "rgba(135,206,235,0.1)",
+                      "color": "#87ceeb",
+                      "tabTextColor": "#87ceeb",
+                    },
+                    "redirect": Object {
+                      "backgroundColor": "rgba(255,165,0,0.1)",
+                      "color": "#ffa500",
+                      "tabTextColor": "#ffa500",
+                    },
+                    "success": Object {
+                      "backgroundColor": "rgba(29,129,39,0.07)",
+                      "color": "#1d8127",
+                      "tabTextColor": "#1d8127",
+                    },
+                  },
+                  "success": Object {
+                    "contrastText": "#fff",
+                    "dark": "#0a2e0e",
+                    "light": "#86e490",
+                    "main": "#1d8127",
+                  },
+                  "text": Object {
+                    "primary": "#333333",
+                    "secondary": "#666",
+                  },
+                  "tonalOffset": 0.2,
+                  "warning": Object {
+                    "contrastText": "#ffffff",
+                    "dark": "#996300",
+                    "light": "#ffc966",
+                    "main": "#ffa500",
+                  },
+                },
+                "extensionsHook": undefined,
+                "logo": Object {
+                  "gutter": "2px",
+                  "maxHeight": "260px",
+                  "maxWidth": "260px",
+                },
+                "rightPanel": Object {
+                  "backgroundColor": "#263238",
+                  "textColor": "#ffffff",
+                  "width": "40%",
+                },
+                "schema": Object {
+                  "arrow": Object {
+                    "color": "#666",
+                    "size": "1.1em",
+                  },
+                  "defaultDetailsWidth": "75%",
+                  "labelsTextSize": "0.9em",
+                  "linesColor": "#7c7cbb",
+                  "nestedBackground": "#fafafa",
+                  "nestingSpacing": "1em",
+                  "requireLabelColor": "#d41f1c",
+                  "typeNameColor": "#666",
+                  "typeTitleColor": "#666",
+                },
+                "sidebar": Object {
+                  "activeTextColor": "#32329f",
+                  "arrow": Object {
+                    "color": "#333333",
+                    "size": "1.5em",
+                  },
+                  "backgroundColor": "#fafafa",
+                  "groupItems": Object {
+                    "textTransform": "uppercase",
+                  },
+                  "level1Items": Object {
+                    "textTransform": "none",
+                  },
+                  "textColor": "#333333",
+                  "width": "260px",
+                },
+                "spacing": Object {
+                  "sectionHorizontal": 40,
+                  "sectionVertical": 40,
+                  "unit": 5,
+                },
+                "typography": Object {
+                  "code": Object {
+                    "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                    "color": "#e53935",
+                    "fontFamily": "Courier, monospace",
+                    "fontSize": "13px",
+                    "fontWeight": "400",
+                    "lineHeight": "1.5em",
+                    "wrap": false,
+                  },
+                  "fontFamily": "Roboto, sans-serif",
+                  "fontSize": "14px",
+                  "fontWeightBold": "600",
+                  "fontWeightLight": "300",
+                  "fontWeightRegular": "400",
+                  "headings": Object {
+                    "fontFamily": "Montserrat, sans-serif",
+                    "fontWeight": "400",
+                    "lineHeight": "1.6em",
+                  },
+                  "lineHeight": "1.5em",
+                  "links": Object {
+                    "color": "#32329f",
+                    "hover": "#6868cf",
+                    "visited": "#32329f",
+                  },
+                  "optimizeSpeed": true,
+                  "smoothing": "antialiased",
+                },
+              },
+              "unstable_ignoreMimeParameters": false,
+              "untrustedSpec": false,
+            },
+            "pattern": undefined,
+            "pointer": "#/components/schemas/Cat",
+            "rawSchema": Object {
+              "allOf": Array [
+                Object {
+                  "$ref": "#/components/schemas/Pet",
+                },
+                Object {
+                  "properties": Object {
+                    "packSize": Object {
+                      "type": "number",
+                    },
+                  },
+                },
+              ],
+              "type": "object",
+            },
+            "readOnly": false,
+            "schema": Object {
+              "allOf": undefined,
+              "discriminator": Object {
+                "propertyName": "type",
+              },
+              "parentRefs": Array [
+                "#/components/schemas/Pet",
+              ],
+              "properties": Object {
+                "packSize": Object {
+                  "type": "number",
+                },
+                "type": Object {
+                  "type": "string",
+                },
+              },
+              "required": Array [
+                "type",
+              ],
+              "title": "schemas",
+              "type": "object",
+            },
+            "title": "Cat",
+            "type": "object",
+            "typePrefix": "",
+            "writeOnly": false,
+          },
+        ],
+        "options": RedocNormalizedOptions {
+          "allowedMdComponents": Object {},
+          "disableSearch": false,
+          "enumSkipQuotes": false,
+          "expandDefaultServerVariables": false,
+          "expandResponses": Object {},
+          "expandSingleSchemaField": false,
+          "generatedPayloadSamplesMaxDepth": 10,
+          "hideDownloadButton": false,
+          "hideHostname": false,
+          "hideSchemaPattern": false,
+          "hideSchemaTitles": false,
+          "hideSingleRequestSampleTab": false,
+          "ignoreNamedSchemas": Set {},
+          "jsonSampleExpandLevel": 2,
+          "maxDisplayedEnumValues": undefined,
+          "menuToggle": true,
+          "nativeScrollbars": false,
+          "noAutoAuth": false,
+          "onlyRequiredInSamples": false,
+          "pathInMiddlePanel": false,
+          "payloadSampleIdx": 0,
+          "requiredPropsFirst": false,
+          "scrollYOffset": [Function],
+          "showExtensions": false,
+          "showObjectSchemaExamples": false,
+          "sideNavStyle": "summary-only",
+          "simpleOneOfTypeLabel": false,
+          "sortEnumValuesAlphabetically": false,
+          "sortPropsAlphabetically": false,
+          "theme": Object {
+            "breakpoints": Object {
+              "large": "105rem",
+              "medium": "75rem",
+              "small": "50rem",
+            },
+            "codeBlock": Object {
+              "backgroundColor": "#11171a",
+            },
+            "colors": Object {
+              "border": Object {
+                "dark": "rgba(0,0,0, 0.1)",
+                "light": "#ffffff",
+              },
+              "error": Object {
+                "contrastText": "#fff",
+                "dark": "#7a1210",
+                "light": "#eb6d6b",
+                "main": "#d41f1c",
+              },
+              "gray": Object {
+                "100": "#F5F5F5",
+                "50": "#FAFAFA",
+              },
+              "http": Object {
+                "basic": "#707070",
+                "delete": "#cc3333",
+                "get": "#2F8132",
+                "head": "#A23DAD",
+                "link": "#07818F",
+                "options": "#947014",
+                "patch": "#bf581d",
+                "post": "#186FAF",
+                "put": "#95507c",
+              },
+              "primary": Object {
+                "contrastText": "#fff",
+                "dark": "#1a1a51",
+                "light": "#6868cf",
+                "main": "#32329f",
+              },
+              "responses": Object {
+                "error": Object {
+                  "backgroundColor": "rgba(212,31,28,0.07)",
+                  "color": "#d41f1c",
+                  "tabTextColor": "#d41f1c",
+                },
+                "info": Object {
+                  "backgroundColor": "rgba(135,206,235,0.1)",
+                  "color": "#87ceeb",
+                  "tabTextColor": "#87ceeb",
+                },
+                "redirect": Object {
+                  "backgroundColor": "rgba(255,165,0,0.1)",
+                  "color": "#ffa500",
+                  "tabTextColor": "#ffa500",
+                },
+                "success": Object {
+                  "backgroundColor": "rgba(29,129,39,0.07)",
+                  "color": "#1d8127",
+                  "tabTextColor": "#1d8127",
+                },
+              },
+              "success": Object {
+                "contrastText": "#fff",
+                "dark": "#0a2e0e",
+                "light": "#86e490",
+                "main": "#1d8127",
+              },
+              "text": Object {
+                "primary": "#333333",
+                "secondary": "#666",
+              },
+              "tonalOffset": 0.2,
+              "warning": Object {
+                "contrastText": "#ffffff",
+                "dark": "#996300",
+                "light": "#ffc966",
+                "main": "#ffa500",
+              },
+            },
+            "extensionsHook": undefined,
+            "logo": Object {
+              "gutter": "2px",
+              "maxHeight": "260px",
+              "maxWidth": "260px",
+            },
+            "rightPanel": Object {
+              "backgroundColor": "#263238",
+              "textColor": "#ffffff",
+              "width": "40%",
+            },
+            "schema": Object {
+              "arrow": Object {
+                "color": "#666",
+                "size": "1.1em",
+              },
+              "defaultDetailsWidth": "75%",
+              "labelsTextSize": "0.9em",
+              "linesColor": "#7c7cbb",
+              "nestedBackground": "#fafafa",
+              "nestingSpacing": "1em",
+              "requireLabelColor": "#d41f1c",
+              "typeNameColor": "#666",
+              "typeTitleColor": "#666",
+            },
+            "sidebar": Object {
+              "activeTextColor": "#32329f",
+              "arrow": Object {
+                "color": "#333333",
+                "size": "1.5em",
+              },
+              "backgroundColor": "#fafafa",
+              "groupItems": Object {
+                "textTransform": "uppercase",
+              },
+              "level1Items": Object {
+                "textTransform": "none",
+              },
+              "textColor": "#333333",
+              "width": "260px",
+            },
+            "spacing": Object {
+              "sectionHorizontal": 40,
+              "sectionVertical": 40,
+              "unit": 5,
+            },
+            "typography": Object {
+              "code": Object {
+                "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                "color": "#e53935",
+                "fontFamily": "Courier, monospace",
+                "fontSize": "13px",
+                "fontWeight": "400",
+                "lineHeight": "1.5em",
+                "wrap": false,
+              },
+              "fontFamily": "Roboto, sans-serif",
+              "fontSize": "14px",
+              "fontWeightBold": "600",
+              "fontWeightLight": "300",
+              "fontWeightRegular": "400",
+              "headings": Object {
+                "fontFamily": "Montserrat, sans-serif",
+                "fontWeight": "400",
+                "lineHeight": "1.6em",
+              },
+              "lineHeight": "1.5em",
+              "links": Object {
+                "color": "#32329f",
+                "hover": "#6868cf",
+                "visited": "#32329f",
+              },
+              "optimizeSpeed": true,
+              "smoothing": "antialiased",
+            },
+          },
+          "unstable_ignoreMimeParameters": false,
+          "untrustedSpec": false,
+        },
+        "pattern": undefined,
+        "pointer": "#/components/schemas/Pet",
+        "rawSchema": Object {
+          "discriminator": Object {
+            "propertyName": "type",
+          },
+          "properties": Object {
+            "type": Object {
+              "type": "string",
+            },
+          },
+          "required": Array [
+            "type",
+          ],
+          "type": "object",
+        },
+        "readOnly": false,
+        "schema": Object {
+          "discriminator": Object {
+            "propertyName": "type",
+          },
+          "properties": Object {
+            "type": Object {
+              "type": "string",
+            },
+          },
+          "required": Array [
+            "type",
+          ],
+          "type": "object",
+        },
+        "title": "Pet",
+        "type": "object",
+        "typePrefix": "",
+        "writeOnly": false,
+      },
+    }
+  }
+  schema={
+    SchemaModel {
+      "activeOneOf": 0,
+      "const": "",
+      "constraints": Array [],
+      "contentEncoding": undefined,
+      "contentMediaType": undefined,
+      "default": undefined,
+      "deprecated": false,
+      "description": "",
+      "displayFormat": undefined,
+      "displayType": "object",
+      "enum": Array [],
+      "example": undefined,
+      "externalDocs": undefined,
+      "fields": Array [
+        FieldModel {
+          "const": "",
+          "deprecated": false,
+          "description": "",
+          "example": undefined,
+          "expanded": false,
+          "explode": false,
+          "in": undefined,
+          "kind": "field",
+          "name": "packSize",
+          "required": false,
+          "schema": SchemaModel {
+            "activeOneOf": 0,
+            "const": "",
+            "constraints": Array [],
+            "contentEncoding": undefined,
+            "contentMediaType": undefined,
+            "default": undefined,
+            "deprecated": false,
+            "description": "",
+            "displayFormat": undefined,
+            "displayType": "number",
+            "enum": Array [],
+            "example": undefined,
+            "externalDocs": undefined,
+            "format": undefined,
+            "isCircular": undefined,
+            "isPrimitive": true,
+            "maxItems": undefined,
+            "minItems": undefined,
+            "options": RedocNormalizedOptions {
+              "allowedMdComponents": Object {},
+              "disableSearch": false,
+              "enumSkipQuotes": false,
+              "expandDefaultServerVariables": false,
+              "expandResponses": Object {},
+              "expandSingleSchemaField": false,
+              "generatedPayloadSamplesMaxDepth": 10,
+              "hideDownloadButton": false,
+              "hideHostname": false,
+              "hideSchemaPattern": false,
+              "hideSchemaTitles": false,
+              "hideSingleRequestSampleTab": false,
+              "ignoreNamedSchemas": Set {},
+              "jsonSampleExpandLevel": 2,
+              "maxDisplayedEnumValues": undefined,
+              "menuToggle": true,
+              "nativeScrollbars": false,
+              "noAutoAuth": false,
+              "onlyRequiredInSamples": false,
+              "pathInMiddlePanel": false,
+              "payloadSampleIdx": 0,
+              "requiredPropsFirst": false,
+              "scrollYOffset": [Function],
+              "showExtensions": false,
+              "showObjectSchemaExamples": false,
+              "sideNavStyle": "summary-only",
+              "simpleOneOfTypeLabel": false,
+              "sortEnumValuesAlphabetically": false,
+              "sortPropsAlphabetically": false,
+              "theme": Object {
+                "breakpoints": Object {
+                  "large": "105rem",
+                  "medium": "75rem",
+                  "small": "50rem",
+                },
+                "codeBlock": Object {
+                  "backgroundColor": "#11171a",
+                },
+                "colors": Object {
+                  "border": Object {
+                    "dark": "rgba(0,0,0, 0.1)",
+                    "light": "#ffffff",
+                  },
+                  "error": Object {
+                    "contrastText": "#fff",
+                    "dark": "#7a1210",
+                    "light": "#eb6d6b",
+                    "main": "#d41f1c",
+                  },
+                  "gray": Object {
+                    "100": "#F5F5F5",
+                    "50": "#FAFAFA",
+                  },
+                  "http": Object {
+                    "basic": "#707070",
+                    "delete": "#cc3333",
+                    "get": "#2F8132",
+                    "head": "#A23DAD",
+                    "link": "#07818F",
+                    "options": "#947014",
+                    "patch": "#bf581d",
+                    "post": "#186FAF",
+                    "put": "#95507c",
+                  },
+                  "primary": Object {
+                    "contrastText": "#fff",
+                    "dark": "#1a1a51",
+                    "light": "#6868cf",
+                    "main": "#32329f",
+                  },
+                  "responses": Object {
+                    "error": Object {
+                      "backgroundColor": "rgba(212,31,28,0.07)",
+                      "color": "#d41f1c",
+                      "tabTextColor": "#d41f1c",
+                    },
+                    "info": Object {
+                      "backgroundColor": "rgba(135,206,235,0.1)",
+                      "color": "#87ceeb",
+                      "tabTextColor": "#87ceeb",
+                    },
+                    "redirect": Object {
+                      "backgroundColor": "rgba(255,165,0,0.1)",
+                      "color": "#ffa500",
+                      "tabTextColor": "#ffa500",
+                    },
+                    "success": Object {
+                      "backgroundColor": "rgba(29,129,39,0.07)",
+                      "color": "#1d8127",
+                      "tabTextColor": "#1d8127",
+                    },
+                  },
+                  "success": Object {
+                    "contrastText": "#fff",
+                    "dark": "#0a2e0e",
+                    "light": "#86e490",
+                    "main": "#1d8127",
+                  },
+                  "text": Object {
+                    "primary": "#333333",
+                    "secondary": "#666",
+                  },
+                  "tonalOffset": 0.2,
+                  "warning": Object {
+                    "contrastText": "#ffffff",
+                    "dark": "#996300",
+                    "light": "#ffc966",
+                    "main": "#ffa500",
+                  },
+                },
+                "extensionsHook": undefined,
+                "logo": Object {
+                  "gutter": "2px",
+                  "maxHeight": "260px",
+                  "maxWidth": "260px",
+                },
+                "rightPanel": Object {
+                  "backgroundColor": "#263238",
+                  "textColor": "#ffffff",
+                  "width": "40%",
+                },
+                "schema": Object {
+                  "arrow": Object {
+                    "color": "#666",
+                    "size": "1.1em",
+                  },
+                  "defaultDetailsWidth": "75%",
+                  "labelsTextSize": "0.9em",
+                  "linesColor": "#7c7cbb",
+                  "nestedBackground": "#fafafa",
+                  "nestingSpacing": "1em",
+                  "requireLabelColor": "#d41f1c",
+                  "typeNameColor": "#666",
+                  "typeTitleColor": "#666",
+                },
+                "sidebar": Object {
+                  "activeTextColor": "#32329f",
+                  "arrow": Object {
+                    "color": "#333333",
+                    "size": "1.5em",
+                  },
+                  "backgroundColor": "#fafafa",
+                  "groupItems": Object {
+                    "textTransform": "uppercase",
+                  },
+                  "level1Items": Object {
+                    "textTransform": "none",
+                  },
+                  "textColor": "#333333",
+                  "width": "260px",
+                },
+                "spacing": Object {
+                  "sectionHorizontal": 40,
+                  "sectionVertical": 40,
+                  "unit": 5,
+                },
+                "typography": Object {
+                  "code": Object {
+                    "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                    "color": "#e53935",
+                    "fontFamily": "Courier, monospace",
+                    "fontSize": "13px",
+                    "fontWeight": "400",
+                    "lineHeight": "1.5em",
+                    "wrap": false,
+                  },
+                  "fontFamily": "Roboto, sans-serif",
+                  "fontSize": "14px",
+                  "fontWeightBold": "600",
+                  "fontWeightLight": "300",
+                  "fontWeightRegular": "400",
+                  "headings": Object {
+                    "fontFamily": "Montserrat, sans-serif",
+                    "fontWeight": "400",
+                    "lineHeight": "1.6em",
+                  },
+                  "lineHeight": "1.5em",
+                  "links": Object {
+                    "color": "#32329f",
+                    "hover": "#6868cf",
+                    "visited": "#32329f",
+                  },
+                  "optimizeSpeed": true,
+                  "smoothing": "antialiased",
+                },
+              },
+              "unstable_ignoreMimeParameters": false,
+              "untrustedSpec": false,
+            },
+            "pattern": undefined,
+            "pointer": "#/components/schemas/Dog/properties/packSize",
+            "rawSchema": Object {
+              "default": undefined,
+              "type": "number",
+            },
+            "readOnly": false,
+            "schema": Object {
+              "default": undefined,
+              "type": "number",
+            },
+            "title": "",
+            "type": "number",
+            "typePrefix": "",
+            "writeOnly": false,
+          },
+        },
+        FieldModel {
+          "const": "",
+          "deprecated": false,
+          "description": "",
+          "example": undefined,
+          "expanded": false,
+          "explode": false,
+          "in": undefined,
+          "kind": "field",
+          "name": "type",
+          "required": true,
+          "schema": SchemaModel {
+            "activeOneOf": 0,
+            "const": "",
+            "constraints": Array [],
+            "contentEncoding": undefined,
+            "contentMediaType": undefined,
+            "default": undefined,
+            "deprecated": false,
+            "description": "",
+            "displayFormat": undefined,
+            "displayType": "string",
+            "enum": Array [],
+            "example": undefined,
+            "externalDocs": undefined,
+            "format": undefined,
+            "isCircular": undefined,
+            "isPrimitive": true,
+            "maxItems": undefined,
+            "minItems": undefined,
+            "options": RedocNormalizedOptions {
+              "allowedMdComponents": Object {},
+              "disableSearch": false,
+              "enumSkipQuotes": false,
+              "expandDefaultServerVariables": false,
+              "expandResponses": Object {},
+              "expandSingleSchemaField": false,
+              "generatedPayloadSamplesMaxDepth": 10,
+              "hideDownloadButton": false,
+              "hideHostname": false,
+              "hideSchemaPattern": false,
+              "hideSchemaTitles": false,
+              "hideSingleRequestSampleTab": false,
+              "ignoreNamedSchemas": Set {},
+              "jsonSampleExpandLevel": 2,
+              "maxDisplayedEnumValues": undefined,
+              "menuToggle": true,
+              "nativeScrollbars": false,
+              "noAutoAuth": false,
+              "onlyRequiredInSamples": false,
+              "pathInMiddlePanel": false,
+              "payloadSampleIdx": 0,
+              "requiredPropsFirst": false,
+              "scrollYOffset": [Function],
+              "showExtensions": false,
+              "showObjectSchemaExamples": false,
+              "sideNavStyle": "summary-only",
+              "simpleOneOfTypeLabel": false,
+              "sortEnumValuesAlphabetically": false,
+              "sortPropsAlphabetically": false,
+              "theme": Object {
+                "breakpoints": Object {
+                  "large": "105rem",
+                  "medium": "75rem",
+                  "small": "50rem",
+                },
+                "codeBlock": Object {
+                  "backgroundColor": "#11171a",
+                },
+                "colors": Object {
+                  "border": Object {
+                    "dark": "rgba(0,0,0, 0.1)",
+                    "light": "#ffffff",
+                  },
+                  "error": Object {
+                    "contrastText": "#fff",
+                    "dark": "#7a1210",
+                    "light": "#eb6d6b",
+                    "main": "#d41f1c",
+                  },
+                  "gray": Object {
+                    "100": "#F5F5F5",
+                    "50": "#FAFAFA",
+                  },
+                  "http": Object {
+                    "basic": "#707070",
+                    "delete": "#cc3333",
+                    "get": "#2F8132",
+                    "head": "#A23DAD",
+                    "link": "#07818F",
+                    "options": "#947014",
+                    "patch": "#bf581d",
+                    "post": "#186FAF",
+                    "put": "#95507c",
+                  },
+                  "primary": Object {
+                    "contrastText": "#fff",
+                    "dark": "#1a1a51",
+                    "light": "#6868cf",
+                    "main": "#32329f",
+                  },
+                  "responses": Object {
+                    "error": Object {
+                      "backgroundColor": "rgba(212,31,28,0.07)",
+                      "color": "#d41f1c",
+                      "tabTextColor": "#d41f1c",
+                    },
+                    "info": Object {
+                      "backgroundColor": "rgba(135,206,235,0.1)",
+                      "color": "#87ceeb",
+                      "tabTextColor": "#87ceeb",
+                    },
+                    "redirect": Object {
+                      "backgroundColor": "rgba(255,165,0,0.1)",
+                      "color": "#ffa500",
+                      "tabTextColor": "#ffa500",
+                    },
+                    "success": Object {
+                      "backgroundColor": "rgba(29,129,39,0.07)",
+                      "color": "#1d8127",
+                      "tabTextColor": "#1d8127",
+                    },
+                  },
+                  "success": Object {
+                    "contrastText": "#fff",
+                    "dark": "#0a2e0e",
+                    "light": "#86e490",
+                    "main": "#1d8127",
+                  },
+                  "text": Object {
+                    "primary": "#333333",
+                    "secondary": "#666",
+                  },
+                  "tonalOffset": 0.2,
+                  "warning": Object {
+                    "contrastText": "#ffffff",
+                    "dark": "#996300",
+                    "light": "#ffc966",
+                    "main": "#ffa500",
+                  },
+                },
+                "extensionsHook": undefined,
+                "logo": Object {
+                  "gutter": "2px",
+                  "maxHeight": "260px",
+                  "maxWidth": "260px",
+                },
+                "rightPanel": Object {
+                  "backgroundColor": "#263238",
+                  "textColor": "#ffffff",
+                  "width": "40%",
+                },
+                "schema": Object {
+                  "arrow": Object {
+                    "color": "#666",
+                    "size": "1.1em",
+                  },
+                  "defaultDetailsWidth": "75%",
+                  "labelsTextSize": "0.9em",
+                  "linesColor": "#7c7cbb",
+                  "nestedBackground": "#fafafa",
+                  "nestingSpacing": "1em",
+                  "requireLabelColor": "#d41f1c",
+                  "typeNameColor": "#666",
+                  "typeTitleColor": "#666",
+                },
+                "sidebar": Object {
+                  "activeTextColor": "#32329f",
+                  "arrow": Object {
+                    "color": "#333333",
+                    "size": "1.5em",
+                  },
+                  "backgroundColor": "#fafafa",
+                  "groupItems": Object {
+                    "textTransform": "uppercase",
+                  },
+                  "level1Items": Object {
+                    "textTransform": "none",
+                  },
+                  "textColor": "#333333",
+                  "width": "260px",
+                },
+                "spacing": Object {
+                  "sectionHorizontal": 40,
+                  "sectionVertical": 40,
+                  "unit": 5,
+                },
+                "typography": Object {
+                  "code": Object {
+                    "backgroundColor": "rgba(38, 50, 56, 0.05)",
+                    "color": "#e53935",
+                    "fontFamily": "Courier, monospace",
+                    "fontSize": "13px",
+                    "fontWeight": "400",
+                    "lineHeight": "1.5em",
+                    "wrap": false,
+                  },
+                  "fontFamily": "Roboto, sans-serif",
+                  "fontSize": "14px",
+                  "fontWeightBold": "600",
+                  "fontWeightLight": "300",
+                  "fontWeightRegular": "400",
+                  "headings": Object {
+                    "fontFamily": "Montserrat, sans-serif",
+                    "fontWeight": "400",
+                    "lineHeight": "1.6em",
+                  },
+                  "lineHeight": "1.5em",
+                  "links": Object {
+                    "color": "#32329f",
+                    "hover": "#6868cf",
+                    "visited": "#32329f",
+                  },
+                  "optimizeSpeed": true,
+                  "smoothing": "antialiased",
+                },
+              },
+              "unstable_ignoreMimeParameters": false,
+              "untrustedSpec": false,
+            },
+            "pattern": undefined,
+            "pointer": "#/components/schemas/Dog/properties/type",
+            "rawSchema": Object {
+              "default": undefined,
+              "type": "string",
+            },
+            "readOnly": false,
+            "schema": Object {
+              "default": undefined,
+              "type": "string",
+            },
+            "title": "",
+            "type": "string",
+            "typePrefix": "",
+            "writeOnly": false,
+          },
+        },
+      ],
+      "format": undefined,
+      "isCircular": undefined,
+      "isPrimitive": false,
+      "maxItems": undefined,
+      "minItems": undefined,
+      "options": RedocNormalizedOptions {
+        "allowedMdComponents": Object {},
+        "disableSearch": false,
+        "enumSkipQuotes": false,
+        "expandDefaultServerVariables": false,
+        "expandResponses": Object {},
+        "expandSingleSchemaField": false,
+        "generatedPayloadSamplesMaxDepth": 10,
+        "hideDownloadButton": false,
+        "hideHostname": false,
+        "hideSchemaPattern": false,
+        "hideSchemaTitles": false,
+        "hideSingleRequestSampleTab": false,
+        "ignoreNamedSchemas": Set {},
+        "jsonSampleExpandLevel": 2,
+        "maxDisplayedEnumValues": undefined,
+        "menuToggle": true,
+        "nativeScrollbars": false,
+        "noAutoAuth": false,
+        "onlyRequiredInSamples": false,
+        "pathInMiddlePanel": false,
+        "payloadSampleIdx": 0,
+        "requiredPropsFirst": false,
+        "scrollYOffset": [Function],
+        "showExtensions": false,
+        "showObjectSchemaExamples": false,
+        "sideNavStyle": "summary-only",
+        "simpleOneOfTypeLabel": false,
+        "sortEnumValuesAlphabetically": false,
+        "sortPropsAlphabetically": false,
+        "theme": Object {
+          "breakpoints": Object {
+            "large": "105rem",
+            "medium": "75rem",
+            "small": "50rem",
+          },
+          "codeBlock": Object {
+            "backgroundColor": "#11171a",
+          },
+          "colors": Object {
+            "border": Object {
+              "dark": "rgba(0,0,0, 0.1)",
+              "light": "#ffffff",
+            },
+            "error": Object {
+              "contrastText": "#fff",
+              "dark": "#7a1210",
+              "light": "#eb6d6b",
+              "main": "#d41f1c",
+            },
+            "gray": Object {
+              "100": "#F5F5F5",
+              "50": "#FAFAFA",
+            },
+            "http": Object {
+              "basic": "#707070",
+              "delete": "#cc3333",
+              "get": "#2F8132",
+              "head": "#A23DAD",
+              "link": "#07818F",
+              "options": "#947014",
+              "patch": "#bf581d",
+              "post": "#186FAF",
+              "put": "#95507c",
+            },
+            "primary": Object {
+              "contrastText": "#fff",
+              "dark": "#1a1a51",
+              "light": "#6868cf",
+              "main": "#32329f",
+            },
+            "responses": Object {
+              "error": Object {
+                "backgroundColor": "rgba(212,31,28,0.07)",
+                "color": "#d41f1c",
+                "tabTextColor": "#d41f1c",
+              },
+              "info": Object {
+                "backgroundColor": "rgba(135,206,235,0.1)",
+                "color": "#87ceeb",
+                "tabTextColor": "#87ceeb",
+              },
+              "redirect": Object {
+                "backgroundColor": "rgba(255,165,0,0.1)",
+                "color": "#ffa500",
+                "tabTextColor": "#ffa500",
+              },
+              "success": Object {
+                "backgroundColor": "rgba(29,129,39,0.07)",
+                "color": "#1d8127",
+                "tabTextColor": "#1d8127",
+              },
+            },
+            "success": Object {
+              "contrastText": "#fff",
+              "dark": "#0a2e0e",
+              "light": "#86e490",
+              "main": "#1d8127",
+            },
+            "text": Object {
+              "primary": "#333333",
+              "secondary": "#666",
+            },
+            "tonalOffset": 0.2,
+            "warning": Object {
+              "contrastText": "#ffffff",
+              "dark": "#996300",
+              "light": "#ffc966",
+              "main": "#ffa500",
+            },
+          },
+          "extensionsHook": undefined,
+          "logo": Object {
+            "gutter": "2px",
+            "maxHeight": "260px",
+            "maxWidth": "260px",
+          },
+          "rightPanel": Object {
+            "backgroundColor": "#263238",
+            "textColor": "#ffffff",
+            "width": "40%",
+          },
+          "schema": Object {
+            "arrow": Object {
+              "color": "#666",
+              "size": "1.1em",
+            },
+            "defaultDetailsWidth": "75%",
+            "labelsTextSize": "0.9em",
+            "linesColor": "#7c7cbb",
+            "nestedBackground": "#fafafa",
+            "nestingSpacing": "1em",
+            "requireLabelColor": "#d41f1c",
+            "typeNameColor": "#666",
+            "typeTitleColor": "#666",
+          },
+          "sidebar": Object {
+            "activeTextColor": "#32329f",
+            "arrow": Object {
+              "color": "#333333",
+              "size": "1.5em",
+            },
+            "backgroundColor": "#fafafa",
+            "groupItems": Object {
+              "textTransform": "uppercase",
+            },
+            "level1Items": Object {
+              "textTransform": "none",
+            },
+            "textColor": "#333333",
+            "width": "260px",
+          },
+          "spacing": Object {
+            "sectionHorizontal": 40,
+            "sectionVertical": 40,
+            "unit": 5,
+          },
+          "typography": Object {
+            "code": Object {
+              "backgroundColor": "rgba(38, 50, 56, 0.05)",
+              "color": "#e53935",
+              "fontFamily": "Courier, monospace",
+              "fontSize": "13px",
+              "fontWeight": "400",
+              "lineHeight": "1.5em",
+              "wrap": false,
+            },
+            "fontFamily": "Roboto, sans-serif",
+            "fontSize": "14px",
+            "fontWeightBold": "600",
+            "fontWeightLight": "300",
+            "fontWeightRegular": "400",
+            "headings": Object {
+              "fontFamily": "Montserrat, sans-serif",
+              "fontWeight": "400",
+              "lineHeight": "1.6em",
+            },
+            "lineHeight": "1.5em",
+            "links": Object {
+              "color": "#32329f",
+              "hover": "#6868cf",
+              "visited": "#32329f",
+            },
+            "optimizeSpeed": true,
+            "smoothing": "antialiased",
+          },
+        },
+        "unstable_ignoreMimeParameters": false,
+        "untrustedSpec": false,
+      },
+      "pattern": undefined,
+      "pointer": "#/components/schemas/Dog",
+      "rawSchema": Object {
+        "allOf": Array [
+          Object {
+            "$ref": "#/components/schemas/Pet",
+          },
+        ],
+        "properties": Object {
+          "packSize": Object {
+            "type": "number",
+          },
+        },
+        "type": "object",
+      },
+      "readOnly": false,
+      "schema": Object {
+        "allOf": undefined,
+        "discriminator": Object {
+          "propertyName": "type",
+        },
+        "parentRefs": Array [
+          "#/components/schemas/Pet",
+        ],
+        "properties": Object {
+          "packSize": Object {
+            "type": "number",
+          },
+          "type": Object {
+            "type": "string",
+          },
+        },
+        "required": Array [
+          "type",
+        ],
+        "title": "schemas",
+        "type": "object",
+      },
+      "title": "Dog",
+      "type": "object",
+      "typePrefix": "",
+      "writeOnly": false,
+    }
+  }
+/>
+`;
+
 exports[`Components SchemaView discriminator should correctly render discriminator dropdown 1`] = `
 <styled.table>
   <tbody>
     <Field
+      expandByDefault={false}
       field={
         FieldModel {
           "const": "",
@@ -59,6 +2506,7 @@ exports[`Components SchemaView discriminator should correctly render discriminat
       showExamples={false}
     />
     <Field
+      expandByDefault={false}
       field={
         FieldModel {
           "const": "",
diff --git a/src/services/RedocNormalizedOptions.ts b/src/services/RedocNormalizedOptions.ts
index f1640b92..66a0cf61 100644
--- a/src/services/RedocNormalizedOptions.ts
+++ b/src/services/RedocNormalizedOptions.ts
@@ -35,6 +35,7 @@ export interface RedocRawOptions {
   simpleOneOfTypeLabel?: boolean | string;
   payloadSampleIdx?: number;
   expandSingleSchemaField?: boolean | string;
+  showObjectSchemaExamples?: boolean | string;
 
   unstable_ignoreMimeParameters?: boolean;
 
@@ -220,6 +221,7 @@ export class RedocNormalizedOptions {
   simpleOneOfTypeLabel: boolean;
   payloadSampleIdx: number;
   expandSingleSchemaField: boolean;
+  showObjectSchemaExamples: boolean;
 
   /* tslint:disable-next-line */
   unstable_ignoreMimeParameters: boolean;
@@ -281,6 +283,7 @@ export class RedocNormalizedOptions {
     this.simpleOneOfTypeLabel = argValueToBoolean(raw.simpleOneOfTypeLabel);
     this.payloadSampleIdx = RedocNormalizedOptions.normalizePayloadSampleIdx(raw.payloadSampleIdx);
     this.expandSingleSchemaField = argValueToBoolean(raw.expandSingleSchemaField);
+    this.showObjectSchemaExamples = argValueToBoolean(raw.showObjectSchemaExamples);
 
     this.unstable_ignoreMimeParameters = argValueToBoolean(raw.unstable_ignoreMimeParameters);