Enhance typings in [ButtonGroup] to receive different props for data (

#40) * Enhance `typings` in [ButtonGroup] to receive different props for data * Release 0.1.19
dooboolab-community · Jul 28, 2021 · 55776e4 · 55776e4
1 parent ef97e2e
commit 55776e4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/CHANGELOGS.md b/CHANGELOGS.md
@@ -1,5 +1,9 @@
 ## Changelogs
 
+## 0.1.19
+
+Enhance `typings` in [ButtonGroup] to receive different props for data.
+
 ## 0.1.18
 
 Add `comment-light` icon to `dooboo-ui` Icon.

diff --git a/lib/package.json b/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dooboo-ui",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "main": "index.js",
   "types": "index.d.ts",
   "author": "dooboolab",

diff --git a/main/ButtonGroup.tsx b/main/ButtonGroup.tsx
@@ -1,5 +1,5 @@
 import {DoobooTheme, light, useTheme, withTheme} from './theme';
-import React, {FC, useState} from 'react';
+import React, {useState} from 'react';
 import {
   StyleProp,
   StyleSheet,
@@ -18,20 +18,20 @@ interface Styles {
   selectedText: StyleProp<TextStyle>;
 }
 
-interface Props {
+interface Props<T> {
   testID?: string;
   theme: DoobooTheme;
   borderRadius?: number;
   borderWidth?: number;
   style?: StyleProp<ViewStyle>;
   styles?: Styles;
-  data: string[];
+  data: T[];
   color?: string;
   onPress?: (i: number) => void;
   initialIndex?: number;
 }
 
-const StyledButtonGroup: FC<Props> = (props) => {
+function StyledButtonGroup<T>(props: Props<T>): React.ReactElement {
   const {theme} = useTheme();
 
   const {
@@ -111,7 +111,7 @@ const StyledButtonGroup: FC<Props> = (props) => {
       })}
     </View>
   );
-};
+}
 
 StyledButtonGroup.defaultProps = {
   theme: light,
@@ -153,4 +153,4 @@ StyledButtonGroup.defaultProps = {
   data: ['option 1', 'option 2'],
 };
 
-export const ButtonGroup = withTheme(StyledButtonGroup);
+export const ButtonGroup = withTheme<any>(StyledButtonGroup);