extract feature context

Author: rwieruch

README.md

@@ -1,4 +1,4 @@
-<h1 align="center">Build better Tables with React&nbsp;&nbsp;&nbsp;🍱</h1>
+<h1 align="center">Build better Tables with React&nbsp;🍱</h1>
 
 <br>
 

src/common/context/Feature.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+import { SelectContext } from '@table-library/react-table-library/common/context/Select';
+import { TreeContext } from '@table-library/react-table-library/common/context/Tree';
+import { SortContext } from '@table-library/react-table-library/common/context/Sort';
+import { PaginationContext } from '@table-library/react-table-library/common/context/Pagination';
+
+export const useFeatures = () => {
+  const select = React.useContext(SelectContext);
+  const tree = React.useContext(TreeContext);
+  const sort = React.useContext(SortContext);
+  const pagination = React.useContext(PaginationContext);
+
+  return {
+    select,
+    tree,
+    sort,
+    pagination,
+    // others
+  };
+};

src/common/context/index.ts

@@ -1,3 +1,4 @@
+export * from './Feature';
 export * from './Table';
 export * from './Theme';
 export * from './Layout';

src/table/Row/Row.tsx

@@ -5,13 +5,10 @@ import cs from 'clsx';
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 
-import { RowContainer } from '@table-library/react-table-library/common/components/Row';
 import { isRowClick } from '@table-library/react-table-library/common/util/isRowClick';
+import { RowContainer } from '@table-library/react-table-library/common/components/Row';
 import { ThemeContext } from '@table-library/react-table-library/common/context/Theme';
-import { SelectContext } from '@table-library/react-table-library/common/context/Select';
-import { TreeContext } from '@table-library/react-table-library/common/context/Tree';
-import { SortContext } from '@table-library/react-table-library/common/context/Sort';
-import { PaginationContext } from '@table-library/react-table-library/common/context/Pagination';
+import { useFeatures } from '@table-library/react-table-library/common/context/Feature';
 
 import { useConsumeRowLayout } from '@table-library/react-table-library/resize/useConsumeRowLayout';
 
@@ -77,19 +74,7 @@ const evaluateProps = (rowPropsByFeature: FeatureProps[], onSingleClick: OnClick
 export const Row: React.FC<RowProps> = (props: RowProps) => {
   const { item, className, disabled, onClick, onDoubleClick, children, ...rest } = props;
 
-  const select = React.useContext(SelectContext);
-  const tree = React.useContext(TreeContext);
-  const sort = React.useContext(SortContext);
-  const pagination = React.useContext(PaginationContext);
-
-  const features = {
-    select,
-    tree,
-    sort,
-    pagination,
-    // others
-  };
-
+  const features = useFeatures();
   const rowPropsByFeature = getRowProps(features, props);
 
   const theme = React.useContext(ThemeContext);