ordering-ui-react-native 0.24.16 → 0.24.18

package/themes/single-business/src/components/shared/OLink.tsx

@@ -1,80 +1,80 @@
-import * as React from 'react';
-import { Alert, Linking, Pressable, TextStyle } from 'react-native';
-import { useLanguage } from 'ordering-components/native';
-import OText from './OText';
-import OButton from './OButton';
-
-interface Props {
-  url: string | undefined;
-  shorcut?: string;
-  color?: string;
-  PressStyle?: TextStyle;
-  TextStyle?: TextStyle;
-  type?: string;
-  hasButton?: boolean;
-  children?: any;
-}
-
-const OLink = (props: Props): React.ReactElement => {
-  const { url, shorcut, color, PressStyle, TextStyle, type, hasButton, children } = props;
-  const [, t] = useLanguage();
-
-  const handleAlert = () =>
-    Alert.alert(
-      t('ERROR_OPENING_THE_LINK', 'Error opening the link'),
-      t('LINK_UNSUPPORTED', 'Link could not be opened or is not supported'),
-      [
-        {
-          text: t('OK', 'Ok'),
-        },
-      ],
-    );
-
-  const handleOpenUrl = async (breakFunction = false) => {
-    if(breakFunction) {
-      return
-    }
-    if (!url) {
-      handleAlert();
-      return;
-    }
-
-    try {
-      const supported = await Linking.canOpenURL(url);
-
-      if (supported) {
-        await Linking.openURL(url);
-      } else {
-        handleAlert();
-      }
-    } catch (err) {
-      handleAlert();
-    }
-  };
-
-  return (
-    <Pressable style={PressStyle} onPress={() => handleOpenUrl(hasButton)}>
-      {children}
-      {!children && (
-        hasButton ? (
-          <OButton
-            onClick={() => handleOpenUrl()}
-            text={shorcut} imgRightSrc=''
-            textStyle={{color: 'white'}}
-            style={{width: '100%', alignSelf: 'center', borderRadius: 10}}
-          />
-        ) : (
-        <OText
-          style={TextStyle}
-          numberOfLines={1}
-          ellipsizeMode="tail"
-          color={color}>
-          {shorcut}
-        </OText>
-        )
-      )}
-    </Pressable>
-  );
-};
-
-export default OLink;
+import * as React from 'react';
+import { Alert, Linking, Pressable, TextStyle } from 'react-native';
+import { useLanguage } from 'ordering-components/native';
+import OText from './OText';
+import OButton from './OButton';
+
+interface Props {
+  url: string | undefined;
+  shorcut?: string;
+  color?: string;
+  PressStyle?: TextStyle;
+  TextStyle?: TextStyle;
+  type?: string;
+  hasButton?: boolean;
+  children?: any;
+}
+
+const OLink = (props: Props): React.ReactElement => {
+  const { url, shorcut, color, PressStyle, TextStyle, type, hasButton, children } = props;
+  const [, t] = useLanguage();
+
+  const handleAlert = () =>
+    Alert.alert(
+      t('ERROR_OPENING_THE_LINK', 'Error opening the link'),
+      t('LINK_UNSUPPORTED', 'Link could not be opened or is not supported'),
+      [
+        {
+          text: t('OK', 'Ok'),
+        },
+      ],
+    );
+
+  const handleOpenUrl = async (breakFunction = false) => {
+    if(breakFunction) {
+      return
+    }
+    if (!url) {
+      handleAlert();
+      return;
+    }
+
+    try {
+      const supported = await Linking.canOpenURL(url);
+
+      if (supported) {
+        await Linking.openURL(url);
+      } else {
+        handleAlert();
+      }
+    } catch (err) {
+      handleAlert();
+    }
+  };
+
+  return (
+    <Pressable style={PressStyle} onPress={() => handleOpenUrl(hasButton)}>
+      {children}
+      {!children && (
+        hasButton ? (
+          <OButton
+            onClick={() => handleOpenUrl()}
+            text={shorcut} imgRightSrc=''
+            textStyle={{color: 'white'}}
+            style={{width: '100%', alignSelf: 'center', borderRadius: 10}}
+          />
+        ) : (
+        <OText
+          style={TextStyle}
+          numberOfLines={1}
+          ellipsizeMode="tail"
+          color={color}>
+          {shorcut}
+        </OText>
+        )
+      )}
+    </Pressable>
+  );
+};
+
+export default OLink;

package/themes/single-business/src/components/shared/OModal.tsx

