Run "yarn build:docs"

carbon-design-system · Nov 11, 2023 · a48afb5 · a48afb5
1 parent c6c7569
commit a48afb5
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 5 deletions.
diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
@@ -4707,9 +4707,10 @@ export interface TreeNode {
 
 ### Slots
 
-| Slot name | Default | Props | Fallback                 |
-| :-------- | :------ | :---- | :----------------------- |
-| labelText | No      | --    | <code>{labelText}</code> |
+| Slot name | Default | Props                                                                                                                             | Fallback                 |
+| :-------- | :------ | :-------------------------------------------------------------------------------------------------------------------------------- | :----------------------- |
+| --        | Yes     | <code>{ node: { id: TreeNodeId; text: string; expanded: boolean, leaf: boolean; disabled: boolean; selected: boolean; } } </code> | <code>{node.text}</code> |
+| labelText | No      | --                                                                                                                                | <code>{labelText}</code> |
 
 ### Events
 

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
@@ -14668,6 +14668,12 @@
       ],
       "moduleExports": [],
       "slots": [
+        {
+          "name": "__default__",
+          "default": true,
+          "fallback": "{node.text}",
+          "slot_props": "{ node: { id: TreeNodeId; text: string; expanded: boolean, leaf: boolean; disabled: boolean; selected: boolean; } }"
+        },
         {
           "name": "labelText",
           "default": false,

diff --git a/tests/TreeView.test.svelte b/tests/TreeView.test.svelte
@@ -72,4 +72,12 @@
   on:select="{({ detail }) => console.log('select', detail)}"
   on:toggle="{({ detail }) => console.log('toggle', detail)}"
   on:focus="{({ detail }) => console.log('focus', detail)}"
-/>
+  let:node
+>
+  {node.id}
+  {node.disabled}
+  {node.expanded}
+  {node.leaf}
+  {node.selected}
+  {node.text}
+</TreeView>
diff --git a/types/TreeView/TreeView.svelte.d.ts b/types/TreeView/TreeView.svelte.d.ts
@@ -68,7 +68,19 @@ export default class TreeView extends SvelteComponentTyped<
     focus: CustomEvent<TreeNode & { expanded: boolean; leaf: boolean }>;
     keydown: WindowEventMap["keydown"];
   },
-  { labelText: {} }
+  {
+    default: {
+      node: {
+        id: TreeNodeId;
+        text: string;
+        expanded: boolean;
+        leaf: boolean;
+        disabled: boolean;
+        selected: boolean;
+      };
+    };
+    labelText: {};
+  }
 > {
   /**
    * Programmatically expand all nodes