perspective - load hiearchic JSON

packages/web/src/perspectives/PerspectiveNodeRow.svelte

@@ -1,16 +1,20 @@
 <script lang="ts">
+  import { PerspectiveTreeNode } from 'dbgate-datalib';
+
   import ColumnLabel from '../elements/ColumnLabel.svelte';
   import { plusExpandIcon } from '../icons/expandIcons';
   import FontIcon from '../icons/FontIcon.svelte';
 
-  export let node;
+  export let node: PerspectiveTreeNode;
 </script>
 
 <div class="row">
   <span class="expandColumnIcon" style={`margin-right: ${5 + node.level * 10}px`}>
     <FontIcon
       icon={node.isExpandable ? plusExpandIcon(node.isExpanded) : 'icon invisible-box'}
-      on:click={() => node.toggleExpanded()}
+      on:click={() => {
+        node.toggleExpanded();
+      }}
     />
   </span>
 
@@ -24,9 +28,7 @@
       e.stopPropagation();
     }}
     on:change={() => {
-      const newValue = !node.isChecked;
-      // display.setColumnVisibility(column.uniquePath, newValue);
-      // dispatch('setvisibility', newValue);
+      node.toggleChecked();
     }}
   />