@ledvance/base 1.2.81 → 1.2.83

package/src/components/ColorTempAdjustView.d.ts

@@ -1,13 +1,13 @@
-export interface ColorTempAdjustViewProps {
-    colorTemp: number;
-    brightness: number;
-    minBrightness?: number;
-    isSupportTemperature: boolean;
-    isSupportBrightness: boolean;
-    onCCTChange?: (cct: number) => void;
-    onCCTChangeComplete: (cct: number) => void;
-    onBrightnessChange?: (brightness: number) => void;
-    onBrightnessChangeComplete: (brightness: number) => void;
-}
-declare const ColorTempAdjustView: (props: ColorTempAdjustViewProps) => JSX.Element;
-export default ColorTempAdjustView;
+export interface ColorTempAdjustViewProps {
+    colorTemp: number;
+    brightness: number;
+    minBrightness?: number;
+    isSupportTemperature: boolean;
+    isSupportBrightness: boolean;
+    onCCTChange?: (cct: number) => void;
+    onCCTChangeComplete: (cct: number) => void;
+    onBrightnessChange?: (brightness: number) => void;
+    onBrightnessChangeComplete: (brightness: number) => void;
+}
+declare const ColorTempAdjustView: (props: ColorTempAdjustViewProps) => JSX.Element;
+export default ColorTempAdjustView;

package/src/components/ColorTempAdjustView.tsx

@@ -1,58 +1,58 @@
-import {View} from 'react-native'
-import React from 'react'
-import LdvColorSlider from './ldvColorSlider'
-import Spacer from './Spacer'
-import LdvPresetView from './ldvPresetView'
-import LdvSlider from './ldvSlider'
-import {Utils} from 'tuya-panel-kit'
-import I18n from '../i18n/index'
-import {cctToColor} from '../utils/cctUtils'
-
-const {convertX: cx} = Utils.RatioUtils
-
-export interface ColorTempAdjustViewProps {
-  colorTemp: number
-  brightness: number
-  minBrightness?: number
-  isSupportTemperature: boolean
-  isSupportBrightness: boolean
-  onCCTChange?: (cct: number) => void
-  onCCTChangeComplete: (cct: number) => void
-  onBrightnessChange?: (brightness: number) => void
-  onBrightnessChangeComplete: (brightness: number) => void
-}
-
-const ColorTempAdjustView = (props: ColorTempAdjustViewProps) => {
-  return (
-    <View>
-      {props.isSupportTemperature &&
-          <>
-              <LdvColorSlider
-                  type={'temperature'}
-                  title={I18n.getLang('light_sources_tile_main_lighting_shade')}
-                  thumbColor={cctToColor(props.colorTemp)}
-                  value={props.colorTemp}
-                  onValueChange={props.onCCTChange}
-                  onSlidingComplete={props.onCCTChangeComplete}/>
-              <Spacer height={cx(10)}/>
-              <LdvPresetView
-                  type={'temperature'}
-                  style={{height: cx(60)}}
-                  onPress={item => {
-                    props.onCCTChangeComplete(item.value)
-                  }}/>
-              <Spacer height={cx(10)}/>
-          </>
-      }
-      {props.isSupportBrightness &&
-          <LdvSlider
-              title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
-              min={props.minBrightness}
-              value={props.brightness}
-              onValueChange={props.onBrightnessChange}
-              onSlidingComplete={props.onBrightnessChangeComplete}/>}
-    </View>
-  )
-}
-
+import {View} from 'react-native'
+import React from 'react'
+import LdvColorSlider from './ldvColorSlider'
+import Spacer from './Spacer'
+import LdvPresetView from './ldvPresetView'
+import LdvSlider from './ldvSlider'
+import {Utils} from 'tuya-panel-kit'
+import I18n from '../i18n/index'
+import {cctToColor} from '../utils/cctUtils'
+
+const {convertX: cx} = Utils.RatioUtils
+
+export interface ColorTempAdjustViewProps {
+  colorTemp: number
+  brightness: number
+  minBrightness?: number
+  isSupportTemperature: boolean
+  isSupportBrightness: boolean
+  onCCTChange?: (cct: number) => void
+  onCCTChangeComplete: (cct: number) => void
+  onBrightnessChange?: (brightness: number) => void
+  onBrightnessChangeComplete: (brightness: number) => void
+}
+
+const ColorTempAdjustView = (props: ColorTempAdjustViewProps) => {
+  return (
+    <View>
+      {props.isSupportTemperature &&
+          <>
+              <LdvColorSlider
+                  type={'temperature'}
+                  title={I18n.getLang('light_sources_tile_main_lighting_shade')}
+                  thumbColor={cctToColor(props.colorTemp)}
+                  value={props.colorTemp}
+                  onValueChange={props.onCCTChange}
+                  onSlidingComplete={props.onCCTChangeComplete}/>
+              <Spacer height={cx(10)}/>
+              <LdvPresetView
+                  type={'temperature'}
+                  style={{height: cx(60)}}
+                  onPress={item => {
+                    props.onCCTChangeComplete(item.value)
+                  }}/>
+              <Spacer height={cx(10)}/>
+          </>
+      }
+      {props.isSupportBrightness &&
+          <LdvSlider
+              title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
+              min={props.minBrightness}
+              value={props.brightness}
+              onValueChange={props.onBrightnessChange}
+              onSlidingComplete={props.onBrightnessChangeComplete}/>}
+    </View>
+  )
+}
+
 export default ColorTempAdjustView

