fix: Summary Context Circular Dependency (#754)

* fix-summary-context-circular-dependency

* react type import

Co-authored-by: Jordan Christiansen <[email protected]>

Author: JordanDC2

src/Footer/Cell.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SummaryContext } from './Summary';
+import SummaryContext from './SummaryContext';
 import Cell from '../Cell';
 import TableContext from '../context/TableContext';
 import type { AlignType } from '../interface';

src/Footer/Summary.tsx

@@ -1,15 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import Cell from './Cell';
 import Row from './Row';
-import type { ColumnType, StickyOffsets } from '../interface';
-
-type FlattenColumns<RecordType> = readonly (ColumnType<RecordType> & { scrollbar?: boolean })[];
-
-export const SummaryContext = React.createContext<{
-  stickyOffsets?: StickyOffsets;
-  scrollColumnIndex?: number;
-  flattenColumns?: FlattenColumns<any>;
-}>({});
 
 export interface SummaryProps {
   fixed?: boolean | 'top' | 'bottom';

src/Footer/SummaryContext.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { ColumnType, StickyOffsets } from '../interface';
+
+type FlattenColumns<RecordType> = readonly (ColumnType<RecordType> & { scrollbar?: boolean })[];
+
+const SummaryContext = React.createContext<{
+  stickyOffsets?: StickyOffsets;
+  scrollColumnIndex?: number;
+  flattenColumns?: FlattenColumns<any>;
+}>({});
+
+export default SummaryContext;

src/Footer/index.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import TableContext from '../context/TableContext';
-import Summary, { SummaryContext } from './Summary';
+import Summary from './Summary';
+import SummaryContext from './SummaryContext';
 import type { ColumnType, StickyOffsets } from '../interface';
 
 type FlattenColumns<RecordType> = readonly (ColumnType<RecordType> & { scrollbar?: boolean })[];