release/2.1.0 (#65)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vin-react",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "description": "This library is exclusive for react that utilize the flexbox.",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",

src/components/Button/types.ts

@@ -7,7 +7,7 @@ type Props = {
   children?: any;
   title?: string;
   onClick?: MouseEventHandler<HTMLButtonElement>;
-} & React.HTMLAttributes<HTMLButtonElement> &
+} & React.ButtonHTMLAttributes<HTMLButtonElement> &
   ConnectStyleProps;
 
 type States = {};

src/components/Counter/types.ts

@@ -9,6 +9,7 @@ type Props = {
   max?: number;
   value?: number;
   onChange?: (next: number) => void;
-} & ConnectStyleProps;
+} & ConnectStyleProps &
+  React.HTMLAttributes<HTMLDivElement>;
 
 export type {Props};

src/components/HeaderText/types.ts

@@ -5,7 +5,9 @@ type Props = {
   className?: string;
   style?: CSSProperties;
   children?: any;
-} & ConnectStyleProps;
+} & ConnectStyleProps &
+  React.HTMLAttributes<HTMLHeadingElement> &
+  ConnectStyleProps;
 
 type States = {};
 

src/components/Image/types.ts

@@ -8,7 +8,7 @@ type Props = {
   onLoadInit?: () => void;
   onLoadDone?: () => void;
   onLoading?: (percent: number) => void;
-} & React.HTMLAttributes<HTMLImageElement>;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
 
 type States = {
   src: any;

src/components/Indicator/Bar/types.ts

@@ -22,6 +22,7 @@ type Props = {
    */
   speed?: number;
   color?: string;
-} & ConnectStyleProps;
+} & ConnectStyleProps &
+  React.SVGAttributes<HTMLOrSVGElement>;
 
 export type {Props};

src/components/Indicator/CircleSnail/types.ts

@@ -22,7 +22,8 @@ type Props = {
    * @default `1s`
    */
   speed?: number;
-} & ConnectStyleProps;
+} & ConnectStyleProps &
+  React.SVGAttributes<HTMLOrSVGElement>;
 
 type State = {};
 

src/components/Input/types.ts

@@ -9,7 +9,7 @@ type Props = {
   ref?: React.LegacyRef<HTMLDivElement>;
   inputRef?: (ref: HTMLInputElement | null) => any;
   onChangeText?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
-} & React.HTMLAttributes<HTMLInputElement>;
+} & React.InputHTMLAttributes<HTMLInputElement>;
 
 type States = {};
 

src/components/Pagination/types.ts

@@ -2,10 +2,7 @@ import {MouseEvent} from 'react';
 import {ConnectStyleProps} from '@/hoc/types';
 
 type HandleClickPage = {
-  (key: number): (
-    page: number,
-    e: MouseEvent<HTMLButtonElement>
-  ) => void;
+  (key: number): (page: number, e: MouseEvent<HTMLButtonElement>) => void;
 };
 
 type State = {
@@ -31,10 +28,8 @@ type Props = {
    * Current page selected
    */
   currentPage?: number;
-  onPageChange?: (
-    page: number,
-    event: MouseEvent<HTMLButtonElement>
-  ) => void;
-} & ConnectStyleProps;
+  onPageChange?: (page: number, event: MouseEvent<HTMLButtonElement>) => void;
+} & ConnectStyleProps &
+  React.HTMLAttributes<HTMLDivElement>;
 
 export type {Props, State, HandleClickPage};