@iobroker/json-config 7.4.8 → 7.4.9

package/README.md

@@ -358,6 +358,7 @@ Text component
 | `min`    | minimal value |
 | `max`    | maximal value |
 | `step`   | step          |
+| `unit`   | unit          |
 
 ### `color`
 

package/build/JsonConfigComponent/ConfigNumber.js

@@ -103,6 +103,11 @@ class ConfigNumber extends ConfigGeneric {
                             ...params.inputProps,
                             readOnly: this.props.schema.readOnly || false,
                         },
+                        input: {
+                            endAdornment: this.props.schema.unit
+                                ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)
+                                : undefined,
+                        },
                     }, error: !!error, placeholder: this.getText(this.props.schema.placeholder), helperText: this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation), disabled: !!disabled })) }));
         }
         if (!error && this.state._value !== null && this.state._value !== undefined && this.state._value) {
@@ -119,6 +124,11 @@ class ConfigNumber extends ConfigGeneric {
                         step: this.props.schema.step,
                         readOnly: this.props.schema.readOnly || false,
                     },
+                    input: {
+                        endAdornment: this.props.schema.unit
+                            ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)
+                            : undefined,
+                    },
                 }, value: this.state._value === null || this.state._value === undefined ? '' : this.state._value, error: !!error, disabled: !!disabled, onChange: e => {
                     const _value = e.target.value; // value is always a string and it is validly formatted
                     const _error = this.checkValue(_value);

package/build/JsonConfigComponent/ConfigNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigNumber.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigNumber.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Autocomplete, TextField, FormControl } from '@mui/material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemNumber } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    indeterminate: {\n        opacity: 0.5,\n    },\n    control: {\n        flexDirection: 'row',\n        width: '100%',\n    },\n};\n\ninterface ConfigNumberProps extends ConfigGenericProps {\n    schema: ConfigItemNumber;\n}\n\ninterface ConfigNumberState extends ConfigGenericState {\n    _value: string;\n    oldValue: string | null;\n}\n\nclass ConfigNumber extends ConfigGeneric<ConfigNumberProps, ConfigNumberState> {\n    private updateTimeout?: ReturnType<typeof setTimeout>;\n\n    componentDidMount(): void {\n        super.componentDidMount();\n        let _value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        if (_value === null || _value === undefined) {\n            _value = '';\n        }\n\n        if (Array.isArray(_value) && this.props.oContext.multiEdit) {\n            _value = ConfigGeneric.DIFFERENT_VALUE;\n            this.setState({ _value, oldValue: _value });\n            return;\n        }\n\n        this.setState({ _value: _value.toString(), oldValue: _value.toString() });\n    }\n\n    static getDerivedStateFromProps(\n        props: ConfigNumberProps,\n        state: ConfigNumberState,\n    ): Partial<ConfigNumberState> | null {\n        if (\n            (props.schema.min !== undefined && props.schema.min < 0) ||\n            (props.schema.max !== undefined && props.schema.max < 0)\n        ) {\n            return null;\n        }\n        const _value = ConfigGeneric.getValue(props.data, props.attr);\n\n        if (props.oContext.multiEdit && state._value === ConfigGeneric.DIFFERENT_VALUE) {\n            return { _value: ConfigGeneric.DIFFERENT_VALUE };\n        }\n\n        if (\n            _value === null ||\n            _value === undefined ||\n            state.oldValue === null ||\n            state.oldValue === undefined ||\n            (_value.toString() !== parseFloat(state._value).toString() &&\n                _value.toString() !== state.oldValue.toString())\n        ) {\n            return { _value };\n        }\n\n        return null;\n    }\n\n    checkValue(value: string): string | null {\n        if (value === null || value === undefined) {\n            return null;\n        }\n        value = value.toString().trim();\n        const f = value === '' ? 0 : parseFloat(value);\n\n        if (value !== '' && Number.isNaN(f)) {\n            return 'ra_Not a number';\n        }\n\n        if (value !== '' && window.isFinite(f)) {\n            if (this.props.schema.min !== undefined && f < this.props.schema.min) {\n                return 'ra_Too small';\n            }\n            if (this.props.schema.max !== undefined && f > this.props.schema.max) {\n                return 'ra_Too big';\n            }\n            if (value === '' || value === '-' || Number.isNaN(f)) {\n                return 'ra_Not a number';\n            }\n\n            return null;\n        }\n\n        return 'ra_Not a number';\n    }\n\n    renderItem(error: unknown, disabled: boolean): JSX.Element | null {\n        const isIndeterminate = Array.isArray(this.state._value) || this.state._value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.state.oldValue !== null && this.state.oldValue !== undefined) {\n            if (this.updateTimeout) {\n                clearTimeout(this.updateTimeout);\n            }\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = undefined;\n                this.setState({ oldValue: null });\n            }, 30);\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = undefined;\n        }\n\n        if (isIndeterminate) {\n            const autoCompleteOptions = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            const arr =\n                autoCompleteOptions\n                    ?.filter((a: number | null | undefined) => a || a === 0)\n                    .map((item: number) => ({ label: item.toString(), value: item })) || [];\n\n            arr.unshift({ label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE });\n\n            return (\n                <Autocomplete\n                    style={styles.indeterminate}\n                    fullWidth\n                    freeSolo\n                    value={arr[0]}\n                    // @ts-expect-error needs investigation if this really has no effect\n                    getOptionSelected={(option, value) => option.label === value.label}\n                    onChange={(_, value: (typeof arr)[number]) => {\n                        const mayBePromise = this.onChange(this.props.attr, value?.value, () => {\n                            this.setState({ _value: value?.value, oldValue: this.state._value });\n                        });\n                        if (mayBePromise instanceof Promise) {\n                            mayBePromise.catch(e => console.error(e));\n                        }\n                    }}\n                    options={arr}\n                    getOptionLabel={(option: (typeof arr)[number]) => option.label}\n                    renderInput={params => (\n                        <TextField\n                            {...params}\n                            label={this.getText(this.props.schema.label)}\n                            variant=\"standard\"\n                            slotProps={{\n                                htmlInput: {\n                                    ...params.inputProps,\n                                    readOnly: this.props.schema.readOnly || false,\n                                },\n                            }}\n                            error={!!error}\n                            placeholder={this.getText(this.props.schema.placeholder)}\n                            helperText={this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                            disabled={!!disabled}\n                        />\n                    )}\n                />\n            );\n        }\n        if (!error && this.state._value !== null && this.state._value !== undefined && this.state._value) {\n            error = this.checkValue(this.state._value);\n            if (error) {\n                error = I18n.t(error as string);\n            }\n        }\n\n        return (\n            <FormControl\n                variant=\"standard\"\n                style={styles.control}\n            >\n                <TextField\n                    variant=\"standard\"\n                    type=\"number\"\n                    fullWidth\n                    slotProps={{\n                        htmlInput: {\n                            min: this.props.schema.min,\n                            max: this.props.schema.max,\n                            step: this.props.schema.step,\n                            readOnly: this.props.schema.readOnly || false,\n                        },\n                    }}\n                    value={this.state._value === null || this.state._value === undefined ? '' : this.state._value}\n                    error={!!error}\n                    disabled={!!disabled}\n                    onChange={e => {\n                        const _value = e.target.value; // value is always a string and it is validly formatted\n                        const _error = this.checkValue(_value);\n                        if (_error) {\n                            this.onError(this.props.attr, I18n.t(_error));\n                        } else {\n                            this.onError(this.props.attr); // clear error\n                        }\n\n                        this.setState({ _value, oldValue: this.state._value }, () =>\n                            this.onChange(this.props.attr, parseFloat(_value)),\n                        );\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={\n                        error && typeof error === 'string'\n                            ? error\n                            : this.renderHelp(\n                                  this.props.schema.help,\n                                  this.props.schema.helpLink,\n                                  this.props.schema.noTranslation,\n                              )\n                    }\n                />\n            </FormControl>\n        );\n    }\n}\n\nexport default ConfigNumber;\n"]}
+{"version":3,"file":"ConfigNumber.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigNumber.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Autocomplete, TextField, FormControl } from '@mui/material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemNumber } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    indeterminate: {\n        opacity: 0.5,\n    },\n    control: {\n        flexDirection: 'row',\n        width: '100%',\n    },\n};\n\ninterface ConfigNumberProps extends ConfigGenericProps {\n    schema: ConfigItemNumber;\n}\n\ninterface ConfigNumberState extends ConfigGenericState {\n    _value: string;\n    oldValue: string | null;\n}\n\nclass ConfigNumber extends ConfigGeneric<ConfigNumberProps, ConfigNumberState> {\n    private updateTimeout?: ReturnType<typeof setTimeout>;\n\n    componentDidMount(): void {\n        super.componentDidMount();\n        let _value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        if (_value === null || _value === undefined) {\n            _value = '';\n        }\n\n        if (Array.isArray(_value) && this.props.oContext.multiEdit) {\n            _value = ConfigGeneric.DIFFERENT_VALUE;\n            this.setState({ _value, oldValue: _value });\n            return;\n        }\n\n        this.setState({ _value: _value.toString(), oldValue: _value.toString() });\n    }\n\n    static getDerivedStateFromProps(\n        props: ConfigNumberProps,\n        state: ConfigNumberState,\n    ): Partial<ConfigNumberState> | null {\n        if (\n            (props.schema.min !== undefined && props.schema.min < 0) ||\n            (props.schema.max !== undefined && props.schema.max < 0)\n        ) {\n            return null;\n        }\n        const _value = ConfigGeneric.getValue(props.data, props.attr);\n\n        if (props.oContext.multiEdit && state._value === ConfigGeneric.DIFFERENT_VALUE) {\n            return { _value: ConfigGeneric.DIFFERENT_VALUE };\n        }\n\n        if (\n            _value === null ||\n            _value === undefined ||\n            state.oldValue === null ||\n            state.oldValue === undefined ||\n            (_value.toString() !== parseFloat(state._value).toString() &&\n                _value.toString() !== state.oldValue.toString())\n        ) {\n            return { _value };\n        }\n\n        return null;\n    }\n\n    checkValue(value: string): string | null {\n        if (value === null || value === undefined) {\n            return null;\n        }\n        value = value.toString().trim();\n        const f = value === '' ? 0 : parseFloat(value);\n\n        if (value !== '' && Number.isNaN(f)) {\n            return 'ra_Not a number';\n        }\n\n        if (value !== '' && window.isFinite(f)) {\n            if (this.props.schema.min !== undefined && f < this.props.schema.min) {\n                return 'ra_Too small';\n            }\n            if (this.props.schema.max !== undefined && f > this.props.schema.max) {\n                return 'ra_Too big';\n            }\n            if (value === '' || value === '-' || Number.isNaN(f)) {\n                return 'ra_Not a number';\n            }\n\n            return null;\n        }\n\n        return 'ra_Not a number';\n    }\n\n    renderItem(error: unknown, disabled: boolean): JSX.Element | null {\n        const isIndeterminate = Array.isArray(this.state._value) || this.state._value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.state.oldValue !== null && this.state.oldValue !== undefined) {\n            if (this.updateTimeout) {\n                clearTimeout(this.updateTimeout);\n            }\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = undefined;\n                this.setState({ oldValue: null });\n            }, 30);\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = undefined;\n        }\n\n        if (isIndeterminate) {\n            const autoCompleteOptions = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            const arr =\n                autoCompleteOptions\n                    ?.filter((a: number | null | undefined) => a || a === 0)\n                    .map((item: number) => ({ label: item.toString(), value: item })) || [];\n\n            arr.unshift({ label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE });\n\n            return (\n                <Autocomplete\n                    style={styles.indeterminate}\n                    fullWidth\n                    freeSolo\n                    value={arr[0]}\n                    // @ts-expect-error needs investigation if this really has no effect\n                    getOptionSelected={(option, value) => option.label === value.label}\n                    onChange={(_, value: (typeof arr)[number]) => {\n                        const mayBePromise = this.onChange(this.props.attr, value?.value, () => {\n                            this.setState({ _value: value?.value, oldValue: this.state._value });\n                        });\n                        if (mayBePromise instanceof Promise) {\n                            mayBePromise.catch(e => console.error(e));\n                        }\n                    }}\n                    options={arr}\n                    getOptionLabel={(option: (typeof arr)[number]) => option.label}\n                    renderInput={params => (\n                        <TextField\n                            {...params}\n                            label={this.getText(this.props.schema.label)}\n                            variant=\"standard\"\n                            slotProps={{\n                                htmlInput: {\n                                    ...params.inputProps,\n                                    readOnly: this.props.schema.readOnly || false,\n                                },\n                                input: {\n                                    endAdornment: this.props.schema.unit\n                                        ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)\n                                        : undefined,\n                                },\n                            }}\n                            error={!!error}\n                            placeholder={this.getText(this.props.schema.placeholder)}\n                            helperText={this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                            disabled={!!disabled}\n                        />\n                    )}\n                />\n            );\n        }\n        if (!error && this.state._value !== null && this.state._value !== undefined && this.state._value) {\n            error = this.checkValue(this.state._value);\n            if (error) {\n                error = I18n.t(error as string);\n            }\n        }\n\n        return (\n            <FormControl\n                variant=\"standard\"\n                style={styles.control}\n            >\n                <TextField\n                    variant=\"standard\"\n                    type=\"number\"\n                    fullWidth\n                    slotProps={{\n                        htmlInput: {\n                            min: this.props.schema.min,\n                            max: this.props.schema.max,\n                            step: this.props.schema.step,\n                            readOnly: this.props.schema.readOnly || false,\n                        },\n                        input: {\n                            endAdornment: this.props.schema.unit\n                                ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)\n                                : undefined,\n                        },\n                    }}\n                    value={this.state._value === null || this.state._value === undefined ? '' : this.state._value}\n                    error={!!error}\n                    disabled={!!disabled}\n                    onChange={e => {\n                        const _value = e.target.value; // value is always a string and it is validly formatted\n                        const _error = this.checkValue(_value);\n                        if (_error) {\n                            this.onError(this.props.attr, I18n.t(_error));\n                        } else {\n                            this.onError(this.props.attr); // clear error\n                        }\n\n                        this.setState({ _value, oldValue: this.state._value }, () =>\n                            this.onChange(this.props.attr, parseFloat(_value)),\n                        );\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={\n                        error && typeof error === 'string'\n                            ? error\n                            : this.renderHelp(\n                                  this.props.schema.help,\n                                  this.props.schema.helpLink,\n                                  this.props.schema.noTranslation,\n                              )\n                    }\n                />\n            </FormControl>\n        );\n    }\n}\n\nexport default ConfigNumber;\n"]}

