ordering-ui-react-native 0.22.47-map → 0.22.47-release

package/themes/original/src/components/NavBar/index.tsx

@@ -1,141 +1,142 @@
-import * as React from 'react'
-import styled, { useTheme } from 'styled-components/native'
-import { OButton, OIcon, OText } from '../shared'
-import { Platform, TextStyle, ViewStyle, I18nManager, TouchableOpacity } from 'react-native'
-import AntDesignIcon from 'react-native-vector-icons/AntDesign'
-
-const TitleWrapper = styled.View`
-  flex-direction: column;
-  padding-horizontal: 10px;
-`
-const TitleTopWrapper = styled.View`
-  flex-direction: row;
-  align-items: center;
-`
-
-const btnBackArrow = {
-	borderWidth: 0,
-	backgroundColor: '#FFF',
-	borderColor: '#fff',
-	shadowColor: '#FFF',
-	paddingLeft: 30,
-	paddingRight: 30
-}
-
-interface Props {
-	navigation?: any,
-	route?: any,
-	title?: string,
-	subTitle?: any,
-	titleColor?: string,
-	titleAlign?: any,
-	withIcon?: boolean,
-	icon?: any,
-	leftImg?: any,
-	isBackStyle?: boolean,
-	onActionLeft?: () => void,
-	onRightAction?: () => void,
-	showCall?: boolean,
-	titleStyle?: TextStyle,
-	btnStyle?: TextStyle,
-	style?: ViewStyle,
-	titleWrapStyle?: ViewStyle,
-	paddingTop?: number,
-	isVertical?: boolean,
-	noMargin?: any
-	hideArrowLeft?: boolean
-	buttonProps?: any
-}
-
-const NavBar = (props: Props) => {
-
-	const theme = useTheme();
-
-	const Wrapper = styled.View`
-		background-color: ${theme.colors.white};
-		padding: 10px 20px 20px 0px;
-		flex-direction: row;
-		position: relative;
-	`
-
-	const goSupport = () => {
-		props.navigation.navigate('Supports', {});
-	}
-	return (
-		<Wrapper style={{ paddingTop: props.paddingTop, ...{ flexDirection: props.isVertical ? 'column' : 'row', alignItems: props.isVertical ? 'flex-start' : 'center' }, ...props.style }}>
-			{!props.hideArrowLeft && (
-				<OButton
-					{...props.buttonProps}
-					iconProps={{
-						name: 'arrowleft',
-						size: 26
-					}}
-					icon={AntDesignIcon}
-					imgRightSrc={null}
-					style={{ ...btnBackArrow, ...props.btnStyle, ...props.isVertical ? (I18nManager.isRTL ? { paddingRight: 0 } : { paddingLeft: 0 }) : {} }}
-					onClick={props?.onActionLeft}
-				/>
-			)}
-			<TitleTopWrapper>
-				{props.withIcon
-					? (
-						<OIcon
-							url={props.icon}
-							style={{
-								borderColor: theme.colors.lightGray,
-								borderRadius: 20,
-							}}
-							width={60}
-							height={60}
-						/>
-					)
-					: null
-				}
-				<TitleWrapper style={{ ...{ paddingHorizontal: props.isVertical ? 0 : 10 }, ...props.titleWrapStyle }}>
-					<OText
-						size={20}
-						weight={Platform.OS === 'ios' ? '600' : 'bold'}
-						style={
-							{
-								textAlign: props.titleAlign ? props.titleAlign : 'center',
-								marginRight: (props.showCall || !!props.noMargin) ? 0 : 40,
-								color: props.titleColor || theme.colors.textNormal,
-								paddingHorizontal: props.titleAlign == 'left' ? 12 : 0,
-								...props.titleStyle,
-							}
-						}
-					>
-						{props.title || ''}
-					</OText>
-					{props.subTitle
-						? (props.subTitle)
-						: null
-					}
-				</TitleWrapper>
-			</TitleTopWrapper>
-			{props.showCall
-				? (<OButton
-					isCircle={true}
-					bgColor={theme.colors.primary}
-					borderColor={theme.colors.primary}
-					imgRightSrc={null}
-					imgLeftStyle={{ tintColor: 'white', width: 30, height: 30 }}
-					imgLeftSrc={theme.images.general.support}
-					onClick={props.onRightAction || goSupport} />)
-				: null
-			}
-		</Wrapper>
-	)
-}
-
-NavBar.defaultProps = {
-	title: '',
-	textAlign: 'center'
-};
-
-const areEqual = (prevProps: { route?: any; }, nextProps: { route?: any; }) => {
-	return prevProps.route === nextProps.route
-	return true
-}
-
-export default React.memo(NavBar, areEqual);
+
+
+
+import * as React from 'react'
+import styled, { useTheme } from 'styled-components/native'
+import { OButton, OIcon, OText } from '../shared'
+import { Platform, TextStyle, ViewStyle, I18nManager, TouchableOpacity } from 'react-native'
+import AntDesignIcon from 'react-native-vector-icons/AntDesign'
+
+const TitleWrapper = styled.View`
+  flex-direction: column;
+  padding-horizontal: 10px;
+`
+const TitleTopWrapper = styled.View`
+  flex-direction: row;
+  align-items: center;
+`
+
+const btnBackArrow = {
+	borderWidth: 0,
+	backgroundColor: '#FFF',
+	borderColor: '#fff',
+	shadowColor: '#FFF',
+	paddingLeft: 30,
+	paddingRight: 30
+}
+
+interface Props {
+	navigation?: any,
+	route?: any,
+	title?: string,
+	subTitle?: any,
+	titleColor?: string,
+	titleAlign?: any,
+	withIcon?: boolean,
+	icon?: any,
+	leftImg?: any,
+	isBackStyle?: boolean,
+	onActionLeft?: () => void,
+	onRightAction?: () => void,
+	showCall?: boolean,
+	titleStyle?: TextStyle,
+	btnStyle?: TextStyle,
+	style?: ViewStyle,
+	titleWrapStyle?: ViewStyle,
+	paddingTop?: number,
+	isVertical?: boolean,
+	noMargin?: any
+	hideArrowLeft?: boolean
+}
+
+const NavBar = (props: Props) => {
+
+	const theme = useTheme();
+
+	const Wrapper = styled.View`
+		background-color: ${theme.colors.white};
+		padding: 10px 20px 20px 0px;
+		flex-direction: row;
+		position: relative;
+	`
+
+	const goSupport = () => {
+		props.navigation.navigate('Supports', {});
+	}
+	return (
+		<Wrapper style={{ paddingTop: props.paddingTop, ...{ flexDirection: props.isVertical ? 'column' : 'row', alignItems: props.isVertical ? 'flex-start' : 'center' }, ...props.style }}>
+			{!props.hideArrowLeft && (
+				<OButton
+					useArrow
+					iconProps={{
+						name: 'arrowleft',
+						size: 26
+					}}
+					icon={AntDesignIcon}
+					imgRightSrc={null}
+					style={{ ...btnBackArrow, ...props.btnStyle, ...props.isVertical ? (I18nManager.isRTL ? { paddingRight: 0 } : { paddingLeft: 0 }) : {} }}
+					onClick={props?.onActionLeft}
+				/>
+			)}
+			<TitleTopWrapper>
+				{props.withIcon
+					? (
+						<OIcon
+							url={props.icon}
+							style={{
+								borderColor: theme.colors.lightGray,
+								borderRadius: 20,
+							}}
+							width={60}
+							height={60}
+						/>
+					)
+					: null
+				}
+				<TitleWrapper style={{ ...{ paddingHorizontal: props.isVertical ? 0 : 10 }, ...props.titleWrapStyle }}>
+					<OText
+						size={20}
+						weight={Platform.OS === 'ios' ? '600' : 'bold'}
+						style={
+							{
+								textAlign: props.titleAlign ? props.titleAlign : 'center',
+								marginRight: (props.showCall || !!props.noMargin) ? 0 : 40,
+								color: props.titleColor || theme.colors.textNormal,
+								paddingHorizontal: props.titleAlign == 'left' ? 12 : 0,
+								...props.titleStyle,
+							}
+						}
+					>
+						{props.title || ''}
+					</OText>
+					{props.subTitle
+						? (props.subTitle)
+						: null
+					}
+				</TitleWrapper>
+			</TitleTopWrapper>
+			{props.showCall
+				? (<OButton
+					isCircle={true}
+					imgRightSrc={null}
+					imgLeftStyle={{ tintColor: 'white', width: 30, height: 30 }}
+					imgLeftSrc={theme.images.general.support}
+					onClick={props.onRightAction || goSupport} />)
+				: null
+			}
+		</Wrapper>
+	)
+}
+
+NavBar.defaultProps = {
+	title: '',
+	textAlign: 'center'
+};
+
+const areEqual = (prevProps: { route?: any, title?: string }, nextProps: { route?: any, title?: string }) => {
+	return prevProps.route === nextProps.route && 
+	JSON.stringify(prevProps.title) === JSON.stringify(nextProps.title)
+	return true
+}
+
+export default React.memo(NavBar, areEqual);

