@momo-kits/foundation 0.79.4 → 0.79.6-beta.1

package/Assets/language.json

@@ -0,0 +1,200 @@
+{
+  "vi": {
+    "seeMore": "Xem thêm",
+    "cancel": "Huỷ",
+    "done": "Xong",
+    "confirm": "Xác nhận",
+    "month": "tháng",
+    "day": "ngày",
+    "choose": "Chọn",
+    "sent": "Đã gửi",
+    "received": "Đã tiếp nhận",
+    "processing": "Đang xử lý",
+    "processed": "Đã xử lý",
+    "addImg": "Thêm hình",
+    "chooseBtn": "Chọn button",
+    "imgEg": "Hình ảnh tham khảo",
+    "filter": "Sắp xếp",
+    "shipping": "Đang giao hàng",
+    "men": "Nam",
+    "women": "Nữ",
+    "more": "Khác",
+    "expDate": "Ngày hết hạn",
+    "exp": "HSD",
+    "inActive": "Chưa kích hoạt",
+    "voucherRemindHour": "Hết hạn sau {hours} giờ",
+    "voucherRemindMinute": "Hết hạn sau {minutes} phút",
+    "voucherRemindSecond": "Hết hạn sau {seconds} giây",
+    "voucherRemindDay": "Hết hạn sau {days} ngày",
+    "chooseRoundtrip": "Chọn vé khứ hồi",
+    "depart": "Ngày đi",
+    "return": "Ngày về",
+    "departing": "Đi",
+    "returning": "Về",
+    "jan": "Tháng 1",
+    "feb": "Tháng 2",
+    "mar": "Tháng 3",
+    "apr": "Tháng 4",
+    "may": "Tháng 5",
+    "jun": "Tháng 6",
+    "jul": "Tháng 7",
+    "aug": "Tháng 8",
+    "sep": "Tháng 9",
+    "oct": "Tháng 10",
+    "nov": "Tháng 11",
+    "dec": "Tháng 12",
+    "mon": "T2",
+    "tue": "T3",
+    "wed": "T4",
+    "thu": "T5",
+    "fri": "T6",
+    "sat": "T7",
+    "sun": "CN",
+    "showLunar": "Hiển thị lịch âm",
+    "newYear": "Tết Dương lịch",
+    "valentine": "Ngày Lễ Tình nhân",
+    "womenDay": "Ngày Quốc tế Phụ nữ",
+    "liberationDay": "Ngày giải phóng Miền Nam thống nhất đất nước",
+    "laborDay": "Ngày Quốc tế Lao động",
+    "childrenDay": "Ngày Quốc tế Thiếu nhi",
+    "nationalDay": "Quốc khánh nước CHXHCN Việt Nam",
+    "womenDayVN": "Ngày Phụ nữ Việt Nam",
+    "teacherDay": "Ngày Nhà giáo Việt Nam",
+    "christmasEve": "Ngày Lễ Giáng Sinh",
+    "christmas": "Ngày Lễ Giáng Sinh",
+    "lunarNewYear": "Tết Nguyên Đán",
+    "hungKingDay": "Giỗ Tổ Hùng Vương",
+    "balance": "Số dư trong ví",
+    "chooseDate": "Chọn ngày tháng năm",
+    "year": "năm",
+    "hour": "giờ",
+    "minute": "phút",
+    "from": "Từ",
+    "to": "Đến",
+    "connected": "Đã kết nối",
+    "disconnected": "Mất kết nối",
+    "hide": "Ẩn",
+    "viewAllTitle": "Xem tất cả",
+    "headerTitle": "Lịch sử thanh toán",
+    "SHORTEN": "THU GỌN",
+    "viewMoreBank": "XEM THÊM (${otherItemCount} ngân hàng)",
+    "transaction_success": "Thành công",
+    "transaction_fail": "Thất bại",
+    "transaction_processing": "Đang xử lý",
+    "viewMore": "Xem thêm",
+    "shorten": "Thu gọn",
+    "Payment": "Thanh toán ${serviceName}",
+    "currencyUnit": "đ",
+    "Month": "Tháng",
+    "save": "Lưu",
+    "favoriteIn": "Thêm dịch vụ yêu thích",
+    "favoriteOut": "Xóa dịch vụ yêu thích",
+    "deviceIn": "Thêm vào thiết bị",
+    "setting": "Cài đặt",
+    "transaction": "Lịch sử giao dịch",
+    "share": "Chia sẽ dịch vụ",
+    "information": "Thông tin chung",
+    "tutorial": "Hướng dẫn sử dụng",
+    "question": "Câu hỏi thường gặp",
+    "support": "Trung tâm hỗ trợ"
+  },
+  "en": {
+    "seeMore": "See more",
+    "cancel": "Cancel",
+    "done": "Done",
+    "confirm": "Confirm",
+    "month": "month",
+    "day": "day",
+    "choose": "Choose",
+    "sent": "Sent",
+    "received": "Received",
+    "processing": "Processing",
+    "processed": "Done",
+    "addImg": "Add image",
+    "chooseBtn": "Choose button",
+    "imgEg": "Example images",
+    "filter": "Filter",
+    "shipping": "Shipping",
+    "men": "Men",
+    "women": "Women",
+    "more": "More",
+    "expDate": "Expiration date",
+    "exp": "EXP",
+    "inActive": "Not Activated",
+    "voucherRemindHour": "Revoke after {hours} hours",
+    "voucherRemindMinute": "Revoke after {minutes} minutes",
+    "voucherRemindSecond": "Revoke after {seconds} seconds",
+    "voucherRemindDay": "Revoke after {days} days",
+    "chooseRoundtrip": "Choose roundtrip ticket",
+    "depart": "Departing",
+    "return": "Returning",
+    "departing": "De",
+    "returning": "Re",
+    "jan": "January",
+    "feb": "February",
+    "mar": "March",
+    "apr": "April",
+    "may": "May",
+    "jun": "June",
+    "jul": "July",
+    "aug": "August",
+    "sep": "September",
+    "oct": "October",
+    "nov": "November",
+    "dec": "December",
+    "mon": "Mon",
+    "tue": "Tue",
+    "wed": "Wed",
+    "thu": "Thu",
+    "fri": "Fri",
+    "sat": "Sat",
+    "sun": "Sun",
+    "showLunar": "Show Lunar Calendar",
+    "newYear": "New Year's Day",
+    "valentine": "Valentine's Day",
+    "womenDay": "International Women's Day",
+    "liberationDay": "Liberation Day",
+    "laborDay": "Internation Labor's Day",
+    "childrenDay": "International Labor's Day",
+    "nationalDay": "National Day",
+    "womenDayVN": "Vietnamese Women's Day",
+    "teacherDay": "Teacher's Day",
+    "christmasEve": "Christmas Eve",
+    "christmas": "Christmas Day",
+    "lunarNewYear": "Lunar New Year",
+    "hungKingDay": "Hung Kings' Festival",
+    "balance": "Wallet Balance",
+    "chooseDate": "Choose date",
+    "year": "year",
+    "hour": "hour",
+    "minute": "minute",
+    "from": "From",
+    "to": "To",
+    "connected": "Connected",
+    "disconnected": "Disconnected",
+    "hide": "Hide",
+    "viewAllTitle": "View all",
+    "headerTitle": "Transaction history",
+    "SHORTEN": "SHORTEN",
+    "viewMoreBank": "VIEW MORE (${otherItemCount} banks)",
+    "transaction_success": "Success",
+    "transaction_fail": "Fail",
+    "transaction_processing": "Processing",
+    "viewMore": "View more",
+    "shorten": "Shorten",
+    "Payment": "${serviceName} payment",
+    "currencyUnit": "VND",
+    "Month": "Month",
+    "save": "Save",
+    "favoriteIn": "Add to favorite services",
+    "favoriteOut": "Remove to favorite services",
+    "deviceIn": "Add to device",
+    "setting": "Settings",
+    "transaction": "Transaction History",
+    "share": "Share",
+    "information": "Information",
+    "tutorial": "Instruction",
+    "question": "FAQ",
+    "support": "Support center"
+  }
+}

