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

Author: lukasbach

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)

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,
+};

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} />
     );
   }
 

packages/core/src/treeItem/TreeItem.tsx renamed to packages/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 => {

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