@veracity/vui 2.8.4 → 2.9.0-beta.0

package/src/tree/tree.tsx

@@ -1,6 +1,7 @@
 import React, { Children, ReactElement, useEffect, useMemo } from 'react'
 
 import { styled, useStyleConfig, vui, VuiComponent } from '../core'
+import { List } from '../list'
 import { cs, filterUndefined } from '../utils'
 import { TreeProvider } from './context'
 import { TreeItemId, TreeItemProps, TreeProps } from './tree.types'
@@ -84,21 +85,23 @@ export const Tree = vui<'div', TreeProps>((props, ref) => {
   return (
     <TreeProvider value={context}>
       <TreeBase className={cs('vui-tree', className)} ref={ref} {...styles.container} {...rest}>
-        {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {
-          return (
-            <TreeItem
-              activeItemIndex={activeItemIndex}
-              iconCollapse={iconCollapseInternal}
-              iconExpand={iconExpandInternal}
-              id={id}
-              isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}
-              isFirstLevel={true}
-              key={id ?? index}
-              onClickTreeItem={onClickTreeItem}
-              {...props}
-            />
-          )
-        })}
+        <List w={1}>
+          {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {
+            return (
+              <TreeItem
+                activeItemIndex={activeItemIndex}
+                iconCollapse={iconCollapseInternal}
+                iconExpand={iconExpandInternal}
+                id={id}
+                isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}
+                isFirstLevel={true}
+                key={id ?? index}
+                onClickTreeItem={onClickTreeItem}
+                {...props}
+              />
+            )
+          })}
+        </List>
       </TreeBase>
     </TreeProvider>
   )

package/src/utils/object.ts

@@ -3,7 +3,7 @@ import { Dict } from './types'
 
 /** Removes keys from an object if their value is undefined. */
 export function filterUndefined<T = Dict>(object: T) {
-  return objectFilter(object, val => val !== null && val !== undefined)
+  return objectFilter(object as Dict<T>, val => val !== null && val !== undefined)
 }
 
 /**