docs(tree-view): add story for default expanded value in technical information

Author: var-poro

packages/ods-react/src/components/tree-view/src/components/tree-view-node-branch/TreeViewNodeBranch.tsx

@@ -64,7 +64,7 @@ const TreeViewNodeBranch: FC<TreeViewNodeBranchProp> = forwardRef(({
         aria-disabled={ isDisabled }
         className={ style['tree-view-node-branch__control'] }
         data-disabled={ isDisabled ? true : undefined }
-        role="checkbox"
+        role={ multiple ? 'checkbox' : 'group' }
         tabIndex={ isDisabled ? -1 : undefined }>
         <VendorTreeView.BranchIndicator className={ style['tree-view-node-branch__control__chevron'] }>
           <Icon name={ ICON_NAME.chevronRight } />

packages/ods-react/src/components/tree-view/src/components/tree-view-node/TreeViewNode.tsx

@@ -5,8 +5,15 @@ import { TreeViewNodeBranch } from '../tree-view-node-branch/TreeViewNodeBranch'
 import { TreeViewNodeItem } from '../tree-view-node-item/TreeViewNodeItem';
 
 interface TreeViewNodeProp extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+  /**
+   * Label content or custom render function.
+   */
   children?: ReactNode | ((arg: TreeViewCustomRendererArg) => ReactNode);
+  /** @internal **/
   indexPath?: number[];
+  /**
+   * The tree node to render.
+   */
   item: TreeViewItem;
 }
 

packages/storybook/package.json

@@ -11,7 +11,7 @@
     "start": "yarn generate:versions && storybook dev -p 6006 --no-open"
   },
   "dependencies": {
-    "@ark-ui/react": "5.19.0",
+    "@ark-ui/react": "5.25.0",
     "@ovhcloud/ods-react": "19.1.0",
     "@ovhcloud/ods-themes": "19.1.0",
     "classnames": "2.5.1",

packages/storybook/stories/components/tree-view/documentation.mdx

@@ -16,12 +16,12 @@ import { REACT_COMPONENTS_TITLE, STORY } from '../../../src/constants/meta';
 
 <Heading label="Overview" level={ 2 } />
 
-The **Tree View** component displays hierarchical data in a parent-child structure. It allows users to expand, collapse, and interact with nested items.
 <IdentityCard aliases={ [] }
               figmaLink="https://www.figma.com/design/9jDDTcR4a9jPRFcdjawAlf/branch/8NZfqeptysMQInF02WaIJR"
               githubUrl="https://github.com/ovh/design-system/tree/master/packages/ods-react/src/components/tree-view"
               name="Tree View"
               startingVersion={ 19 }>
+The **Tree View** component displays hierarchical data in a parent-child structure. It allows users to expand, collapse, and interact with nested items.
 </IdentityCard>
 
 <Heading label="Anatomy" level={ 2 } />

packages/storybook/stories/components/tree-view/technical-information.mdx

@@ -42,6 +42,10 @@ import * as TreeViewStories from './tree-view.stories';
 
 <OdsCanvas of={ TreeViewStories.CustomRender } sourceState="shown" />
 
+<Heading label="Default expanded" level={ 3 } />
+
+<OdsCanvas of={ TreeViewStories.DefaultExpandedValue } sourceState="shown" />
+
 <Heading label="Controlled" level={ 3 } />
 
 <OdsCanvas of={ TreeViewStories.Controlled } sourceState="shown" />