@@ -1,172 +1,172 @@
-import * as React from 'react';
-import { Modal, StyleSheet, Text, SafeAreaView, View, TouchableOpacity } from "react-native";
-import { OIcon } from '.';
-import { useTheme } from 'styled-components/native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-
-interface Props {
-	open?: boolean;
-	title?: string;
-	children?: any;
-	onAccept?: any;
-	onCancel?: any;
-	onClose?: any;
-	style?: any;
-	acceptText?: string;
-	cancelText?: string;
-	isTransparent?: boolean;
-	hideCloseDefault?: boolean;
-	entireModal?: boolean;
-	customClose?: boolean;
-	titleSectionStyle?: any;
-	isNotDecoration?: boolean;
-	styleCloseButton?: any
-}
-
-const OModal = (props: Props): React.ReactElement => {
-	const {
-		open,
-		title,
-		children,
-		onAccept,
-		onCancel,
-		onClose,
-		acceptText,
-		cancelText,
-		isTransparent,
-		hideCloseDefault,
-		entireModal,
-		customClose,
-		titleSectionStyle,
-		isNotDecoration,
-		style,
-		styleCloseButton
-	} = props
-
-	const theme = useTheme();
-	const { top } = useSafeAreaInsets();
-
-	return (
-		<Modal
-			animationType="slide"
-			transparent={isTransparent}
-			visible={open}
-			onRequestClose={() => onClose()}
-			style={{ height: '100%', flex: 1, position: 'absolute', ...style, zIndex: 9999 }}
-		>
-			<SafeAreaView style={styles.container}>
-				{!entireModal ? (
-					<View style={styles.centeredView}>
-						<View style={titleSectionStyle ? titleSectionStyle : styles.titleSection}>
-							<TouchableOpacity style={styles.wrapperIcon} onPress={onClose}>
-								<OIcon
-									src={theme.images.general.close}
-									width={16}
-									style={isNotDecoration && (styleCloseButton || styles.cancelBtn)}
-								/>
-							</TouchableOpacity>
-							<Text style={styles.modalText}>{title || ''}</Text>
-						</View>
-						{children}
-					</View>
-				) :
-					<View>
-						{!customClose && (
-							<View style={titleSectionStyle ? titleSectionStyle : styles.titleSection}>
-								<TouchableOpacity style={styles.wrapperIcon} onPress={onClose}>
-									<OIcon
-										src={theme.images.general.close}
-										width={16}
-										style={styleCloseButton || styles.cancelBtn}
-									/>
-								</TouchableOpacity>
-								<Text style={styles.modalText}>{title || ''}</Text>
-							</View>
-						)}
-						{children}
-					</View>
-				}
-			</SafeAreaView>
-		</Modal>
-	);
-};
-
-const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-	},
-	centeredView: {
-		justifyContent: "center",
-		alignItems: 'flex-start',
-		position: 'relative',
-		width: '100%',
-	},
-	titleSection: {
-		width: '100%',
-		flex: 1,
-		justifyContent: 'space-between',
-		alignItems: 'flex-start',
-		paddingLeft: 40,
-		paddingRight: 40,
-		marginBottom: 40
-	},
-	cancelBtn: {
-		//  position: 'absolute',
-		//  left: 0,
-		//  margin: 15,
-		// zIndex: 10000
-	},
-	modalText: {
-		marginTop: 15,
-		fontSize: 20,
-		lineHeight: 30,
-		fontWeight: '600',
-		textAlign: "center",
-		zIndex: 10
-	},
-	wrapperIcon: {
-		overflow: 'hidden',
-		backgroundColor: 'transparent',
-		width: 35,
-		height: 35,
-		marginStart: -4,
-		marginTop: 12,
-		alignItems: 'center',
-		justifyContent: 'center',
-		zIndex: 99999
-	},
-
-	modalView: {
-		margin: 20,
-		backgroundColor: "white",
-		borderRadius: 20,
-		padding: 35,
-		alignItems: "center",
-		shadowColor: "#000",
-		shadowOffset: {
-			width: 0,
-			height: 2
-		},
-		shadowOpacity: 0.25,
-		shadowRadius: 4,
-		elevation: 5
-	},
-	button: {
-		borderRadius: 20,
-		padding: 10,
-		elevation: 2
-	},
-	buttonOpen: {
-		backgroundColor: "#F194FF",
-	},
-	buttonClose: {
-		backgroundColor: "#2196F3",
-	},
-	textStyle: {
-		color: "white",
-		fontWeight: "bold",
-		textAlign: "center"
-	},
-});
-
-export default OModal;
+import * as React from 'react';
+import { Modal, StyleSheet, Text, SafeAreaView, View, TouchableOpacity } from "react-native";
+import { OIcon } from '.';
+import { useTheme } from 'styled-components/native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+interface Props {
+	open?: boolean;
+	title?: string;
+	children?: any;
+	onAccept?: any;
+	onCancel?: any;
+	onClose?: any;
+	style?: any;
+	acceptText?: string;
+	cancelText?: string;
+	isTransparent?: boolean;
+	hideCloseDefault?: boolean;
+	entireModal?: boolean;
+	customClose?: boolean;
+	titleSectionStyle?: any;
+	isNotDecoration?: boolean;
+	styleCloseButton?: any
+}
+
+const OModal = (props: Props): React.ReactElement => {
+	const {
+		open,
+		title,
+		children,
+		onAccept,
+		onCancel,
+		onClose,
+		acceptText,
+		cancelText,
+		isTransparent,
+		hideCloseDefault,
+		entireModal,
+		customClose,
+		titleSectionStyle,
+		isNotDecoration,
+		style,
+		styleCloseButton
+	} = props
+
+	const theme = useTheme();
+	const { top } = useSafeAreaInsets();
+
+	return (
+		<Modal
+			animationType="slide"
+			transparent={isTransparent}
+			visible={open}
+			onRequestClose={() => onClose()}
+			style={{ height: '100%', flex: 1, position: 'absolute', ...style, zIndex: 9999 }}
+		>
+			<SafeAreaView style={styles.container}>
+				{!entireModal ? (
+					<View style={styles.centeredView}>
+						<View style={titleSectionStyle ? titleSectionStyle : styles.titleSection}>
+							<TouchableOpacity style={styles.wrapperIcon} onPress={onClose}>
+								<OIcon
+									src={theme.images.general.close}
+									width={16}
+									style={isNotDecoration && (styleCloseButton || styles.cancelBtn)}
+								/>
+							</TouchableOpacity>
+							<Text style={styles.modalText}>{title || ''}</Text>
+						</View>
+						{children}
+					</View>
+				) :
+					<View>
+						{!customClose && (
+							<View style={titleSectionStyle ? titleSectionStyle : styles.titleSection}>
+								<TouchableOpacity style={styles.wrapperIcon} onPress={onClose}>
+									<OIcon
+										src={theme.images.general.close}
+										width={16}
+										style={styleCloseButton || styles.cancelBtn}
+									/>
+								</TouchableOpacity>
+								<Text style={styles.modalText}>{title || ''}</Text>
+							</View>
+						)}
+						{children}
+					</View>
+				}
+			</SafeAreaView>
+		</Modal>
+	);
+};
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+	},
+	centeredView: {
+		justifyContent: "center",
+		alignItems: 'flex-start',
+		position: 'relative',
+		width: '100%',
+	},
+	titleSection: {
+		width: '100%',
+		flex: 1,
+		justifyContent: 'space-between',
+		alignItems: 'flex-start',
+		paddingLeft: 40,
+		paddingRight: 40,
+		marginBottom: 40
+	},
+	cancelBtn: {
+		//  position: 'absolute',
+		//  left: 0,
+		//  margin: 15,
+		// zIndex: 10000
+	},
+	modalText: {
+		marginTop: 15,
+		fontSize: 20,
+		lineHeight: 30,
+		fontWeight: '600',
+		textAlign: "center",
+		zIndex: 10
+	},
+	wrapperIcon: {
+		overflow: 'hidden',
+		backgroundColor: 'transparent',
+		width: 35,
+		height: 35,
+		marginStart: -4,
+		marginTop: 12,
+		alignItems: 'center',
+		justifyContent: 'center',
+		zIndex: 99999
+	},
+
+	modalView: {
+		margin: 20,
+		backgroundColor: "white",
+		borderRadius: 20,
+		padding: 35,
+		alignItems: "center",
+		shadowColor: "#000",
+		shadowOffset: {
+			width: 0,
+			height: 2
+		},
+		shadowOpacity: 0.25,
+		shadowRadius: 4,
+		elevation: 5
+	},
+	button: {
+		borderRadius: 20,
+		padding: 10,
+		elevation: 2
+	},
+	buttonOpen: {
+		backgroundColor: "#F194FF",
+	},
+	buttonClose: {
+		backgroundColor: "#2196F3",
+	},
+	textStyle: {
+		color: "white",
+		fontWeight: "bold",
+		textAlign: "center"
+	},
+});
+
+export default OModal;