package/src/components/ColorsLine.d.ts

@@ -1,7 +1,7 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-interface ColorsLineProps extends ViewProps {
-    colors: string[];
-    nodeStyle?: StyleProp<ViewStyle>;
-}
-declare const ColorsLine: (props: ColorsLineProps) => JSX.Element;
-export default ColorsLine;
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+interface ColorsLineProps extends ViewProps {
+    colors: string[];
+    nodeStyle?: StyleProp<ViewStyle>;
+}
+declare const ColorsLine: (props: ColorsLineProps) => JSX.Element;
+export default ColorsLine;

package/src/components/ColorsLine.tsx

@@ -1,48 +1,48 @@
-import {StyleProp, StyleSheet, View, ViewProps, ViewStyle} from 'react-native'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-
-interface ColorsLineProps extends ViewProps {
-  colors: string[]
-  nodeStyle?: StyleProp<ViewStyle>
-}
-
-const ColorsLine = (props: ColorsLineProps) => {
-  return (
-    <View style={[styles.root, props.style]}>
-      {
-        props.colors.map((color, index) => {
-          return (
-            <View
-              key={`${index}`}
-              style={[
-                styles.colorNode,
-                {
-                  backgroundColor: color,
-                  marginStart: index === 0 ? 0 : cx(5),
-                },
-                props.nodeStyle,
-              ]}/>
-          )
-        })
-      }
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    width: cx(295),
-    height: cx(24),
-  },
-  colorNode: {
-    flex: 1,
-    height: cx(24),
-    borderRadius: cx(8),
-  },
-})
-
+import {StyleProp, StyleSheet, View, ViewProps, ViewStyle} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface ColorsLineProps extends ViewProps {
+  colors: string[]
+  nodeStyle?: StyleProp<ViewStyle>
+}
+
+const ColorsLine = (props: ColorsLineProps) => {
+  return (
+    <View style={[styles.root, props.style]}>
+      {
+        props.colors.map((color, index) => {
+          return (
+            <View
+              key={`${index}`}
+              style={[
+                styles.colorNode,
+                {
+                  backgroundColor: color,
+                  marginStart: index === 0 ? 0 : cx(5),
+                },
+                props.nodeStyle,
+              ]}/>
+          )
+        })
+      }
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    width: cx(295),
+    height: cx(24),
+  },
+  colorNode: {
+    flex: 1,
+    height: cx(24),
+    borderRadius: cx(8),
+  },
+})
+
 export default ColorsLine

package/src/components/CustomListDialog.d.ts

@@ -1,15 +1,15 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-interface ListData {
-    text: string;
-    value?: any;
-    isMax?: boolean;
-}
-interface CustomListDialogProps extends ViewProps {
-    itemStyle?: StyleProp<ViewStyle>;
-    show: boolean;
-    onDismiss: () => void;
-    data: ListData[];
-    onItemPress: (item: any | undefined, index: number) => void;
-}
-declare const CustomListDialog: (props: CustomListDialogProps) => JSX.Element;
-export default CustomListDialog;
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+interface ListData {
+    text: string;
+    value?: any;
+    isMax?: boolean;
+}
+interface CustomListDialogProps extends ViewProps {
+    itemStyle?: StyleProp<ViewStyle>;
+    show: boolean;
+    onDismiss: () => void;
+    data: ListData[];
+    onItemPress: (item: any | undefined, index: number) => void;
+}
+declare const CustomListDialog: (props: CustomListDialogProps) => JSX.Element;
+export default CustomListDialog;

package/src/components/CustomListDialog.tsx

