ordering-ui-react-native 0.12.18 → 0.12.19

package/themes/business/src/components 2/shared/OText.tsx

@@ -1,55 +0,0 @@
-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 || '#344050'};
-  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};
-    `};
-  text-decoration: ${(props : any) => props.textDecorationLine};
-`;
-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;
-  adjustsFontSizeToFit?: boolean;
-  textDecorationLine?: string
-}
-
-const OText = (props: Props): React.ReactElement => {
-  return (
-    <SText {...props} style={props.style}>
-      {props.children}
-      {props.space && ' '}
-    </SText>
-  );
-};
-
-export default OText;

package/themes/business/src/components 2/shared/OTextarea.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components/native';
-import { useTheme } from 'styled-components/native';
-
-const Wrapper = styled.View`
-  border-radius: 10px;
-  border: 1px solid ${(props: any) => props.theme.colors.lightGray};
-`;
-const Inner = styled.TextInput`
-  height: 100px;
-`;
-
-interface Props {
-  lines?: number;
-  value?: string;
-  placeholder?: string;
-  onChange?: any;
-  onFocus?: any;
-  textTareaRef?: any;
-  autoFocus?: boolean;
-}
-
-const OTextarea = (props: Props) => {
-  const theme = useTheme();
-  return (
-    <Wrapper>
-      <Inner
-        ref={props.textTareaRef}
-        onFocus={() => props.onFocus()}
-        onChangeText={(txt: any) => props.onChange(txt)}
-        textAlignVertical={'top'}
-        placeholder={props.placeholder}
-        placeholderTextColor={theme.colors.arrowColor}
-        numberOfLines={props.lines}
-        underlineColorAndroid={'transparent'}
-        value={props.value}
-        autoFocus={props.autoFocus}
-        multiline={true}
-        selectionColor={theme.colors.primary}
-        color={theme.colors.textGray}
-      />
-    </Wrapper>
-  );
-};
-
-export default OTextarea;

package/themes/business/src/components 2/shared/OToast.tsx

@@ -1,92 +0,0 @@
-import * as React from 'react';
-import { Animated, StyleSheet, Text, View } from 'react-native';
-import { ToastType, useToast, useLanguage } from 'ordering-components/native';
-import { useTheme } from 'styled-components/native';
-import { getTraduction } from '../../utils';
-
-const fadeDuration = 300;
-const bottomPosition = 20;
-
-export const Toast = (props: any) => {
-  const [toastConfig, { hideToast }] = useToast();
-  const [, t] = useLanguage();
-  const opacity = React.useRef(new Animated.Value(0)).current;
-  const theme = useTheme();
-
-  const fadeIn = React.useCallback(() => {
-    Animated.timing(opacity, {
-      toValue: 1,
-      duration: fadeDuration,
-      useNativeDriver: true,
-    }).start();
-  }, [opacity]);
-
-  const fadeOut = React.useCallback(() => {
-    Animated.timing(opacity, {
-      toValue: 0,
-      duration: fadeDuration,
-      useNativeDriver: true,
-    }).start(() => {
-      hideToast();
-    });
-  }, [opacity, hideToast]);
-
-  React.useEffect(() => {
-    if (!toastConfig) {
-      return;
-    }
-
-    fadeIn();
-    const timer = setTimeout(fadeOut, toastConfig.duration);
-
-    return () => clearTimeout(timer);
-  }, [toastConfig, fadeIn, fadeOut]);
-
-  if (!toastConfig) {
-    return null;
-  }
-
-  const { type, message } = toastConfig;
-
-  let backgroundColor;
-  switch (type) {
-    case ToastType.Info:
-      backgroundColor = theme.colors.toastInfo || '#6BA4FF';
-      break;
-    case ToastType.Error:
-      backgroundColor = theme.colors.toastError || '#D83520';
-      break;
-    case ToastType.Success:
-      backgroundColor = theme.colors.toastSuccess || '#90C68E';
-      break;
-  }
-
-  return (
-    <Animated.View
-      style={[styles.container, { bottom: bottomPosition, opacity }]}>
-      <View style={[styles.toast, { backgroundColor }]}>
-        <Text style={{ ...styles.message, ...props.messageStyle }}>
-          {getTraduction(message, t)}
-        </Text>
-      </View>
-    </Animated.View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: 'center',
-    position: 'absolute',
-    maxWidth: 480,
-    zIndex: 9999999999,
-  },
-  toast: {
-    borderRadius: 16,
-    padding: 16,
-  },
-  message: {
-    fontSize: 14,
-    textAlign: 'center',
-    color: '#fff',
-  },
-});

package/themes/business/src/components 2/shared/index.tsx

@@ -1,27 +0,0 @@
-import OText from './OText';
-import OButton from './OButton';
-import OInput from './OInput';
-import OIcon from './OIcon';
-import OIconButton from './OIconButton';
-import OTextarea from './OTextarea';
-import OModal from './OModal';
-import OAlert from './OAlert';
-import OFab from './OFab';
-import OLink from './OLink';
-import ODropDown from './ODropDown';
-import ODropDownCalendar from './ODropDownCalendar';
-
-export {
-  OText,
-  OButton,
-  OInput,
-  OIcon,
-  OIconButton,
-  OTextarea,
-  OAlert,
-  OModal,
-  OFab,
-  OLink,
-  ODropDown,
-  ODropDownCalendar
-};