package/themes/original/src/components/NetworkError/index.tsx

@@ -1,62 +1,57 @@
-import React from 'react'
-import { useLanguage } from 'ordering-components/native'
-import { Dimensions } from 'react-native'
-import RNRestart from 'react-native-restart'
-import { OText, OIcon, OButton } from '../shared'
-import { useTheme } from 'styled-components/native'
-import { NoNetworkParams } from '../../types'
-import {
-  Container,
-  ImageContainer
-} from './styles'
-
-export const NetworkError = (props: NoNetworkParams) => {
-  const {
-    image
-  } = props
-  const theme = useTheme()
-  const [, t] = useLanguage()
-  const urlimage = theme?.no_internet?.components?.image
-  const noNetworkImage = image || theme.images.general.noNetwork
-  const deviceWidth = Dimensions.get('screen').width
-
-  return (
-    <Container>
-      <OText
-        color={theme.colors.textNormal}
-        size={20}
-        weight='700'
-        style={{ marginBottom: 14 }}
-      >
-        {t('MOBILE_NO_INTERNET', 'No internet connection')}
-      </OText>
-      <OText
-        color={theme.colors.textNormal}
-        size={14}
-      >
-        {t('NETWORK_OFFLINE_MESSAGE', 'Your connection appears to be off-line. Try to refresh the page')}
-      </OText>
-      <ImageContainer>
-        <OIcon
-          src={!urlimage && noNetworkImage}
-          url={urlimage}
-          width={(deviceWidth - 80) * 0.9}
-          height={(deviceWidth - 80) * 0.8}
-        />
-        <OButton
-          text={t('REFRESH', 'Refresh')}
-          bgColor={theme.colors.primary}
-          borderColor={theme.colors.primary}
-          style={{
-            borderRadius: 8,
-            marginTop: 45
-          }}
-          textStyle={{
-            color: theme.colors.white
-          }}
-          onClick={() => RNRestart.Restart()}
-        />
-      </ImageContainer>
-    </Container>
-  )
-}
+import React from 'react'
+import { useLanguage } from 'ordering-components/native'
+import { Dimensions } from 'react-native'
+import RNRestart from 'react-native-restart'
+import { OText, OIcon, OButton } from '../shared'
+import { useTheme } from 'styled-components/native'
+import { NoNetworkParams } from '../../types'
+import {
+  Container,
+  ImageContainer
+} from './styles'
+
+export const NetworkError = (props: NoNetworkParams) => {
+  const {
+    image
+  } = props
+  const theme = useTheme()
+  const [, t] = useLanguage()
+  const urlimage = theme?.no_internet?.components?.image
+  const noNetworkImage = image || theme.images.general.noNetwork
+  const deviceWidth = Dimensions.get('screen').width
+
+  return (
+    <Container>
+      <OText
+        color={theme.colors.textNormal}
+        size={20}
+        weight='700'
+        style={{ marginBottom: 14 }}
+      >
+        {t('MOBILE_NO_INTERNET', 'No internet connection')}
+      </OText>
+      <OText
+        color={theme.colors.textNormal}
+        size={14}
+      >
+        {t('NETWORK_OFFLINE_MESSAGE', 'Your connection appears to be off-line. Try to refresh the page')}
+      </OText>
+      <ImageContainer>
+        <OIcon
+          src={!urlimage && noNetworkImage}
+          url={urlimage}
+          width={(deviceWidth - 80) * 0.9}
+          height={(deviceWidth - 80) * 0.8}
+        />
+        <OButton
+          text={t('REFRESH', 'Refresh')}
+          style={{
+            borderRadius: 8,
+            marginTop: 45
+          }}
+          onClick={() => RNRestart.Restart()}
+        />
+      </ImageContainer>
+    </Container>
+  )
+}

