@momo-kits/foundation 0.115.2-beta.12 → 0.115.3-beta.1

package/Application/BottomSheet.tsx

@@ -18,9 +18,6 @@ import {Text} from '../Text';
 import {Icon} from '../Icon';
 import {useHeaderHeight} from '@react-navigation/stack';
 import Animated, {Easing, Extrapolate} from 'react-native-reanimated';
-import {Keyboard, LayoutAnimation} from 'react-native';
-import {useState} from 'react';
-import {ScrollView} from 'react-native-gesture-handler';
 
 const BottomSheet: React.FC<BottomSheetParams> = props => {
   const {theme, navigator} = useContext(ApplicationContext);
@@ -29,26 +26,6 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
   const insets = useSafeAreaInsets();
   const heightHeader = useHeaderHeight();
   const keyboardOffset = heightHeader - Math.min(insets.bottom, 21);
-  const [keyboardHeight, setKeyboardHeight] = useState(0);
-
-  useEffect(() => {
-    const onKeyboardShow = (e: any) => {
-      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-      setKeyboardHeight(e.endCoordinates.height);
-    };
-    const onKeyboardHide = () => {
-      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-      setKeyboardHeight(0);
-    };
-
-    const showSub = Keyboard.addListener('keyboardDidShow', onKeyboardShow);
-    const hideSub = Keyboard.addListener('keyboardDidHide', onKeyboardHide);
-
-    return () => {
-      showSub.remove();
-      hideSub.remove();
-    };
-  }, []);
 
   const {
     screen: Screen,
@@ -239,14 +216,9 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
         <Animated.View
           style={{
             transform: [{translateY}],
-            maxHeight: keyboardHeight > 0 ? heightDevice / 2 : undefined,
           }}>
           {renderHeader()}
-          <ScrollView
-            scrollEnabled={keyboardHeight > 0 ? true : false}
-            keyboardShouldPersistTaps="handled"
-            contentContainerStyle={{flexGrow: 1}}
-            style={{backgroundColor: backgroundColor}}>
+          <View style={{backgroundColor: backgroundColor}}>
             <Screen
               {...props}
               {...props.route.params}
@@ -255,7 +227,7 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
             {useBottomInset && (
               <View style={{height: Math.min(insets.bottom, 21)}} />
             )}
-          </ScrollView>
+          </View>
         </Animated.View>
       </KeyboardAvoidingView>
     </Container>

package/Divider/DashDivider.tsx

@@ -0,0 +1,45 @@
+import React, {useContext} from 'react';
+import {View, ViewStyle} from 'react-native';
+import {ApplicationContext} from '../Application';
+import {Spacing} from '../Consts';
+import Svg, {Line} from 'react-native-svg';
+
+export interface DashDividerProps {
+  /**
+   * Custom styles for dash divider
+   */
+  style?: ViewStyle;
+}
+
+const DashDivider: React.FC<DashDividerProps> = ({style}) => {
+  const {theme} = useContext(ApplicationContext);
+  const borderColor = theme.colors.border.default;
+
+  return (
+    <View
+      style={[
+        {
+          width: '100%',
+          height: 1,
+          marginVertical: Spacing.XS,
+        },
+        style,
+      ]}>
+      <Svg height="1" width="100%">
+        <Line
+          x1="0"
+          y1="0"
+          x2="100%"
+          y2="0"
+          stroke={borderColor}
+          strokeWidth="1"
+          strokeDasharray={`4, 4`}
+          strokeLinecap={'round'}
+          strokeLinejoin={'miter'}
+        />
+      </Svg>
+    </View>
+  );
+};
+
+export {DashDivider};

package/Divider/index.tsx

@@ -1,21 +1,37 @@
 import React, {useContext} from 'react';
-import {View} from 'react-native';
+import {View, ViewStyle} from 'react-native';
 import {ApplicationContext} from '../Application';
 import {Spacing} from '../Consts';
+import {DashDivider} from './DashDivider';
 
-const Divider = () => {
+export interface DividerProps {
+  /**
+   * Custom styles for divider
+   */
+  style?: ViewStyle;
+
+  /**
+   * Enable margin vertical 4px
+   */
+  useMargin?: boolean;
+}
+
+const Divider: React.FC<DividerProps> = ({style, useMargin = true}) => {
   const {theme} = useContext(ApplicationContext);
 
   return (
     <View
-      style={{
-        height: 1,
-        width: '100%',
-        backgroundColor: theme.colors.border.default,
-        marginVertical: Spacing.XS,
-      }}
+      style={[
+        style,
+        {
+          height: 1,
+          width: '100%',
+          backgroundColor: theme.colors.border.default,
+          marginVertical: useMargin ? Spacing.XS : 0,
+        },
+      ]}
     />
   );
 };
 
-export {Divider};
+export {Divider, DashDivider};

package/Input/InputMoney.tsx

@@ -97,10 +97,10 @@ const InputMoney = forwardRef(
     };
 
     const onClearText = () => {
-      inputRef?.current?.clear();
       setDisplayValue('');
       setNumericValue('');
       onChangeText?.('');
+      inputRef?.current?.focus();
     };
 
     const _onChangeText = (text: string) => {
@@ -113,8 +113,7 @@ const InputMoney = forwardRef(
 
       if (text.length < lastDisplayValue.length) {
         const lastChar = lastDisplayValue.charAt(lastDisplayValue.length - 1);
-        const isRemovingCurrency =
-          lastDisplayValue.endsWith(currency) || lastChar === ' ';
+        const isRemovingCurrency = lastDisplayValue.endsWith(currency) || lastChar === ' ';
         const isRemovingDot = lastChar === '.';
 
         if (isRemovingCurrency || isRemovingDot) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.115.2-beta.12",
+  "version": "0.115.3-beta.1",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},
@@ -20,7 +20,8 @@
     "@react-navigation/routers": "5.7.4",
     "react-native-reanimated": "git+https://gitlab.mservice.com.vn/momo-platform/react-native-reanimated.git#v1.13.4_gradle_7",
     "lottie-react-native": "git+https://gitlab.mservice.com.vn/momo-platform/momo-lottie-react-native.git",
-    "@react-navigation/stack": "https://gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
+    "@react-navigation/stack": "https://gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git",
+    "react-native-svg": "git+https://gitlab.mservice.com.vn/momo-platform/react-native-svg.git#v12.1.0.public_fix_not_found_bounds_ios"
   },
   "peerDependencies": {
     "react-native": "*"