@ledvance/base 1.2.86 → 1.2.88

package/localazy.json

@@ -838,7 +838,19 @@
                 "MATCH:fixedTimeCycle_empty_filtering_information_text",
                 "MATCH:camera_settings_sd_storage_used_storage_percent",
                 "MATCH:camera_status_indicator",
-                "MATCH:camera_local_recording"
+                "MATCH:camera_local_recording",
+                "MATCH:Remotecontrol_Title",
+                "MATCH:Remotecontrol_description",
+                "MATCH:camera_settings_night_vision_mode_firstbox_topic1",
+                "MATCH:camera_settings_night_vision_mode_firstbox_topic2",
+                "MATCH:camera_settings_night_vision_mode_firstbox_topic3",
+                "MATCH:camera_settings_night_vision_mode_topic",
+                "MATCH:camera_settings_night_vision_mode_description",
+                "MATCH:privatemode_description",
+                "MATCH:groups_settings_optionbox_option3",
+                "MATCH:groups_settings_synchronize_solar_secondtopic",
+                "MATCH:btsolar_groups_inductionsync",
+                "MATCH:btsolar_groups_inductionsync_description"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.2.86",
+  "version": "1.2.88",
   "scripts": {
     "prepublishOnly": "python update-localazy.py"
   },

package/src/components/BatteryStateView.tsx

@@ -0,0 +1,87 @@
+import React from 'react';
+import Card from '@ledvance/base/src/components/Card';
+import { Battery, Utils } from 'tuya-panel-kit';
+import { View, Text, StyleSheet } from 'react-native';
+import I18n from '@ledvance/base/src/i18n';
+import Spacer from '@ledvance/base/src/components/Spacer';
+
+const cx = Utils.RatioUtils.convertX;
+type BatteryProps = {
+  batteryState: string;
+};
+
+enum BatteryState {
+  Low = 'low',
+  Middle = 'middle',
+  High = 'high',
+}
+
+const batteryLevels = {
+  [BatteryState.High]: 100,
+  [BatteryState.Middle]: 60,
+  [BatteryState.Low]: 30,
+};
+
+const getBatteryDisplayName = (value: string): string => {
+  switch (value) {
+    case BatteryState.High:
+      return I18n.getLang('contact_sensor_battery_state1');
+    case BatteryState.Middle:
+      return I18n.getLang('contact_sensor_battery_state2');
+    case BatteryState.Low:
+    default:
+      return I18n.getLang('contact_sensor_battery_state3');
+  }
+};
+
+export default function BatteryStateView(props: BatteryProps) {
+  const { batteryState } = props;
+  const calcColor = (_, highColor, middleColor, lowColor) => {
+    switch (batteryState) {
+      case BatteryState.High:
+        return highColor;
+      case BatteryState.Middle:
+        return middleColor;
+      default:
+        return lowColor;
+    }
+  };
+
+  const battery = batteryLevels[batteryState];
+  return (
+    <Card
+      style={{ marginHorizontal: cx(24) }}
+      containerStyle={{ flexDirection: 'row', alignItems: 'center' }}
+    >
+      <Text style={styles.title}>{I18n.getLang('motion_detector_battery__state4')}</Text>
+      <Spacer height={0} style={{ flex: 1 }} />
+      <View style={styles.batteryRotate}>
+        <Battery value={battery} onCalcColor={calcColor} size={cx(30)} middleColor="#999999" />
+      </View>
+      <Text style={styles.content}>{getBatteryDisplayName(batteryState)}</Text>
+    </Card>
+  );
+}
+
+const styles = StyleSheet.create({
+  title: {
+    marginStart: cx(16),
+    marginVertical: cx(18),
+    color: '#000',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+
+  batteryRotate: {
+    transform: [{ rotate: '90deg' }],
+    position: 'relative',
+    right: cx(30),
+  },
+
+  content: {
+    marginEnd: cx(16),
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+});

package/src/components/ldvSwitch.tsx

@@ -14,17 +14,22 @@ interface Prop {
   enable: boolean
   setEnable: (enable: boolean) => void
   showSwitch?:boolean
+  description?: string
 }
 
 const LdvSwitch = (props: Prop) => {
-  const {title, color, colorAlpha, enable, setEnable, showSwitch = true} = props
+  const {title, color, colorAlpha, enable, description, setEnable, showSwitch = true} = props
   return (
-    <View style={styles.titleBGView}>
-      <Text style={{...styles.title, color: props.theme.global.fontColor}}>{title}</Text>
-      <View style={[styles.colorBlock, {backgroundColor: color, opacity: colorAlpha}]}/>
-      <Spacer style={{flex: 1}} height={0} width={0}/>
-      {showSwitch && <SwitchButton value={enable} onValueChange={setEnable}/>}
-    </View>
+      <View style={styles.titleBGView}>
+        <View style={{flexDirection: 'column', flex: 1}}>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text style={{...styles.title, color: props.theme.global.fontColor}}>{title}</Text>
+            <View style={[styles.colorBlock, {backgroundColor: color, opacity: colorAlpha}]}/>
+          </View>
+          {description && <Text style={{color: props.theme.global.fontColor}}>{description}</Text>}
+        </View>
+        {showSwitch && <SwitchButton value={enable} onValueChange={setEnable}/>}
+      </View>
   )
 }
 
@@ -33,6 +38,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: cx(16),
+    paddingVertical: cx(16),
   },
   colorBlock: {
     width: cx(20),
@@ -44,8 +50,7 @@ const styles = StyleSheet.create({
     fontSize: cx(16),
     // fontFamily: 'helvetica_neue_lt_std_bd',
     fontWeight: 'bold',
-    paddingVertical: cx(16),
-    maxWidth: cx(220)
+    maxWidth: cx(220),
   },
 })
 

package/src/composeLayout.tsx

@@ -177,6 +177,7 @@ const composeLayout = (component: React.ComponentType) => {
           config: {
             ...JSON.parse(uaGroupInfo.config || '{}'),
           },
+          name: uaGroupInfo.name,
           groupDevices: []
         },
         familyName: uaGroupInfo.familyName,