@@ -1,65 +1,66 @@
-import Card from './Card'
-import { FlatList, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native'
-import TextButton from './TextButton'
-import Dialog from './Dialog'
-import React from 'react'
-import { Utils } from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-
-interface ListData {
-  text: string
-  value?: any
-  isMax?: boolean
-}
-
-interface CustomListDialogProps extends ViewProps {
-  itemStyle?: StyleProp<ViewStyle>
-  show: boolean
-  onDismiss: () => void
-  data: ListData[]
-  onItemPress: (item: any | undefined, index: number) => void
-}
-
-const CustomListDialog = (props: CustomListDialogProps) => {
-  return <Dialog
-    show={props.show}
-    hideMask={true}
-    onRequestClose={props.onDismiss}>
-    <Card style={props.style} shadowHeight={cx(7)}>
-      <FlatList
-        data={props.data}
-        renderItem={({ item, index }) => {
-          return (
-            <TextButton
-              text={item.text}
-              style={props.itemStyle}
-              textStyle={item.isMax ? styles.disableItemText : styles.popoverItemText}
-              onPress={() => {
-                props.onItemPress(item.value, index)
-              }} />
-          )
-        }}
-        keyExtractor={(_, index) => `${index}`}
-        ItemSeparatorComponent={() => (<View style={styles.line} />)} />
-    </Card>
-  </Dialog>
-}
-
-const styles = StyleSheet.create({
-  popoverItemText: {
-    color: '#000',
-    fontSize: cx(16),
-  },
-  disableItemText: {
-    color: '#CBCBCB',
-    fontSize: cx(16),
-  },
-  line: {
-    height: .5,
-    backgroundColor: 'rgba(60,60,67,.36)',
-  },
-
-})
-
-export default CustomListDialog
+import Card from './Card'
+import { FlatList, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native'
+import TextButton from './TextButton'
+import Dialog from './Dialog'
+import React from 'react'
+import { Utils } from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+interface ListData {
+  text: string
+  value?: any
+  isMax?: boolean
+}
+
+interface CustomListDialogProps extends ViewProps {
+  theme?: any
+  itemStyle?: StyleProp<ViewStyle>
+  show: boolean
+  onDismiss: () => void
+  data: ListData[]
+  onItemPress: (item: any | undefined, index: number) => void
+}
+
+const CustomListDialog = (props: CustomListDialogProps) => {
+  const styles = StyleSheet.create({
+    popoverItemText: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(16),
+    },
+    disableItemText: {
+      color: props.theme.global.disabledFontColor,
+      fontSize: cx(16),
+    },
+    line: {
+      height: .5,
+      backgroundColor: 'rgba(60,60,67,.36)',
+    },
+
+  })
+  return <Dialog
+    show={props.show}
+    hideMask={true}
+    onRequestClose={props.onDismiss}>
+    <Card style={props.style} shadowHeight={cx(7)}>
+      <FlatList
+        data={props.data}
+        renderItem={({ item, index }) => {
+          return (
+            <TextButton
+              text={item.text}
+              style={props.itemStyle}
+              textStyle={item.isMax ? styles.disableItemText : styles.popoverItemText}
+              onPress={() => {
+                props.onItemPress(item.value, index)
+              }} />
+          )
+        }}
+        keyExtractor={(_, index) => `${index}`}
+        ItemSeparatorComponent={() => (<View style={styles.line} />)} />
+    </Card>
+  </Dialog>
+}
+
+export default withTheme(CustomListDialog)

package/src/components/DeleteButton.d.ts

@@ -1,10 +1,10 @@
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-interface DeleteButtonProps {
-    text: string;
-    onPress: () => void;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    disabled?: boolean;
-}
-declare const DeleteButton: (props: DeleteButtonProps) => JSX.Element;
-export default DeleteButton;
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+interface DeleteButtonProps {
+    text: string;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    disabled?: boolean;
+}
+declare const DeleteButton: (props: DeleteButtonProps) => JSX.Element;
+export default DeleteButton;

package/src/components/DeleteButton.tsx

@@ -1,40 +1,40 @@
-import React from 'react'
-import { StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle } from 'react-native'
-import { Utils } from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-const { withTheme } = Utils.ThemeUtils
-
-interface DeleteButtonProps {
-  theme?: any
-  text: string,
-  onPress: () => void,
-  style?: StyleProp<ViewStyle>,
-  textStyle?: StyleProp<TextStyle>
-  disabled?: boolean
-}
-
-const DeleteButton = (props: DeleteButtonProps) => {
-  const { text, onPress, style, textStyle, disabled } = props
-  return (
-    <TouchableOpacity
-      disabled={disabled}
-      onPress={onPress}
-      style={[{
-        width: '100%',
-        height: cx(50),
-        backgroundColor: props.theme.button.disabled,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderRadius: cx(8),
-      }, style]}>
-      <Text style={[{
-        color: props.theme.button.fontColor,
-        fontSize: cx(16),
-        fontFamily: 'helvetica_neue_lt_std_bd',
-      }, textStyle]}>{text}</Text>
-    </TouchableOpacity>
-  )
-}
-
-export default withTheme(DeleteButton)
+import React from 'react'
+import { StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle } from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+interface DeleteButtonProps {
+  theme?: any
+  text: string,
+  onPress: () => void,
+  style?: StyleProp<ViewStyle>,
+  textStyle?: StyleProp<TextStyle>
+  disabled?: boolean
+}
+
+const DeleteButton = (props: DeleteButtonProps) => {
+  const { text, onPress, style, textStyle, disabled } = props
+  return (
+    <TouchableOpacity
+      disabled={disabled}
+      onPress={onPress}
+      style={[{
+        width: '100%',
+        height: cx(50),
+        backgroundColor: props.theme.button.disabled,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: cx(8),
+      }, style]}>
+      <Text style={[{
+        color: props.theme.button.fontColor,
+        fontSize: cx(16),
+        fontFamily: 'helvetica_neue_lt_std_bd',
+      }, textStyle]}>{text}</Text>
+    </TouchableOpacity>
+  )
+}
+
+export default withTheme(DeleteButton)

package/src/components/Dialog.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from 'react';
-import { ViewProps } from 'react-native';
-interface DialogProps extends PropsWithChildren<ViewProps> {
-    show: boolean;
-    hideMask: boolean;
-    animationType?: 'none' | 'slide' | 'fade';
-    onRequestClose: () => void;
-}
-declare const Dialog: (props: DialogProps) => JSX.Element;
-export default Dialog;
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+interface DialogProps extends PropsWithChildren<ViewProps> {
+    show: boolean;
+    hideMask: boolean;
+    animationType?: 'none' | 'slide' | 'fade';
+    onRequestClose: () => void;
+}
+declare const Dialog: (props: DialogProps) => JSX.Element;
+export default Dialog;

package/src/components/Dialog.tsx

@@ -1,39 +1,39 @@
-import React, {PropsWithChildren} from 'react'
-import {Modal, StyleSheet, TouchableOpacity, ViewProps} from 'react-native'
-
-interface DialogProps extends PropsWithChildren<ViewProps> {
-  show: boolean
-  hideMask: boolean
-  animationType?: 'none' | 'slide' | 'fade'
-  onRequestClose: () => void
-}
-
-const Dialog = (props: DialogProps) => {
-  return (
-    <Modal
-      transparent={true}
-      visible={props.show}
-      animationType={props.animationType || 'fade'}
-      onRequestClose={props.onRequestClose}>
-      <TouchableOpacity
-        style={[
-          styles.mask,
-          {
-            backgroundColor: props.hideMask ? 'rgba(0, 0, 0, 0)' : 'rgba(0, 0, 0, 0.7)',
-          },
-        ]}
-        activeOpacity={1}
-        onPress={props.onRequestClose}>
-        {props.children}
-      </TouchableOpacity>
-    </Modal>
-  )
-}
-
-const styles = StyleSheet.create({
-  mask: {
-    flex: 1,
-  },
-})
-
+import React, {PropsWithChildren} from 'react'
+import {Modal, StyleSheet, TouchableOpacity, ViewProps} from 'react-native'
+
+interface DialogProps extends PropsWithChildren<ViewProps> {
+  show: boolean
+  hideMask: boolean
+  animationType?: 'none' | 'slide' | 'fade'
+  onRequestClose: () => void
+}
+
+const Dialog = (props: DialogProps) => {
+  return (
+    <Modal
+      transparent={true}
+      visible={props.show}
+      animationType={props.animationType || 'fade'}
+      onRequestClose={props.onRequestClose}>
+      <TouchableOpacity
+        style={[
+          styles.mask,
+          {
+            backgroundColor: props.hideMask ? 'rgba(0, 0, 0, 0)' : 'rgba(0, 0, 0, 0.7)',
+          },
+        ]}
+        activeOpacity={1}
+        onPress={props.onRequestClose}>
+        {props.children}
+      </TouchableOpacity>
+    </Modal>
+  )
+}
+
+const styles = StyleSheet.create({
+  mask: {
+    flex: 1,
+  },
+})
+
 export default Dialog