@redocly/theme 0.1.9 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/Button/index.d.ts +1 -1
  2. package/Button/index.js +1 -1
  3. package/CodeBlock/index.d.ts +1 -1
  4. package/CodeBlock/index.js +1 -1
  5. package/CopyButton/index.d.ts +2 -2
  6. package/CopyButton/index.js +2 -2
  7. package/Footer/Footer.d.ts +2 -2
  8. package/Footer/Footer.js +1 -1
  9. package/Footer/FooterColumn.js +6 -6
  10. package/Footer/FooterColumns.d.ts +3 -3
  11. package/Footer/FooterCopyright.d.ts +3 -3
  12. package/Footer/FooterCopyright.js +1 -1
  13. package/Footer/index.d.ts +4 -4
  14. package/Footer/index.js +4 -4
  15. package/Headings/index.d.ts +1 -1
  16. package/Headings/index.js +1 -1
  17. package/JsonViewer/index.d.ts +2 -2
  18. package/JsonViewer/index.js +2 -2
  19. package/Layout/index.d.ts +2 -2
  20. package/Layout/index.js +2 -2
  21. package/Markdown/Admonition.js +4 -4
  22. package/Markdown/CodeSample/index.d.ts +3 -3
  23. package/Markdown/CodeSample/index.js +3 -3
  24. package/Markdown/Heading.js +1 -1
  25. package/Markdown/MarkdownLayout.d.ts +2 -2
  26. package/Markdown/StyledMarkdown.js +2 -2
  27. package/Markdown/Tabs/index.d.ts +2 -2
  28. package/Markdown/Tabs/index.js +2 -2
  29. package/Markdown/index.d.ts +9 -9
  30. package/Markdown/index.js +9 -9
  31. package/Navbar/Navbar.d.ts +0 -1
  32. package/Navbar/Navbar.js +1 -1
  33. package/Navbar/NavbarItem.js +1 -1
  34. package/Navbar/NavbarMenu.js +1 -1
  35. package/Navbar/index.d.ts +3 -0
  36. package/Navbar/index.js +19 -0
  37. package/NavbarLogo/NavbarLogo.d.ts +6 -0
  38. package/{Logo/Logo.js → NavbarLogo/NavbarLogo.js} +8 -5
  39. package/NavbarLogo/index.d.ts +1 -0
  40. package/{Logo → NavbarLogo}/index.js +1 -1
  41. package/OperationBadge/index.d.ts +1 -1
  42. package/OperationBadge/index.js +1 -1
  43. package/PageNavigation/index.d.ts +3 -0
  44. package/PageNavigation/index.js +19 -0
  45. package/Panel/index.d.ts +8 -8
  46. package/Panel/index.js +8 -8
  47. package/REAMDE.md +1 -0
  48. package/SamplesPanelControls/index.d.ts +1 -1
  49. package/SamplesPanelControls/index.js +1 -1
  50. package/Search/Autocomplete.js +1 -1
  51. package/Search/ClearIcon.js +2 -2
  52. package/Search/Input.js +1 -1
  53. package/Search/Parameters.js +2 -2
  54. package/Search/Popover.js +1 -1
  55. package/Search/SearchIcon.js +2 -2
  56. package/Search/SearchItem.js +2 -2
  57. package/Search/index.d.ts +9 -9
  58. package/Search/index.js +9 -9
  59. package/Search/utils.js +1 -1
  60. package/Sidebar/ApiCallItem.js +1 -1
  61. package/Sidebar/BackButton.js +1 -1
  62. package/Sidebar/DrilldownMenuItem.js +3 -3
  63. package/Sidebar/Menu.js +1 -1
  64. package/Sidebar/MenuItemLabel.js +2 -2
  65. package/Sidebar/MenuLink.js +1 -1
  66. package/Sidebar/MobileSidebarButton.js +1 -1
  67. package/Sidebar/Sidebar.js +1 -1
  68. package/Sidebar/index.d.ts +19 -19
  69. package/Sidebar/index.js +19 -19
  70. package/Sidebar/types/index.d.ts +5 -5
  71. package/Sidebar/types/index.js +5 -5
  72. package/SidebarLogo/index.d.ts +1 -1
  73. package/SidebarLogo/index.js +1 -1
  74. package/SourceCode/index.d.ts +1 -1
  75. package/SourceCode/index.js +1 -1
  76. package/TableOfContent/TableOfContent.js +7 -8
  77. package/TableOfContent/index.d.ts +1 -1
  78. package/TableOfContent/index.js +1 -1
  79. package/Tooltip/index.d.ts +1 -1
  80. package/Tooltip/index.js +1 -1
  81. package/globalStyle.d.ts +1 -0
  82. package/globalStyle.js +25 -3
  83. package/hooks/index.d.ts +7 -7
  84. package/hooks/index.js +7 -7
  85. package/hooks/useActiveSectionId.d.ts +2 -2
  86. package/hooks/useActiveSectionId.js +1 -0
  87. package/icons/ShelfIcon/index.d.ts +2 -2
  88. package/icons/ShelfIcon/index.js +1 -1
  89. package/icons/index.d.ts +1 -1
  90. package/icons/index.js +1 -1
  91. package/mocks/Link.js +4 -1
  92. package/mocks/hooks/usePageData.js +4 -1
  93. package/package.json +1 -1
  94. package/src/Button/index.ts +1 -1
  95. package/src/CodeBlock/index.ts +1 -1
  96. package/src/CopyButton/index.ts +2 -2
  97. package/src/Footer/Footer.tsx +5 -8
  98. package/src/Footer/FooterColumn.tsx +7 -7
  99. package/src/Footer/FooterColumns.tsx +3 -1
  100. package/src/Footer/FooterCopyright.tsx +5 -3
  101. package/src/Footer/index.ts +4 -4
  102. package/src/Headings/index.ts +1 -1
  103. package/src/JsonViewer/index.ts +2 -2
  104. package/src/Layout/index.ts +2 -2
  105. package/src/Markdown/Admonition.tsx +15 -15
  106. package/src/Markdown/CodeSample/index.ts +3 -3
  107. package/src/Markdown/Heading.tsx +4 -1
  108. package/src/Markdown/MarkdownLayout.tsx +2 -2
  109. package/src/Markdown/StyledMarkdown.tsx +27 -27
  110. package/src/Markdown/Tabs/index.ts +2 -2
  111. package/src/Markdown/index.ts +9 -9
  112. package/src/Navbar/Navbar.tsx +2 -3
  113. package/src/Navbar/NavbarItem.tsx +1 -1
  114. package/src/Navbar/NavbarMenu.tsx +1 -1
  115. package/src/Navbar/index.ts +3 -0
  116. package/src/NavbarLogo/NavbarLogo.tsx +24 -0
  117. package/src/NavbarLogo/index.ts +1 -0
  118. package/src/OperationBadge/index.ts +1 -1
  119. package/src/PageNavigation/index.ts +3 -0
  120. package/src/Panel/index.ts +8 -8
  121. package/src/SamplesPanelControls/index.ts +1 -1
  122. package/src/Search/Autocomplete.tsx +1 -1
  123. package/src/Search/ClearIcon.tsx +12 -13
  124. package/src/Search/Input.tsx +7 -7
  125. package/src/Search/Parameters.tsx +2 -2
  126. package/src/Search/Popover.tsx +2 -2
  127. package/src/Search/SearchIcon.tsx +12 -13
  128. package/src/Search/SearchItem.tsx +2 -2
  129. package/src/Search/index.ts +9 -9
  130. package/src/Search/utils.tsx +1 -1
  131. package/src/Sidebar/ApiCallItem.tsx +1 -2
  132. package/src/Sidebar/BackButton.tsx +2 -2
  133. package/src/Sidebar/DrilldownMenuItem.tsx +4 -4
  134. package/src/Sidebar/Menu.tsx +1 -1
  135. package/src/Sidebar/MenuItemLabel.tsx +4 -4
  136. package/src/Sidebar/MenuLink.tsx +1 -1
  137. package/src/Sidebar/MobileSidebarButton.tsx +2 -2
  138. package/src/Sidebar/Sidebar.tsx +1 -1
  139. package/src/Sidebar/index.ts +19 -19
  140. package/src/Sidebar/types/index.ts +5 -5
  141. package/src/SidebarLogo/index.ts +1 -1
  142. package/src/SourceCode/index.ts +1 -1
  143. package/src/TableOfContent/TableOfContent.tsx +12 -10
  144. package/src/TableOfContent/index.ts +1 -1
  145. package/src/Tooltip/index.ts +1 -1
  146. package/src/globalStyle.ts +793 -441
  147. package/src/hooks/index.ts +7 -7
  148. package/src/hooks/useActiveSectionId.ts +3 -3
  149. package/src/icons/ShelfIcon/index.ts +2 -2
  150. package/src/icons/index.ts +1 -1
  151. package/src/mocks/Link.tsx +5 -2
  152. package/src/mocks/hooks/usePageData.ts +4 -1
  153. package/src/types/portal/index.d.ts +0 -1
  154. package/src/types/portal/src/client/app/Sidebar/types.d.ts +32 -41
  155. package/src/types/portal/src/client/app/media-css.d.ts +4 -4
  156. package/src/types/portal/src/client/styling/default.d.ts +585 -391
  157. package/src/types/portal/src/client/styling/index.d.ts +2 -6
  158. package/src/types/portal/src/server/constants.d.ts +5 -9
  159. package/src/types/portal/src/server/plugins/markdown/types.d.ts +14 -19
  160. package/src/types/portal/src/server/plugins/portal-config/types.d.ts +12 -12
  161. package/src/types/portal/src/server/plugins/types.d.ts +55 -0
  162. package/src/types/portal/src/server/store.d.ts +49 -97
  163. package/src/types/portal/src/server/utils/async.d.ts +1 -5
  164. package/src/types/portal/src/server/utils/content-provider.d.ts +51 -0
  165. package/src/types/portal/src/server/utils/index.d.ts +1 -1
  166. package/src/types/portal/src/server/utils/paths.d.ts +10 -13
  167. package/src/types/portal/src/server/utils/reporter/formatter.d.ts +8 -8
  168. package/src/types/portal/src/server/utils/reporter/reporter.d.ts +15 -15
  169. package/src/types/portal/src/server/version-store.d.ts +35 -0
  170. package/src/types/portal/src/shared/constants.d.ts +6 -6
  171. package/src/types/portal/src/shared/types.d.ts +97 -58
  172. package/src/types/portal/src/shared/urls.d.ts +2 -1
  173. package/src/ui/AlertIcon.tsx +8 -7
  174. package/src/ui/Background.tsx +3 -3
  175. package/src/ui/Dropdown.tsx +4 -4
  176. package/src/ui/Jumbotron.tsx +3 -3
  177. package/src/ui/Tiles/TileHeader.ts +1 -1
  178. package/src/ui/Tiles/TileText.tsx +2 -2
  179. package/src/ui/Tiles/index.ts +4 -4
  180. package/src/ui/Typography.tsx +27 -27
  181. package/src/ui/UniversalLink.tsx +3 -8
  182. package/src/utils/isUrl.ts +4 -4
  183. package/ui/AlertIcon.d.ts +3 -2
  184. package/ui/AlertIcon.js +2 -2
  185. package/ui/Background.js +1 -1
  186. package/ui/Dropdown.js +3 -3
  187. package/ui/Jumbotron.js +3 -3
  188. package/ui/Tiles/TileHeader.js +1 -1
  189. package/ui/Tiles/TileText.js +1 -1
  190. package/ui/Tiles/index.d.ts +4 -4
  191. package/ui/Tiles/index.js +4 -4
  192. package/ui/Typography.js +23 -23
  193. package/ui/UniversalLink.js +1 -5
  194. package/utils/isUrl.d.ts +2 -2
  195. package/utils/isUrl.js +4 -4
  196. package/Logo/Logo.d.ts +0 -5
  197. package/Logo/index.d.ts +0 -1
  198. package/src/Button/Button.stories.tsx +0 -74
  199. package/src/Button/__tests__/Button.test.tsx +0 -42
  200. package/src/Button/__tests__/__snapshots__/Button.test.tsx.snap +0 -274
  201. package/src/CodeBlock/__tests__/CodeBlock.test.tsx +0 -12
  202. package/src/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap +0 -140
  203. package/src/CopyButton/CopyButton.stories.tsx +0 -18
  204. package/src/CopyButton/__tests__/CopyButton.test.tsx +0 -35
  205. package/src/CopyButton/__tests__/CopyButtonWrapper.test.tsx +0 -17
  206. package/src/CopyButton/__tests__/__snapshots__/CopyButton.test.tsx.snap +0 -55
  207. package/src/CopyButton/__tests__/__snapshots__/CopyButtonWrapper.test.tsx.snap +0 -46
  208. package/src/Headings/Headings.stories.tsx +0 -36
  209. package/src/Headings/__tests__/Headings.test.tsx +0 -24
  210. package/src/Headings/__tests__/__snapshots__/Headings.test.tsx.snap +0 -57
  211. package/src/Introduction.stories.mdx +0 -7
  212. package/src/JsonViewer/JsonViewer.stories.tsx +0 -57
  213. package/src/JsonViewer/__tests__/JsonViewer.test.tsx +0 -83
  214. package/src/JsonViewer/__tests__/__snapshots__/JsonViewer.test.tsx.snap +0 -2728
  215. package/src/Logo/Logo.tsx +0 -17
  216. package/src/Logo/index.ts +0 -1
  217. package/src/Navbar/Navbar.stories.tsx +0 -28
  218. package/src/OperationBadge/OperationBadge.stories.tsx +0 -35
  219. package/src/OperationBadge/__tests__/OperationBadge.test.tsx +0 -59
  220. package/src/OperationBadge/__tests__/__snapshots__/OperationBadge.test.tsx.snap +0 -651
  221. package/src/Panel/CodePanel.stories.tsx +0 -26
  222. package/src/Panel/ContentPanel.stories.tsx +0 -26
  223. package/src/Panel/Panel.stories.tsx +0 -56
  224. package/src/Panel/__tests__/CodePanel.test.tsx +0 -26
  225. package/src/Panel/__tests__/ContentPanel.test.tsx +0 -26
  226. package/src/Panel/__tests__/Panel.test.tsx +0 -53
  227. package/src/Panel/__tests__/__snapshots__/CodePanel.test.tsx.snap +0 -258
  228. package/src/Panel/__tests__/__snapshots__/ContentPanel.test.tsx.snap +0 -278
  229. package/src/Panel/__tests__/__snapshots__/Panel.test.tsx.snap +0 -398
  230. package/src/SamplesPanelControls/SamplesControlButton.stories.tsx +0 -18
  231. package/src/SamplesPanelControls/__tests__/SamplesPanelControls.test.tsx +0 -36
  232. package/src/SamplesPanelControls/__tests__/__snapshots__/SamplesPanelControls.test.tsx.snap +0 -228
  233. package/src/SidebarLogo/SidebarLogo.stories.tsx +0 -21
  234. package/src/SidebarLogo/__tests__/SidebarLogo.test.tsx +0 -32
  235. package/src/SidebarLogo/__tests__/__snapshots__/SidebarLogo.test.tsx.snap +0 -62
  236. package/src/SourceCode/SourceCode.stories.tsx +0 -29
  237. package/src/SourceCode/__tests__/SourceCode.test.tsx +0 -48
  238. package/src/SourceCode/__tests__/__snapshots__/SourceCode.test.tsx.snap +0 -786
  239. package/src/TableOfContent/TableOfContent.stories.tsx +0 -39
  240. package/src/Tooltip/Tooltip.stories.tsx +0 -27
  241. package/src/Tooltip/__tests__/Tooltip.test.tsx +0 -41
  242. package/src/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -83
  243. package/src/icons/ShelfIcon/ShelfIcon.stories.tsx +0 -36
  244. package/src/icons/ShelfIcon/__tests__/ShelfIcon.test.tsx +0 -54
  245. package/src/icons/ShelfIcon/__tests__/__snapshots__/ShelfIcon.test.tsx.snap +0 -235
  246. package/src/types/portal/src/server/plugins/nav-utils.d.ts +0 -19
  247. package/src/types/portal/src/server/plugins/sidebars/index.d.ts +0 -16
  248. package/src/types/portal/src/server/plugins/versions/index.d.ts +0 -15
  249. package/src/types/portal/src/server/plugins/versions/types.d.ts +0 -23
  250. package/src/types/portal/src/server/plugins/versions/utils.d.ts +0 -10
  251. package/src/types/portal/src/server/utils/watcher.d.ts +0 -16
  252. package/src/utils/__tests__/ClipboardService.test.ts +0 -24
  253. package/src/utils/__tests__/__snapshots__/highlight.test.ts.snap +0 -5
  254. package/src/utils/__tests__/__snapshots__/jsonToHtml.test.ts.snap +0 -5
  255. package/src/utils/__tests__/css-variables.test.ts +0 -20
  256. package/src/utils/__tests__/highlight.test.ts +0 -51
  257. package/src/utils/__tests__/jsonToHtml.test.ts +0 -40
  258. package/src/utils/__tests__/media-css.test.ts +0 -20
  259. package/src/utils/__tests__/theme-helpers.test.ts +0 -25
