expanded cell view

packages/web/src/celldata/JsonCellView.svelte

@@ -5,6 +5,7 @@
 
   export let selection;
   export let showWholeRow = false;
+  export let expandAll = false;
 
   let json = null;
   let error = null;
@@ -31,7 +32,7 @@
 {:else}
   <div class="outer">
     <div class="inner">
-      <JSONTree value={json} expanded />
+      <JSONTree value={json} {expandAll} expanded />
     </div>
   </div>
 {/if}

packages/web/src/celldata/JsonExpandedCellView.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import JsonCellView from './JsonCellView.svelte';
+  export let selection;
+</script>
+
+<JsonCellView {selection} expandAll />

packages/web/src/widgets/CellDataWidget.svelte

@@ -20,6 +20,12 @@
       component: JsonCellView,
       single: true,
     },
+    {
+      type: 'jsonExpanded',
+      title: 'Json - expanded',
+      component: JsonExpandedCellView,
+      single: true,
+    },
     {
       type: 'jsonRow',
       title: 'Json - Row',
@@ -84,6 +90,7 @@
   import SelectField from '../forms/SelectField.svelte';
   import { selectedCellsCallback } from '../stores';
   import WidgetTitle from './WidgetTitle.svelte';
+  import JsonExpandedCellView from '../celldata/JsonExpandedCellView.svelte';
 
   let selectedFormatType = 'autodetect';