package/themes/original/src/components/NetworkError/styles.tsx

@@ -1,11 +1,11 @@
-import styled from 'styled-components/native'
-
-export const Container = styled.View`
-  flex: 1;
-  padding: 20px;
-`
-export const ImageContainer = styled.View`
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-`
+import styled from 'styled-components/native'
+
+export const Container = styled.View`
+  flex: 1;
+  padding: 20px;
+`
+export const ImageContainer = styled.View`
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+`

package/themes/original/src/components/NotFoundSource/index.tsx

@@ -1,55 +1,52 @@
-import React from 'react'
-import { View } from 'react-native'
-import { OButton, OText } from '../shared'
-import { NotFoundSourceParams } from '../../types'
-import { useTheme } from 'styled-components/native';
-import Foundation from 'react-native-vector-icons/Foundation'
-import {
-	NotFound,
-	NotFoundImage
-} from './styles'
-
-export const NotFoundSource = (props: NotFoundSourceParams) => {
-	const {
-		hideImage,
-		content,
-		btnTitle,
-		btnStyle,
-		conditioned,
-		onClickButton
-	} = props
-
-	const theme = useTheme();
-
-	return (
-		<NotFound>
-			{!hideImage && (
-				<NotFoundImage>
-					<Foundation
-						name='page-search'
-						color={theme.colors.primary}
-						size={60}
-						style={{ marginBottom: 10 }}
-					/>
-				</NotFoundImage>
-			)}
-			{content && conditioned && <OText color={theme.colors.disabled} size={16} style={{ textAlign: 'center' }}>{content}</OText>}
-			{content && !conditioned && <OText color={theme.colors.disabled} size={16} style={{ textAlign: 'center' }}>{content}</OText>}
-			{!onClickButton && props.children && (
-				props.children
-			)}
-			{onClickButton && (
-				<View style={{ marginTop: 10, width: '100%' }}>
-					<OButton
-						style={{ width: '100%', height: 50, ...btnStyle }}
-						bgColor={theme.colors.primary}
-						borderColor={theme.colors.primary}
-						onClick={() => onClickButton()}
-						text={btnTitle}
-						textStyle={{ color: theme.colors.white }}
-					/>
-				</View>
-			)}
-		</NotFound>
-	)
-}
+import React from 'react'
+import { View } from 'react-native'
+import { OButton, OText } from '../shared'
+import { NotFoundSourceParams } from '../../types'
+import { useTheme } from 'styled-components/native';
+import Foundation from 'react-native-vector-icons/Foundation'
+import {
+	NotFound,
+	NotFoundImage
+} from './styles'
+
+export const NotFoundSource = (props: NotFoundSourceParams) => {
+	const {
+		hideImage,
+		content,
+		btnTitle,
+		btnStyle,
+		conditioned,
+		onClickButton
+	} = props
+
+	const theme = useTheme();
+
+	return (
+		<NotFound>
+			{!hideImage && (
+				<NotFoundImage>
+					<Foundation
+						name='page-search'
+						color={theme.colors.primary}
+						size={60}
+						style={{ marginBottom: 10 }}
+					/>
+				</NotFoundImage>
+			)}
+			{content && conditioned && <OText color={theme.colors.disabled} size={16} style={{ textAlign: 'center' }}>{content}</OText>}
+			{content && !conditioned && <OText color={theme.colors.disabled} size={16} style={{ textAlign: 'center' }}>{content}</OText>}
+			{!onClickButton && props.children && (
+				props.children
+			)}
+			{onClickButton && (
+				<View style={{ marginTop: 10, width: '100%' }}>
+					<OButton
+						style={{ width: '100%', height: 50, ...btnStyle }}
+						onClick={() => onClickButton()}
+						text={btnTitle}
+					/>
+				</View>
+			)}
+		</NotFound>
+	)
+}

package/themes/original/src/components/NotFoundSource/styles.tsx

@@ -1,16 +1,16 @@
-import styled from 'styled-components/native'
-
-export const NotFound = styled.View`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: auto;
-  margin: 10px auto;
-  padding: 10px;
-`
-
-export const NotFoundImage = styled.View`
-  max-width: 300px;
-`
+import styled from 'styled-components/native'
+
+export const NotFound = styled.View`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: auto;
+  margin: 10px auto;
+  padding: 10px;
+`
+
+export const NotFoundImage = styled.View`
+  max-width: 300px;
+`