Only show node structure when there is no data

jupyterlab · Sep 18, 2019 · 8013d19 · 8013d19
1 parent 193285c
commit 8013d19
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/json-extension/src/component.tsx b/packages/json-extension/src/component.tsx
@@ -71,7 +71,14 @@ export class Component extends React.Component<IProps, IState> {
           }}
           invertTheme={false}
           keyPath={[root]}
-          getItemString={() => null}
+          getItemString={(type, data, itemType) =>
+            ((Array.isArray(data) && data) || Object.keys(data)).length ===
+            0 ? (
+              // When there is no data, we display the collection type ("{}" or "[]").
+              <span>{itemType}</span>
+            ) : // Otherwise, the data speaks for itself.
+            null
+          }
           labelRenderer={([label, type]) => {
             // let className = 'cm-variable';
             // if (type === 'root') {