fix(treeview): focused value state

Author: segunadebayo

packages/machines/tree-view/src/tree-view.machine.ts

@@ -51,7 +51,8 @@ export const machine = createMachine<TreeViewSchema>({
         },
       })),
       focusedValue: bindable(() => ({
-        defaultValue: prop("focusedValue"),
+        defaultValue: prop("defaultFocusedValue") || null,
+        value: prop("focusedValue"),
         onChange(value) {
           prop("onFocusChange")?.({ focusedValue: value })
         },

packages/machines/tree-view/src/tree-view.props.ts

@@ -8,6 +8,7 @@ export const props = createProps<TreeViewProps>()([
   "dir",
   "expandedValue",
   "expandOnClick",
+  "defaultFocusedValue",
   "focusedValue",
   "getRootNode",
   "id",

packages/machines/tree-view/src/tree-view.types.ts

@@ -111,6 +111,11 @@ export interface TreeViewProps<T = any> extends DirectionProperty, CommonPropert
    * The controlled checked node value
    */
   checkedValue?: string[] | undefined
+  /**
+   * The initial focused node value when rendered.
+   * Use when you don't need to control the focused node value.
+   */
+  defaultFocusedValue?: string | null | undefined
   /**
    * The value of the focused node
    */