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