package/build/JsonConfigComponent/ConfigPanel.js

@@ -185,7 +185,7 @@ class ConfigPanel extends ConfigGeneric {
                 // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext
                 , { 
                     // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext
-                    socket: socket, oContext: this.props.oContext, key: `${attr}_${this.props.index === undefined ? '' : this.props.index}`, index: this.props.index, changed: this.props.changed, arrayIndex: this.props.arrayIndex, commandRunning: this.props.commandRunning, style: styles.panel, common: this.props.common, alive: this.props.alive, themeName: this.props.themeName, data: this.props.data, originalData: this.props.originalData, onError: this.props.onError, onChange: this.props.onChange, disabled: disabled, customObj: this.props.customObj, custom: this.props.custom, schema: items[attr], attr: attr, table: this.props.table }));
+                    socket: socket, globalData: this.props.globalData, oContext: this.props.oContext, key: `${attr}_${this.props.index === undefined ? '' : this.props.index}`, index: this.props.index, changed: this.props.changed, arrayIndex: this.props.arrayIndex, commandRunning: this.props.commandRunning, style: styles.panel, common: this.props.common, alive: this.props.alive, themeName: this.props.themeName, data: this.props.data, originalData: this.props.originalData, onError: this.props.onError, onChange: this.props.onChange, disabled: disabled, customObj: this.props.customObj, custom: this.props.custom, schema: items[attr], attr: attr, table: this.props.table }));
             })
             : null;
     }