package/Button/index.tsx

@@ -8,7 +8,7 @@ import {
 import {ApplicationContext} from '../Application';
 import {Text} from '../Text';
 import {Typography} from '../Text/types';
-import {Colors} from '../Consts';
+import {Colors, Spacing} from '../Consts';
 import styles from './styles';
 import {Icon} from '../Icon';
 import {Loader} from '../Loader';
@@ -207,11 +207,27 @@ const Button: FC<ButtonProps> = ({
    * render leading
    */
   const renderLeading = () => {
-    if (iconLeft) {
-      const iconSize = getIconSize();
-      const marginRight = getIconSpace();
-      const color = useTintColor ? getTextColor() : undefined;
+    const iconSize = getIconSize();
+    const marginRight = getIconSpace();
+    const color = useTintColor ? getTextColor() : undefined;
 
+    if (loading) {
+      return (
+        <View
+          style={[
+            styles.trailing,
+            {
+              width: iconSize,
+              height: iconSize,
+              marginRight,
+              borderRadius: Spacing.M,
+            },
+          ]}>
+          <Loader type="spinner" color={color} />
+        </View>
+      );
+    }
+    if (iconLeft) {
       return (
         <View
           style={[
@@ -228,21 +244,9 @@ const Button: FC<ButtonProps> = ({
    * render trailing
    */
   const renderTrailing = () => {
-    const marginLeft = getIconSpace();
     const color = useTintColor ? getTextColor() : undefined;
-    if (loading) {
-      const iconSize = getIconSize();
-      const color = getTextColor();
-      return (
-        <View
-          style={[
-            styles.trailing,
-            {width: iconSize, height: iconSize, marginLeft},
-          ]}>
-          <Loader type="spinner" color={color} />
-        </View>
-      );
-    }
+    const marginLeft = getIconSpace();
+
     if (iconRight) {
       const iconSize = getIconSize();
       return (

package/Input/Input.tsx

@@ -13,6 +13,7 @@ import {InputProps} from './index';
 import {Icon} from '../Icon';
 import {checkTyping} from './utils';
 import {Loader} from '../Loader';
+import {Image} from '../Image';
 
 const Input = forwardRef(
   (
@@ -33,6 +34,7 @@ const Input = forwardRef(
       required,
       errorSpacing,
       loading,
+      image,
       ...props
     }: InputProps,
     ref,
@@ -76,6 +78,7 @@ const Input = forwardRef(
       let textColor = theme.colors.text.default;
       let placeholderColor = theme.colors.text.hint;
       let iconTintColor = iconColor;
+      const imageStyle = size === 'small' ? styles.imageSmall : styles.image;
 
       if (disabled) {
         textColor = disabledColor;
@@ -99,6 +102,7 @@ const Input = forwardRef(
             floatingIcon={floatingIcon}
           />
           <View style={styles.inputView}>
+            {!!image && <Image style={imageStyle} source={{uri: image}} />}
             <TextInput
               {...props}
               accessibilityLabel={`TextInput`}

package/Input/index.tsx

@@ -64,6 +64,8 @@ export interface InputProps extends TextInputProps {
    *  If true, the icon of input will use be show indicator loading.
    */
   loading?: boolean;
+
+  image?: string;
 }
 
 type InputPropsWithoutSizeAndIcon = Omit<

package/Input/styles.ts

@@ -5,7 +5,7 @@ import {scaleSize} from '../Text';
 export default StyleSheet.create({
   //input style
   input: {
-    width: '100%',
+    flex: 1,
     paddingLeft: Spacing.M,
     height: '100%',
     fontSize: scaleSize(15),
@@ -38,8 +38,21 @@ export default StyleSheet.create({
     marginTop: Spacing.XS,
   },
   inputView: {
-    justifyContent: 'space-between',
     flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  image: {
+    width: 32,
+    height: 32,
+    marginLeft: Spacing.M,
+    borderRadius: Radius.XS,
+  },
+  imageSmall: {
+    width: 24,
+    height: 24,
+    marginLeft: Spacing.M,
+    borderRadius: Radius.XS,
   },
   iconView: {
     flexDirection: 'row',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.79.4",
+    "version": "0.79.6-beta.1",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {