feature(react-tree): TreeRootReset component

microsoft · Jan 16, 2025 · ae648b8 · ae648b8
1 parent 087380a
commit ae648b8
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 1 deletion.
diff --git a/change/@fluentui-react-components-8e070f58-09e6-4a66-bd63-bbd13b27db88.json b/change/@fluentui-react-components-8e070f58-09e6-4a66-bd63-bbd13b27db88.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feature: TreeRootReset component",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tree-b452026f-0282-4a88-a922-34c2a983c77c.json b/change/@fluentui-react-tree-b452026f-0282-4a88-a922-34c2a983c77c.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feature: TreeRootReset component",
+  "packageName": "@fluentui/react-tree",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
@@ -1306,6 +1306,7 @@ export {
   useTreeItem_unstable,
   useTreeStyles_unstable,
   useTree_unstable,
+  TreeRootReset,
 } from '@fluentui/react-tree';
 
 export type {

diff --git a/packages/react-components/react-tree/library/etc/react-tree.api.md b/packages/react-components/react-tree/library/etc/react-tree.api.md
@@ -383,6 +383,9 @@ export const TreeProvider: {
     displayName: string;
 };
 
+// @public (undocumented)
+export const TreeRootReset: (props: TreeRootResetProps) => JSX.Element;
+
 // @public (undocumented)
 export type TreeSelectionValue = MultiSelectValue | SingleSelectValue;
 

diff --git a/packages/react-components/react-tree/library/src/components/TreeProvider.tsx b/packages/react-components/react-tree/library/src/components/TreeProvider.tsx
@@ -21,3 +21,13 @@ export const TreeProvider = (props: React.ProviderProps<TreeContextValue | Subtr
 };
 
 TreeProvider.displayName = 'TreeProvider';
+
+export type TreeRootResetProps = {
+  children?: React.ReactNode;
+};
+
+export const TreeRootReset = (props: TreeRootResetProps) => (
+  <SubtreeContext.Provider value={undefined as unknown as SubtreeContextValue}>
+    {props.children}
+  </SubtreeContext.Provider>
+);
diff --git a/packages/react-components/react-tree/library/src/index.ts b/packages/react-components/react-tree/library/src/index.ts
@@ -32,7 +32,7 @@ export {
 
 export type { FlatTreeSlots, FlatTreeProps, FlatTreeState } from './FlatTree';
 
-export { TreeProvider } from './components/TreeProvider';
+export { TreeProvider, TreeRootReset } from './components/TreeProvider';
 
 export {
   useTreeContext_unstable,