package/build/JsonConfigComponent/ConfigPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigPanel.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Grid2, Accordion, AccordionSummary, AccordionDetails, Typography, Box } from '@mui/material';\n\nimport { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';\n\nimport { type AdminConnection, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemPanel } from '#JC/types';\n\nimport ConfigGeneric, { type ConfigGenericState, type ConfigGenericProps } from './ConfigGeneric';\nimport ConfigAccordion from './ConfigAccordion';\nimport ConfigAlive from './ConfigAlive';\nimport ConfigAutocomplete from './ConfigAutocomplete';\nimport ConfigAutocompleteSendTo from './ConfigAutocompleteSendTo';\nimport ConfigCRON from './ConfigCRON';\nimport ConfigCertificateSelect from './ConfigCertificateSelect';\nimport ConfigCertificates from './ConfigCertificates';\nimport ConfigCertCollection from './ConfigCertCollection';\nimport ConfigCheckLicense from './ConfigCheckLicense';\nimport ConfigCheckbox from './ConfigCheckbox';\nimport ConfigChip from './ConfigChip';\nimport ConfigColor from './ConfigColor';\nimport ConfigCoordinates from './ConfigCoordinates';\nimport ConfigCustom from './ConfigCustom';\nimport ConfigDatePicker from './ConfigDatePicker';\nimport ConfigDeviceManager from './ConfigDeviceManager';\nimport ConfigFile from './ConfigFile';\nimport ConfigFileSelector from './ConfigFileSelector';\nimport ConfigFunc from './ConfigFunc';\nimport ConfigIP from './ConfigIP';\nimport ConfigImageSendTo from './ConfigImageSendTo';\nimport ConfigImageUpload from './ConfigImageUpload';\nimport ConfigInstanceSelect from './ConfigInstanceSelect';\nimport ConfigInterface from './ConfigInterface';\nimport ConfigJsonEditor from './ConfigJsonEditor';\nimport ConfigLanguage from './ConfigLanguage';\nimport ConfigLicense from './ConfigLicense';\nimport ConfigNumber from './ConfigNumber';\nimport ConfigObjectId from './ConfigObjectId';\nimport ConfigPassword from './ConfigPassword';\nimport ConfigPattern from './ConfigPattern';\nimport ConfigPort from './ConfigPort';\nimport ConfigRoom from './ConfigRoom';\nimport ConfigSelect from './ConfigSelect';\nimport ConfigSelectSendTo from './ConfigSelectSendTo';\nimport ConfigSendTo from './ConfigSendto';\nimport ConfigSetState from './ConfigSetState';\nimport ConfigSlider from './ConfigSlider';\nimport ConfigState from './ConfigState';\nimport ConfigStaticDivider from './ConfigStaticDivider';\nimport ConfigStaticHeader from './ConfigStaticHeader';\nimport ConfigStaticImage from './ConfigStaticImage';\nimport ConfigStaticInfo from './ConfigStaticInfo';\nimport ConfigStaticText from './ConfigStaticText';\nimport ConfigTable from './ConfigTable';\nimport ConfigText from './ConfigText';\nimport ConfigTextSendTo from './ConfigTextSendTo';\nimport ConfigTimePicker from './ConfigTimePicker';\nimport ConfigTopic from './ConfigTopic';\nimport ConfigUUID from './ConfigUUID';\nimport ConfigUser from './ConfigUser';\nimport ConfigQrCode from './ConfigQrCode';\n\nconst components: Record<string, typeof ConfigGeneric<any, any>> = {\n    accordion: ConfigAccordion,\n    alive: ConfigAlive,\n    autocomplete: ConfigAutocomplete,\n    autocompleteSendTo: ConfigAutocompleteSendTo,\n    certCollection: ConfigCertCollection,\n    certificate: ConfigCertificateSelect,\n    certificates: ConfigCertificates,\n    checkbox: ConfigCheckbox,\n    checkLicense: ConfigCheckLicense,\n    chip: ConfigChip, // deprecated. Use \"chips\"\n    chips: ConfigChip,\n    color: ConfigColor,\n    coordinates: ConfigCoordinates,\n    cron: ConfigCRON,\n    custom: ConfigCustom,\n    datePicker: ConfigDatePicker,\n    deviceManager: ConfigDeviceManager,\n    divider: ConfigStaticDivider,\n    file: ConfigFile,\n    fileSelector: ConfigFileSelector,\n    func: ConfigFunc,\n    header: ConfigStaticHeader,\n    image: ConfigImageUpload,\n    imageSendTo: ConfigImageSendTo,\n    instance: ConfigInstanceSelect,\n    interface: ConfigInterface,\n    ip: ConfigIP,\n    jsonEditor: ConfigJsonEditor,\n    language: ConfigLanguage,\n    license: ConfigLicense,\n    number: ConfigNumber,\n    objectId: ConfigObjectId,\n    password: ConfigPassword,\n    pattern: ConfigPattern,\n    port: ConfigPort,\n    qrCode: ConfigQrCode,\n    room: ConfigRoom,\n    select: ConfigSelect,\n    selectSendTo: ConfigSelectSendTo,\n    // @deprecated Use \"sendTo\"\n    sendto: ConfigSendTo,\n    sendTo: ConfigSendTo,\n    setState: ConfigSetState,\n    slider: ConfigSlider,\n    state: ConfigState,\n    staticImage: ConfigStaticImage,\n    staticInfo: ConfigStaticInfo,\n    staticLink: ConfigStaticText,\n    staticText: ConfigStaticText,\n    table: ConfigTable,\n    text: ConfigText,\n    textSendTo: ConfigTextSendTo,\n    timePicker: ConfigTimePicker,\n    topic: ConfigTopic,\n    uuid: ConfigUUID,\n    user: ConfigUser,\n};\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        width: '100%',\n        // height: '100%',\n    },\n    paper: {\n        margin: 1,\n        width: 'auto !important',\n        overflowY: 'auto',\n        paddingBottom: 1,\n    },\n    paperWithIcons: {\n        height: 'calc(100vh - 259px) !important',\n    },\n    paperWithoutIcons: {\n        height: 'calc(100vh - 235px) !important',\n    },\n    padding: {\n        padding: '10px',\n    },\n    heading: {},\n    primary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.mode === 'dark' ? 'inherit' : '#FFF',\n    }),\n    secondary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.secondary.main,\n    }),\n};\n\ninterface ConfigPanelProps extends ConfigGenericProps {\n    schema: ConfigItemPanel;\n    withIcons?: boolean;\n}\ninterface ConfigPanelState extends ConfigGenericState {\n    expanded?: boolean;\n}\n\nclass ConfigPanel extends ConfigGeneric<ConfigPanelProps, ConfigPanelState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        if (this.props.schema && this.props.schema.collapsable) {\n            this.setState({\n                expanded:\n                    (((window as any)._localStorage as Storage) || window.localStorage).getItem(\n                        `${this.props.oContext.adapterName}.${this.props.attr}`,\n                    ) === 'true',\n            });\n        }\n    }\n\n    renderItems(items: Record<string, any>, disabled: boolean): JSX.Element[] | null {\n        return items\n            ? Object.keys(items).map(attr => {\n                  if (this.props.oContext.multiEdit && items[attr].noMultiEdit) {\n                      return null;\n                  }\n\n                  const type = items[attr].type || 'panel';\n                  let ItemComponent: typeof ConfigGeneric<ConfigGenericProps, any>;\n                  let socket: string | AdminConnection = 'Use this.props.oContext.socket!';\n                  if (type === 'custom') {\n                      // name\n                      // url\n                      if (items[attr].url) {\n                          ItemComponent = ConfigCustom;\n                      } else if (this.props.oContext.customs && this.props.oContext.customs[items[attr].component]) {\n                          ItemComponent = this.props.oContext.customs[items[attr].component];\n                      } else {\n                          console.error(`Cannot find custom component: ${items[attr].component}`);\n                          ItemComponent = ConfigGeneric;\n                      }\n                      socket = this.props.oContext.socket;\n                  } else if (type === 'panel') {\n                      ItemComponent = ConfigPanel;\n                  } else {\n                      ItemComponent = components[type] || ConfigGeneric;\n                  }\n\n                  return (\n                      <ItemComponent\n                          // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext\n                          socket={socket}\n                          oContext={this.props.oContext}\n                          key={`${attr}_${this.props.index === undefined ? '' : this.props.index}`}\n                          index={this.props.index}\n                          changed={this.props.changed}\n                          arrayIndex={this.props.arrayIndex}\n                          commandRunning={this.props.commandRunning}\n                          style={styles.panel}\n                          common={this.props.common}\n                          alive={this.props.alive}\n                          themeName={this.props.themeName}\n                          data={this.props.data}\n                          originalData={this.props.originalData}\n                          onError={this.props.onError}\n                          onChange={this.props.onChange}\n                          disabled={disabled}\n                          customObj={this.props.customObj}\n                          custom={this.props.custom}\n                          schema={items[attr]}\n                          attr={attr}\n                          table={this.props.table}\n                      />\n                  );\n              })\n            : null;\n    }\n\n    render(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        const { disabled, hidden } = this.calculate(schema);\n\n        const items = this.props.schema.items;\n        const schemaStyle = this.props.schema.style || {};\n\n        if (hidden) {\n            if (schema.hideOnlyControl) {\n                const item = (\n                    <Grid2\n                        size={{\n                            xs: schema.xs || undefined,\n                            sm: schema.sm || undefined,\n                            md: schema.md || undefined,\n                            lg: schema.lg || undefined,\n                            xl: schema.xl || undefined,\n                        }}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { marginBottom: 0, textAlign: 'left' /* marginRight: 8, */ },\n                            schemaStyle,\n                            this.props.oContext.themeType === 'dark' && schema.darkStyle,\n                        )}\n                    />\n                );\n\n                if (schema.newLine) {\n                    return (\n                        <>\n                            <div style={{ flexBasis: '100%', height: 0 }} />\n                            {item}\n                        </>\n                    );\n                }\n                return item;\n            }\n            return null;\n        }\n\n        if (this.props.table) {\n            return this.renderItems(items, disabled) as any as JSX.Element;\n        }\n\n        if (this.props.custom) {\n            return (\n                <Grid2\n                    key={`${this.props.attr}_${this.props.index}`}\n                    container\n                    style={styles.fullWidth}\n                    columnSpacing={2}\n                    rowSpacing={1}\n                    sx={schemaStyle}\n                >\n                    {this.renderItems(items, disabled)}\n                </Grid2>\n            );\n        }\n\n        let content;\n        if (schema.collapsable) {\n            content = (\n                <Accordion\n                    key={`${this.props.attr}_${this.props.index}`}\n                    style={styles.fullWidth}\n                    expanded={!!this.state.expanded}\n                    onChange={() => {\n                        (((window as any)._localStorage as Storage) || window.localStorage).setItem(\n                            `${this.props.oContext.adapterName}.${this.props.attr}`,\n                            this.state.expanded ? 'false' : 'true',\n                        );\n                        this.setState({ expanded: !this.state.expanded });\n                    }}\n                >\n                    <AccordionSummary\n                        expandIcon={<ExpandMoreIcon />}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            schemaStyle,\n                            this.props.oContext.themeType && schema.darkStyle,\n                            schema.color === 'primary'\n                                ? styles.primary\n                                : schema.color === 'secondary' && styles.secondary,\n                            { width: '100%' },\n                        )}\n                    >\n                        <Typography style={styles.heading}>{this.getText(schema.label)}</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <Grid2\n                            container\n                            columnSpacing={2}\n                            rowSpacing={1}\n                            sx={{ ...schemaStyle, width: '100%', padding: '10px' }}\n                        >\n                            {this.renderItems(items, disabled)}\n                        </Grid2>\n                    </AccordionDetails>\n                </Accordion>\n            );\n        } else {\n            content = (\n                <Box\n                    component=\"div\"\n                    key={`${this.props.attr}_${this.props.index}`}\n                    className={this.props.className}\n                    sx={Utils.getStyle(\n                        this.props.oContext.theme,\n                        this.props.style,\n                        schemaStyle,\n                        { width: '100%' },\n                        this.props.isParentTab && styles.paper,\n                        this.props.isParentTab &&\n                            (this.props.withIcons ? styles.paperWithIcons : styles.paperWithoutIcons),\n                    )}\n                >\n                    <Grid2\n                        container\n                        columnSpacing={2}\n                        rowSpacing={1}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { width: '100%' },\n                            this.props.isParentTab && styles.padding,\n                            this.props.schema.innerStyle,\n                        )}\n                    >\n                        {this.renderItems(items, disabled)}\n                    </Grid2>\n                </Box>\n            );\n        }\n\n        if (!this.props.isParentTab) {\n            const item = (\n                <Grid2\n                    title={this.getText(schema.tooltip)}\n                    size={{\n                        xs: schema.xs || undefined,\n                        sm: schema.sm || undefined,\n                        md: schema.md || undefined,\n                        lg: schema.lg || undefined,\n                        xl: schema.xl || undefined,\n                    }}\n                    sx={{ marginBottom: 0, /* marginRight: 8, */ textAlign: 'left', ...schemaStyle }}\n                >\n                    {content}\n                </Grid2>\n            );\n\n            if (schema.newLine) {\n                return (\n                    <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>\n                );\n            }\n            return item;\n        }\n        return content;\n    }\n}\n\nexport default ConfigPanel;\n"]}
+{"version":3,"file":"ConfigPanel.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Grid2, Accordion, AccordionSummary, AccordionDetails, Typography, Box } from '@mui/material';\n\nimport { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';\n\nimport { type AdminConnection, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemPanel } from '#JC/types';\n\nimport ConfigGeneric, { type ConfigGenericState, type ConfigGenericProps } from './ConfigGeneric';\nimport ConfigAccordion from './ConfigAccordion';\nimport ConfigAlive from './ConfigAlive';\nimport ConfigAutocomplete from './ConfigAutocomplete';\nimport ConfigAutocompleteSendTo from './ConfigAutocompleteSendTo';\nimport ConfigCRON from './ConfigCRON';\nimport ConfigCertificateSelect from './ConfigCertificateSelect';\nimport ConfigCertificates from './ConfigCertificates';\nimport ConfigCertCollection from './ConfigCertCollection';\nimport ConfigCheckLicense from './ConfigCheckLicense';\nimport ConfigCheckbox from './ConfigCheckbox';\nimport ConfigChip from './ConfigChip';\nimport ConfigColor from './ConfigColor';\nimport ConfigCoordinates from './ConfigCoordinates';\nimport ConfigCustom from './ConfigCustom';\nimport ConfigDatePicker from './ConfigDatePicker';\nimport ConfigDeviceManager from './ConfigDeviceManager';\nimport ConfigFile from './ConfigFile';\nimport ConfigFileSelector from './ConfigFileSelector';\nimport ConfigFunc from './ConfigFunc';\nimport ConfigIP from './ConfigIP';\nimport ConfigImageSendTo from './ConfigImageSendTo';\nimport ConfigImageUpload from './ConfigImageUpload';\nimport ConfigInstanceSelect from './ConfigInstanceSelect';\nimport ConfigInterface from './ConfigInterface';\nimport ConfigJsonEditor from './ConfigJsonEditor';\nimport ConfigLanguage from './ConfigLanguage';\nimport ConfigLicense from './ConfigLicense';\nimport ConfigNumber from './ConfigNumber';\nimport ConfigObjectId from './ConfigObjectId';\nimport ConfigPassword from './ConfigPassword';\nimport ConfigPattern from './ConfigPattern';\nimport ConfigPort from './ConfigPort';\nimport ConfigRoom from './ConfigRoom';\nimport ConfigSelect from './ConfigSelect';\nimport ConfigSelectSendTo from './ConfigSelectSendTo';\nimport ConfigSendTo from './ConfigSendto';\nimport ConfigSetState from './ConfigSetState';\nimport ConfigSlider from './ConfigSlider';\nimport ConfigState from './ConfigState';\nimport ConfigStaticDivider from './ConfigStaticDivider';\nimport ConfigStaticHeader from './ConfigStaticHeader';\nimport ConfigStaticImage from './ConfigStaticImage';\nimport ConfigStaticInfo from './ConfigStaticInfo';\nimport ConfigStaticText from './ConfigStaticText';\nimport ConfigTable from './ConfigTable';\nimport ConfigText from './ConfigText';\nimport ConfigTextSendTo from './ConfigTextSendTo';\nimport ConfigTimePicker from './ConfigTimePicker';\nimport ConfigTopic from './ConfigTopic';\nimport ConfigUUID from './ConfigUUID';\nimport ConfigUser from './ConfigUser';\nimport ConfigQrCode from './ConfigQrCode';\n\nconst components: Record<string, typeof ConfigGeneric<any, any>> = {\n    accordion: ConfigAccordion,\n    alive: ConfigAlive,\n    autocomplete: ConfigAutocomplete,\n    autocompleteSendTo: ConfigAutocompleteSendTo,\n    certCollection: ConfigCertCollection,\n    certificate: ConfigCertificateSelect,\n    certificates: ConfigCertificates,\n    checkbox: ConfigCheckbox,\n    checkLicense: ConfigCheckLicense,\n    chip: ConfigChip, // deprecated. Use \"chips\"\n    chips: ConfigChip,\n    color: ConfigColor,\n    coordinates: ConfigCoordinates,\n    cron: ConfigCRON,\n    custom: ConfigCustom,\n    datePicker: ConfigDatePicker,\n    deviceManager: ConfigDeviceManager,\n    divider: ConfigStaticDivider,\n    file: ConfigFile,\n    fileSelector: ConfigFileSelector,\n    func: ConfigFunc,\n    header: ConfigStaticHeader,\n    image: ConfigImageUpload,\n    imageSendTo: ConfigImageSendTo,\n    instance: ConfigInstanceSelect,\n    interface: ConfigInterface,\n    ip: ConfigIP,\n    jsonEditor: ConfigJsonEditor,\n    language: ConfigLanguage,\n    license: ConfigLicense,\n    number: ConfigNumber,\n    objectId: ConfigObjectId,\n    password: ConfigPassword,\n    pattern: ConfigPattern,\n    port: ConfigPort,\n    qrCode: ConfigQrCode,\n    room: ConfigRoom,\n    select: ConfigSelect,\n    selectSendTo: ConfigSelectSendTo,\n    // @deprecated Use \"sendTo\"\n    sendto: ConfigSendTo,\n    sendTo: ConfigSendTo,\n    setState: ConfigSetState,\n    slider: ConfigSlider,\n    state: ConfigState,\n    staticImage: ConfigStaticImage,\n    staticInfo: ConfigStaticInfo,\n    staticLink: ConfigStaticText,\n    staticText: ConfigStaticText,\n    table: ConfigTable,\n    text: ConfigText,\n    textSendTo: ConfigTextSendTo,\n    timePicker: ConfigTimePicker,\n    topic: ConfigTopic,\n    uuid: ConfigUUID,\n    user: ConfigUser,\n};\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        width: '100%',\n        // height: '100%',\n    },\n    paper: {\n        margin: 1,\n        width: 'auto !important',\n        overflowY: 'auto',\n        paddingBottom: 1,\n    },\n    paperWithIcons: {\n        height: 'calc(100vh - 259px) !important',\n    },\n    paperWithoutIcons: {\n        height: 'calc(100vh - 235px) !important',\n    },\n    padding: {\n        padding: '10px',\n    },\n    heading: {},\n    primary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.mode === 'dark' ? 'inherit' : '#FFF',\n    }),\n    secondary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.secondary.main,\n    }),\n};\n\ninterface ConfigPanelProps extends ConfigGenericProps {\n    schema: ConfigItemPanel;\n    withIcons?: boolean;\n}\ninterface ConfigPanelState extends ConfigGenericState {\n    expanded?: boolean;\n}\n\nclass ConfigPanel extends ConfigGeneric<ConfigPanelProps, ConfigPanelState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        if (this.props.schema && this.props.schema.collapsable) {\n            this.setState({\n                expanded:\n                    (((window as any)._localStorage as Storage) || window.localStorage).getItem(\n                        `${this.props.oContext.adapterName}.${this.props.attr}`,\n                    ) === 'true',\n            });\n        }\n    }\n\n    renderItems(items: Record<string, any>, disabled: boolean): JSX.Element[] | null {\n        return items\n            ? Object.keys(items).map(attr => {\n                  if (this.props.oContext.multiEdit && items[attr].noMultiEdit) {\n                      return null;\n                  }\n\n                  const type = items[attr].type || 'panel';\n                  let ItemComponent: typeof ConfigGeneric<ConfigGenericProps, any>;\n                  let socket: string | AdminConnection = 'Use this.props.oContext.socket!';\n                  if (type === 'custom') {\n                      // name\n                      // url\n                      if (items[attr].url) {\n                          ItemComponent = ConfigCustom;\n                      } else if (this.props.oContext.customs && this.props.oContext.customs[items[attr].component]) {\n                          ItemComponent = this.props.oContext.customs[items[attr].component];\n                      } else {\n                          console.error(`Cannot find custom component: ${items[attr].component}`);\n                          ItemComponent = ConfigGeneric;\n                      }\n                      socket = this.props.oContext.socket;\n                  } else if (type === 'panel') {\n                      ItemComponent = ConfigPanel;\n                  } else {\n                      ItemComponent = components[type] || ConfigGeneric;\n                  }\n\n                  return (\n                      <ItemComponent\n                          // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext\n                          socket={socket}\n                          globalData={this.props.globalData}\n                          oContext={this.props.oContext}\n                          key={`${attr}_${this.props.index === undefined ? '' : this.props.index}`}\n                          index={this.props.index}\n                          changed={this.props.changed}\n                          arrayIndex={this.props.arrayIndex}\n                          commandRunning={this.props.commandRunning}\n                          style={styles.panel}\n                          common={this.props.common}\n                          alive={this.props.alive}\n                          themeName={this.props.themeName}\n                          data={this.props.data}\n                          originalData={this.props.originalData}\n                          onError={this.props.onError}\n                          onChange={this.props.onChange}\n                          disabled={disabled}\n                          customObj={this.props.customObj}\n                          custom={this.props.custom}\n                          schema={items[attr]}\n                          attr={attr}\n                          table={this.props.table}\n                      />\n                  );\n              })\n            : null;\n    }\n\n    render(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        const { disabled, hidden } = this.calculate(schema);\n\n        const items = this.props.schema.items;\n        const schemaStyle = this.props.schema.style || {};\n\n        if (hidden) {\n            if (schema.hideOnlyControl) {\n                const item = (\n                    <Grid2\n                        size={{\n                            xs: schema.xs || undefined,\n                            sm: schema.sm || undefined,\n                            md: schema.md || undefined,\n                            lg: schema.lg || undefined,\n                            xl: schema.xl || undefined,\n                        }}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { marginBottom: 0, textAlign: 'left' /* marginRight: 8, */ },\n                            schemaStyle,\n                            this.props.oContext.themeType === 'dark' && schema.darkStyle,\n                        )}\n                    />\n                );\n\n                if (schema.newLine) {\n                    return (\n                        <>\n                            <div style={{ flexBasis: '100%', height: 0 }} />\n                            {item}\n                        </>\n                    );\n                }\n                return item;\n            }\n            return null;\n        }\n\n        if (this.props.table) {\n            return this.renderItems(items, disabled) as any as JSX.Element;\n        }\n\n        if (this.props.custom) {\n            return (\n                <Grid2\n                    key={`${this.props.attr}_${this.props.index}`}\n                    container\n                    style={styles.fullWidth}\n                    columnSpacing={2}\n                    rowSpacing={1}\n                    sx={schemaStyle}\n                >\n                    {this.renderItems(items, disabled)}\n                </Grid2>\n            );\n        }\n\n        let content;\n        if (schema.collapsable) {\n            content = (\n                <Accordion\n                    key={`${this.props.attr}_${this.props.index}`}\n                    style={styles.fullWidth}\n                    expanded={!!this.state.expanded}\n                    onChange={() => {\n                        (((window as any)._localStorage as Storage) || window.localStorage).setItem(\n                            `${this.props.oContext.adapterName}.${this.props.attr}`,\n                            this.state.expanded ? 'false' : 'true',\n                        );\n                        this.setState({ expanded: !this.state.expanded });\n                    }}\n                >\n                    <AccordionSummary\n                        expandIcon={<ExpandMoreIcon />}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            schemaStyle,\n                            this.props.oContext.themeType && schema.darkStyle,\n                            schema.color === 'primary'\n                                ? styles.primary\n                                : schema.color === 'secondary' && styles.secondary,\n                            { width: '100%' },\n                        )}\n                    >\n                        <Typography style={styles.heading}>{this.getText(schema.label)}</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <Grid2\n                            container\n                            columnSpacing={2}\n                            rowSpacing={1}\n                            sx={{ ...schemaStyle, width: '100%', padding: '10px' }}\n                        >\n                            {this.renderItems(items, disabled)}\n                        </Grid2>\n                    </AccordionDetails>\n                </Accordion>\n            );\n        } else {\n            content = (\n                <Box\n                    component=\"div\"\n                    key={`${this.props.attr}_${this.props.index}`}\n                    className={this.props.className}\n                    sx={Utils.getStyle(\n                        this.props.oContext.theme,\n                        this.props.style,\n                        schemaStyle,\n                        { width: '100%' },\n                        this.props.isParentTab && styles.paper,\n                        this.props.isParentTab &&\n                            (this.props.withIcons ? styles.paperWithIcons : styles.paperWithoutIcons),\n                    )}\n                >\n                    <Grid2\n                        container\n                        columnSpacing={2}\n                        rowSpacing={1}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { width: '100%' },\n                            this.props.isParentTab && styles.padding,\n                            this.props.schema.innerStyle,\n                        )}\n                    >\n                        {this.renderItems(items, disabled)}\n                    </Grid2>\n                </Box>\n            );\n        }\n\n        if (!this.props.isParentTab) {\n            const item = (\n                <Grid2\n                    title={this.getText(schema.tooltip)}\n                    size={{\n                        xs: schema.xs || undefined,\n                        sm: schema.sm || undefined,\n                        md: schema.md || undefined,\n                        lg: schema.lg || undefined,\n                        xl: schema.xl || undefined,\n                    }}\n                    sx={{ marginBottom: 0, /* marginRight: 8, */ textAlign: 'left', ...schemaStyle }}\n                >\n                    {content}\n                </Grid2>\n            );\n\n            if (schema.newLine) {\n                return (\n                    <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>\n                );\n            }\n            return item;\n        }\n        return content;\n    }\n}\n\nexport default ConfigPanel;\n"]}

