feat: expose internal render methods and hooks (#313)

lukasbach · Jan 18, 2024 · 4b14e11 · 4b14e11
1 parent a6a2006
commit 4b14e11
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/next-release-notes.md b/next-release-notes.md
@@ -1,2 +1,3 @@
 ### Bug Fixes and Improvements
-- Maintain original item order when dropping items (#315)
+- Maintain original item order when dropping items (#315)
+- Expose some hooks and internally used components in the public API that were hidden before (#313)
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -1,6 +1,16 @@
+import { TreeItemElement } from './treeItem/TreeItemElement';
+import { TreeItemChildren } from './treeItem/TreeItemChildren';
+
 export * from './controlledEnvironment/ControlledTreeEnvironment';
 export * from './tree/Tree';
 export * from './uncontrolledEnvironment/UncontrolledTreeEnvironment';
 export * from './uncontrolledEnvironment/StaticTreeDataProvider';
 export * from './types';
 export * from './renderers';
+export * from './treeItem/useTreeItemRenderContext';
+export * from './controlledEnvironment/useControlledTreeEnvironmentProps';
+
+export const INTERNALS = {
+  TreeItemElement,
+  TreeItemChildren,
+};
diff --git a/packages/core/src/treeItem/TreeItemChildren.tsx b/packages/core/src/treeItem/TreeItemChildren.tsx
@@ -1,5 +1,5 @@
 import React, { HTMLProps } from 'react';
-import { TreeItem } from './TreeItem';
+import { TreeItemElement } from './TreeItemElement';
 import { TreeItemIndex } from '../types';
 import { useTree } from '../tree/Tree';
 
@@ -14,7 +14,7 @@ export const TreeItemChildren = (props: {
 
   for (const child of props.children) {
     childElements.push(
-      <TreeItem key={child} itemIndex={child} depth={props.depth} />
+      <TreeItemElement key={child} itemIndex={child} depth={props.depth} />
     );
   }
 

diff --git a/packages/core/src/treeItem/TreeItem.tsx → ...ges/core/src/treeItem/TreeItemElement.tsx b/packages/core/src/treeItem/TreeItem.tsx → ...ges/core/src/treeItem/TreeItemElement.tsx
@@ -7,7 +7,7 @@ import { useTreeEnvironment } from '../controlledEnvironment/ControlledTreeEnvir
 import { useTreeItemRenderContext } from './useTreeItemRenderContext';
 import { TreeItemRenamingInput } from './TreeItemRenamingInput';
 
-export const TreeItem = (props: {
+export const TreeItemElement = (props: {
   itemIndex: TreeItemIndex;
   depth: number;
 }): JSX.Element => {

diff --git a/packages/core/src/treeItem/useTreeItemRenderContext.ts b/packages/core/src/treeItem/useTreeItemRenderContext.ts
@@ -202,7 +202,6 @@ export const useTreeItemRenderContext = (item?: TreeItem) => {
       },
       'aria-hidden': true,
       tabIndex: -1,
-      // TODO alternative interaction modes
     };
 
     const viewStateFlags = !viewState