package/themes/single-business/src/components/shared/OText.tsx

@@ -1,52 +1,52 @@
-import * as React from 'react';
-import {TextStyle} from 'react-native';
-import styled, {css} from 'styled-components/native';
-
-const SText = styled.Text`
-  color: ${(props: any) => props.color || 'black'};
-  font-family: 'Poppins-Regular';
-  font-size: ${(props: any) => (props.size ? `${props.size}px` : '14px')};
-  flex-wrap: wrap;
-  margin-bottom: ${(props: any) =>
-    props.hasBottom ? '10px' : props.mBottom ? `${props.mBottom}px` : 0};
-  margin-right: ${(props: any) =>
-    props.hasBottom ? '10px' : props.mRight ? `${props.mRight}px` : 0};
-  margin-left: ${(props: any) =>
-    props.hasBottom ? '10px' : props.mLeft ? `${props.mLeft}px` : 0};
-  ${(props: any) =>
-    props.weight &&
-    css`
-      font-weight: ${props.weight};
-    `};
-  ${(props: any) =>
-    props.isWrap &&
-    css`
-      flex: ${props.weight ? 1 : 0};
-    `};
-`;
-interface Props {
-  color?: string;
-  size?: number;
-  weight?: any;
-  style?: TextStyle;
-  children?: JSX.Element | JSX.Element[] | string;
-  isWrap?: boolean;
-  hasBottom?: boolean;
-  mBottom?: any;
-  space?: any;
-  mRight?: number;
-  mLeft?: number;
-  numberOfLines?: number;
-  ellipsizeMode?: string;
-  lineHeight?: number;
-}
-
-const OText = (props: Props): React.ReactElement => {
-  return (
-    <SText {...props} style={{...props.style, lineHeight: props.lineHeight}}>
-      {props.children}{props.space && ' '}
-    </SText>
-  );
-};
-
-export default OText;
+import * as React from 'react';
+import {TextStyle} from 'react-native';
+import styled, {css} from 'styled-components/native';
+
+const SText = styled.Text`
+  color: ${(props: any) => props.color || 'black'};
+  font-family: 'Poppins-Regular';
+  font-size: ${(props: any) => (props.size ? `${props.size}px` : '14px')};
+  flex-wrap: wrap;
+  margin-bottom: ${(props: any) =>
+    props.hasBottom ? '10px' : props.mBottom ? `${props.mBottom}px` : 0};
+  margin-right: ${(props: any) =>
+    props.hasBottom ? '10px' : props.mRight ? `${props.mRight}px` : 0};
+  margin-left: ${(props: any) =>
+    props.hasBottom ? '10px' : props.mLeft ? `${props.mLeft}px` : 0};
+  ${(props: any) =>
+    props.weight &&
+    css`
+      font-weight: ${props.weight};
+    `};
+  ${(props: any) =>
+    props.isWrap &&
+    css`
+      flex: ${props.weight ? 1 : 0};
+    `};
+`;
+interface Props {
+  color?: string;
+  size?: number;
+  weight?: any;
+  style?: TextStyle;
+  children?: JSX.Element | JSX.Element[] | string;
+  isWrap?: boolean;
+  hasBottom?: boolean;
+  mBottom?: any;
+  space?: any;
+  mRight?: number;
+  mLeft?: number;
+  numberOfLines?: number;
+  ellipsizeMode?: string;
+  lineHeight?: number;
+}
+
+const OText = (props: Props): React.ReactElement => {
+  return (
+    <SText {...props} style={{...props.style, lineHeight: props.lineHeight}}>
+      {props.children}{props.space && ' '}
+    </SText>
+  );
+};
+
+export default OText;

