@momo-kits/foundation 0.92.8-rc.7 → 0.92.8-rc.8

package/Input/InputMoney.tsx

@@ -1,6 +1,7 @@
 import React, {
   forwardRef,
   useContext,
+  useEffect,
   useImperativeHandle,
   useRef,
   useState,
@@ -40,6 +41,7 @@ const InputMoney = forwardRef(
       defaultValue = '',
       accessibilityLabel,
       hintText,
+      value: _value,
       ...props
     }: InputMoneyProps,
     ref,
@@ -48,6 +50,13 @@ const InputMoney = forwardRef(
     const [focused, setFocused] = useState(false);
     const inputRef = useRef<TextInput>(null);
 
+    useEffect(() => {
+      if (_value) {
+        setValue(validateText(_value));
+        onChangeText?.(formatMoneyToNumber(_value, 'đ').toString());
+      }
+    }, [_value]);
+
     const validateText = (text: string) => {
       const valueFormat = formatMoneyToNumber(text, 'đ');
       return formatNumberToMoney(valueFormat, 'đ');

package/Input/index.tsx

@@ -105,14 +105,8 @@ export interface InputProps extends TextInputProps {
   hintText?: string;
 }
 
-type InputPropsWithoutSizeAndIcon = Omit<
-  InputProps,
-  'size' | 'icon' | 'iconColor'
->;
-
-type InputPropsWithoutPlaceholder = Omit<InputProps, 'placeholder'>;
-
-export interface InputTextAreaProps extends InputPropsWithoutSizeAndIcon {
+export interface InputTextAreaProps
+  extends Omit<InputProps, 'size' | 'icon' | 'iconColor'> {
   /**
    * Optional. Defines the height of the InputTextArea component.
    * It can be used to set a specific height for the text area.
@@ -152,11 +146,12 @@ export interface InputSearchProps extends TextInputProps {
   params?: any;
 }
 
-export interface InputMoneyProps extends InputPropsWithoutPlaceholder {}
+export interface InputMoneyProps extends Omit<InputProps, 'placeholder'> {}
 
 export type OTPInputLength = 2 | 4 | 6 | 8 | 10;
 
-export interface InputOTPProps extends InputPropsWithoutSizeAndIcon {
+export interface InputOTPProps
+  extends Omit<InputProps, 'size' | 'icon' | 'iconColor'> {
   /**
    * Optional. Defines the length of the OTP (One Time Password) input.
    * Can be 2, 4, 6, 8, or 10.

package/Title/index.tsx

@@ -143,8 +143,14 @@ const Title: FC<TitleProps> = ({
   const renderActionRight = () => {
     if (!showRightAction || showTrailingAction) return false;
 
+    const lineHeight = styleSheet[typography].lineHeight;
+
     return (
-      <View>
+      <View
+        style={{
+          height: lineHeight,
+          justifyContent: 'center',
+        }}>
         {!buttonTitle ? (
           <TouchableOpacity
             onPress={onPressRightAction}
@@ -174,7 +180,6 @@ const Title: FC<TitleProps> = ({
   if (textOnly) {
     return (
       <View style={isSection && styles.margin}>
-        zZ
         <RNText
           numberOfLines={numberOfLines}
           style={[styleSheet[typography], styles.title]}>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.8-rc.7",
+    "version": "0.92.8-rc.8",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},