@ledvance/base 1.2.81 → 1.2.83

package/src/components/Summary.tsx

@@ -1,124 +1,116 @@
-import React, { ReactElement, memo } from "react";
-import { Text, Image, ViewStyle, View, StyleSheet } from 'react-native'
-import res from "@ledvance/base/src/res"
-import I18n from "@ledvance/base/src/i18n";
-import { Utils } from "tuya-panel-kit";
-import Spacer from "@ledvance/base/src/components/Spacer";
-
-const { convertX: cx } = Utils.RatioUtils;
-
-interface SummaryProps {
-  style?: ViewStyle
-  frequency?: string | ReactElement
-  time?: string | ReactElement
-  actions?: ReactElement
-  hideActions?: boolean
-}
-
-const Summary = (props: SummaryProps) => {
-  return (
-    <View style={styles.cardContainer}>
-      <Text style={styles.itemTitle}>{I18n.getLang('add_randomtimecycle_subheadline_text')}</Text>
-      <Spacer height={cx(10)} />
-      <View style={{}}>
-        <View style={styles.summaryContainer}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon1}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_frequency_headline')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            <View style={styles.rightWrap}>
-              <Text style={styles.rightItem}>{props.frequency}</Text>
-            </View>
-          </View>
-        </View>
-        <View style={styles.summaryContainer}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon2}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_time_headline')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            <View style={styles.rightWrap}>
-              <Text style={styles.rightItem}>{props.time}</Text>
-            </View>
-          </View>
-        </View>
-        {!props.hideActions && <View style={[styles.summaryContainer, { alignItems: 'flex-start' }]}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon3}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('motion_detection_add_time_schedule_actions_text1')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            {props.actions}
-          </View>
-        </View>}
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  cardContainer: {
-    marginHorizontal: cx(24),
-  },
-  itemTitle: {
-    color: '#000',
-    fontSize: cx(16),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  summaryContainer: {
-    flex: 1,
-    flexDirection: 'row',
-    marginBottom: cx(10),
-  },
-  summaryLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: cx(100)
-  },
-  summaryImg: {
-    width: cx(12),
-    height: cx(12),
-    marginRight: cx(6)
-  },
-  leftTitle: {
-    fontSize: cx(14),
-    color: '#000'
-  },
-  summaryRight: {
-    flex: 1,
-    flexDirection: 'column',
-    marginLeft: cx(15),
-  },
-  rightWrap: {
-    borderRadius: cx(16),
-    paddingHorizontal: cx(12),
-    alignSelf: 'flex-start',
-    backgroundColor: '#cbcbcb',
-  },
-  rightItem: {
-    color: '#000',
-    fontSize: cx(14)
-  },
-})
-
-export default memo(Summary)
+import React, { ReactElement, memo } from "react";
+import { Text, ViewStyle, View, StyleSheet } from 'react-native'
+import res from "@ledvance/base/src/res"
+import I18n from "@ledvance/base/src/i18n";
+import { Utils } from "tuya-panel-kit";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import InfoText from "@ledvance/base/src/components/InfoText";
+
+const { convertX: cx } = Utils.RatioUtils;
+
+interface SummaryProps {
+  style?: ViewStyle
+  frequency?: string | ReactElement
+  time?: string | ReactElement
+  actions?: ReactElement
+  hideActions?: boolean
+}
+
+const Summary = (props: SummaryProps) => {
+  return (
+    <View style={styles.cardContainer}>
+      <Text style={styles.itemTitle}>{I18n.getLang('add_sleepschedule_one_source_subheadline4_text')}</Text>
+      <Spacer height={cx(10)} />
+      <View style={{}}>
+        <View style={styles.summaryContainer}>
+          <InfoText
+            icon={res.summary_icon1}
+            text={I18n.getLang('feature_summary_frequency_headline')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
+          <View style={styles.summaryRight}>
+            <View style={styles.rightWrap}>
+              <Text style={styles.rightItem}>{props.frequency}</Text>
+            </View>
+          </View>
+        </View>
+        <View style={styles.summaryContainer}>
+          <InfoText
+            icon={res.summary_icon2}
+            text={I18n.getLang('feature_summary_time_headline')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
+          <View style={styles.summaryRight}>
+            <View style={styles.rightWrap}>
+              <Text style={styles.rightItem}>{props.time}</Text>
+            </View>
+          </View>
+        </View>
+        {!props.hideActions && <View style={[styles.summaryContainer, { alignItems: 'flex-start' }]}>
+          <InfoText
+            icon={res.summary_icon3}
+            text={I18n.getLang('motion_detection_add_time_schedule_actions_text1')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
+          <View style={styles.summaryRight}>
+            {props.actions}
+          </View>
+        </View>}
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  cardContainer: {
+    marginHorizontal: cx(24),
+  },
+  itemTitle: {
+    color: '#000',
+    fontSize: cx(16),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  summaryContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    marginBottom: cx(10),
+  },
+  summaryLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minWidth: cx(100)
+  },
+  summaryImg: {
+    width: cx(12),
+    height: cx(12),
+    marginRight: cx(6)
+  },
+  leftTitle: {
+    fontSize: cx(14),
+    color: '#000'
+  },
+  summaryRight: {
+    flex: 1,
+    flexDirection: 'column',
+    marginLeft: cx(15),
+    marginTop: cx(5)
+  },
+  rightWrap: {
+    borderRadius: cx(16),
+    paddingHorizontal: cx(12),
+    alignSelf: 'flex-start',
+    backgroundColor: '#cbcbcb',
+  },
+  rightItem: {
+    color: '#000',
+  },
+})
+
+export default memo(Summary)

package/src/components/Tag.d.ts

@@ -1,8 +1,8 @@
-import { ViewProps } from 'react-native';
-interface TagProps extends ViewProps {
-    checked: boolean;
-    text: string;
-    onCheckedChange: (boolean: any) => void;
-}
-declare const Tag: (props: TagProps) => JSX.Element;
-export default Tag;
+import { ViewProps } from 'react-native';
+interface TagProps extends ViewProps {
+    checked: boolean;
+    text: string;
+    onCheckedChange: (boolean: any) => void;
+}
+declare const Tag: (props: TagProps) => JSX.Element;
+export default Tag;

package/src/components/Tag.tsx

@@ -1,57 +1,57 @@
-import {Image, StyleSheet, Text, TouchableOpacity, View, ViewProps} from 'react-native'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-import res from '../res'
-
-const cx = Utils.RatioUtils.convertX
-
-interface TagProps extends ViewProps {
-  checked: boolean
-  text: string
-  onCheckedChange: (boolean) => void
-}
-
-const Tag = (props: TagProps) => {
-  return (
-    <TouchableOpacity
-      onPress={() => {
-        props.onCheckedChange(!props.checked)
-      }}>
-      <View style={[styles.root, props.checked ? {backgroundColor: '#ffe0d4'} : {}, props.style]}>
-        <Text style={[styles.text, {marginEnd: cx(props.checked ? 4 : 12)}]}>{props.text}</Text>
-        {
-          props.checked &&
-            <Image
-                source={res.ic_arrows_nav_clear}
-                style={styles.icon}/>
-        }
-      </View>
-    </TouchableOpacity>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    height: cx(24),
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: cx(1),
-    borderColor: '#ff6600',
-    borderRadius: cx(12),
-  },
-  text: {
-    marginStart: cx(12),
-    color: '#ff6600',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  icon: {
-    width: cx(12),
-    height: cx(12),
-    marginEnd: cx(6),
-    tintColor: '#F60',
-  },
-})
-
+import {Image, StyleSheet, Text, TouchableOpacity, View, ViewProps} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+import res from '../res'
+
+const cx = Utils.RatioUtils.convertX
+
+interface TagProps extends ViewProps {
+  checked: boolean
+  text: string
+  onCheckedChange: (boolean) => void
+}
+
+const Tag = (props: TagProps) => {
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        props.onCheckedChange(!props.checked)
+      }}>
+      <View style={[styles.root, props.checked ? {backgroundColor: '#ffe0d4'} : {}, props.style]}>
+        <Text style={[styles.text, {marginEnd: cx(props.checked ? 4 : 12)}]}>{props.text}</Text>
+        {
+          props.checked &&
+            <Image
+                source={res.ic_arrows_nav_clear}
+                style={styles.icon}/>
+        }
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    height: cx(24),
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: cx(1),
+    borderColor: '#ff6600',
+    borderRadius: cx(12),
+  },
+  text: {
+    marginStart: cx(12),
+    color: '#ff6600',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  icon: {
+    width: cx(12),
+    height: cx(12),
+    marginEnd: cx(6),
+    tintColor: '#F60',
+  },
+})
+
 export default Tag

