Refactor single chart context exports

Author: adamwoodnz

projects/js-packages/charts/src/components/single-chart-context/index.ts

@@ -1,9 +1,5 @@
-export {
-	SingleChartContext,
-	ChartInstanceContext,
-	useChartInstanceContext,
-	useSingleChartContext,
-} from './single-chart-context';
+export { SingleChartContext, ChartInstanceContext } from './single-chart-context';
+export { useSingleChartContext } from './use-single-chart-context';
 export type {
 	ChartInstanceContextValue,
 	ChartInstanceRef,

projects/js-packages/charts/src/components/single-chart-context/single-chart-context.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { createContext } from 'react';
 
 export interface ChartInstanceRef {
 	getScales: () => { xScale: unknown; yScale: unknown } | null;
@@ -19,16 +19,7 @@ export interface ChartInstanceContextValue {
 
 export const ChartInstanceContext = createContext< ChartInstanceContextValue | null >( null );
 
-export const useChartInstanceContext = (): ChartInstanceContextValue => {
-	const context = useContext( ChartInstanceContext );
-	if ( ! context ) {
-		throw new Error( 'useChartInstanceContext must be used within a Chart component' );
-	}
-	return context;
-};
-
 // Backward compatibility exports
 export const SingleChartContext = ChartInstanceContext;
 export type SingleChartContextValue = ChartInstanceContextValue;
 export type SingleChartRef = ChartInstanceRef;
-export const useSingleChartContext = useChartInstanceContext;

projects/js-packages/charts/src/components/single-chart-context/use-single-chart-context.ts

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { ChartInstanceContextValue, ChartInstanceContext } from './single-chart-context';
+
+export const useSingleChartContext = (): ChartInstanceContextValue => {
+	const context = useContext( ChartInstanceContext );
+	if ( ! context ) {
+		throw new Error( 'useChartInstanceContext must be used within a Chart component' );
+	}
+	return context;
+};