package/src/JsonViewer/__tests__/__snapshots__/JsonViewer.test.tsx.snap DELETED
@@ -1,2728 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`JsonViewer "collapse all" works 1`] = `
4
- .c6 {
5
- max-height: var(--code-block-max-height,600px);
6
- word-break: var(--code-block-word-break,initial);
7
- }
8
-
9
- .c6 code[class*='language-'],
10
- .c6 pre[class*='language-'] {
11
- text-shadow: 0 -0.1em 0.2em black;
12
- text-align: left;
13
- white-space: pre;
14
- word-spacing: normal;
15
- word-break: normal;
16
- word-wrap: normal;
17
- line-height: 1.5;
18
- -moz-tab-size: 4;
19
- -o-tab-size: 4;
20
- tab-size: 4;
21
- -webkit-hyphens: none;
22
- -moz-hyphens: none;
23
- -ms-hyphens: none;
24
- -webkit-hyphens: none;
25
- -moz-hyphens: none;
26
- -ms-hyphens: none;
27
- hyphens: none;
28
- }
29
-
30
- .c6 pre[class*='language-'] {
31
- padding: 1em;
32
- margin: 0.5em 0;
33
- overflow: auto;
34
- }
35
-
36
- .c6 .token.comment,
37
- .c6 .token.prolog,
38
- .c6 .token.doctype,
39
- .c6 .token.cdata {
40
- color: hsl(30,20%,50%);
41
- }
42
-
43
- .c6 .token.punctuation {
44
- opacity: 1;
45
- }
46
-
47
- .c6 .namespace {
48
- opacity: 0.7;
49
- }
50
-
51
- .c6 .token.property,
52
- .c6 .token.tag,
53
- .c6 .token.number,
54
- .c6 .token.constant,
55
- .c6 .token.symbol {
56
- color: var(--color-content-inverse);
57
- }
58
-
59
- .c6 .token.boolean {
60
- color: var(--color-error-500);
61
- }
62
-
63
- .c6 .token.selector,
64
- .c6 .token.attr-name,
65
- .c6 .token.string,
66
- .c6 .token.char,
67
- .c6 .token.builtin,
68
- .c6 .token.inserted {
69
- color: #fee39e;
70
- }
71
-
72
- .c6 .token.selector + a,
73
- .c6 .token.attr-name + a,
74
- .c6 .token.string + a,
75
- .c6 .token.char + a,
76
- .c6 .token.builtin + a,
77
- .c6 .token.inserted + a,
78
- .c6 .token.selector + a:visited,
79
- .c6 .token.attr-name + a:visited,
80
- .c6 .token.string + a:visited,
81
- .c6 .token.char + a:visited,
82
- .c6 .token.builtin + a:visited,
83
- .c6 .token.inserted + a:visited {
84
- color: #4ed2ba;
85
- -webkit-text-decoration: underline;
86
- text-decoration: underline;
87
- }
88
-
89
- .c6 .token.property.string {
90
- color: #9efaa7;
91
- }
92
-
93
- .c6 .token.operator,
94
- .c6 .token.entity,
95
- .c6 .token.url,
96
- .c6 .token.variable {
97
- color: #f5b83d;
98
- }
99
-
100
- .c6 .token.atrule,
101
- .c6 .token.attr-value,
102
- .c6 .token.keyword {
103
- color: #ffdbf4;
104
- }
105
-
106
- .c6 .token.regex,
107
- .c6 .token.important {
108
- color: #e90;
109
- }
110
-
111
- .c6 .token.important,
112
- .c6 .token.bold {
113
- font-weight: bold;
114
- }
115
-
116
- .c6 .token.italic {
117
- font-style: italic;
118
- }
119
-
120
- .c6 .token.entity {
121
- cursor: help;
122
- }
123
-
124
- .c6 .token.deleted {
125
- color: red;
126
- }
127
-
128
- .c5 {
129
- background-color: var(--samples-panel-controls-background-color);
130
- border: 0;
131
- outline: 0;
132
- border-radius: var(--global-border-radius);
133
- height: 20px;
134
- color: var(--color-content-inverse);
135
- font-size: 12px;
136
- line-height: 12px;
137
- cursor: pointer;
138
- padding: 1px 6px;
139
- min-width: 90px;
140
- }
141
-
142
- .c5:hover,
143
- .c5:focus {
144
- background-color: var(--samples-panel-controls-hover-background-color);
145
- }
146
-
147
- .c2 {
148
- padding: 10px 0;
149
- opacity: 0.7;
150
- -webkit-transition: opacity 0.3s ease;
151
- transition: opacity 0.3s ease;
152
- text-align: right;
153
- }
154
-
155
- .c2:focus-within {
156
- opacity: 1;
157
- }
158
-
159
- .c2 > div,
160
- .c2 > .c4 {
161
- margin-top: 5px;
162
- margin-left: 10px;
163
- }
164
-
165
- .c2 > div:first-child,
166
- .c2 > .c4:first-child {
167
- margin-left: 0;
168
- }
169
-
170
- .c3 {
171
- position: relative;
172
- display: inline-block;
173
- }
174
-
175
- .c8 {
176
- contain: content;
177
- overflow-x: auto;
178
- padding: 10px;
179
- border-radius: var(--global-border-radius);
180
- background-color: var(--samples-panel-controls-background-color);
181
- color: var(--color-content-inverse);
182
- font-size: var(--code-font-size);
183
- font-family: var(--code-font-family);
184
- white-space: var(--code-wrap,pre);
185
- }
186
-
187
- .c8 .redoc-json code > .collapser {
188
- display: none;
189
- pointer-events: none;
190
- }
191
-
192
- .c8 .callback-function {
193
- color: gray;
194
- }
195
-
196
- .c8 .collapser:after {
197
- content: '-';
198
- cursor: pointer;
199
- }
200
-
201
- .c8 .collapsed > .collapser:after {
202
- content: '+';
203
- cursor: pointer;
204
- }
205
-
206
- .c8 .ellipsis:after {
207
- content: ' … ';
208
- }
209
-
210
- .c8 .collapsible {
211
- margin-left: 2ch;
212
- }
213
-
214
- .c8 .hoverable {
215
- padding: 1px 2px;
216
- }
217
-
218
- .c8 .hovered {
219
- background-color: rgba(235,238,249,1);
220
- }
221
-
222
- .c8 .collapser {
223
- background-color: transparent;
224
- border: 0;
225
- color: #fff;
226
- display: -webkit-box;
227
- display: -webkit-flex;
228
- display: -ms-flexbox;
229
- display: flex;
230
- -webkit-align-items: center;
231
- -webkit-box-align: center;
232
- -ms-flex-align: center;
233
- align-items: center;
234
- -webkit-box-pack: center;
235
- -webkit-justify-content: center;
236
- -ms-flex-pack: center;
237
- justify-content: center;
238
- width: 15px;
239
- height: 15px;
240
- position: absolute;
241
- top: 4px;
242
- left: -1.5em;
243
- cursor: default;
244
- -webkit-user-select: none;
245
- -moz-user-select: none;
246
- -ms-user-select: none;
247
- user-select: none;
248
- -webkit-user-select: none;
249
- padding: 2px;
250
- font-family: var(--code-font-family);
251
- font-size: var(--code-font-size);
252
- }
253
-
254
- .c8 .collapser:focus {
255
- outline: #fff dotted 1px;
256
- }
257
-
258
- .c8 ul {
259
- list-style-type: none;
260
- padding: 0;
261
- margin: 0 0 0 26px;
262
- }
263
-
264
- .c8 li {
265
- position: relative;
266
- display: block;
267
- }
268
-
269
- .c8 .hoverable {
270
- display: inline-block;
271
- }
272
-
273
- .c8 .selected {
274
- outline-width: 1px;
275
- outline-style: dotted;
276
- }
277
-
278
- .c8 .collapsed > .collapsible {
279
- display: none;
280
- }
281
-
282
- .c8 .ellipsis {
283
- display: none;
284
- }
285
-
286
- .c8 .collapsed > .ellipsis {
287
- display: inherit;
288
- }
289
-
290
- .c0 {
291
- display: -webkit-box;
292
- display: -webkit-flex;
293
- display: -ms-flexbox;
294
- display: flex;
295
- -webkit-flex-direction: column;
296
- -ms-flex-direction: column;
297
- flex-direction: column;
298
- -webkit-flex: 1;
299
- -ms-flex: 1;
300
- flex: 1;
301
- }
302
-
303
- .c0:hover > .c1 {
304
- opacity: 1;
305
- }
306
-
307
- .c7 {
308
- -webkit-flex: 1;
309
- -ms-flex: 1;
310
- flex: 1;
311
- }
312
-
313
- .c7 code {
314
- font-family: var(--code-font-family);
315
- font-size: 14px;
316
- line-height: 18px;
317
- }
318
-
319
- @media print {
320
- .c6 code[class*='language-'],
321
- .c6 pre[class*='language-'] {
322
- text-shadow: none;
323
- }
324
- }
325
-
326
- @media screen and (min-width:50rem) {
327
- .c5 {
328
- padding: 2px 20px;
329
- }
330
- }
331
-
332
- @media screen and (min-width:50rem) {
333
- .c2 > div,
334
- .c2 > .c4 {
335
- margin-top: 0;
336
- }
337
- }
338
-
339
- <div
340
- class="c0"
341
- data-cy="json-viewer"
342
- >
343
- <div
344
- class="c1 c2"
345
- data-cy="buttons"
346
- >
347
- <div
348
- class="c3 tooltip-copy-button"
349
- >
350
- <button
351
- class="c4 c5"
352
- data-cy="copy-button"
353
- >
354
- Copy
355
- </button>
356
- </div>
357
- <button
358
- class="c4 c5"
359
- data-cy="expand-all"
360
- >
361
- Expand all
362
- </button>
363
- <button
364
- class="c4 c5"
365
- data-cy="collapse-all"
366
- >
367
- Collapse all
368
- </button>
369
- </div>
370
- <div
371
- class="c6 c7 c8"
372
- >
373
- <div
374
- class="redoc-json"
375
- data-cy="json-sample"
376
- >
377
- <code>
378
- <button
379
- aria-label="collapse"
380
- class="collapser"
381
- />
382
- <span
383
- class="token punctuation"
384
- >
385
- {
386
- </span>
387
- <span
388
- class="ellipsis"
389
- />
390
- <ul
391
- class="obj collapsible"
392
- >
393
- <li>
394
- <div
395
- class="hoverable "
396
- >
397
- <span
398
- class="property token string"
399
- >
400
- "id"
401
- </span>
402
- :
403
- <span
404
- class="token string"
405
- >
406
- "600dc3b5d617e547a0e74cb9"
407
- </span>
408
- <span
409
- class="token punctuation"
410
- >
411
- ,
412
- </span>
413
- </div>
414
- </li>
415
- <li>
416
- <div
417
- class="hoverable "
418
- >
419
- <span
420
- class="property token string"
421
- >
422
- "name"
423
- </span>
424
- :
425
- <span
426
- class="token string"
427
- >
428
- "Mitchell Fitzgerald"
429
- </span>
430
- <span
431
- class="token punctuation"
432
- >
433
- ,
434
- </span>
435
- </div>
436
- </li>
437
- <li>
438
- <div
439
- class="hoverable "
440
- >
441
- <span
442
- class="property token string"
443
- >
444
- "about"
445
- </span>
446
- :
447
- <span
448
- class="token string"
449
- >
450
- "lorem ipsum"
451
- </span>
452
- <span
453
- class="token punctuation"
454
- >
455
- ,
456
- </span>
457
- </div>
458
- </li>
459
- <li>
460
- <div
461
- class="hoverable "
462
- >
463
- <span
464
- class="property token string"
465
- >
466
- "address"
467
- </span>
468
- :
469
- <span
470
- class="token string"
471
- >
472
- "48 Avenue, City, North"
473
- </span>
474
- <span
475
- class="token punctuation"
476
- >
477
- ,
478
- </span>
479
- </div>
480
- </li>
481
- <li>
482
- <div
483
- class="hoverable "
484
- >
485
- <span
486
- class="property token string"
487
- >
488
- "company"
489
- </span>
490
- :
491
- <span
492
- class="token string"
493
- >
494
- "Test"
495
- </span>
496
- <span
497
- class="token punctuation"
498
- >
499
- ,
500
- </span>
501
- </div>
502
- </li>
503
- <li>
504
- <div
505
- class="hoverable "
506
- >
507
- <span
508
- class="property token string"
509
- >
510
- "bio"
511
- </span>
512
- :
513
- <span
514
- class="token keyword"
515
- >
516
- null
517
- </span>
518
- <span
519
- class="token punctuation"
520
- >
521
- ,
522
- </span>
523
- </div>
524
- </li>
525
- <li>
526
- <div
527
- class="hoverable collapsed"
528
- >
529
- <span
530
- class="property token string"
531
- >
532
- "nicknames"
533
- </span>
534
- :
535
- <button
536
- aria-label="expand"
537
- class="collapser"
538
- />
539
- <span
540
- class="token punctuation"
541
- >
542
- [
543
- </span>
544
- <span
545
- class="ellipsis"
546
- />
547
- <ul
548
- class="array collapsible"
549
- >
550
- <li>
551
- <div
552
- class="hoverable collapsed"
553
- >
554
- <span
555
- class="token string"
556
- >
557
- "Mitch"
558
- </span>
559
- ,
560
- </div>
561
- </li>
562
- <li>
563
- <div
564
- class="hoverable collapsed"
565
- >
566
- <span
567
- class="token string"
568
- >
569
- "Fitz"
570
- </span>
571
- ,
572
- </div>
573
- </li>
574
- <li>
575
- <div
576
- class="hoverable collapsed"
577
- >
578
- <button
579
- aria-label="expand"
580
- class="collapser"
581
- />
582
- <span
583
- class="token punctuation"
584
- >
585
- {
586
- </span>
587
- <span
588
- class="ellipsis"
589
- />
590
- <ul
591
- class="obj collapsible"
592
- >
593
- <li>
594
- <div
595
- class="hoverable collapsed"
596
- >
597
- <span
598
- class="property token string"
599
- >
600
- "title"
601
- </span>
602
- :
603
- <span
604
- class="token string"
605
- >
606
- "MitFitz"
607
- </span>
608
- <span
609
- class="token punctuation"
610
- >
611
- ,
612
- </span>
613
- </div>
614
- </li>
615
- <li>
616
- <div
617
- class="hoverable collapsed"
618
- >
619
- <span
620
- class="property token string"
621
- >
622
- "createdAt"
623
- </span>
624
- :
625
- <span
626
- class="token string"
627
- >
628
- "2022-04-19T11:46:00.019Z"
629
- </span>
630
- </div>
631
- </li>
632
- </ul>
633
- <span
634
- class="token punctuation"
635
- >
636
- }
637
- </span>
638
- </div>
639
- </li>
640
- </ul>
641
- <span
642
- class="token punctuation"
643
- >
644
- ]
645
- </span>
646
- <span
647
- class="token punctuation"
648
- >
649
- ,
650
- </span>
651
- </div>
652
- </li>
653
- <li>
654
- <div
655
- class="hoverable "
656
- >
657
- <span
658
- class="property token string"
659
- >
660
- "age"
661
- </span>
662
- :
663
- <span
664
- class="token number"
665
- >
666
- 27
667
- </span>
668
- <span
669
- class="token punctuation"
670
- >
671
- ,
672
- </span>
673
- </div>
674
- </li>
675
- <li>
676
- <div
677
- class="hoverable "
678
- >
679
- <span
680
- class="property token string"
681
- >
682
- "isBanned"
683
- </span>
684
- :
685
- <span
686
- class="token boolean"
687
- >
688
- true
689
- </span>
690
- <span
691
- class="token punctuation"
692
- >
693
- ,
694
- </span>
695
- </div>
696
- </li>
697
- <li>
698
- <div
699
- class="hoverable "
700
- >
701
- <span
702
- class="property token string"
703
- >
704
- "link"
705
- </span>
706
- :
707
- <span
708
- class="token string"
709
- >
710
- "
711
- </span>
712
- <a
713
- href="https://google.com"
714
- >
715
- https://google.com
716
- </a>
717
- <span
718
- class="token string"
719
- >
720
- "
721
- </span>
722
- <span
723
- class="token punctuation"
724
- >
725
- ,
726
- </span>
727
- </div>
728
- </li>
729
- <li>
730
- <div
731
- class="hoverable "
732
- >
733
- <span
734
- class="property token string"
735
- >
736
- "emptyArray"
737
- </span>
738
- :
739
- <span
740
- class="token punctuation"
741
- >
742
- [ ]
743
- </span>
744
- <span
745
- class="token punctuation"
746
- >
747
- ,
748
- </span>
749
- </div>
750
- </li>
751
- <li>
752
- <div
753
- class="hoverable "
754
- >
755
- <span
756
- class="property token string"
757
- >
758
- "empty"
759
- </span>
760
- :
761
- <span
762
- class="token punctuation"
763
- >
764
- { }
765
- </span>
766
- <span
767
- class="token punctuation"
768
- >
769
- ,
770
- </span>
771
- </div>
772
- </li>
773
- <li>
774
- <div
775
- class="hoverable collapsed"
776
- >
777
- <span
778
- class="property token string"
779
- >
780
- "contacts"
781
- </span>
782
- :
783
- <button
784
- aria-label="expand"
785
- class="collapser"
786
- />
787
- <span
788
- class="token punctuation"
789
- >
790
- {
791
- </span>
792
- <span
793
- class="ellipsis"
794
- />
795
- <ul
796
- class="obj collapsible"
797
- >
798
- <li>
799
- <div
800
- class="hoverable collapsed"
801
- >
802
- <span
803
- class="property token string"
804
- >
805
- "email"
806
- </span>
807
- :
808
- <span
809
- class="token string"
810
- >
811
- "test@mail.com"
812
- </span>
813
- <span
814
- class="token punctuation"
815
- >
816
- ,
817
- </span>
818
- </div>
819
- </li>
820
- <li>
821
- <div
822
- class="hoverable collapsed"
823
- >
824
- <span
825
- class="property token string"
826
- >
827
- "phone"
828
- </span>
829
- :
830
- <button
831
- aria-label="expand"
832
- class="collapser"
833
- />
834
- <span
835
- class="token punctuation"
836
- >
837
- {
838
- </span>
839
- <span
840
- class="ellipsis"
841
- />
842
- <ul
843
- class="obj collapsible"
844
- >
845
- <li>
846
- <div
847
- class="hoverable collapsed"
848
- >
849
- <span
850
- class="property token string"
851
- >
852
- "code"
853
- </span>
854
- :
855
- <span
856
- class="token string"
857
- >
858
- "+1"
859
- </span>
860
- <span
861
- class="token punctuation"
862
- >
863
- ,
864
- </span>
865
- </div>
866
- </li>
867
- <li>
868
- <div
869
- class="hoverable collapsed"
870
- >
871
- <span
872
- class="property token string"
873
- >
874
- "rest"
875
- </span>
876
- :
877
- <span
878
- class="token string"
879
- >
880
- "999"
881
- </span>
882
- </div>
883
- </li>
884
- </ul>
885
- <span
886
- class="token punctuation"
887
- >
888
- }
889
- </span>
890
- </div>
891
- </li>
892
- </ul>
893
- <span
894
- class="token punctuation"
895
- >
896
- }
897
- </span>
898
- </div>
899
- </li>
900
- </ul>
901
- <span
902
- class="token punctuation"
903
- >
904
- }
905
- </span>
906
- </code>
907
- </div>
908
- </div>
909
- </div>
910
- `;
911
-
912
- exports[`JsonViewer "expand all" works 1`] = `
913
- .c6 {
914
- max-height: var(--code-block-max-height,600px);
915
- word-break: var(--code-block-word-break,initial);
916
- }
917
-
918
- .c6 code[class*='language-'],
919
- .c6 pre[class*='language-'] {
920
- text-shadow: 0 -0.1em 0.2em black;
921
- text-align: left;
922
- white-space: pre;
923
- word-spacing: normal;
924
- word-break: normal;
925
- word-wrap: normal;
926
- line-height: 1.5;
927
- -moz-tab-size: 4;
928
- -o-tab-size: 4;
929
- tab-size: 4;
930
- -webkit-hyphens: none;
931
- -moz-hyphens: none;
932
- -ms-hyphens: none;
933
- -webkit-hyphens: none;
934
- -moz-hyphens: none;
935
- -ms-hyphens: none;
936
- hyphens: none;
937
- }
938
-
939
- .c6 pre[class*='language-'] {
940
- padding: 1em;
941
- margin: 0.5em 0;
942
- overflow: auto;
943
- }
944
-
945
- .c6 .token.comment,
946
- .c6 .token.prolog,
947
- .c6 .token.doctype,
948
- .c6 .token.cdata {
949
- color: hsl(30,20%,50%);
950
- }
951
-
952
- .c6 .token.punctuation {
953
- opacity: 1;
954
- }
955
-
956
- .c6 .namespace {
957
- opacity: 0.7;
958
- }
959
-
960
- .c6 .token.property,
961
- .c6 .token.tag,
962
- .c6 .token.number,
963
- .c6 .token.constant,
964
- .c6 .token.symbol {
965
- color: var(--color-content-inverse);
966
- }
967
-
968
- .c6 .token.boolean {
969
- color: var(--color-error-500);
970
- }
971
-
972
- .c6 .token.selector,
973
- .c6 .token.attr-name,
974
- .c6 .token.string,
975
- .c6 .token.char,
976
- .c6 .token.builtin,
977
- .c6 .token.inserted {
978
- color: #fee39e;
979
- }
980
-
981
- .c6 .token.selector + a,
982
- .c6 .token.attr-name + a,
983
- .c6 .token.string + a,
984
- .c6 .token.char + a,
985
- .c6 .token.builtin + a,
986
- .c6 .token.inserted + a,
987
- .c6 .token.selector + a:visited,
988
- .c6 .token.attr-name + a:visited,
989
- .c6 .token.string + a:visited,
990
- .c6 .token.char + a:visited,
991
- .c6 .token.builtin + a:visited,
992
- .c6 .token.inserted + a:visited {
993
- color: #4ed2ba;
994
- -webkit-text-decoration: underline;
995
- text-decoration: underline;
996
- }
997
-
998
- .c6 .token.property.string {
999
- color: #9efaa7;
1000
- }
1001
-
1002
- .c6 .token.operator,
1003
- .c6 .token.entity,
1004
- .c6 .token.url,
1005
- .c6 .token.variable {
1006
- color: #f5b83d;
1007
- }
1008
-
1009
- .c6 .token.atrule,
1010
- .c6 .token.attr-value,
1011
- .c6 .token.keyword {
1012
- color: #ffdbf4;
1013
- }
1014
-
1015
- .c6 .token.regex,
1016
- .c6 .token.important {
1017
- color: #e90;
1018
- }
1019
-
1020
- .c6 .token.important,
1021
- .c6 .token.bold {
1022
- font-weight: bold;
1023
- }
1024
-
1025
- .c6 .token.italic {
1026
- font-style: italic;
1027
- }
1028
-
1029
- .c6 .token.entity {
1030
- cursor: help;
1031
- }
1032
-
1033
- .c6 .token.deleted {
1034
- color: red;
1035
- }
1036
-
1037
- .c5 {
1038
- background-color: var(--samples-panel-controls-background-color);
1039
- border: 0;
1040
- outline: 0;
1041
- border-radius: var(--global-border-radius);
1042
- height: 20px;
1043
- color: var(--color-content-inverse);
1044
- font-size: 12px;
1045
- line-height: 12px;
1046
- cursor: pointer;
1047
- padding: 1px 6px;
1048
- min-width: 90px;
1049
- }
1050
-
1051
- .c5:hover,
1052
- .c5:focus {
1053
- background-color: var(--samples-panel-controls-hover-background-color);
1054
- }
1055
-
1056
- .c2 {
1057
- padding: 10px 0;
1058
- opacity: 0.7;
1059
- -webkit-transition: opacity 0.3s ease;
1060
- transition: opacity 0.3s ease;
1061
- text-align: right;
1062
- }
1063
-
1064
- .c2:focus-within {
1065
- opacity: 1;
1066
- }
1067
-
1068
- .c2 > div,
1069
- .c2 > .c4 {
1070
- margin-top: 5px;
1071
- margin-left: 10px;
1072
- }
1073
-
1074
- .c2 > div:first-child,
1075
- .c2 > .c4:first-child {
1076
- margin-left: 0;
1077
- }
1078
-
1079
- .c3 {
1080
- position: relative;
1081
- display: inline-block;
1082
- }
1083
-
1084
- .c8 {
1085
- contain: content;
1086
- overflow-x: auto;
1087
- padding: 10px;
1088
- border-radius: var(--global-border-radius);
1089
- background-color: var(--samples-panel-controls-background-color);
1090
- color: var(--color-content-inverse);
1091
- font-size: var(--code-font-size);
1092
- font-family: var(--code-font-family);
1093
- white-space: var(--code-wrap,pre);
1094
- }
1095
-
1096
- .c8 .redoc-json code > .collapser {
1097
- display: none;
1098
- pointer-events: none;
1099
- }
1100
-
1101
- .c8 .callback-function {
1102
- color: gray;
1103
- }
1104
-
1105
- .c8 .collapser:after {
1106
- content: '-';
1107
- cursor: pointer;
1108
- }
1109
-
1110
- .c8 .collapsed > .collapser:after {
1111
- content: '+';
1112
- cursor: pointer;
1113
- }
1114
-
1115
- .c8 .ellipsis:after {
1116
- content: ' … ';
1117
- }
1118
-
1119
- .c8 .collapsible {
1120
- margin-left: 2ch;
1121
- }
1122
-
1123
- .c8 .hoverable {
1124
- padding: 1px 2px;
1125
- }
1126
-
1127
- .c8 .hovered {
1128
- background-color: rgba(235,238,249,1);
1129
- }
1130
-
1131
- .c8 .collapser {
1132
- background-color: transparent;
1133
- border: 0;
1134
- color: #fff;
1135
- display: -webkit-box;
1136
- display: -webkit-flex;
1137
- display: -ms-flexbox;
1138
- display: flex;
1139
- -webkit-align-items: center;
1140
- -webkit-box-align: center;
1141
- -ms-flex-align: center;
1142
- align-items: center;
1143
- -webkit-box-pack: center;
1144
- -webkit-justify-content: center;
1145
- -ms-flex-pack: center;
1146
- justify-content: center;
1147
- width: 15px;
1148
- height: 15px;
1149
- position: absolute;
1150
- top: 4px;
1151
- left: -1.5em;
1152
- cursor: default;
1153
- -webkit-user-select: none;
1154
- -moz-user-select: none;
1155
- -ms-user-select: none;
1156
- user-select: none;
1157
- -webkit-user-select: none;
1158
- padding: 2px;
1159
- font-family: var(--code-font-family);
1160
- font-size: var(--code-font-size);
1161
- }
1162
-
1163
- .c8 .collapser:focus {
1164
- outline: #fff dotted 1px;
1165
- }
1166
-
1167
- .c8 ul {
1168
- list-style-type: none;
1169
- padding: 0;
1170
- margin: 0 0 0 26px;
1171
- }
1172
-
1173
- .c8 li {
1174
- position: relative;
1175
- display: block;
1176
- }
1177
-
1178
- .c8 .hoverable {
1179
- display: inline-block;
1180
- }
1181
-
1182
- .c8 .selected {
1183
- outline-width: 1px;
1184
- outline-style: dotted;
1185
- }
1186
-
1187
- .c8 .collapsed > .collapsible {
1188
- display: none;
1189
- }
1190
-
1191
- .c8 .ellipsis {
1192
- display: none;
1193
- }
1194
-
1195
- .c8 .collapsed > .ellipsis {
1196
- display: inherit;
1197
- }
1198
-
1199
- .c0 {
1200
- display: -webkit-box;
1201
- display: -webkit-flex;
1202
- display: -ms-flexbox;
1203
- display: flex;
1204
- -webkit-flex-direction: column;
1205
- -ms-flex-direction: column;
1206
- flex-direction: column;
1207
- -webkit-flex: 1;
1208
- -ms-flex: 1;
1209
- flex: 1;
1210
- }
1211
-
1212
- .c0:hover > .c1 {
1213
- opacity: 1;
1214
- }
1215
-
1216
- .c7 {
1217
- -webkit-flex: 1;
1218
- -ms-flex: 1;
1219
- flex: 1;
1220
- }
1221
-
1222
- .c7 code {
1223
- font-family: var(--code-font-family);
1224
- font-size: 14px;
1225
- line-height: 18px;
1226
- }
1227
-
1228
- @media print {
1229
- .c6 code[class*='language-'],
1230
- .c6 pre[class*='language-'] {
1231
- text-shadow: none;
1232
- }
1233
- }
1234
-
1235
- @media screen and (min-width:50rem) {
1236
- .c5 {
1237
- padding: 2px 20px;
1238
- }
1239
- }
1240
-
1241
- @media screen and (min-width:50rem) {
1242
- .c2 > div,
1243
- .c2 > .c4 {
1244
- margin-top: 0;
1245
- }
1246
- }
1247
-
1248
- <div
1249
- class="c0"
1250
- data-cy="json-viewer"
1251
- >
1252
- <div
1253
- class="c1 c2"
1254
- data-cy="buttons"
1255
- >
1256
- <div
1257
- class="c3 tooltip-copy-button"
1258
- >
1259
- <button
1260
- class="c4 c5"
1261
- data-cy="copy-button"
1262
- >
1263
- Copy
1264
- </button>
1265
- </div>
1266
- <button
1267
- class="c4 c5"
1268
- data-cy="expand-all"
1269
- >
1270
- Expand all
1271
- </button>
1272
- <button
1273
- class="c4 c5"
1274
- data-cy="collapse-all"
1275
- >
1276
- Collapse all
1277
- </button>
1278
- </div>
1279
- <div
1280
- class="c6 c7 c8"
1281
- >
1282
- <div
1283
- class="redoc-json"
1284
- data-cy="json-sample"
1285
- >
1286
- <code>
1287
- <button
1288
- aria-label="collapse"
1289
- class="collapser"
1290
- />
1291
- <span
1292
- class="token punctuation"
1293
- >
1294
- {
1295
- </span>
1296
- <span
1297
- class="ellipsis"
1298
- />
1299
- <ul
1300
- class="obj collapsible"
1301
- >
1302
- <li>
1303
- <div
1304
- class="hoverable collapsed"
1305
- >
1306
- <span
1307
- class="property token string"
1308
- >
1309
- "id"
1310
- </span>
1311
- :
1312
- <span
1313
- class="token string"
1314
- >
1315
- "600dc3b5d617e547a0e74cb9"
1316
- </span>
1317
- <span
1318
- class="token punctuation"
1319
- >
1320
- ,
1321
- </span>
1322
- </div>
1323
- </li>
1324
- <li>
1325
- <div
1326
- class="hoverable collapsed"
1327
- >
1328
- <span
1329
- class="property token string"
1330
- >
1331
- "name"
1332
- </span>
1333
- :
1334
- <span
1335
- class="token string"
1336
- >
1337
- "Mitchell Fitzgerald"
1338
- </span>
1339
- <span
1340
- class="token punctuation"
1341
- >
1342
- ,
1343
- </span>
1344
- </div>
1345
- </li>
1346
- <li>
1347
- <div
1348
- class="hoverable collapsed"
1349
- >
1350
- <span
1351
- class="property token string"
1352
- >
1353
- "about"
1354
- </span>
1355
- :
1356
- <span
1357
- class="token string"
1358
- >
1359
- "lorem ipsum"
1360
- </span>
1361
- <span
1362
- class="token punctuation"
1363
- >
1364
- ,
1365
- </span>
1366
- </div>
1367
- </li>
1368
- <li>
1369
- <div
1370
- class="hoverable collapsed"
1371
- >
1372
- <span
1373
- class="property token string"
1374
- >
1375
- "address"
1376
- </span>
1377
- :
1378
- <span
1379
- class="token string"
1380
- >
1381
- "48 Avenue, City, North"
1382
- </span>
1383
- <span
1384
- class="token punctuation"
1385
- >
1386
- ,
1387
- </span>
1388
- </div>
1389
- </li>
1390
- <li>
1391
- <div
1392
- class="hoverable collapsed"
1393
- >
1394
- <span
1395
- class="property token string"
1396
- >
1397
- "company"
1398
- </span>
1399
- :
1400
- <span
1401
- class="token string"
1402
- >
1403
- "Test"
1404
- </span>
1405
- <span
1406
- class="token punctuation"
1407
- >
1408
- ,
1409
- </span>
1410
- </div>
1411
- </li>
1412
- <li>
1413
- <div
1414
- class="hoverable collapsed"
1415
- >
1416
- <span
1417
- class="property token string"
1418
- >
1419
- "bio"
1420
- </span>
1421
- :
1422
- <span
1423
- class="token keyword"
1424
- >
1425
- null
1426
- </span>
1427
- <span
1428
- class="token punctuation"
1429
- >
1430
- ,
1431
- </span>
1432
- </div>
1433
- </li>
1434
- <li>
1435
- <div
1436
- class="hoverable"
1437
- >
1438
- <span
1439
- class="property token string"
1440
- >
1441
- "nicknames"
1442
- </span>
1443
- :
1444
- <button
1445
- aria-label="collapse"
1446
- class="collapser"
1447
- />
1448
- <span
1449
- class="token punctuation"
1450
- >
1451
- [
1452
- </span>
1453
- <span
1454
- class="ellipsis"
1455
- />
1456
- <ul
1457
- class="array collapsible"
1458
- >
1459
- <li>
1460
- <div
1461
- class="hoverable collapsed"
1462
- >
1463
- <span
1464
- class="token string"
1465
- >
1466
- "Mitch"
1467
- </span>
1468
- ,
1469
- </div>
1470
- </li>
1471
- <li>
1472
- <div
1473
- class="hoverable collapsed"
1474
- >
1475
- <span
1476
- class="token string"
1477
- >
1478
- "Fitz"
1479
- </span>
1480
- ,
1481
- </div>
1482
- </li>
1483
- <li>
1484
- <div
1485
- class="hoverable"
1486
- >
1487
- <button
1488
- aria-label="collapse"
1489
- class="collapser"
1490
- />
1491
- <span
1492
- class="token punctuation"
1493
- >
1494
- {
1495
- </span>
1496
- <span
1497
- class="ellipsis"
1498
- />
1499
- <ul
1500
- class="obj collapsible"
1501
- >
1502
- <li>
1503
- <div
1504
- class="hoverable collapsed"
1505
- >
1506
- <span
1507
- class="property token string"
1508
- >
1509
- "title"
1510
- </span>
1511
- :
1512
- <span
1513
- class="token string"
1514
- >
1515
- "MitFitz"
1516
- </span>
1517
- <span
1518
- class="token punctuation"
1519
- >
1520
- ,
1521
- </span>
1522
- </div>
1523
- </li>
1524
- <li>
1525
- <div
1526
- class="hoverable collapsed"
1527
- >
1528
- <span
1529
- class="property token string"
1530
- >
1531
- "createdAt"
1532
- </span>
1533
- :
1534
- <span
1535
- class="token string"
1536
- >
1537
- "2022-04-19T11:46:00.019Z"
1538
- </span>
1539
- </div>
1540
- </li>
1541
- </ul>
1542
- <span
1543
- class="token punctuation"
1544
- >
1545
- }
1546
- </span>
1547
- </div>
1548
- </li>
1549
- </ul>
1550
- <span
1551
- class="token punctuation"
1552
- >
1553
- ]
1554
- </span>
1555
- <span
1556
- class="token punctuation"
1557
- >
1558
- ,
1559
- </span>
1560
- </div>
1561
- </li>
1562
- <li>
1563
- <div
1564
- class="hoverable collapsed"
1565
- >
1566
- <span
1567
- class="property token string"
1568
- >
1569
- "age"
1570
- </span>
1571
- :
1572
- <span
1573
- class="token number"
1574
- >
1575
- 27
1576
- </span>
1577
- <span
1578
- class="token punctuation"
1579
- >
1580
- ,
1581
- </span>
1582
- </div>
1583
- </li>
1584
- <li>
1585
- <div
1586
- class="hoverable collapsed"
1587
- >
1588
- <span
1589
- class="property token string"
1590
- >
1591
- "isBanned"
1592
- </span>
1593
- :
1594
- <span
1595
- class="token boolean"
1596
- >
1597
- true
1598
- </span>
1599
- <span
1600
- class="token punctuation"
1601
- >
1602
- ,
1603
- </span>
1604
- </div>
1605
- </li>
1606
- <li>
1607
- <div
1608
- class="hoverable collapsed"
1609
- >
1610
- <span
1611
- class="property token string"
1612
- >
1613
- "link"
1614
- </span>
1615
- :
1616
- <span
1617
- class="token string"
1618
- >
1619
- "
1620
- </span>
1621
- <a
1622
- href="https://google.com"
1623
- >
1624
- https://google.com
1625
- </a>
1626
- <span
1627
- class="token string"
1628
- >
1629
- "
1630
- </span>
1631
- <span
1632
- class="token punctuation"
1633
- >
1634
- ,
1635
- </span>
1636
- </div>
1637
- </li>
1638
- <li>
1639
- <div
1640
- class="hoverable collapsed"
1641
- >
1642
- <span
1643
- class="property token string"
1644
- >
1645
- "emptyArray"
1646
- </span>
1647
- :
1648
- <span
1649
- class="token punctuation"
1650
- >
1651
- [ ]
1652
- </span>
1653
- <span
1654
- class="token punctuation"
1655
- >
1656
- ,
1657
- </span>
1658
- </div>
1659
- </li>
1660
- <li>
1661
- <div
1662
- class="hoverable collapsed"
1663
- >
1664
- <span
1665
- class="property token string"
1666
- >
1667
- "empty"
1668
- </span>
1669
- :
1670
- <span
1671
- class="token punctuation"
1672
- >
1673
- { }
1674
- </span>
1675
- <span
1676
- class="token punctuation"
1677
- >
1678
- ,
1679
- </span>
1680
- </div>
1681
- </li>
1682
- <li>
1683
- <div
1684
- class="hoverable"
1685
- >
1686
- <span
1687
- class="property token string"
1688
- >
1689
- "contacts"
1690
- </span>
1691
- :
1692
- <button
1693
- aria-label="collapse"
1694
- class="collapser"
1695
- />
1696
- <span
1697
- class="token punctuation"
1698
- >
1699
- {
1700
- </span>
1701
- <span
1702
- class="ellipsis"
1703
- />
1704
- <ul
1705
- class="obj collapsible"
1706
- >
1707
- <li>
1708
- <div
1709
- class="hoverable collapsed"
1710
- >
1711
- <span
1712
- class="property token string"
1713
- >
1714
- "email"
1715
- </span>
1716
- :
1717
- <span
1718
- class="token string"
1719
- >
1720
- "test@mail.com"
1721
- </span>
1722
- <span
1723
- class="token punctuation"
1724
- >
1725
- ,
1726
- </span>
1727
- </div>
1728
- </li>
1729
- <li>
1730
- <div
1731
- class="hoverable"
1732
- >
1733
- <span
1734
- class="property token string"
1735
- >
1736
- "phone"
1737
- </span>
1738
- :
1739
- <button
1740
- aria-label="collapse"
1741
- class="collapser"
1742
- />
1743
- <span
1744
- class="token punctuation"
1745
- >
1746
- {
1747
- </span>
1748
- <span
1749
- class="ellipsis"
1750
- />
1751
- <ul
1752
- class="obj collapsible"
1753
- >
1754
- <li>
1755
- <div
1756
- class="hoverable collapsed"
1757
- >
1758
- <span
1759
- class="property token string"
1760
- >
1761
- "code"
1762
- </span>
1763
- :
1764
- <span
1765
- class="token string"
1766
- >
1767
- "+1"
1768
- </span>
1769
- <span
1770
- class="token punctuation"
1771
- >
1772
- ,
1773
- </span>
1774
- </div>
1775
- </li>
1776
- <li>
1777
- <div
1778
- class="hoverable collapsed"
1779
- >
1780
- <span
1781
- class="property token string"
1782
- >
1783
- "rest"
1784
- </span>
1785
- :
1786
- <span
1787
- class="token string"
1788
- >
1789
- "999"
1790
- </span>
1791
- </div>
1792
- </li>
1793
- </ul>
1794
- <span
1795
- class="token punctuation"
1796
- >
1797
- }
1798
- </span>
1799
- </div>
1800
- </li>
1801
- </ul>
1802
- <span
1803
- class="token punctuation"
1804
- >
1805
- }
1806
- </span>
1807
- </div>
1808
- </li>
1809
- </ul>
1810
- <span
1811
- class="token punctuation"
1812
- >
1813
- }
1814
- </span>
1815
- </code>
1816
- </div>
1817
- </div>
1818
- </div>
1819
- `;
1820
-
1821
- exports[`JsonViewer renders 1`] = `
1822
- .c6 {
1823
- max-height: var(--code-block-max-height,600px);
1824
- word-break: var(--code-block-word-break,initial);
1825
- }
1826
-
1827
- .c6 code[class*='language-'],
1828
- .c6 pre[class*='language-'] {
1829
- text-shadow: 0 -0.1em 0.2em black;
1830
- text-align: left;
1831
- white-space: pre;
1832
- word-spacing: normal;
1833
- word-break: normal;
1834
- word-wrap: normal;
1835
- line-height: 1.5;
1836
- -moz-tab-size: 4;
1837
- -o-tab-size: 4;
1838
- tab-size: 4;
1839
- -webkit-hyphens: none;
1840
- -moz-hyphens: none;
1841
- -ms-hyphens: none;
1842
- -webkit-hyphens: none;
1843
- -moz-hyphens: none;
1844
- -ms-hyphens: none;
1845
- hyphens: none;
1846
- }
1847
-
1848
- .c6 pre[class*='language-'] {
1849
- padding: 1em;
1850
- margin: 0.5em 0;
1851
- overflow: auto;
1852
- }
1853
-
1854
- .c6 .token.comment,
1855
- .c6 .token.prolog,
1856
- .c6 .token.doctype,
1857
- .c6 .token.cdata {
1858
- color: hsl(30,20%,50%);
1859
- }
1860
-
1861
- .c6 .token.punctuation {
1862
- opacity: 1;
1863
- }
1864
-
1865
- .c6 .namespace {
1866
- opacity: 0.7;
1867
- }
1868
-
1869
- .c6 .token.property,
1870
- .c6 .token.tag,
1871
- .c6 .token.number,
1872
- .c6 .token.constant,
1873
- .c6 .token.symbol {
1874
- color: var(--color-content-inverse);
1875
- }
1876
-
1877
- .c6 .token.boolean {
1878
- color: var(--color-error-500);
1879
- }
1880
-
1881
- .c6 .token.selector,
1882
- .c6 .token.attr-name,
1883
- .c6 .token.string,
1884
- .c6 .token.char,
1885
- .c6 .token.builtin,
1886
- .c6 .token.inserted {
1887
- color: #fee39e;
1888
- }
1889
-
1890
- .c6 .token.selector + a,
1891
- .c6 .token.attr-name + a,
1892
- .c6 .token.string + a,
1893
- .c6 .token.char + a,
1894
- .c6 .token.builtin + a,
1895
- .c6 .token.inserted + a,
1896
- .c6 .token.selector + a:visited,
1897
- .c6 .token.attr-name + a:visited,
1898
- .c6 .token.string + a:visited,
1899
- .c6 .token.char + a:visited,
1900
- .c6 .token.builtin + a:visited,
1901
- .c6 .token.inserted + a:visited {
1902
- color: #4ed2ba;
1903
- -webkit-text-decoration: underline;
1904
- text-decoration: underline;
1905
- }
1906
-
1907
- .c6 .token.property.string {
1908
- color: #9efaa7;
1909
- }
1910
-
1911
- .c6 .token.operator,
1912
- .c6 .token.entity,
1913
- .c6 .token.url,
1914
- .c6 .token.variable {
1915
- color: #f5b83d;
1916
- }
1917
-
1918
- .c6 .token.atrule,
1919
- .c6 .token.attr-value,
1920
- .c6 .token.keyword {
1921
- color: #ffdbf4;
1922
- }
1923
-
1924
- .c6 .token.regex,
1925
- .c6 .token.important {
1926
- color: #e90;
1927
- }
1928
-
1929
- .c6 .token.important,
1930
- .c6 .token.bold {
1931
- font-weight: bold;
1932
- }
1933
-
1934
- .c6 .token.italic {
1935
- font-style: italic;
1936
- }
1937
-
1938
- .c6 .token.entity {
1939
- cursor: help;
1940
- }
1941
-
1942
- .c6 .token.deleted {
1943
- color: red;
1944
- }
1945
-
1946
- .c5 {
1947
- background-color: var(--samples-panel-controls-background-color);
1948
- border: 0;
1949
- outline: 0;
1950
- border-radius: var(--global-border-radius);
1951
- height: 20px;
1952
- color: var(--color-content-inverse);
1953
- font-size: 12px;
1954
- line-height: 12px;
1955
- cursor: pointer;
1956
- padding: 1px 6px;
1957
- min-width: 90px;
1958
- }
1959
-
1960
- .c5:hover,
1961
- .c5:focus {
1962
- background-color: var(--samples-panel-controls-hover-background-color);
1963
- }
1964
-
1965
- .c2 {
1966
- padding: 10px 0;
1967
- opacity: 0.7;
1968
- -webkit-transition: opacity 0.3s ease;
1969
- transition: opacity 0.3s ease;
1970
- text-align: right;
1971
- }
1972
-
1973
- .c2:focus-within {
1974
- opacity: 1;
1975
- }
1976
-
1977
- .c2 > div,
1978
- .c2 > .c4 {
1979
- margin-top: 5px;
1980
- margin-left: 10px;
1981
- }
1982
-
1983
- .c2 > div:first-child,
1984
- .c2 > .c4:first-child {
1985
- margin-left: 0;
1986
- }
1987
-
1988
- .c3 {
1989
- position: relative;
1990
- display: inline-block;
1991
- }
1992
-
1993
- .c8 {
1994
- contain: content;
1995
- overflow-x: auto;
1996
- padding: 10px;
1997
- border-radius: var(--global-border-radius);
1998
- background-color: var(--samples-panel-controls-background-color);
1999
- color: var(--color-content-inverse);
2000
- font-size: var(--code-font-size);
2001
- font-family: var(--code-font-family);
2002
- white-space: var(--code-wrap,pre);
2003
- }
2004
-
2005
- .c8 .redoc-json code > .collapser {
2006
- display: none;
2007
- pointer-events: none;
2008
- }
2009
-
2010
- .c8 .callback-function {
2011
- color: gray;
2012
- }
2013
-
2014
- .c8 .collapser:after {
2015
- content: '-';
2016
- cursor: pointer;
2017
- }
2018
-
2019
- .c8 .collapsed > .collapser:after {
2020
- content: '+';
2021
- cursor: pointer;
2022
- }
2023
-
2024
- .c8 .ellipsis:after {
2025
- content: ' … ';
2026
- }
2027
-
2028
- .c8 .collapsible {
2029
- margin-left: 2ch;
2030
- }
2031
-
2032
- .c8 .hoverable {
2033
- padding: 1px 2px;
2034
- }
2035
-
2036
- .c8 .hovered {
2037
- background-color: rgba(235,238,249,1);
2038
- }
2039
-
2040
- .c8 .collapser {
2041
- background-color: transparent;
2042
- border: 0;
2043
- color: #fff;
2044
- display: -webkit-box;
2045
- display: -webkit-flex;
2046
- display: -ms-flexbox;
2047
- display: flex;
2048
- -webkit-align-items: center;
2049
- -webkit-box-align: center;
2050
- -ms-flex-align: center;
2051
- align-items: center;
2052
- -webkit-box-pack: center;
2053
- -webkit-justify-content: center;
2054
- -ms-flex-pack: center;
2055
- justify-content: center;
2056
- width: 15px;
2057
- height: 15px;
2058
- position: absolute;
2059
- top: 4px;
2060
- left: -1.5em;
2061
- cursor: default;
2062
- -webkit-user-select: none;
2063
- -moz-user-select: none;
2064
- -ms-user-select: none;
2065
- user-select: none;
2066
- -webkit-user-select: none;
2067
- padding: 2px;
2068
- font-family: var(--code-font-family);
2069
- font-size: var(--code-font-size);
2070
- }
2071
-
2072
- .c8 .collapser:focus {
2073
- outline: #fff dotted 1px;
2074
- }
2075
-
2076
- .c8 ul {
2077
- list-style-type: none;
2078
- padding: 0;
2079
- margin: 0 0 0 26px;
2080
- }
2081
-
2082
- .c8 li {
2083
- position: relative;
2084
- display: block;
2085
- }
2086
-
2087
- .c8 .hoverable {
2088
- display: inline-block;
2089
- }
2090
-
2091
- .c8 .selected {
2092
- outline-width: 1px;
2093
- outline-style: dotted;
2094
- }
2095
-
2096
- .c8 .collapsed > .collapsible {
2097
- display: none;
2098
- }
2099
-
2100
- .c8 .ellipsis {
2101
- display: none;
2102
- }
2103
-
2104
- .c8 .collapsed > .ellipsis {
2105
- display: inherit;
2106
- }
2107
-
2108
- .c0 {
2109
- display: -webkit-box;
2110
- display: -webkit-flex;
2111
- display: -ms-flexbox;
2112
- display: flex;
2113
- -webkit-flex-direction: column;
2114
- -ms-flex-direction: column;
2115
- flex-direction: column;
2116
- -webkit-flex: 1;
2117
- -ms-flex: 1;
2118
- flex: 1;
2119
- }
2120
-
2121
- .c0:hover > .c1 {
2122
- opacity: 1;
2123
- }
2124
-
2125
- .c7 {
2126
- -webkit-flex: 1;
2127
- -ms-flex: 1;
2128
- flex: 1;
2129
- }
2130
-
2131
- .c7 code {
2132
- font-family: var(--code-font-family);
2133
- font-size: 14px;
2134
- line-height: 18px;
2135
- }
2136
-
2137
- @media print {
2138
- .c6 code[class*='language-'],
2139
- .c6 pre[class*='language-'] {
2140
- text-shadow: none;
2141
- }
2142
- }
2143
-
2144
- @media screen and (min-width:50rem) {
2145
- .c5 {
2146
- padding: 2px 20px;
2147
- }
2148
- }
2149
-
2150
- @media screen and (min-width:50rem) {
2151
- .c2 > div,
2152
- .c2 > .c4 {
2153
- margin-top: 0;
2154
- }
2155
- }
2156
-
2157
- <div
2158
- class="c0"
2159
- data-cy="json-viewer"
2160
- >
2161
- <div
2162
- class="c1 c2"
2163
- data-cy="buttons"
2164
- >
2165
- <div
2166
- class="c3 tooltip-copy-button"
2167
- >
2168
- <button
2169
- class="c4 c5"
2170
- data-cy="copy-button"
2171
- >
2172
- Copy
2173
- </button>
2174
- </div>
2175
- <button
2176
- class="c4 c5"
2177
- data-cy="expand-all"
2178
- >
2179
- Expand all
2180
- </button>
2181
- <button
2182
- class="c4 c5"
2183
- data-cy="collapse-all"
2184
- >
2185
- Collapse all
2186
- </button>
2187
- </div>
2188
- <div
2189
- class="c6 c7 c8"
2190
- >
2191
- <div
2192
- class="redoc-json"
2193
- data-cy="json-sample"
2194
- >
2195
- <code>
2196
- <button
2197
- aria-label="collapse"
2198
- class="collapser"
2199
- />
2200
- <span
2201
- class="token punctuation"
2202
- >
2203
- {
2204
- </span>
2205
- <span
2206
- class="ellipsis"
2207
- />
2208
- <ul
2209
- class="obj collapsible"
2210
- >
2211
- <li>
2212
- <div
2213
- class="hoverable "
2214
- >
2215
- <span
2216
- class="property token string"
2217
- >
2218
- "id"
2219
- </span>
2220
- :
2221
- <span
2222
- class="token string"
2223
- >
2224
- "600dc3b5d617e547a0e74cb9"
2225
- </span>
2226
- <span
2227
- class="token punctuation"
2228
- >
2229
- ,
2230
- </span>
2231
- </div>
2232
- </li>
2233
- <li>
2234
- <div
2235
- class="hoverable "
2236
- >
2237
- <span
2238
- class="property token string"
2239
- >
2240
- "name"
2241
- </span>
2242
- :
2243
- <span
2244
- class="token string"
2245
- >
2246
- "Mitchell Fitzgerald"
2247
- </span>
2248
- <span
2249
- class="token punctuation"
2250
- >
2251
- ,
2252
- </span>
2253
- </div>
2254
- </li>
2255
- <li>
2256
- <div
2257
- class="hoverable "
2258
- >
2259
- <span
2260
- class="property token string"
2261
- >
2262
- "about"
2263
- </span>
2264
- :
2265
- <span
2266
- class="token string"
2267
- >
2268
- "lorem ipsum"
2269
- </span>
2270
- <span
2271
- class="token punctuation"
2272
- >
2273
- ,
2274
- </span>
2275
- </div>
2276
- </li>
2277
- <li>
2278
- <div
2279
- class="hoverable "
2280
- >
2281
- <span
2282
- class="property token string"
2283
- >
2284
- "address"
2285
- </span>
2286
- :
2287
- <span
2288
- class="token string"
2289
- >
2290
- "48 Avenue, City, North"
2291
- </span>
2292
- <span
2293
- class="token punctuation"
2294
- >
2295
- ,
2296
- </span>
2297
- </div>
2298
- </li>
2299
- <li>
2300
- <div
2301
- class="hoverable "
2302
- >
2303
- <span
2304
- class="property token string"
2305
- >
2306
- "company"
2307
- </span>
2308
- :
2309
- <span
2310
- class="token string"
2311
- >
2312
- "Test"
2313
- </span>
2314
- <span
2315
- class="token punctuation"
2316
- >
2317
- ,
2318
- </span>
2319
- </div>
2320
- </li>
2321
- <li>
2322
- <div
2323
- class="hoverable "
2324
- >
2325
- <span
2326
- class="property token string"
2327
- >
2328
- "bio"
2329
- </span>
2330
- :
2331
- <span
2332
- class="token keyword"
2333
- >
2334
- null
2335
- </span>
2336
- <span
2337
- class="token punctuation"
2338
- >
2339
- ,
2340
- </span>
2341
- </div>
2342
- </li>
2343
- <li>
2344
- <div
2345
- class="hoverable "
2346
- >
2347
- <span
2348
- class="property token string"
2349
- >
2350
- "nicknames"
2351
- </span>
2352
- :
2353
- <button
2354
- aria-label="collapse"
2355
- class="collapser"
2356
- />
2357
- <span
2358
- class="token punctuation"
2359
- >
2360
- [
2361
- </span>
2362
- <span
2363
- class="ellipsis"
2364
- />
2365
- <ul
2366
- class="array collapsible"
2367
- >
2368
- <li>
2369
- <div
2370
- class="hoverable collapsed"
2371
- >
2372
- <span
2373
- class="token string"
2374
- >
2375
- "Mitch"
2376
- </span>
2377
- ,
2378
- </div>
2379
- </li>
2380
- <li>
2381
- <div
2382
- class="hoverable collapsed"
2383
- >
2384
- <span
2385
- class="token string"
2386
- >
2387
- "Fitz"
2388
- </span>
2389
- ,
2390
- </div>
2391
- </li>
2392
- <li>
2393
- <div
2394
- class="hoverable collapsed"
2395
- >
2396
- <button
2397
- aria-label="expand"
2398
- class="collapser"
2399
- />
2400
- <span
2401
- class="token punctuation"
2402
- >
2403
- {
2404
- </span>
2405
- <span
2406
- class="ellipsis"
2407
- />
2408
- <ul
2409
- class="obj collapsible"
2410
- >
2411
- <li>
2412
- <div
2413
- class="hoverable collapsed"
2414
- >
2415
- <span
2416
- class="property token string"
2417
- >
2418
- "title"
2419
- </span>
2420
- :
2421
- <span
2422
- class="token string"
2423
- >
2424
- "MitFitz"
2425
- </span>
2426
- <span
2427
- class="token punctuation"
2428
- >
2429
- ,
2430
- </span>
2431
- </div>
2432
- </li>
2433
- <li>
2434
- <div
2435
- class="hoverable collapsed"
2436
- >
2437
- <span
2438
- class="property token string"
2439
- >
2440
- "createdAt"
2441
- </span>
2442
- :
2443
- <span
2444
- class="token string"
2445
- >
2446
- "2022-04-19T11:46:00.019Z"
2447
- </span>
2448
- </div>
2449
- </li>
2450
- </ul>
2451
- <span
2452
- class="token punctuation"
2453
- >
2454
- }
2455
- </span>
2456
- </div>
2457
- </li>
2458
- </ul>
2459
- <span
2460
- class="token punctuation"
2461
- >
2462
- ]
2463
- </span>
2464
- <span
2465
- class="token punctuation"
2466
- >
2467
- ,
2468
- </span>
2469
- </div>
2470
- </li>
2471
- <li>
2472
- <div
2473
- class="hoverable "
2474
- >
2475
- <span
2476
- class="property token string"
2477
- >
2478
- "age"
2479
- </span>
2480
- :
2481
- <span
2482
- class="token number"
2483
- >
2484
- 27
2485
- </span>
2486
- <span
2487
- class="token punctuation"
2488
- >
2489
- ,
2490
- </span>
2491
- </div>
2492
- </li>
2493
- <li>
2494
- <div
2495
- class="hoverable "
2496
- >
2497
- <span
2498
- class="property token string"
2499
- >
2500
- "isBanned"
2501
- </span>
2502
- :
2503
- <span
2504
- class="token boolean"
2505
- >
2506
- true
2507
- </span>
2508
- <span
2509
- class="token punctuation"
2510
- >
2511
- ,
2512
- </span>
2513
- </div>
2514
- </li>
2515
- <li>
2516
- <div
2517
- class="hoverable "
2518
- >
2519
- <span
2520
- class="property token string"
2521
- >
2522
- "link"
2523
- </span>
2524
- :
2525
- <span
2526
- class="token string"
2527
- >
2528
- "
2529
- </span>
2530
- <a
2531
- href="https://google.com"
2532
- >
2533
- https://google.com
2534
- </a>
2535
- <span
2536
- class="token string"
2537
- >
2538
- "
2539
- </span>
2540
- <span
2541
- class="token punctuation"
2542
- >
2543
- ,
2544
- </span>
2545
- </div>
2546
- </li>
2547
- <li>
2548
- <div
2549
- class="hoverable "
2550
- >
2551
- <span
2552
- class="property token string"
2553
- >
2554
- "emptyArray"
2555
- </span>
2556
- :
2557
- <span
2558
- class="token punctuation"
2559
- >
2560
- [ ]
2561
- </span>
2562
- <span
2563
- class="token punctuation"
2564
- >
2565
- ,
2566
- </span>
2567
- </div>
2568
- </li>
2569
- <li>
2570
- <div
2571
- class="hoverable "
2572
- >
2573
- <span
2574
- class="property token string"
2575
- >
2576
- "empty"
2577
- </span>
2578
- :
2579
- <span
2580
- class="token punctuation"
2581
- >
2582
- { }
2583
- </span>
2584
- <span
2585
- class="token punctuation"
2586
- >
2587
- ,
2588
- </span>
2589
- </div>
2590
- </li>
2591
- <li>
2592
- <div
2593
- class="hoverable "
2594
- >
2595
- <span
2596
- class="property token string"
2597
- >
2598
- "contacts"
2599
- </span>
2600
- :
2601
- <button
2602
- aria-label="collapse"
2603
- class="collapser"
2604
- />
2605
- <span
2606
- class="token punctuation"
2607
- >
2608
- {
2609
- </span>
2610
- <span
2611
- class="ellipsis"
2612
- />
2613
- <ul
2614
- class="obj collapsible"
2615
- >
2616
- <li>
2617
- <div
2618
- class="hoverable collapsed"
2619
- >
2620
- <span
2621
- class="property token string"
2622
- >
2623
- "email"
2624
- </span>
2625
- :
2626
- <span
2627
- class="token string"
2628
- >
2629
- "test@mail.com"
2630
- </span>
2631
- <span
2632
- class="token punctuation"
2633
- >
2634
- ,
2635
- </span>
2636
- </div>
2637
- </li>
2638
- <li>
2639
- <div
2640
- class="hoverable collapsed"
2641
- >
2642
- <span
2643
- class="property token string"
2644
- >
2645
- "phone"
2646
- </span>
2647
- :
2648
- <button
2649
- aria-label="expand"
2650
- class="collapser"
2651
- />
2652
- <span
2653
- class="token punctuation"
2654
- >
2655
- {
2656
- </span>
2657
- <span
2658
- class="ellipsis"
2659
- />
2660
- <ul
2661
- class="obj collapsible"
2662
- >
2663
- <li>
2664
- <div
2665
- class="hoverable collapsed"
2666
- >
2667
- <span
2668
- class="property token string"
2669
- >
2670
- "code"
2671
- </span>
2672
- :
2673
- <span
2674
- class="token string"
2675
- >
2676
- "+1"
2677
- </span>
2678
- <span
2679
- class="token punctuation"
2680
- >
2681
- ,
2682
- </span>
2683
- </div>
2684
- </li>
2685
- <li>
2686
- <div
2687
- class="hoverable collapsed"
2688
- >
2689
- <span
2690
- class="property token string"
2691
- >
2692
- "rest"
2693
- </span>
2694
- :
2695
- <span
2696
- class="token string"
2697
- >
2698
- "999"
2699
- </span>
2700
- </div>
2701
- </li>
2702
- </ul>
2703
- <span
2704
- class="token punctuation"
2705
- >
2706
- }
2707
- </span>
2708
- </div>
2709
- </li>
2710
- </ul>
2711
- <span
2712
- class="token punctuation"
2713
- >
2714
- }
2715
- </span>
2716
- </div>
2717
- </li>
2718
- </ul>
2719
- <span
2720
- class="token punctuation"
2721
- >
2722
- }
2723
- </span>
2724
- </code>
2725
- </div>
2726
- </div>
2727
- </div>
2728
- `;