package/src/components/TextButton.d.ts

@@ -1,9 +1,9 @@
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-interface TextButtonProps {
-    text: string;
-    onPress: () => void;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-}
-export default function TextButton(props: TextButtonProps): JSX.Element;
-export {};
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+interface TextButtonProps {
+    text: string;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+}
+export default function TextButton(props: TextButtonProps): JSX.Element;
+export {};

package/src/components/TextButton.tsx

@@ -1,32 +1,32 @@
-import {StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle} from 'react-native'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-
-interface TextButtonProps {
-  text: string,
-  onPress: () => void,
-  style?: StyleProp<ViewStyle>
-  textStyle?: StyleProp<TextStyle>
-}
-
-export default function TextButton(props: TextButtonProps) {
-  return (
-    <TouchableOpacity
-      style={[{
-        justifyContent: 'center',
-        alignItems: 'center',
-        alignSelf: 'center',
-        paddingVertical: cx(8),
-        paddingHorizontal: cx(12),
-      }, props.style]}
-      onPress={props.onPress}>
-      <Text style={[{
-        color: '#f60',
-        fontSize: cx(14),
-        fontFamily: 'helvetica_neue_lt_std_roman',
-      }, props.textStyle]}>{props.text}</Text>
-    </TouchableOpacity>
-  )
+import {StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface TextButtonProps {
+  text: string,
+  onPress: () => void,
+  style?: StyleProp<ViewStyle>
+  textStyle?: StyleProp<TextStyle>
+}
+
+export default function TextButton(props: TextButtonProps) {
+  return (
+    <TouchableOpacity
+      style={[{
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'center',
+        paddingVertical: cx(8),
+        paddingHorizontal: cx(12),
+      }, props.style]}
+      onPress={props.onPress}>
+      <Text style={[{
+        color: '#f60',
+        fontSize: cx(14),
+        fontFamily: 'helvetica_neue_lt_std_roman',
+      }, props.textStyle]}>{props.text}</Text>
+    </TouchableOpacity>
+  )
 }

package/src/components/TextField.d.ts

@@ -1,9 +1,9 @@
-import { TextInputProps, ImageSourcePropType } from 'react-native';
-interface TextFieldProps extends TextInputProps {
-    showError?: boolean;
-    errorText?: string;
-    tipIcon?: ImageSourcePropType;
-    tipColor?: string;
-}
-declare const TextField: (props: TextFieldProps) => JSX.Element;
-export default TextField;
+import { TextInputProps, ImageSourcePropType } from 'react-native';
+interface TextFieldProps extends TextInputProps {
+    showError?: boolean;
+    errorText?: string;
+    tipIcon?: ImageSourcePropType;
+    tipColor?: string;
+}
+declare const TextField: (props: TextFieldProps) => JSX.Element;
+export default TextField;

package/src/components/TextField.tsx

@@ -1,92 +1,92 @@
-import {Image, StyleSheet, Text, TextInput, TextInputProps, ImageSourcePropType,TouchableOpacity, View} from 'react-native'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-import res from '../res'
-
-const cx = Utils.RatioUtils.convertX
-const { withTheme } = Utils.ThemeUtils
-
-interface TextFieldProps extends TextInputProps {
-  theme?: any
-  showError?: boolean
-  errorText?: string
-  tipIcon?: ImageSourcePropType
-  tipColor?: string
-}
-
-const TextField = (props: TextFieldProps) => {
-  const icon = props.tipIcon || res.ic_warning_amber
-  const color = props.tipColor || props.theme.global.warning
-
-  const styles = StyleSheet.create({
-    topTip: {
-      marginTop: cx(5),
-      fontSize: cx(12),
-      marginStart: cx(13),
-      color: props.theme.global.secondFontColor,
-      fontFamily: 'helvetica_neue_lt_std_bd',
-    },
-    textInputGroup: {
-      flexDirection: 'row',
-      borderRadius: cx(4),
-      backgroundColor: props.theme.textInput.background,
-      alignItems: 'center',
-    },
-    textInput: {
-      flex: 1,
-      height: cx(44),
-      marginStart: cx(16),
-      marginEnd: cx(6),
-      fontSize: cx(16),
-      color: props.theme.textInput.fontColor,
-      fontFamily: 'helvetica_neue_lt_std_roman',
-    },
-    iconTouchable: {
-      marginEnd: cx(18),
-      padding: cx(4),
-    },
-    icon: {
-      width: cx(16),
-      height: cx(16),
-    },
-    line: {
-      height: 1,
-      position: 'absolute',
-      start: cx(4),
-      end: cx(4),
-      bottom: 0,
-      backgroundColor: props.theme.textInput.line,
-    },
-    errorContainer: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginStart: cx(13),
-    },
-  })
-  return (
-    <View style={props.style}>
-      <Text style={[styles.topTip, { opacity: (!!props.value) ? 1 : 0 }]}>{props.placeholder}</Text>
-      <View style={styles.textInputGroup}>
-        <TextInput{...props} style={styles.textInput} />
-        {!!props.value &&
-            <TouchableOpacity
-                style={styles.iconTouchable}
-                onPress={() => {
-                  props.onChangeText && props.onChangeText('')
-                }}>
-                <Image source={{ uri: res.ic_cancel }} style={styles.icon} />
-            </TouchableOpacity>
-        }
-        <View style={styles.line} />
-      </View>
-      <View style={[styles.errorContainer, { opacity: !!(props.showError) ? 1 : 0 }]}>
-        <Image source={icon} style={[styles.icon, { tintColor: color }]} />
-        <Text
-          style={{ marginLeft: cx(5), color: color }}
-        >{props.errorText}</Text>
-      </View>
-    </View>
-  )
-}
-
-export default withTheme(TextField)
+import {Image, StyleSheet, Text, TextInput, TextInputProps, ImageSourcePropType,TouchableOpacity, View} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+import res from '../res'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+interface TextFieldProps extends TextInputProps {
+  theme?: any
+  showError?: boolean
+  errorText?: string
+  tipIcon?: ImageSourcePropType
+  tipColor?: string
+}
+
+const TextField = (props: TextFieldProps) => {
+  const icon = props.tipIcon || res.ic_warning_amber
+  const color = props.tipColor || props.theme.global.warning
+
+  const styles = StyleSheet.create({
+    topTip: {
+      marginTop: cx(5),
+      fontSize: cx(12),
+      marginStart: cx(13),
+      color: props.theme.global.secondFontColor,
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    textInputGroup: {
+      flexDirection: 'row',
+      borderRadius: cx(4),
+      backgroundColor: props.theme.textInput.background,
+      alignItems: 'center',
+    },
+    textInput: {
+      flex: 1,
+      height: cx(44),
+      marginStart: cx(16),
+      marginEnd: cx(6),
+      fontSize: cx(16),
+      color: props.theme.textInput.fontColor,
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    iconTouchable: {
+      marginEnd: cx(18),
+      padding: cx(4),
+    },
+    icon: {
+      width: cx(16),
+      height: cx(16),
+    },
+    line: {
+      height: 1,
+      position: 'absolute',
+      start: cx(4),
+      end: cx(4),
+      bottom: 0,
+      backgroundColor: props.theme.textInput.line,
+    },
+    errorContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginStart: cx(13),
+    },
+  })
+  return (
+    <View style={props.style}>
+      <Text style={[styles.topTip, { opacity: (!!props.value) ? 1 : 0 }]}>{props.placeholder}</Text>
+      <View style={styles.textInputGroup}>
+        <TextInput{...props} style={styles.textInput} />
+        {!!props.value &&
+            <TouchableOpacity
+                style={styles.iconTouchable}
+                onPress={() => {
+                  props.onChangeText && props.onChangeText('')
+                }}>
+                <Image source={{ uri: res.ic_cancel }} style={styles.icon} />
+            </TouchableOpacity>
+        }
+        <View style={styles.line} />
+      </View>
+      <View style={[styles.errorContainer, { opacity: !!(props.showError) ? 1 : 0 }]}>
+        <Image source={icon} style={[styles.icon, { tintColor: color }]} />
+        <Text
+          style={{ marginLeft: cx(5), color: color }}
+        >{props.errorText}</Text>
+      </View>
+    </View>
+  )
+}
+
+export default withTheme(TextField)