v2.0.0-rc.1

Author: KaganYrk

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tra-tech/react-native-kitra",
-  "version": "2.0.0-rc.0",
+  "version": "2.0.0-rc.1",
   "description": "UI kit for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

src/components/AccordionList/AccordionList.tsx

@@ -1,4 +1,4 @@
-import { cloneElement, useState } from 'react';
+import React, { cloneElement, useState } from 'react';
 import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import Animated, { FadeInUp, FadeOut, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import useComponentTheme from '../../core/hooks/useComponentTheme';

src/components/ActivityIndicator/ActivityIndicator.tsx

@@ -1,4 +1,5 @@
 import { StyleSheet, View, ActivityIndicator as RNActivityIndicator } from 'react-native';
+import React from 'react';
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { ActivityIndicatorProps, FCCWD } from '../../types';
 import { opacity } from '../../utilities';

src/components/Avatar/Avatar.tsx

@@ -1,4 +1,5 @@
 import { Image, View, Text } from 'react-native';
+import React from 'react';
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { AvatarProps, FCCWD } from '../../types';
 import { applyDefaults } from '../../core/KitraProvider';

src/components/Avatar/AvatarGroup.tsx

@@ -1,4 +1,5 @@
 import { View, Text } from 'react-native';
+import React from 'react';
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { AvatarGroupProps, FCCWD } from '../../types';
 import { applyDefaults } from '../../core/KitraProvider';

src/components/Badge/Badge.tsx

@@ -1,6 +1,6 @@
 import { Text, StyleSheet, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
-import { useState } from 'react';
+import React from 'react';
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { BadgeProps, FCCWD } from '../../types';
 import { applyDefaults } from '../../core/KitraProvider';
@@ -52,6 +52,7 @@ const Badge: FCCWD<BadgeProps> = (
       borderRadius: 3,
     },
   };
+
   return (
     <View style={[containerStyle, { backgroundColor: 'transparent', alignSelf: 'baseline' }]}>
       {visible ? (

src/components/CheckBox/CheckBox.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { StyleSheet, TouchableOpacity, TouchableOpacityProps } from 'react-native';
 import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import useComponentTheme from '../../core/hooks/useComponentTheme';

src/components/Chip/Chip.tsx

@@ -4,7 +4,6 @@ import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withTimin
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { ChipProps, FCCWD } from '../../types';
 import { applyDefaults } from '../../core/KitraProvider';
-import Icon from '../Icons/Icon';
 
 const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
 

src/components/Divider/Divider.tsx

@@ -1,4 +1,5 @@
 import { StyleSheet, View, ViewProps } from 'react-native';
+import React from 'react';
 import useComponentTheme from '../../core/hooks/useComponentTheme';
 import type { DividerProps, FCCWD } from '../../types';
 import { applyDefaults } from '../../core/KitraProvider';

src/components/Dropdown/Dropdown.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-unsafe-optional-chaining */
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Dimensions, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { ScrollView } from 'react-native-gesture-handler';