package/themes/single-business/src/components/shared/OTextarea.tsx

@@ -1,36 +1,36 @@
-import * as React from 'react'
-import styled, { useTheme } from 'styled-components/native'
-
-const Inner = styled.TextInput`
-    height: 150px;
-`
-
-interface Props {
-	lines?: number,
-	value?: string,
-	placeholder?: string
-}
-
-const OTextarea = (props: Props) => {
-
-	const theme = useTheme();
-	const Wrapper = styled.View`
-		padding: 10px;
-		border-radius: 10px;
-		border: 1px solid ${theme.colors.lightGray};
-	`
-	return (
-		<Wrapper>
-			<Inner
-				placeholder={props.placeholder}
-				placeholderTextColor={theme.colors.lightGray}
-				numberOfLines={props.lines}
-				underlineColorAndroid={'transparent'}
-				value={props.value}
-				multiline={true}
-			/>
-		</Wrapper>
-	)
-}
-
-export default OTextarea;
+import * as React from 'react'
+import styled, { useTheme } from 'styled-components/native'
+
+const Inner = styled.TextInput`
+    height: 150px;
+`
+
+interface Props {
+	lines?: number,
+	value?: string,
+	placeholder?: string
+}
+
+const OTextarea = (props: Props) => {
+
+	const theme = useTheme();
+	const Wrapper = styled.View`
+		padding: 10px;
+		border-radius: 10px;
+		border: 1px solid ${theme.colors.lightGray};
+	`
+	return (
+		<Wrapper>
+			<Inner
+				placeholder={props.placeholder}
+				placeholderTextColor={theme.colors.lightGray}
+				numberOfLines={props.lines}
+				underlineColorAndroid={'transparent'}
+				value={props.value}
+				multiline={true}
+			/>
+		</Wrapper>
+	)
+}
+
+export default OTextarea;