Fix data prop type to 'object'

Author: TeemuKoivisto

README.md

@@ -91,11 +91,11 @@ export type ValueType =
   | 'null'
   | 'undefined'
 
-export interface TreeNode {
+export interface TreeNode<T = any> {
   id: string // ID generated from the path to this node eg "[0,1,2]"
   index: number // Index of this node in the parent object as its values are iterated
   key: string // Key of this node eg "1" for an array key or "foo" for an object
-  value: any // The value mapped to this key
+  value: T // The value mapped to this key
   depth: number
   collapsed: boolean
   type: ValueType
@@ -134,9 +134,8 @@ export type ValueComponent = new (...args: any) => SvelteComponentTyped<{
   defaultFormatter?: (val: any) => string | undefined
 }>
 
-export type Data = { [key in string | number | symbol]: unknown } | unknown[] | Map<unknown, unknown> | Set<unknown>
 export interface TreeViewProps {
-  data: Data // Data can be basically any non-primitive value
+  data: object // Data can be basically any non-primitive value
   class?: string // Top node has 'svelte-tree-view' class by default
   theme?: Base16Theme
   showLogButton?: boolean

core/src/lib/TreeView.svelte

@@ -14,15 +14,14 @@
 
   import type { Stores } from './stores'
   import type {
-    Data,
     TreeNode,
     TreeViewProps,
     Base16Theme,
     ValueComponent,
     TreeRecursionOpts
   } from './types'
 
-  export let data: Data,
+  export let data: object,
     theme: Base16Theme | undefined = undefined,
     showLogButton = false,
     showCopyButton = false,

core/src/lib/types.ts

@@ -15,11 +15,11 @@ export type ValueType =
   | 'null'
   | 'undefined'
 
-export interface TreeNode {
+export interface TreeNode<T = any> {
   id: string // ID generated from the path to this node eg "[0,1,2]"
   index: number // Index of this node in the parent object as its values are iterated
   key: string // Key of this node eg "1" for an array key or "foo" for an object
-  value: any // The value mapped to this key
+  value: T // The value mapped to this key
   depth: number
   collapsed: boolean
   type: ValueType
@@ -58,9 +58,8 @@ export type ValueComponent = new (...args: any) => SvelteComponentTyped<{
   defaultFormatter?: (val: any) => string | undefined
 }>
 
-export type Data = { [key in string | number | symbol]: unknown } | unknown[] | Map<unknown, unknown> | Set<unknown>
 export interface TreeViewProps {
-  data: Data // Data can be basically any non-primitive value
+  data: object // Data can be basically any non-primitive value
   class?: string // Top node has 'svelte-tree-view' class by default
   theme?: Base16Theme
   showLogButton?: boolean