package/build/JsonConfigComponent/ConfigSlider.js

@@ -33,7 +33,9 @@ class ConfigSlider extends ConfigGeneric {
     renderItem(error, disabled /* , defaultValue */) {
         const min = this.props.schema.min || 0;
         const max = this.props.schema.max || 100;
-        const unit = this.props.schema.unit || '';
+        const unit = this.props.schema.unit
+            ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)
+            : '';
         const marks = [
             { value: min, label: min + unit },
             { value: max, label: max + unit },

package/build/JsonConfigComponent/ConfigSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSlider.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAElG,MAAM,MAAM,GAAwC;IAChD,SAAS,EAAE;QACP,KAAK,EAAE,MAAM;KAChB;IACD,MAAM,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,mBAAmB;KAC7B;CACJ,CAAC;AAUF,MAAM,YAAa,SAAQ,aAAmD;IAC1E,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,CAAC,wBAAwB,CAC3B,KAAwB,EACxB,KAAwB;QAExB,IACI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC;YACxD,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,EAC1D;YACE,OAAO,IAAI,CAAC;SACf;QACD,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9D,IACI,MAAM,KAAK,IAAI;YACf,MAAM,KAAK,SAAS;YACpB,MAAM,CAAC,QAAQ,EAAE,KAAK,UAAU,CAAC,KAAK,CAAC,MAAuB,CAAC,CAAC,QAAQ,EAAE,EAC5E;YACE,OAAO,EAAE,MAAM,EAAE,CAAC;SACrB;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,UAAU,CAAC,KAAa,EAAE,QAAiB,CAAC,oBAAoB;QAC5D,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;QAE1C,MAAM,KAAK,GAAG;YACV,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI,EAAE;YACjC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI,EAAE;SACpC,CAAC;QAEF,OAAO,CACH,oBAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IAAC,YAAY,UAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAc,CAChF,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,MAAM,IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,EACvC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,EACjD,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE;oBACV,MAAM,MAAM,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAsB,CAAC;oBACrE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;gBAC5E,CAAC,GACH;YACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,oBAAC,UAAU,QACN,IAAI,CAAC,UAAU,CACZ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAClC,CACQ,CAChB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;IACN,CAAC;CACJ;AAED,eAAe,YAAY,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Typography, Slider } from '@mui/material';\n\nimport type { ConfigItemSlider } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    slider: {\n        marginLeft: 10,\n        marginRight: 10,\n        width: 'calc(100% - 20px)',\n    },\n};\n\ninterface ConfigSliderProps extends ConfigGenericProps {\n    schema: ConfigItemSlider;\n}\n\ninterface ConfigSliderState extends ConfigGenericState {\n    _value: number;\n}\n\nclass ConfigSlider extends ConfigGeneric<ConfigSliderProps, ConfigSliderState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        const _value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ _value });\n    }\n\n    static getDerivedStateFromProps(\n        props: ConfigSliderProps,\n        state: ConfigSliderState,\n    ): Partial<ConfigSliderState> | null {\n        if (\n            (props.schema.min !== undefined && props.schema.min < 0) ||\n            (props.schema.max !== undefined && props.schema.max < 0)\n        ) {\n            return null;\n        }\n        const _value = ConfigGeneric.getValue(props.data, props.attr);\n        if (\n            _value === null ||\n            _value === undefined ||\n            _value.toString() !== parseFloat(state._value as any as string).toString()\n        ) {\n            return { _value };\n        }\n\n        return null;\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        const min = this.props.schema.min || 0;\n        const max = this.props.schema.max || 100;\n        const unit = this.props.schema.unit || '';\n\n        const marks = [\n            { value: min, label: min + unit },\n            { value: max, label: max + unit },\n        ];\n\n        return (\n            <Box style={styles.fullWidth}>\n                {this.props.schema.label ? (\n                    <Typography gutterBottom>{this.getText(this.props.schema.label)}</Typography>\n                ) : null}\n                <Slider\n                    style={styles.slider}\n                    value={this.state._value}\n                    getAriaValueText={value => value + unit}\n                    step={this.props.schema.step || (max - min) / 100}\n                    valueLabelDisplay=\"auto\"\n                    marks={marks}\n                    min={min}\n                    max={max}\n                    disabled={!!disabled}\n                    onChange={e => {\n                        const _value = (e.target as HTMLInputElement).value as any as number;\n                        this.setState({ _value }, () => this.onChange(this.props.attr, _value));\n                    }}\n                />\n                {this.props.schema.help ? (\n                    <Typography>\n                        {this.renderHelp(\n                            this.props.schema.help,\n                            this.props.schema.helpLink,\n                            this.props.schema.noTranslation,\n                        )}\n                    </Typography>\n                ) : null}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigSlider;\n"]}
+{"version":3,"file":"ConfigSlider.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigSlider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Typography, Slider } from '@mui/material';\n\nimport type { ConfigItemSlider } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    slider: {\n        marginLeft: 10,\n        marginRight: 10,\n        width: 'calc(100% - 20px)',\n    },\n};\n\ninterface ConfigSliderProps extends ConfigGenericProps {\n    schema: ConfigItemSlider;\n}\n\ninterface ConfigSliderState extends ConfigGenericState {\n    _value: number;\n}\n\nclass ConfigSlider extends ConfigGeneric<ConfigSliderProps, ConfigSliderState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        const _value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ _value });\n    }\n\n    static getDerivedStateFromProps(\n        props: ConfigSliderProps,\n        state: ConfigSliderState,\n    ): Partial<ConfigSliderState> | null {\n        if (\n            (props.schema.min !== undefined && props.schema.min < 0) ||\n            (props.schema.max !== undefined && props.schema.max < 0)\n        ) {\n            return null;\n        }\n        const _value = ConfigGeneric.getValue(props.data, props.attr);\n        if (\n            _value === null ||\n            _value === undefined ||\n            _value.toString() !== parseFloat(state._value as any as string).toString()\n        ) {\n            return { _value };\n        }\n\n        return null;\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        const min = this.props.schema.min || 0;\n        const max = this.props.schema.max || 100;\n        const unit = this.props.schema.unit\n            ? this.getText(this.props.schema.unit, this.props.schema.noTranslation)\n            : '';\n\n        const marks = [\n            { value: min, label: min + unit },\n            { value: max, label: max + unit },\n        ];\n\n        return (\n            <Box style={styles.fullWidth}>\n                {this.props.schema.label ? (\n                    <Typography gutterBottom>{this.getText(this.props.schema.label)}</Typography>\n                ) : null}\n                <Slider\n                    style={styles.slider}\n                    value={this.state._value}\n                    getAriaValueText={value => value + unit}\n                    step={this.props.schema.step || (max - min) / 100}\n                    valueLabelDisplay=\"auto\"\n                    marks={marks}\n                    min={min}\n                    max={max}\n                    disabled={!!disabled}\n                    onChange={e => {\n                        const _value = (e.target as HTMLInputElement).value as any as number;\n                        this.setState({ _value }, () => this.onChange(this.props.attr, _value));\n                    }}\n                />\n                {this.props.schema.help ? (\n                    <Typography>\n                        {this.renderHelp(\n                            this.props.schema.help,\n                            this.props.schema.helpLink,\n                            this.props.schema.noTranslation,\n                        )}\n                    </Typography>\n                ) : null}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigSlider;\n"]}

