docs(TreeView): Update example with duplicate IDs (#1306)

cengage · Jun 4, 2024 · 4747977 · 4747977 · github-actions · Jun 4, 2024
1 parent 41c4548
commit 4747977
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/treeview-docs.md b/.changeset/treeview-docs.md
@@ -0,0 +1,5 @@
+---
+"react-magma-docs": patch
+---
+
+docs(TreeView): Update example with duplicate IDs
diff --git a/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts b/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts
@@ -74,6 +74,8 @@ export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
    */
   itemDepth?: number;
   /**
+   * TODO: improve functionality (issue #1305)
+   * @internal 
    * If true, element is disabled
    * @default false
    */
@@ -146,7 +148,7 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) {
     (child: React.ReactElement<any>) => child.type === TreeItem
   );
 
-  // TODO fix for disabled items
+  // TODO fix for disabled items (issue #1305)
   // const numberOfTreeItemChildren = getEnabledTreeItemChildrenLength(treeItemChildren);
   const numberOfTreeItemChildren = treeItemChildren.length;
   const hasOwnTreeItems = numberOfTreeItemChildren > 0;

diff --git a/website/react-magma-docs/src/pages/api/tree-view.mdx b/website/react-magma-docs/src/pages/api/tree-view.mdx
@@ -33,7 +33,7 @@ export function Example() {
         >
           <TreeItem
             label={<>Art History in the 21st Century</>}
-            itemId="I-intro"
+            itemId="I-21st-century"
           >
             <TreeItem
               label={<>The Questions Art Historians Ask</>}