@ledvance/base 1.2.33 → 1.2.35

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.2.33",
+  "version": "1.2.35",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/AdvanceCard.tsx

@@ -12,6 +12,7 @@ export interface AdvancedData {
   statusColor: string
   router: { key: string, params?: any }
   dp?: { key: string, code: string }
+  icons?: number | string
 }
 
 const enableStatusColor = 'rgb(0, 201, 49)'

package/src/components/AdvanceList.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react'
-import { FlatList, StyleSheet, View } from 'react-native'
+import { FlatList, StyleSheet, View, Image } from 'react-native'
 import AdvanceCard, { AdvancedData } from './AdvanceCard'
 import Spacer from './Spacer'
 import { useNavigation } from '@react-navigation/core'
@@ -25,15 +25,23 @@ function AdvanceList(props: AdvanceListProps) {
           if (!onAdvanceItemClick || onAdvanceItemClick(item, index)) {
             navigation.navigate(item.router.key, item.router.params)
           }
-        }}/>
+        }}>
+        {item.icons && <View style={{
+          height: cx(118),
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+          <Image source={item.icons} style={{ width: cx(80), height: cx(80) }} />
+        </View>}
+      </AdvanceCard>
     </View>
   ), [navigation, onAdvanceItemClick])
 
   const keyExtractor = useCallback((item: AdvancedData, index: number) => item.dp?.code || `key-${index}`, [])
 
-  const Header = useCallback(() => <Spacer height={cx(10)}/>, [])
-  const Separator = useCallback(() => <Spacer/>, [])
-  const Footer = useCallback(() => <Spacer height={cx(30)}/>, [])
+  const Header = useCallback(() => <Spacer height={cx(10)} />, [])
+  const Separator = useCallback(() => <Spacer />, [])
+  const Footer = useCallback(() => <Spacer height={cx(30)} />, [])
 
   return (
     <FlatList
@@ -44,7 +52,7 @@ function AdvanceList(props: AdvanceListProps) {
       keyExtractor={keyExtractor}
       ListHeaderComponent={Header}
       ItemSeparatorComponent={Separator}
-      ListFooterComponent={Footer}/>
+      ListFooterComponent={Footer} />
   )
 }
 

package/src/models/modules/NativePropsSlice.tsx

@@ -19,6 +19,7 @@ export interface NativeProps {
   energieverbrauch?: object
   moods: any[]
   flags: any[]
+  isFlagMode: boolean
   is24HourClock: boolean
 }
 
@@ -55,6 +56,7 @@ const initialState: NativeProps = {
   energieverbrauch: {},
   moods: [],
   flags: [],
+  isFlagMode: false,
   is24HourClock: true
 }
 
@@ -119,6 +121,9 @@ const nativePropsSlice = createSlice({
     setFlags(state, action: PayloadAction<any>) {
       state.flags = action.payload
     },
+    setFlagMode(state, action: PayloadAction<any>) {
+      state.isFlagMode = action.payload
+    },
     setGroupDevices(state, action: PayloadAction<any>) {
       state.uaGroupInfo.groupDevices = action.payload
     },
@@ -244,6 +249,15 @@ const useFlags = (): [any[], (v: any[]) => void] => {
   return [dps, setFlagsFn]
 }
 
+const useFlagMode = (): [boolean, (v: boolean) => void] =>{
+  const dps = useSelector(store => store.ldvModules.isFlagMode)
+  const dispatch = useDispatch()
+  const setFlagModeFn = (value: boolean) => {
+    dispatch(setFlagMode(value))
+  }
+  return [dps, setFlagModeFn]
+}
+
 const useGroupDevices = (): [GroupDeviceInfo[], (v: GroupDeviceInfo[]) => void] => {
   const dps = useSelector(store => store.ldvModules.uaGroupInfo.groupDevices)
   const dispatch = useDispatch()
@@ -360,6 +374,7 @@ export const {
   setTimeSchedule,
   setMoods,
   setFlags,
+  setFlagMode,
   setGroupDevices,
   setSystemTimeFormat,
   setEnergieverbrauch,
@@ -379,6 +394,7 @@ export {
   useTimeSchedule,
   useMoods,
   useFlags,
+  useFlagMode,
   useGroupDevices,
   useSystemTimeFormate,
   useEnergieverbrauch,