@janiscommerce/ui-native 1.10.2 → 1.11.0

package/dist/components/atoms/BaseInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextInput, TextInputProps } from 'react-native';
+interface BaseInputProps extends TextInputProps {
+    placeholder?: string;
+    onChangeText?: (text: string) => void;
+    style?: any;
+    textAlign?: 'center' | 'left' | 'right' | undefined;
+}
+declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<TextInput>>;
+export default BaseInput;

package/dist/components/atoms/BaseInput/index.js

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import { StyleSheet, TextInput } from 'react-native';
+import { palette } from '../../../theme/palette';
+import { moderateScale, scaledForDevice } from '../../../scale';
+const BaseInput = forwardRef(({ value, placeholder, onChangeText, style, textAlign, ...props }, ref) => {
+    const styles = StyleSheet.create({
+        input: {
+            padding: 0,
+            height: scaledForDevice(70, moderateScale),
+            borderColor: palette.primary.main,
+            borderWidth: 2,
+            borderRadius: 8,
+            fontSize: scaledForDevice(42, moderateScale),
+            backgroundColor: palette.white.light,
+            color: palette.black.main,
+        },
+    });
+    return (<TextInput style={[styles.input, style]} ref={ref} value={value} placeholder={placeholder} textAlign={textAlign || 'center'} onChangeText={onChangeText} selectionColor={palette.primary.main} placeholderTextColor={palette.grey[500]} {...props}/>);
+});
+export default BaseInput;

package/dist/components/molecules/Toast/index.js

@@ -59,8 +59,8 @@ const Toast = ({ type, text1, text2, style, props }) => {
             flexDirection: 'row',
             alignItems: 'center',
         },
-        closeIcon: {
-            paddingLeft: scaledForDevice(10, moderateScale),
+        closeIconWrapper: {
+            padding: scaledForDevice(10, moderateScale),
         },
         actionTitle: {
             marginRight: scaledForDevice(5, moderateScale),
@@ -70,6 +70,9 @@ const Toast = ({ type, text1, text2, style, props }) => {
             lineHeight: scaledForDevice(16, moderateScale),
             color: validColor,
         },
+        actionWrapper: {
+            padding: scaledForDevice(10, moderateScale),
+        },
     });
     return (<BaseToast type={type} style={[styles.container, style]}>
 			{showIcon && (<Icon name={selectedIconName} color={validColor} size={24} style={{ ...styles.icon, ...iconStyle }}/>)}
@@ -80,11 +83,11 @@ const Toast = ({ type, text1, text2, style, props }) => {
 			</View>
 
 			<View style={styles.feedbackWrapper}>
-				{actionTitle && (<TouchableOpacity onPress={handleActionCb} activeOpacity={0.6}>
+				{actionTitle && (<TouchableOpacity style={styles.actionWrapper} onPress={handleActionCb} activeOpacity={0.6}>
 						<Text style={styles.actionTitle}>{actionTitle}</Text>
 					</TouchableOpacity>)}
-				{showCloseIcon && (<TouchableOpacity onPress={handleCloseCb} activeOpacity={0.6}>
-						<Icon name="cross_light" color={validColor} size={24} style={styles.closeIcon}/>
+				{showCloseIcon && (<TouchableOpacity style={styles.closeIconWrapper} onPress={handleCloseCb} activeOpacity={0.6}>
+						<Icon name="cross_light" color={validColor} size={24}/>
 					</TouchableOpacity>)}
 			</View>
 		</BaseToast>);

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import Svg from './components/atoms/Svg';
 import SwipeUp from './components/atoms/SwipeUp';
 import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from './components/atoms/SwipeUp/childComponents';
 import Text from './components/atoms/Text';
+import BaseInput from './components/atoms/BaseInput';
 import Avatar from './components/molecules/Avatar';
 import Button from './components/molecules/Button';
 import Carousel from './components/molecules/Carousel';
@@ -27,4 +28,4 @@ import FullScreenMessage from './components/organisms/FullScreenMessage';
 import SwipeItemSelectionList from './components/organisms/SwipeItemSelectionList';
 import { palette } from './theme/palette';
 import * as getScale from './scale';
-export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, };
+export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, BaseInput, };

package/dist/index.js

@@ -12,6 +12,7 @@ import Svg from './components/atoms/Svg';
 import SwipeUp from './components/atoms/SwipeUp';
 import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from './components/atoms/SwipeUp/childComponents';
 import Text from './components/atoms/Text';
+import BaseInput from './components/atoms/BaseInput';
 // Molecules
 import Avatar from './components/molecules/Avatar';
 import Button from './components/molecules/Button';
@@ -31,4 +32,4 @@ import SwipeItemSelectionList from './components/organisms/SwipeItemSelectionLis
 // Misc
 import { palette } from './theme/palette';
 import * as getScale from './scale';
-export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, };
+export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, BaseInput, };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.10.2",
+	"version": "1.11.0",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",