Repository: storybook
Issue: ArgsTable not displaying defaultValue from Compodoc output
Labels: bug,angular,block: argstable

I'm using `@storybook/addon-essentials@6.3.0` and `@storybook/angular@6.3.0` along with `@compodoc/compodoc@1.1.16` to automatically generate documentation for my components.

After configuring the docs to read the compodoc output I have noticed that none of the default values are shown in the table. When a default value is present in the code the hyphen is removed but no output shown.

I think I've nailed it down to this line https://github.com/storybookjs/storybook/blob/next/lib/components/src/blocks/ArgsTable/ArgValue.tsx#L135. The props passed in do not match the structure.

Description follows the structure

```
{
  initialExpandedArgs: undefined,
  value: {
    summary: '"xs" | "sm" | "md" | "lg"',
    required: true
  }
}
```

But then the default value structure is as follows

```
{
  initialExpandedArgs: undefined,
  value: "xs"
}
```

So the ArgSummary is returned as null.


Below is the section from my outputted documentation.json file from Compodoc `compodoc -p libs/eds-base/tsconfig.lib.json -e json -d libs/eds-base --disablePrivate --disableInternal --disableLifeCycleHooks --disableSourceCode`

```
{
            "name": "IconComponent",
            "id": "component-IconComponent-fcc05ac35e04322d2d826b1731c939c9bf7706dbc456641e378c0cad5cb509c5e93859a3b3f1d5ae3a76e20407df8db99e6a514e0fae04682fe8855a8296fdf7",
            "file": "libs/eds-base/src/lib/atoms/icon/icon.component.ts",
            "encapsulation": [],
            "entryComponents": [],
            "inputs": [],
            "outputs": [],
            "providers": [],
            "selector": "eds-base-icon",
            "styleUrls": [
                "./icon.component.scss"
            ],
            "styles": [],
            "template": "",
            "templateUrl": [],
            "viewProviders": [],
            "inputsClass": [
                {
                    "name": "size",
                    "defaultValue": "'xs'",
                    "deprecated": false,
                    "deprecationMessage": "",
                    "line": 20,
                    "type": "\"xs\" | \"sm\" | \"md\" | \"lg\"",
                    "decorators": []
                }
            ],
            "outputsClass": [],
            "propertiesClass": [],
            "methodsClass": [],
            "deprecated": false,
            "deprecationMessage": "",
            "hostBindings": [
                {
                    "name": "class",
                    "deprecated": false,
                    "deprecationMessage": "",
                    "line": 37,
                    "type": "string",
                    "decorators": []
                }
            ],
            "hostListeners": [],
            "description": "",
            "rawdescription": "\n",
            "type": "component",
            "assetsDirs": [],
            "styleUrlsData": [
                {
                    "data": "@use 'sass:map';\n@use '../../styles/vars/colors';\n@use '../../styles/spacing';\n\n:host {\n  display: inline-block;\n  vertical-align: middle;\n\n  /* stylelint-disable-next-line selector-pseudo-element-no-unknown */\n  ::ng-deep {\n    svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &.icon-xs {\n    width: map.get(spacing.$spacing-map, 'xxs');\n    height: map.get(spacing.$spacing-map, 'xxs');\n  }\n  &.icon-sm {\n    width: map.get(spacing.$spacing-map, 'xs');\n    height: map.get(spacing.$spacing-map, 'xs');\n  }\n  &.icon-md {\n    width: map.get(spacing.$spacing-map, 's');\n    height: map.get(spacing.$spacing-map, 's');\n  }\n  &.icon-lg {\n    width: map.get(spacing.$spacing-map, 'm');\n    height: map.get(spacing.$spacing-map, 'm');\n  }\n}\n",
                    "styleUrl": "./icon.component.scss"
                }
            ],
            "stylesData": "",
            "constructorObj": {
                "name": "constructor",
                "description": "",
                "deprecated": false,
                "deprecationMessage": "",
                "args": [
                    {
                        "name": "element",
                        "type": "ElementRef",
                        "deprecated": false,
                        "deprecationMessage": ""
                    },
                    {
                        "name": "iconRegistry",
                        "type": "IconRegistryService",
                        "deprecated": false,
                        "deprecationMessage": ""
                    },
                    {
                        "name": "document",
                        "type": "HTMLDocument",
                        "deprecated": false,
                        "deprecationMessage": ""
                    }
                ],
                "line": 39,
                "jsdoctags": [
                    {
                        "name": "element",
                        "type": "ElementRef",
                        "deprecated": false,
                        "deprecationMessage": "",
                        "tagName": {
                            "text": "param"
                        }
                    },
                    {
                        "name": "iconRegistry",
                        "type": "IconRegistryService",
                        "deprecated": false,
                        "deprecationMessage": "",
                        "tagName": {
                            "text": "param"
                        }
                    },
                    {
                        "name": "document",
                        "type": "HTMLDocument",
                        "deprecated": false,
                        "deprecationMessage": "",
                        "tagName": {
                            "text": "param"
                        }
                    }
                ]
            },
            "accessors": {
                "_size": {
                    "name": "_size",
                    "getSignature": {
                        "name": "_size",
                        "type": "",
                        "returnType": "",
                        "line": 37
                    }
                }
            }
        }
```