package/build/JsonConfigComponent/ConfigStaticInfo.js

@@ -202,7 +202,7 @@ class ConfigStaticInfo extends ConfigGeneric {
         if (this.props.schema.unit) {
             value = (React.createElement("div", { style: styles.valueAndUnit },
                 value,
-                React.createElement("div", { style: { ...styles.unit, ...(this.props.schema.styleUnit || undefined) } }, this.getText(this.props.schema.unit))));
+                React.createElement("div", { style: { ...styles.unit, ...(this.props.schema.styleUnit || undefined) } }, this.getText(this.props.schema.unit, this.props.schema.noTranslation))));
         }
         let labelIcon;
         if (this.props.schema.labelIcon) {

package/build/JsonConfigComponent/ConfigStaticInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigStaticInfo.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Checkbox } from '@mui/material';\nimport { ContentCopy } from '@mui/icons-material';\nimport { I18n, Icon, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemStaticInfo } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nfunction valueBlinkOnce(theme: IobTheme, force: boolean, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes newValueAnimationOnceColor': {\n                '0%': {\n                    color: force ? `${color} !important` : color,\n                },\n                '100%': {\n                    color:\n                        theme.palette.mode === 'dark'\n                            ? force\n                                ? '#fff !important'\n                                : '#fff'\n                            : force\n                              ? '#000 !important'\n                              : '#000',\n                },\n            },\n            animation: 'newValueAnimationOnceColor 2s ease-in-out',\n        };\n    }\n    return {\n        '@keyframes newValueAnimationOnce': {\n            '0%': {\n                color: force ? `#00f900 !important` : '#00f900',\n            },\n            '80%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? `#518851 !important`\n                            : '#518851'\n                        : force\n                          ? `#008000 !important`\n                          : '#008000',\n            },\n            '100%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? '#fff !important'\n                            : '#fff'\n                        : force\n                          ? '#000 !important'\n                          : '#000',\n            },\n        },\n        animation: 'newValueAnimationOnce 2s ease-in-out',\n    };\n}\n\nfunction valueBlink(theme: IobTheme, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes blinkAnimationColor': {\n                '0%': {\n                    color,\n                },\n                '100%': {\n                    color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n                },\n            },\n            animation: 'blinkAnimationColor 2s ease-in-out infinite',\n        };\n    }\n    return {\n        '@keyframes blinkAnimation': {\n            '0%': {\n                color: '#00f900',\n            },\n            '80%': {\n                color: theme.palette.mode === 'dark' ? '#518851' : '#008000',\n            },\n            '100%': {\n                color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n            },\n        },\n        animation: 'blinkAnimation 2s ease-in-out infinite',\n    };\n}\n\nconst styles: Record<string, any> = {\n    label: {\n        fontWeight: 'bold',\n        whiteSpace: 'nowrap',\n    },\n    valueImage: {\n        maxHeight: '100%',\n    },\n    valueAndUnit: {\n        display: 'flex',\n        gap: 4,\n        alignItems: 'baseline',\n    },\n    value: {},\n    unit: {\n        fontSize: 'smaller',\n        opacity: 0.7,\n    },\n};\n\ninterface ConfigStaticInfoProps extends ConfigGenericProps {\n    schema: ConfigItemStaticInfo;\n}\n\nclass ConfigStaticInfo extends ConfigGeneric<ConfigStaticInfoProps, ConfigGenericState> {\n    renderItem(_error: string): JSX.Element {\n        let label: string | JSX.Element | JSX.Element[] = this.getText(\n            this.props.schema.text || this.props.schema.label,\n            this.props.schema.noTranslation,\n        );\n        if (this.props.schema.addColon && typeof label === 'string' && !label.trim().endsWith(':')) {\n            label = `${label.trim()}:`;\n        }\n\n        if (\n            label &&\n            (label.includes('<a ') || label.includes('<br') || label.includes('<b>') || label.includes('<i>'))\n        ) {\n            label = Utils.renderTextWithA(label);\n        }\n        let fontSize: number | undefined;\n        if (this.props.schema.size === 'normal') {\n            fontSize = 16;\n        } else if (this.props.schema.size === 'large') {\n            fontSize = 20;\n        } else if (typeof this.props.schema.size === 'number') {\n            fontSize = this.props.schema.size;\n        }\n\n        const divStyle: React.CSSProperties = {\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            position: 'relative',\n            fontSize,\n        };\n\n        if (this.props.schema.narrow) {\n            divStyle.gap = 8;\n        } else {\n            divStyle.justifyContent = 'space-between';\n        }\n\n        let value: React.JSX.Element;\n        let valueTxt: string;\n        if (this.props.schema.data && typeof this.props.schema.data === 'object' && this.props.schema.data.en) {\n            valueTxt = this.getText(this.props.schema.data);\n        } else if (\n            typeof this.props.schema.data === 'object' ||\n            this.props.schema.data === undefined ||\n            this.props.schema.data === null\n        ) {\n            valueTxt = JSON.stringify(this.props.schema.data);\n        } else if (typeof this.props.schema.data === 'number') {\n            valueTxt = this.props.schema.data.toString();\n            if (this.props.oContext.isFloatComma) {\n                valueTxt = valueTxt.replace('.', ',');\n            }\n        } else if (!this.props.schema.booleanAsCheckbox || typeof this.props.schema.data !== 'boolean') {\n            valueTxt = this.props.schema.data.toString();\n        }\n        let multiLine = false;\n\n        if (this.props.schema.booleanAsCheckbox && typeof this.props.schema.data === 'boolean') {\n            value = (\n                <Checkbox\n                    checked={!!value}\n                    disabled\n                    size={\n                        this.props.schema.size === 'small'\n                            ? 'small'\n                            : this.props.schema.size === 'large'\n                              ? 'large'\n                              : undefined\n                    }\n                />\n            );\n        } else if (valueTxt.startsWith('data:image/')) {\n            value = (\n                <div style={{ ...styles.value, ...styles.valueImage, ...(this.props.schema.styleValue || undefined) }}>\n                    <Icon src={valueTxt} />\n                </div>\n            );\n        } else {\n            const valStyle: React.CSSProperties = { ...styles.value, ...(this.props.schema.styleValue || undefined) };\n            if (this.props.schema.html) {\n                value = (\n                    <div\n                        style={valStyle}\n                        dangerouslySetInnerHTML={{ __html: valueTxt }}\n                    />\n                );\n            } else {\n                if (Array.isArray(this.props.schema.data)) {\n                    multiLine = true;\n                    value = (\n                        <div style={valStyle}>\n                            {this.props.schema.data.map((it, i) => (\n                                <div key={i}>\n                                    {typeof it === 'object' || it === null || it === undefined\n                                        ? JSON.stringify(it)\n                                        : it}\n                                </div>\n                            ))}\n                        </div>\n                    );\n                } else {\n                    if (valueTxt.includes('\\n')) {\n                        multiLine = true;\n                        value = <div style={valStyle}>{Utils.renderTextWithA(valueTxt)}</div>;\n                    } else {\n                        value = <div style={valStyle}>{valueTxt}</div>;\n                    }\n                }\n            }\n        }\n\n        if (this.props.schema.blinkOnUpdate && this.props.schema.blink) {\n            const style1 = valueBlinkOnce(this.props.oContext.theme, true, this.props.schema.blinkOnUpdate);\n            const style2 = valueBlink(this.props.oContext.theme, this.props.schema.blink);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={{ ...style1, ...style2 }}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blinkOnUpdate) {\n            const style = valueBlinkOnce(this.props.oContext.theme, false, this.props.schema.blinkOnUpdate);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={style}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blink) {\n            const style = valueBlink(this.props.oContext.theme, this.props.schema.blink);\n            value = <Box sx={style}>{value}</Box>;\n        }\n\n        if (this.props.schema.unit) {\n            value = (\n                <div style={styles.valueAndUnit}>\n                    {value}\n                    <div style={{ ...styles.unit, ...(this.props.schema.styleUnit || undefined) }}>\n                        {this.getText(this.props.schema.unit)}\n                    </div>\n                </div>\n            );\n        }\n\n        let labelIcon: React.JSX.Element | undefined;\n        if (this.props.schema.labelIcon) {\n            labelIcon = (\n                <Icon\n                    src={this.props.schema.labelIcon}\n                    style={{ marginRight: 4 }}\n                />\n            );\n        }\n        let copyButton: React.JSX.Element | undefined;\n        if (this.props.schema.copyToClipboard) {\n            copyButton = (\n                <ContentCopy\n                    className=\"staticCopyButton\"\n                    style={{\n                        position: 'absolute',\n                        top: 'calc(50% - 12px)',\n                        right: 0,\n                        cursor: 'pointer',\n                    }}\n                    onClick={() => {\n                        Utils.copyToClipboard(valueTxt);\n                        window.alert(I18n.t('ra_Copied'));\n                    }}\n                />\n            );\n        }\n\n        const boxStyle: Record<string, any> = {\n            '& .staticCopyButton': {\n                display: 'none',\n            },\n            '& .staticCopyButton:action': {\n                transform: 'scale(0.9)',\n            },\n            '&:hover .staticCopyButton': {\n                display: 'block',\n            },\n        };\n        if (this.props.schema.highlight) {\n            boxStyle['&:hover'] = {\n                backgroundColor: this.props.oContext.themeType === 'dark' ? '#51515180' : '#b8b8b880',\n            };\n        }\n        if (multiLine) {\n            divStyle.alignItems = 'top';\n        }\n\n        return (\n            <Box\n                component=\"div\"\n                style={divStyle}\n                sx={boxStyle}\n            >\n                <div style={{ ...styles.label, ...(this.props.schema.styleLabel || undefined) }}>\n                    {labelIcon}\n                    {label}\n                </div>\n                {value}\n                {copyButton}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigStaticInfo;\n"]}
+{"version":3,"file":"ConfigStaticInfo.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Checkbox } from '@mui/material';\nimport { ContentCopy } from '@mui/icons-material';\nimport { I18n, Icon, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemStaticInfo } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nfunction valueBlinkOnce(theme: IobTheme, force: boolean, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes newValueAnimationOnceColor': {\n                '0%': {\n                    color: force ? `${color} !important` : color,\n                },\n                '100%': {\n                    color:\n                        theme.palette.mode === 'dark'\n                            ? force\n                                ? '#fff !important'\n                                : '#fff'\n                            : force\n                              ? '#000 !important'\n                              : '#000',\n                },\n            },\n            animation: 'newValueAnimationOnceColor 2s ease-in-out',\n        };\n    }\n    return {\n        '@keyframes newValueAnimationOnce': {\n            '0%': {\n                color: force ? `#00f900 !important` : '#00f900',\n            },\n            '80%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? `#518851 !important`\n                            : '#518851'\n                        : force\n                          ? `#008000 !important`\n                          : '#008000',\n            },\n            '100%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? '#fff !important'\n                            : '#fff'\n                        : force\n                          ? '#000 !important'\n                          : '#000',\n            },\n        },\n        animation: 'newValueAnimationOnce 2s ease-in-out',\n    };\n}\n\nfunction valueBlink(theme: IobTheme, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes blinkAnimationColor': {\n                '0%': {\n                    color,\n                },\n                '100%': {\n                    color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n                },\n            },\n            animation: 'blinkAnimationColor 2s ease-in-out infinite',\n        };\n    }\n    return {\n        '@keyframes blinkAnimation': {\n            '0%': {\n                color: '#00f900',\n            },\n            '80%': {\n                color: theme.palette.mode === 'dark' ? '#518851' : '#008000',\n            },\n            '100%': {\n                color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n            },\n        },\n        animation: 'blinkAnimation 2s ease-in-out infinite',\n    };\n}\n\nconst styles: Record<string, any> = {\n    label: {\n        fontWeight: 'bold',\n        whiteSpace: 'nowrap',\n    },\n    valueImage: {\n        maxHeight: '100%',\n    },\n    valueAndUnit: {\n        display: 'flex',\n        gap: 4,\n        alignItems: 'baseline',\n    },\n    value: {},\n    unit: {\n        fontSize: 'smaller',\n        opacity: 0.7,\n    },\n};\n\ninterface ConfigStaticInfoProps extends ConfigGenericProps {\n    schema: ConfigItemStaticInfo;\n}\n\nclass ConfigStaticInfo extends ConfigGeneric<ConfigStaticInfoProps, ConfigGenericState> {\n    renderItem(_error: string): JSX.Element {\n        let label: string | JSX.Element | JSX.Element[] = this.getText(\n            this.props.schema.text || this.props.schema.label,\n            this.props.schema.noTranslation,\n        );\n        if (this.props.schema.addColon && typeof label === 'string' && !label.trim().endsWith(':')) {\n            label = `${label.trim()}:`;\n        }\n\n        if (\n            label &&\n            (label.includes('<a ') || label.includes('<br') || label.includes('<b>') || label.includes('<i>'))\n        ) {\n            label = Utils.renderTextWithA(label);\n        }\n        let fontSize: number | undefined;\n        if (this.props.schema.size === 'normal') {\n            fontSize = 16;\n        } else if (this.props.schema.size === 'large') {\n            fontSize = 20;\n        } else if (typeof this.props.schema.size === 'number') {\n            fontSize = this.props.schema.size;\n        }\n\n        const divStyle: React.CSSProperties = {\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            position: 'relative',\n            fontSize,\n        };\n\n        if (this.props.schema.narrow) {\n            divStyle.gap = 8;\n        } else {\n            divStyle.justifyContent = 'space-between';\n        }\n\n        let value: React.JSX.Element;\n        let valueTxt: string;\n        if (this.props.schema.data && typeof this.props.schema.data === 'object' && this.props.schema.data.en) {\n            valueTxt = this.getText(this.props.schema.data);\n        } else if (\n            typeof this.props.schema.data === 'object' ||\n            this.props.schema.data === undefined ||\n            this.props.schema.data === null\n        ) {\n            valueTxt = JSON.stringify(this.props.schema.data);\n        } else if (typeof this.props.schema.data === 'number') {\n            valueTxt = this.props.schema.data.toString();\n            if (this.props.oContext.isFloatComma) {\n                valueTxt = valueTxt.replace('.', ',');\n            }\n        } else if (!this.props.schema.booleanAsCheckbox || typeof this.props.schema.data !== 'boolean') {\n            valueTxt = this.props.schema.data.toString();\n        }\n        let multiLine = false;\n\n        if (this.props.schema.booleanAsCheckbox && typeof this.props.schema.data === 'boolean') {\n            value = (\n                <Checkbox\n                    checked={!!value}\n                    disabled\n                    size={\n                        this.props.schema.size === 'small'\n                            ? 'small'\n                            : this.props.schema.size === 'large'\n                              ? 'large'\n                              : undefined\n                    }\n                />\n            );\n        } else if (valueTxt.startsWith('data:image/')) {\n            value = (\n                <div style={{ ...styles.value, ...styles.valueImage, ...(this.props.schema.styleValue || undefined) }}>\n                    <Icon src={valueTxt} />\n                </div>\n            );\n        } else {\n            const valStyle: React.CSSProperties = { ...styles.value, ...(this.props.schema.styleValue || undefined) };\n            if (this.props.schema.html) {\n                value = (\n                    <div\n                        style={valStyle}\n                        dangerouslySetInnerHTML={{ __html: valueTxt }}\n                    />\n                );\n            } else {\n                if (Array.isArray(this.props.schema.data)) {\n                    multiLine = true;\n                    value = (\n                        <div style={valStyle}>\n                            {this.props.schema.data.map((it, i) => (\n                                <div key={i}>\n                                    {typeof it === 'object' || it === null || it === undefined\n                                        ? JSON.stringify(it)\n                                        : it}\n                                </div>\n                            ))}\n                        </div>\n                    );\n                } else {\n                    if (valueTxt.includes('\\n')) {\n                        multiLine = true;\n                        value = <div style={valStyle}>{Utils.renderTextWithA(valueTxt)}</div>;\n                    } else {\n                        value = <div style={valStyle}>{valueTxt}</div>;\n                    }\n                }\n            }\n        }\n\n        if (this.props.schema.blinkOnUpdate && this.props.schema.blink) {\n            const style1 = valueBlinkOnce(this.props.oContext.theme, true, this.props.schema.blinkOnUpdate);\n            const style2 = valueBlink(this.props.oContext.theme, this.props.schema.blink);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={{ ...style1, ...style2 }}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blinkOnUpdate) {\n            const style = valueBlinkOnce(this.props.oContext.theme, false, this.props.schema.blinkOnUpdate);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={style}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blink) {\n            const style = valueBlink(this.props.oContext.theme, this.props.schema.blink);\n            value = <Box sx={style}>{value}</Box>;\n        }\n\n        if (this.props.schema.unit) {\n            value = (\n                <div style={styles.valueAndUnit}>\n                    {value}\n                    <div style={{ ...styles.unit, ...(this.props.schema.styleUnit || undefined) }}>\n                        {this.getText(this.props.schema.unit, this.props.schema.noTranslation)}\n                    </div>\n                </div>\n            );\n        }\n\n        let labelIcon: React.JSX.Element | undefined;\n        if (this.props.schema.labelIcon) {\n            labelIcon = (\n                <Icon\n                    src={this.props.schema.labelIcon}\n                    style={{ marginRight: 4 }}\n                />\n            );\n        }\n        let copyButton: React.JSX.Element | undefined;\n        if (this.props.schema.copyToClipboard) {\n            copyButton = (\n                <ContentCopy\n                    className=\"staticCopyButton\"\n                    style={{\n                        position: 'absolute',\n                        top: 'calc(50% - 12px)',\n                        right: 0,\n                        cursor: 'pointer',\n                    }}\n                    onClick={() => {\n                        Utils.copyToClipboard(valueTxt);\n                        window.alert(I18n.t('ra_Copied'));\n                    }}\n                />\n            );\n        }\n\n        const boxStyle: Record<string, any> = {\n            '& .staticCopyButton': {\n                display: 'none',\n            },\n            '& .staticCopyButton:action': {\n                transform: 'scale(0.9)',\n            },\n            '&:hover .staticCopyButton': {\n                display: 'block',\n            },\n        };\n        if (this.props.schema.highlight) {\n            boxStyle['&:hover'] = {\n                backgroundColor: this.props.oContext.themeType === 'dark' ? '#51515180' : '#b8b8b880',\n            };\n        }\n        if (multiLine) {\n            divStyle.alignItems = 'top';\n        }\n\n        return (\n            <Box\n                component=\"div\"\n                style={divStyle}\n                sx={boxStyle}\n            >\n                <div style={{ ...styles.label, ...(this.props.schema.styleLabel || undefined) }}>\n                    {labelIcon}\n                    {label}\n                </div>\n                {value}\n                {copyButton}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigStaticInfo;\n"]}

package/build/types.d.ts

@@ -309,6 +309,8 @@ export interface ConfigItemNumber extends ConfigItem {
     max?: number;
     step?: number;
     readOnly?: boolean;
+    /** Unit */
+    unit?: string;
 }
 
 export interface ConfigItemQrCode extends ConfigItem {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@iobroker/json-config",
     "description": "This package contains the ioBroker JSON config UI components",
-    "version": "7.4.8",
+    "version": "7.4.9",
     "main": "./build/index.js",
     "types": "./build/index.d.ts",
     "scripts": {
@@ -18,7 +18,7 @@
         "access": "public"
     },
     "dependencies": {
-        "@iobroker/adapter-react-v5": "7.4.8",
+        "@iobroker/adapter-react-v5": "7.4.9",
         "@mui/x-date-pickers": "^7.23.0",
         "crypto-js": "^4.2.0",
         "react-ace": "^13.0.0",
@@ -34,5 +34,5 @@
         "build/",
         "LICENSE"
     ],
-    "gitHead": "fa6c5eb306823b8051a913ca98af3a37b429a1f6"
+    "gitHead": "97956d862ae11f32d7d321e0987b6ad039b6e60d"
 }