@iobroker/dm-gui-components 10.0.22 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +13 -0
  2. package/build/AnimatedIcons.d.ts +37 -0
  3. package/build/AnimatedIcons.js +108 -0
  4. package/build/AnimatedIcons.js.map +1 -0
  5. package/build/Communication.d.ts +7 -0
  6. package/build/Communication.js +43 -11
  7. package/build/Communication.js.map +1 -1
  8. package/build/DeviceCard.d.ts +25 -13
  9. package/build/DeviceCard.js +177 -282
  10. package/build/DeviceCard.js.map +1 -1
  11. package/build/DeviceControl.js +38 -26
  12. package/build/DeviceControl.js.map +1 -1
  13. package/build/DeviceImageUpload.d.ts +5 -1
  14. package/build/DeviceImageUpload.js +79 -62
  15. package/build/DeviceImageUpload.js.map +1 -1
  16. package/build/DeviceList.d.ts +8 -0
  17. package/build/DeviceList.js +74 -59
  18. package/build/DeviceList.js.map +1 -1
  19. package/build/DeviceStatus.d.ts +20 -4
  20. package/build/DeviceStatus.js +146 -191
  21. package/build/DeviceStatus.js.map +1 -1
  22. package/build/StatusIndicator.js +9 -37
  23. package/build/StatusIndicator.js.map +1 -1
  24. package/build/StatusPill.d.ts +18 -0
  25. package/build/StatusPill.js +30 -0
  26. package/build/StatusPill.js.map +1 -0
  27. package/build/Switch.d.ts +3 -0
  28. package/build/Switch.js +36 -26
  29. package/build/Switch.js.map +1 -1
  30. package/build/Utils.js +92 -60
  31. package/build/Utils.js.map +1 -1
  32. package/build/i18n/de.json +3 -0
  33. package/build/i18n/en.json +3 -0
  34. package/build/i18n/es.json +3 -0
  35. package/build/i18n/fr.json +3 -0
  36. package/build/i18n/it.json +3 -0
  37. package/build/i18n/nl.json +3 -0
  38. package/build/i18n/pl.json +3 -0
  39. package/build/i18n/pt.json +3 -0
  40. package/build/i18n/ru.json +3 -0
  41. package/build/i18n/uk.json +3 -0
  42. package/build/i18n/zh-cn.json +3 -0
  43. package/build/styles.d.ts +17 -0
  44. package/build/styles.js +226 -0
  45. package/build/styles.js.map +1 -0
  46. package/package.json +10 -10
package/build/DeviceControl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DeviceControl.js","sourceRoot":"./src/","sources":["DeviceControl.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Component, type JSX } from 'react';\nimport {\n Button,\n Fab,\n FormControl,\n InputLabel,\n MenuItem,\n Select,\n Switch,\n Slider,\n TextField,\n InputAdornment,\n FormControlLabel,\n Divider,\n} from '@mui/material';\n\nimport { type Connection, Icon } from '@iobroker/gui-components';\nimport type { DeviceId, ControlBase, ControlState, DeviceControl } from './protocol/api';\n\nimport { renderControlIcon, getTranslation } from './Utils';\n\ninterface DeviceControlProps {\n deviceId: DeviceId;\n /** Control object */\n control: DeviceControl;\n socket: Connection;\n /** Control handler to set the state */\n controlHandler: (\n deviceId: DeviceId,\n control: ControlBase,\n state: ControlState,\n ) => () => Promise<ioBroker.State | null>;\n /** Control handler to read the state */\n controlStateHandler: (deviceId: DeviceId, control: ControlBase) => () => Promise<ioBroker.State | null>;\n colors: { primary: string; secondary: string };\n disabled?: boolean;\n}\n\ninterface DeviceControlState {\n value?: ControlState;\n ts?: number;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n options?: { label: string; value: ControlState; icon?: string; color?: string }[];\n}\n\n/**\n * Device Control component\n */\nexport default class DeviceControlComponent extends Component<DeviceControlProps, DeviceControlState> {\n constructor(props: DeviceControlProps) {\n super(props);\n this.state = {\n value: props.control.state?.val,\n ts: props.control.state?.ts,\n unit: props.control.unit || '',\n };\n }\n\n async componentDidMount(): Promise<void> {\n if (this.props.control.stateId) {\n const mayBePromise = this.props.socket.subscribeState(this.props.control.stateId, this.stateHandler);\n if (mayBePromise instanceof Promise) {\n await mayBePromise;\n }\n if (this.props.control.type === 'slider' || this.props.control.type === 'number') {\n if (this.props.control.min === undefined && this.props.control.max === undefined) {\n // read an object to get min and max\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common) {\n const min: number = this.props.control.min ?? obj.common.min ?? 0;\n\n const max: number = this.props.control.max ?? obj.common.max ?? 100;\n\n const step: number = this.props.control.step || obj.common.step || (max - min) / 100;\n\n let unit: string | undefined = this.props.control.unit;\n if (unit === undefined) {\n unit = obj.common.unit;\n }\n\n this.setState({\n min,\n max,\n step,\n unit,\n });\n }\n });\n } else {\n const min = this.props.control.min ?? 0;\n const max = this.props.control.max ?? 100;\n\n this.setState({\n min,\n max,\n step: this.props.control.step === undefined ? (max - min) / 100 : this.props.control.step,\n unit: this.props.control.unit || '',\n });\n }\n } else if (this.props.control.type === 'select') {\n if (!this.props.control.options?.length) {\n // read an object to get options\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common?.states) {\n let options: { label: string; value: ControlState }[] | undefined;\n if (typeof obj.common.states === 'string') {\n const pairs = obj.common.states.split(';');\n options = pairs.map(pair => {\n const parts = pair.split(':');\n return {\n value: parts[0],\n label: parts[1],\n };\n });\n } else if (Array.isArray(obj.common.states)) {\n options = obj.common.states.map((label: string) => ({ label, value: label }));\n } else {\n options = Object.keys(obj.common.states).map(label => ({\n label,\n value: obj.common.states[label],\n }));\n }\n\n this.setState({\n options,\n });\n }\n });\n } else {\n this.setState({\n options: this.props.control.options.map(item => ({\n label: getTranslation(item.label),\n value: item.value,\n icon: item.icon,\n color: item.color,\n })),\n });\n }\n } else if (this.props.control.type === 'info') {\n if (!this.props.control.unit) {\n // read an object to get unit\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common?.unit) {\n this.setState({\n unit: obj.common.unit,\n });\n }\n });\n }\n }\n }\n }\n\n stateHandler = async (id: string, state: ioBroker.State | null | undefined): Promise<void> => {\n if (id === this.props.control.stateId && state) {\n // request new state\n const newState: ioBroker.State | null = await this.props.controlStateHandler(\n this.props.deviceId,\n this.props.control,\n )();\n if (newState?.ts && (!this.state.ts || newState.ts > this.state.ts)) {\n this.setState({\n value: newState.val,\n ts: newState.ts,\n });\n }\n }\n };\n\n componentWillUnmount(): void {\n if (this.props.control.stateId) {\n this.props.socket.unsubscribeState(this.props.control.stateId, this.stateHandler);\n }\n }\n\n static getDerivedStateFromProps(\n props: DeviceControlProps,\n state: DeviceControlState,\n ): Partial<DeviceControlState> | null {\n if (props.control.state?.ts && (!state.ts || props.control.state?.ts > state.ts)) {\n return {\n value: props.control.state.val,\n ts: props.control.state.ts,\n };\n }\n\n return null;\n }\n\n async sendControl(deviceId: DeviceId, control: ControlBase, value: ControlState): Promise<void> {\n const result = await this.props.controlHandler(deviceId, control, value)();\n if (result?.ts && (!this.state.ts || result?.ts > this.state.ts)) {\n this.setState({\n value: result.val,\n ts: result.ts,\n });\n }\n }\n\n renderButton(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value, true);\n\n if (!this.props.control.label) {\n return (\n <Fab\n size=\"small\"\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n startIcon={icon}\n variant={this.props.control.variant}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n renderSwitch(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n\n if (\n (this.props.control.label || this.props.control.icon) &&\n (this.props.control.labelOn || this.props.control.iconOn)\n ) {\n return (\n <div style={{ display: 'flex', gap: 8 }}>\n <div style={{ color: this.props.control.color, display: 'flex', gap: 4 }}>\n {this.props.control.label ? getTranslation(this.props.control.label) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </div>\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n <div\n style={{\n color: this.props.control.colorOn || this.props.control.color,\n display: 'flex',\n gap: 4,\n }}\n >\n {this.props.control.labelOn ? getTranslation(this.props.control.labelOn) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </div>\n </div>\n );\n }\n if (this.props.control.label || this.props.control.icon) {\n return (\n <FormControlLabel\n control={\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n }\n slotProps={{\n typography: {\n style: { color: this.props.control.color },\n },\n }}\n label={\n <span style={{ color: this.props.control.color, display: 'flex', gap: 4 }}>\n {this.props.control.label ? getTranslation(this.props.control.label) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </span>\n }\n />\n );\n }\n return (\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n );\n }\n\n getColor(): string | undefined {\n let color: string | undefined;\n if (this.state.value) {\n color = this.props.control.colorOn || 'primary';\n } else if (this.props.control.type === 'switch') {\n color = this.props.control.color;\n }\n if (color === 'primary') {\n return this.props.colors.primary;\n }\n if (color === 'secondary') {\n return this.props.colors.secondary;\n }\n return color;\n }\n\n renderSelect(): JSX.Element {\n const anyIcons = this.state.options?.some(option => !!option.icon);\n\n return (\n <FormControl\n fullWidth\n variant=\"standard\"\n >\n {this.props.control.label ? <InputLabel>{getTranslation(this.props.control.label)}</InputLabel> : null}\n <Select\n variant=\"standard\"\n value={this.state.value}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n >\n {this.state.options?.map((option, i) => (\n <MenuItem\n key={i.toString()}\n value={typeof option.value === 'boolean' ? option.value.toString() : option.value!}\n style={{ color: option.color }}\n >\n {anyIcons ? (\n <Icon\n src={option.icon}\n style={{ width: 24, height: 24 }}\n />\n ) : null}\n {option.label}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n );\n }\n\n renderSlider(): JSX.Element {\n if (this.state.min === undefined || this.state.max === undefined) {\n return <div style={{ width: '100%' }}>...</div>;\n }\n return (\n <div\n style={{\n width: '100%',\n minWidth: 300,\n // Room for the value label above the thumb. It is drawn ~28px above the track,\n // and `overflow: visible` here does not save it: the dialog content around us\n // scrolls, so anything reaching above this box is clipped by that ancestor and\n // the bubble arrives as a flat grey bar with its digits cut off.\n paddingTop: 30,\n marginBottom: 8,\n overflow: 'visible',\n display: 'flex',\n // Without this the flex default stretches label and track to different heights\n // and their centres no longer line up.\n alignItems: 'center',\n gap: 8,\n }}\n >\n {this.props.control.label ? (\n <div style={{ color: this.props.control.color, whiteSpace: 'nowrap' }}>\n {getTranslation(this.props.control.label)}\n </div>\n ) : null}\n {this.props.control.icon ? (\n <Icon\n style={{ color: this.props.control.color }}\n src={this.props.control.icon}\n />\n ) : null}\n <Slider\n style={{ flexGrow: 1 }}\n value={parseFloat((this.state.value as string) || '0')}\n min={this.state.min}\n max={this.state.max}\n step={this.state.step}\n valueLabelDisplay=\"auto\"\n onChange={(_e, value) => this.sendControl(this.props.deviceId, this.props.control, value)}\n />\n {this.props.control.iconOn ? (\n <Icon\n style={{ color: this.props.control.colorOn || this.props.control.color }}\n src={this.props.control.iconOn}\n />\n ) : null}\n {this.props.control.labelOn ? (\n <div\n style={{ color: this.props.control.colorOn || this.props.control.color, whiteSpace: 'nowrap' }}\n >\n {getTranslation(this.props.control.labelOn)}\n </div>\n ) : null}\n </div>\n );\n }\n\n renderColor(): JSX.Element {\n return (\n <TextField\n fullWidth\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n type=\"color\"\n value={this.state.value}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n // Same reason as in `renderNumber`: a colour input always paints its swatch, so an\n // unshrunk label would sit on top of it.\n slotProps={{ inputLabel: { shrink: true } }}\n variant=\"standard\"\n />\n );\n }\n\n renderText(): JSX.Element {\n return (\n <TextField\n fullWidth\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n value={this.state.value}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n variant=\"standard\"\n />\n );\n }\n\n renderNumber(): JSX.Element {\n return (\n <TextField\n fullWidth\n type=\"number\"\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n value={this.state.value}\n onChange={(e): Promise<void> => {\n if (isNaN(parseFloat(e.target.value))) {\n return Promise.resolve();\n }\n return this.sendControl(this.props.deviceId, this.props.control, parseFloat(e.target.value));\n }}\n slotProps={{\n htmlInput: { min: this.state.min, max: this.state.max, step: this.state.step },\n input: {\n endAdornment: this.state.unit ? (\n <InputAdornment position=\"end\">{this.state.unit}</InputAdornment>\n ) : undefined,\n },\n // A field with an adornment never counts as empty, so the label has to be told\n // to shrink — otherwise it stays over the input and is drawn on top of the\n // value (\"92\" and \"SET\" in the same place).\n inputLabel: { shrink: true },\n }}\n variant=\"standard\"\n />\n );\n }\n\n renderIcon(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value);\n const color = this.getColor();\n const style: React.CSSProperties | undefined =\n color === this.props.colors.primary || color === this.props.colors.secondary ? {} : { color };\n const colorProps =\n color === this.props.colors.primary\n ? 'primary'\n : color === this.props.colors.secondary\n ? 'secondary'\n : undefined;\n\n if (!this.props.control.label) {\n style.width = 34;\n style.height = 34;\n style.minHeight = 34;\n\n return (\n <Fab\n disabled={this.props.disabled}\n size=\"small\"\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n startIcon={icon}\n variant={this.props.control.variant}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n renderInfo(): JSX.Element {\n let label = this.props.control.label;\n if (this.state.value && this.props.control.labelOn && typeof this.state.value === 'boolean') {\n label = this.props.control.labelOn;\n }\n if (label) {\n label = getTranslation(this.props.control.label!, this.props.control.noTranslation);\n }\n let value = this.state.value;\n if (typeof this.state.value === 'boolean') {\n if (this.props.control.textFalse && !this.state.value) {\n value = getTranslation(this.props.control.textFalse, this.props.control.noTranslation);\n } else if (this.props.control.textTrue && this.state.value) {\n value = getTranslation(this.props.control.textTrue, this.props.control.noTranslation);\n }\n }\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value, true);\n return (\n <div style={{ display: 'flex' }}>\n {icon}\n {label ? (\n <InputLabel>\n {label}\n {this.props.control.showSemicolon ? ':' : null}\n </InputLabel>\n ) : null}\n\n <span>\n {value}\n <span style={{ fontSize: 'smaller', opacity: 0.7, marginLeft: this.state.unit ? 4 : 0 }}>\n {this.state.unit}\n </span>\n </span>\n </div>\n );\n }\n\n renderDivider(): JSX.Element {\n const style: React.CSSProperties = this.props.control.style || {};\n if (this.props.control.color) {\n style.color = this.props.control.color;\n }\n return <Divider style={style} />;\n }\n\n renderHeader(): JSX.Element {\n const style: React.CSSProperties = {\n backgroundColor: this.props.colors.primary,\n width: '100%',\n display: 'flex',\n gap: 8,\n };\n Object.assign(style, this.props.control.style);\n if (this.props.control.color) {\n style.color = this.props.control.color;\n }\n const icon = renderControlIcon(this.props.control, this.props.colors, false, true);\n return (\n <div style={style}>\n {icon}\n {getTranslation(this.props.control.label!)}\n </div>\n );\n }\n\n render(): JSX.Element {\n if (this.props.control.type === 'button') {\n return this.renderButton();\n }\n\n if (this.props.control.type === 'icon') {\n return this.renderIcon();\n }\n\n if (this.props.control.type === 'switch') {\n return this.renderSwitch();\n }\n\n if (this.props.control.type === 'select') {\n return this.renderSelect();\n }\n\n if (this.props.control.type === 'slider') {\n return this.renderSlider();\n }\n\n if (this.props.control.type === 'color') {\n return this.renderColor();\n }\n\n if (this.props.control.type === 'text') {\n return this.renderText();\n }\n\n if (this.props.control.type === 'number') {\n return this.renderNumber();\n }\n\n if (this.props.control.type === 'info') {\n return this.renderInfo();\n }\n\n if (this.props.control.type === 'divider') {\n return this.renderDivider();\n }\n\n if (this.props.control.type === 'header') {\n return this.renderHeader();\n }\n\n return <div style={{ color: 'red' }}>{this.props.control.type}</div>;\n }\n}\n"]}
1
+ {"version":3,"file":"DeviceControl.js","sourceRoot":"./src/","sources":["DeviceControl.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Component, type JSX } from 'react';\nimport {\n Button,\n Fab,\n FormControl,\n InputLabel,\n MenuItem,\n Select,\n Switch,\n Slider,\n TextField,\n InputAdornment,\n FormControlLabel,\n Divider,\n} from '@mui/material';\n\nimport { type Connection, Icon } from '@iobroker/gui-components';\nimport type { DeviceId, ControlBase, ControlState, DeviceControl } from './protocol/api';\n\nimport { renderControlIcon, getTranslation } from './Utils';\n\ninterface DeviceControlProps {\n deviceId: DeviceId;\n /** Control object */\n control: DeviceControl;\n socket: Connection;\n /** Control handler to set the state */\n controlHandler: (\n deviceId: DeviceId,\n control: ControlBase,\n state: ControlState,\n ) => () => Promise<ioBroker.State | null>;\n /** Control handler to read the state */\n controlStateHandler: (deviceId: DeviceId, control: ControlBase) => () => Promise<ioBroker.State | null>;\n colors: { primary: string; secondary: string };\n disabled?: boolean;\n}\n\ninterface DeviceControlState {\n value?: ControlState;\n ts?: number;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n options?: { label: string; value: ControlState; icon?: string; color?: string }[];\n}\n\n/**\n * Device Control component\n */\nexport default class DeviceControlComponent extends Component<DeviceControlProps, DeviceControlState> {\n constructor(props: DeviceControlProps) {\n super(props);\n const control = props.control;\n this.state = {\n value: control.state?.val,\n ts: control.state?.ts,\n unit: control.unit || '',\n };\n\n // What the definition already says is used right away. Only the rest is read from the\n // object of the state, and only if the control has one (see componentDidMount).\n if (control.type === 'slider' || control.type === 'number') {\n if (control.min !== undefined || control.max !== undefined) {\n const min = control.min ?? 0;\n const max = control.max ?? 100;\n this.state = { ...this.state, min, max, step: control.step ?? (max - min) / 100 };\n } else if (!control.stateId) {\n // No object to read the range from. A slider cannot be shown without one.\n this.state = {\n ...this.state,\n min: control.type === 'slider' ? 0 : undefined,\n max: control.type === 'slider' ? 100 : undefined,\n step: control.step ?? (control.type === 'slider' ? 1 : undefined),\n };\n }\n } else if (control.type === 'select' && control.options?.length) {\n this.state = {\n ...this.state,\n options: control.options.map(item => ({\n label: getTranslation(item.label),\n value: item.value,\n icon: item.icon,\n color: item.color,\n })),\n };\n }\n }\n\n async componentDidMount(): Promise<void> {\n if (this.props.control.stateId) {\n const mayBePromise = this.props.socket.subscribeState(this.props.control.stateId, this.stateHandler);\n if (mayBePromise instanceof Promise) {\n await mayBePromise;\n }\n if (this.props.control.type === 'slider' || this.props.control.type === 'number') {\n if (this.state.min === undefined && this.state.max === undefined) {\n // read an object to get min and max\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common) {\n const min: number = this.props.control.min ?? obj.common.min ?? 0;\n\n const max: number = this.props.control.max ?? obj.common.max ?? 100;\n\n const step: number = this.props.control.step || obj.common.step || (max - min) / 100;\n\n let unit: string | undefined = this.props.control.unit;\n if (unit === undefined) {\n unit = obj.common.unit;\n }\n\n this.setState({\n min,\n max,\n step,\n unit,\n });\n }\n });\n }\n } else if (this.props.control.type === 'select') {\n if (!this.state.options) {\n // read an object to get options\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common?.states) {\n let options: { label: string; value: ControlState }[] | undefined;\n if (typeof obj.common.states === 'string') {\n const pairs = obj.common.states.split(';');\n options = pairs.map(pair => {\n const parts = pair.split(':');\n return {\n value: parts[0],\n label: parts[1],\n };\n });\n } else if (Array.isArray(obj.common.states)) {\n options = obj.common.states.map((label: string) => ({ label, value: label }));\n } else {\n options = Object.keys(obj.common.states).map(label => ({\n label,\n value: obj.common.states[label],\n }));\n }\n\n this.setState({\n options,\n });\n }\n });\n }\n } else if (this.props.control.type === 'info') {\n if (!this.props.control.unit) {\n // read an object to get unit\n void this.props.socket.getObject(this.props.control.stateId).then(obj => {\n if (obj?.common?.unit) {\n this.setState({\n unit: obj.common.unit,\n });\n }\n });\n }\n }\n }\n }\n\n stateHandler = async (id: string, state: ioBroker.State | null | undefined): Promise<void> => {\n if (id === this.props.control.stateId && state) {\n // request new state\n const newState: ioBroker.State | null = await this.props.controlStateHandler(\n this.props.deviceId,\n this.props.control,\n )();\n if (newState?.ts && (!this.state.ts || newState.ts > this.state.ts)) {\n this.setState({\n value: newState.val,\n ts: newState.ts,\n });\n }\n }\n };\n\n componentWillUnmount(): void {\n if (this.props.control.stateId) {\n this.props.socket.unsubscribeState(this.props.control.stateId, this.stateHandler);\n }\n }\n\n static getDerivedStateFromProps(\n props: DeviceControlProps,\n state: DeviceControlState,\n ): Partial<DeviceControlState> | null {\n if (props.control.state?.ts && (!state.ts || props.control.state?.ts > state.ts)) {\n return {\n value: props.control.state.val,\n ts: props.control.state.ts,\n };\n }\n\n return null;\n }\n\n async sendControl(deviceId: DeviceId, control: ControlBase, value: ControlState): Promise<void> {\n const result = await this.props.controlHandler(deviceId, control, value)();\n if (result?.ts && (!this.state.ts || result?.ts > this.state.ts)) {\n this.setState({\n value: result.val,\n ts: result.ts,\n });\n }\n }\n\n renderButton(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value, true);\n\n if (!this.props.control.label) {\n return (\n <Fab\n size=\"small\"\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n startIcon={icon}\n variant={this.props.control.variant}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n renderSwitch(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n\n if (\n (this.props.control.label || this.props.control.icon) &&\n (this.props.control.labelOn || this.props.control.iconOn)\n ) {\n return (\n <div style={{ display: 'flex', gap: 8 }}>\n <div style={{ color: this.props.control.color, display: 'flex', gap: 4 }}>\n {this.props.control.label ? getTranslation(this.props.control.label) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </div>\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n <div\n style={{\n color: this.props.control.colorOn || this.props.control.color,\n display: 'flex',\n gap: 4,\n }}\n >\n {this.props.control.labelOn ? getTranslation(this.props.control.labelOn) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </div>\n </div>\n );\n }\n if (this.props.control.label || this.props.control.icon) {\n return (\n <FormControlLabel\n control={\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n }\n slotProps={{\n typography: {\n style: { color: this.props.control.color },\n },\n }}\n label={\n <span style={{ color: this.props.control.color, display: 'flex', gap: 4 }}>\n {this.props.control.label ? getTranslation(this.props.control.label) : null}\n {this.props.control.icon ? <Icon src={this.props.control.icon} /> : null}\n </span>\n }\n />\n );\n }\n return (\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n );\n }\n\n getColor(): string | undefined {\n let color: string | undefined;\n if (this.state.value) {\n color = this.props.control.colorOn || 'primary';\n } else if (this.props.control.type === 'switch') {\n color = this.props.control.color;\n }\n if (color === 'primary') {\n return this.props.colors.primary;\n }\n if (color === 'secondary') {\n return this.props.colors.secondary;\n }\n return color;\n }\n\n renderSelect(): JSX.Element {\n const anyIcons = this.state.options?.some(option => !!option.icon);\n\n return (\n <FormControl\n fullWidth\n variant=\"standard\"\n >\n {this.props.control.label ? <InputLabel>{getTranslation(this.props.control.label)}</InputLabel> : null}\n <Select\n variant=\"standard\"\n // Until the options are known, any value would be out of range for MUI\n value={this.state.options ? (this.state.value ?? '') : ''}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n >\n {this.state.options?.map((option, i) => (\n <MenuItem\n key={i.toString()}\n value={typeof option.value === 'boolean' ? option.value.toString() : option.value!}\n style={{ color: option.color }}\n >\n {anyIcons ? (\n <Icon\n src={option.icon}\n style={{ width: 24, height: 24 }}\n />\n ) : null}\n {option.label}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n );\n }\n\n renderSlider(): JSX.Element {\n if (this.state.min === undefined || this.state.max === undefined) {\n return <div style={{ width: '100%' }}>...</div>;\n }\n return (\n <div\n style={{\n width: '100%',\n minWidth: 300,\n // Room for the value label above the thumb. It is drawn ~28px above the track,\n // and `overflow: visible` here does not save it: the dialog content around us\n // scrolls, so anything reaching above this box is clipped by that ancestor and\n // the bubble arrives as a flat grey bar with its digits cut off.\n paddingTop: 30,\n marginBottom: 8,\n overflow: 'visible',\n display: 'flex',\n // Without this the flex default stretches label and track to different heights\n // and their centres no longer line up.\n alignItems: 'center',\n gap: 8,\n }}\n >\n {this.props.control.label ? (\n <div style={{ color: this.props.control.color, whiteSpace: 'nowrap' }}>\n {getTranslation(this.props.control.label)}\n </div>\n ) : null}\n {this.props.control.icon ? (\n <Icon\n style={{ color: this.props.control.color }}\n src={this.props.control.icon}\n />\n ) : null}\n <Slider\n style={{ flexGrow: 1 }}\n value={parseFloat((this.state.value as string) || '0')}\n min={this.state.min}\n max={this.state.max}\n step={this.state.step}\n valueLabelDisplay=\"auto\"\n onChange={(_e, value) => this.sendControl(this.props.deviceId, this.props.control, value)}\n />\n {this.props.control.iconOn ? (\n <Icon\n style={{ color: this.props.control.colorOn || this.props.control.color }}\n src={this.props.control.iconOn}\n />\n ) : null}\n {this.props.control.labelOn ? (\n <div\n style={{ color: this.props.control.colorOn || this.props.control.color, whiteSpace: 'nowrap' }}\n >\n {getTranslation(this.props.control.labelOn)}\n </div>\n ) : null}\n </div>\n );\n }\n\n renderColor(): JSX.Element {\n return (\n <TextField\n fullWidth\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n type=\"color\"\n value={this.state.value}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n // Same reason as in `renderNumber`: a colour input always paints its swatch, so an\n // unshrunk label would sit on top of it.\n slotProps={{ inputLabel: { shrink: true } }}\n variant=\"standard\"\n />\n );\n }\n\n renderText(): JSX.Element {\n return (\n <TextField\n fullWidth\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n value={this.state.value}\n onChange={(e): Promise<void> =>\n this.sendControl(this.props.deviceId, this.props.control, e.target.value)\n }\n variant=\"standard\"\n />\n );\n }\n\n renderNumber(): JSX.Element {\n return (\n <TextField\n fullWidth\n type=\"number\"\n label={this.props.control.label ? getTranslation(this.props.control.label) : undefined}\n value={this.state.value}\n onChange={(e): Promise<void> => {\n if (isNaN(parseFloat(e.target.value))) {\n return Promise.resolve();\n }\n return this.sendControl(this.props.deviceId, this.props.control, parseFloat(e.target.value));\n }}\n slotProps={{\n htmlInput: { min: this.state.min, max: this.state.max, step: this.state.step },\n input: {\n endAdornment: this.state.unit ? (\n <InputAdornment position=\"end\">{this.state.unit}</InputAdornment>\n ) : undefined,\n },\n // A field with an adornment never counts as empty, so the label has to be told\n // to shrink — otherwise it stays over the input and is drawn on top of the\n // value (\"92\" and \"SET\" in the same place).\n inputLabel: { shrink: true },\n }}\n variant=\"standard\"\n />\n );\n }\n\n renderIcon(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value);\n const color = this.getColor();\n const style: React.CSSProperties | undefined =\n color === this.props.colors.primary || color === this.props.colors.secondary ? {} : { color };\n const colorProps =\n color === this.props.colors.primary\n ? 'primary'\n : color === this.props.colors.secondary\n ? 'secondary'\n : undefined;\n\n if (!this.props.control.label) {\n style.width = 34;\n style.height = 34;\n style.minHeight = 34;\n\n return (\n <Fab\n disabled={this.props.disabled}\n size=\"small\"\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n startIcon={icon}\n variant={this.props.control.variant}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n renderInfo(): JSX.Element {\n let label = this.props.control.label;\n if (this.state.value && this.props.control.labelOn && typeof this.state.value === 'boolean') {\n label = this.props.control.labelOn;\n }\n if (label) {\n label = getTranslation(this.props.control.label!, this.props.control.noTranslation);\n }\n let value = this.state.value;\n if (typeof this.state.value === 'boolean') {\n if (this.props.control.textFalse && !this.state.value) {\n value = getTranslation(this.props.control.textFalse, this.props.control.noTranslation);\n } else if (this.props.control.textTrue && this.state.value) {\n value = getTranslation(this.props.control.textTrue, this.props.control.noTranslation);\n }\n }\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value, true);\n return (\n <div style={{ display: 'flex' }}>\n {icon}\n {label ? (\n <InputLabel>\n {label}\n {this.props.control.showSemicolon ? ':' : null}\n </InputLabel>\n ) : null}\n\n <span>\n {value}\n <span style={{ fontSize: 'smaller', opacity: 0.7, marginLeft: this.state.unit ? 4 : 0 }}>\n {this.state.unit}\n </span>\n </span>\n </div>\n );\n }\n\n renderDivider(): JSX.Element {\n const style: React.CSSProperties = this.props.control.style || {};\n if (this.props.control.color) {\n style.color = this.props.control.color;\n }\n return <Divider style={style} />;\n }\n\n renderHeader(): JSX.Element {\n const style: React.CSSProperties = {\n backgroundColor: this.props.colors.primary,\n width: '100%',\n display: 'flex',\n gap: 8,\n };\n Object.assign(style, this.props.control.style);\n if (this.props.control.color) {\n style.color = this.props.control.color;\n }\n const icon = renderControlIcon(this.props.control, this.props.colors, false, true);\n return (\n <div style={style}>\n {icon}\n {getTranslation(this.props.control.label!)}\n </div>\n );\n }\n\n render(): JSX.Element {\n if (this.props.control.type === 'button') {\n return this.renderButton();\n }\n\n if (this.props.control.type === 'icon') {\n return this.renderIcon();\n }\n\n if (this.props.control.type === 'switch') {\n return this.renderSwitch();\n }\n\n if (this.props.control.type === 'select') {\n return this.renderSelect();\n }\n\n if (this.props.control.type === 'slider') {\n return this.renderSlider();\n }\n\n if (this.props.control.type === 'color') {\n return this.renderColor();\n }\n\n if (this.props.control.type === 'text') {\n return this.renderText();\n }\n\n if (this.props.control.type === 'number') {\n return this.renderNumber();\n }\n\n if (this.props.control.type === 'info') {\n return this.renderInfo();\n }\n\n if (this.props.control.type === 'divider') {\n return this.renderDivider();\n }\n\n if (this.props.control.type === 'header') {\n return this.renderHeader();\n }\n\n return <div style={{ color: 'red' }}>{this.props.control.type}</div>;\n }\n}\n"]}
package/build/DeviceImageUpload.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { Connection } from '@iobroker/gui-components';
2
+ import { type Connection } from '@iobroker/gui-components';
3
3
  import type { DeviceId } from './protocol/api';
4
4
  interface DeviceImageUploadProps {
5
5
  socket: Connection;
@@ -9,5 +9,9 @@ interface DeviceImageUploadProps {
9
9
  onImageSelect: (image: string) => void;
10
10
  uploadImagesToInstance: string;
11
11
  }
12
+ /**
13
+ * Lies over the device symbol: on hover it shows the upload symbol, a click opens the file selection,
14
+ * and while the image is stored, the arrow moves up again and again.
15
+ */
12
16
  declare function DeviceImageUpload(params: DeviceImageUploadProps): React.JSX.Element | null;
13
17
  export default DeviceImageUpload;
package/build/DeviceImageUpload.js CHANGED
@@ -1,71 +1,88 @@
1
- import React from 'react';
1
+ import React, { useState } from 'react';
2
+ import { Tooltip } from '@mui/material';
3
+ import { IconUpload } from '@iobroker/gui-components';
4
+ import { getTranslation } from './Utils';
5
+ /** Reads the file and makes it at most 100 x 100 pixels big */
6
+ function resizeImage(file) {
7
+ return new Promise(resolve => {
8
+ const reader = new FileReader();
9
+ reader.onerror = () => resolve(null);
10
+ reader.onload = (e) => {
11
+ if (!e.target?.result) {
12
+ resolve(null);
13
+ return;
14
+ }
15
+ const img = new Image();
16
+ img.onerror = () => resolve(null);
17
+ img.onload = () => {
18
+ const maxWidth = 100;
19
+ const maxHeight = 100;
20
+ let width = img.width;
21
+ let height = img.height;
22
+ if (width > height) {
23
+ if (width > maxWidth) {
24
+ height *= maxWidth / width;
25
+ width = maxWidth;
26
+ }
27
+ }
28
+ else if (height > maxHeight) {
29
+ width *= maxHeight / height;
30
+ height = maxHeight;
31
+ }
32
+ const canvas = document.createElement('canvas');
33
+ const ctx = canvas.getContext('2d');
34
+ if (!ctx) {
35
+ resolve(null);
36
+ return;
37
+ }
38
+ canvas.width = width;
39
+ canvas.height = height;
40
+ ctx.drawImage(img, 0, 0, width, height);
41
+ resolve(canvas.toDataURL('image/webp'));
42
+ };
43
+ img.src = e.target.result;
44
+ };
45
+ reader.readAsDataURL(file);
46
+ });
47
+ }
48
+ /**
49
+ * Lies over the device symbol: on hover it shows the upload symbol, a click opens the file selection,
50
+ * and while the image is stored, the arrow moves up again and again.
51
+ */
2
52
  function DeviceImageUpload(params) {
3
53
  const { socket, manufacturer, model, deviceId, onImageSelect, uploadImagesToInstance } = params;
4
- const handleImageUpload = (event) => {
5
- const target = event.target;
6
- const files = target.files;
7
- if (!files || files.length === 0) {
54
+ const [uploading, setUploading] = useState(false);
55
+ const handleImageUpload = async (event) => {
56
+ const file = event.target.files?.[0];
57
+ // The same file can be selected again
58
+ event.target.value = '';
59
+ if (!file) {
8
60
  return;
9
61
  }
10
- const file = files[0];
11
- if (file) {
12
- const reader = new FileReader();
13
- reader.onload = (e) => {
14
- if (!e.target || !e.target.result) {
15
- return;
16
- }
17
- const img = new Image();
18
- img.src = e.target.result;
19
- img.onload = async () => {
20
- const maxWidth = 100;
21
- const maxHeight = 100;
22
- let width = img.width;
23
- let height = img.height;
24
- if (width > height) {
25
- if (width > maxWidth) {
26
- height *= maxWidth / width;
27
- width = maxWidth;
28
- }
29
- }
30
- else if (height > maxHeight) {
31
- width *= maxHeight / height;
32
- height = maxHeight;
33
- }
34
- const canvas = document.createElement('canvas');
35
- const ctx = canvas.getContext('2d');
36
- if (ctx) {
37
- canvas.width = width;
38
- canvas.height = height;
39
- ctx.drawImage(img, 0, 0, width, height);
40
- const resizedImage = canvas.toDataURL('image/webp');
41
- // Build the file name from a manufacturer and model, if not available, use device id
42
- const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || JSON.stringify(deviceId)}.webp`;
43
- const base64Data = resizedImage.replace(/^data:image\/webp;base64,/, '');
44
- const response = await socket.writeFile64(uploadImagesToInstance, fileName, base64Data);
45
- console.log(`saveImage response: ${JSON.stringify(response)}`);
46
- if (onImageSelect) {
47
- onImageSelect(resizedImage);
48
- }
49
- }
50
- };
51
- };
52
- reader.readAsDataURL(file);
62
+ setUploading(true);
63
+ try {
64
+ const resizedImage = await resizeImage(file);
65
+ if (!resizedImage) {
66
+ return;
67
+ }
68
+ // Build the file name from a manufacturer and model, if not available, use device id
69
+ const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || JSON.stringify(deviceId)}.webp`;
70
+ const base64Data = resizedImage.replace(/^data:image\/webp;base64,/, '');
71
+ const response = await socket.writeFile64(uploadImagesToInstance, fileName, base64Data);
72
+ console.log(`saveImage response: ${JSON.stringify(response)}`);
73
+ onImageSelect?.(resizedImage);
74
+ }
75
+ catch (error) {
76
+ console.error(`Cannot save the image: ${error}`);
77
+ }
78
+ finally {
79
+ setUploading(false);
53
80
  }
54
81
  };
55
- const imageUploadButtonStyle = {
56
- // make the button invisible but still clickable
57
- opacity: 0,
58
- position: 'absolute',
59
- width: 45,
60
- height: 45,
61
- zIndex: 3,
62
- };
63
- const imageUploadDiv = {
64
- position: 'relative',
65
- top: -22,
66
- };
67
- return (React.createElement("div", { style: imageUploadDiv },
68
- React.createElement("input", { style: imageUploadButtonStyle, type: "file", accept: "image/*", onChange: handleImageUpload })));
82
+ return (React.createElement(Tooltip, { title: getTranslation('uploadImageTooltip'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
83
+ React.createElement("label", { className: `dm-upload${uploading ? ' dm-upload-busy' : ''}` },
84
+ React.createElement(IconUpload, { uploading: uploading }),
85
+ React.createElement("input", { type: "file", accept: "image/*", disabled: uploading, "aria-label": getTranslation('uploadImageTooltip'), onChange: e => void handleImageUpload(e) }))));
69
86
  }
70
87
  export default DeviceImageUpload;
71
88
  //# sourceMappingURL=DeviceImageUpload.js.map
package/build/DeviceImageUpload.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DeviceImageUpload.js","sourceRoot":"./src/","sources":["DeviceImageUpload.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type ChangeEvent, type ChangeEventHandler } from 'react';\nimport type { Connection } from '@iobroker/gui-components';\nimport type { DeviceId } from './protocol/api';\n\ninterface DeviceImageUploadProps {\n socket: Connection;\n manufacturer?: string;\n model?: string;\n deviceId: DeviceId;\n onImageSelect: (image: string) => void;\n uploadImagesToInstance: string;\n}\n\nfunction DeviceImageUpload(params: DeviceImageUploadProps): React.JSX.Element | null {\n const { socket, manufacturer, model, deviceId, onImageSelect, uploadImagesToInstance } = params;\n\n const handleImageUpload: ChangeEventHandler<HTMLInputElement> = (event: ChangeEvent<HTMLInputElement>): void => {\n const target = event.target;\n const files: FileList | null = target.files;\n if (!files || files.length === 0) {\n return;\n }\n\n const file = files[0];\n\n if (file) {\n const reader = new FileReader();\n\n reader.onload = (e: ProgressEvent<FileReader>): void => {\n if (!e.target || !e.target.result) {\n return;\n }\n\n const img = new Image();\n img.src = e.target.result as string;\n\n img.onload = async () => {\n const maxWidth = 100;\n const maxHeight = 100;\n let width = img.width;\n let height = img.height;\n\n if (width > height) {\n if (width > maxWidth) {\n height *= maxWidth / width;\n width = maxWidth;\n }\n } else if (height > maxHeight) {\n width *= maxHeight / height;\n height = maxHeight;\n }\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n if (ctx) {\n canvas.width = width;\n canvas.height = height;\n ctx.drawImage(img, 0, 0, width, height);\n\n const resizedImage = canvas.toDataURL('image/webp');\n\n // Build the file name from a manufacturer and model, if not available, use device id\n const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || JSON.stringify(deviceId)}.webp`;\n const base64Data = resizedImage.replace(/^data:image\\/webp;base64,/, '');\n const response = await socket.writeFile64(uploadImagesToInstance, fileName, base64Data);\n console.log(`saveImage response: ${JSON.stringify(response)}`);\n\n if (onImageSelect) {\n onImageSelect(resizedImage);\n }\n }\n };\n };\n\n reader.readAsDataURL(file);\n }\n };\n\n const imageUploadButtonStyle: React.CSSProperties = {\n // make the button invisible but still clickable\n opacity: 0,\n position: 'absolute',\n width: 45,\n height: 45,\n zIndex: 3,\n };\n\n const imageUploadDiv: React.CSSProperties = {\n position: 'relative',\n top: -22,\n };\n\n return (\n <div style={imageUploadDiv}>\n <input\n style={imageUploadButtonStyle}\n type=\"file\"\n accept=\"image/*\"\n onChange={handleImageUpload}\n />\n </div>\n );\n}\n\nexport default DeviceImageUpload;\n"]}
1
+ {"version":3,"file":"DeviceImageUpload.js","sourceRoot":"./src/","sources":["DeviceImageUpload.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, type ChangeEvent } from 'react';\nimport { Tooltip } from '@mui/material';\n\nimport { IconUpload, type Connection } from '@iobroker/gui-components';\nimport type { DeviceId } from './protocol/api';\nimport { getTranslation } from './Utils';\n\ninterface DeviceImageUploadProps {\n socket: Connection;\n manufacturer?: string;\n model?: string;\n deviceId: DeviceId;\n onImageSelect: (image: string) => void;\n uploadImagesToInstance: string;\n}\n\n/** Reads the file and makes it at most 100 x 100 pixels big */\nfunction resizeImage(file: File): Promise<string | null> {\n return new Promise(resolve => {\n const reader = new FileReader();\n reader.onerror = () => resolve(null);\n reader.onload = (e: ProgressEvent<FileReader>): void => {\n if (!e.target?.result) {\n resolve(null);\n return;\n }\n\n const img = new Image();\n img.onerror = () => resolve(null);\n img.onload = () => {\n const maxWidth = 100;\n const maxHeight = 100;\n let width = img.width;\n let height = img.height;\n\n if (width > height) {\n if (width > maxWidth) {\n height *= maxWidth / width;\n width = maxWidth;\n }\n } else if (height > maxHeight) {\n width *= maxHeight / height;\n height = maxHeight;\n }\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n if (!ctx) {\n resolve(null);\n return;\n }\n canvas.width = width;\n canvas.height = height;\n ctx.drawImage(img, 0, 0, width, height);\n resolve(canvas.toDataURL('image/webp'));\n };\n img.src = e.target.result as string;\n };\n reader.readAsDataURL(file);\n });\n}\n\n/**\n * Lies over the device symbol: on hover it shows the upload symbol, a click opens the file selection,\n * and while the image is stored, the arrow moves up again and again.\n */\nfunction DeviceImageUpload(params: DeviceImageUploadProps): React.JSX.Element | null {\n const { socket, manufacturer, model, deviceId, onImageSelect, uploadImagesToInstance } = params;\n const [uploading, setUploading] = useState(false);\n\n const handleImageUpload = async (event: ChangeEvent<HTMLInputElement>): Promise<void> => {\n const file = event.target.files?.[0];\n // The same file can be selected again\n event.target.value = '';\n if (!file) {\n return;\n }\n\n setUploading(true);\n try {\n const resizedImage = await resizeImage(file);\n if (!resizedImage) {\n return;\n }\n // Build the file name from a manufacturer and model, if not available, use device id\n const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || JSON.stringify(deviceId)}.webp`;\n const base64Data = resizedImage.replace(/^data:image\\/webp;base64,/, '');\n const response = await socket.writeFile64(uploadImagesToInstance, fileName, base64Data);\n console.log(`saveImage response: ${JSON.stringify(response)}`);\n\n onImageSelect?.(resizedImage);\n } catch (error) {\n console.error(`Cannot save the image: ${error}`);\n } finally {\n setUploading(false);\n }\n };\n\n return (\n <Tooltip\n title={getTranslation('uploadImageTooltip')}\n slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n >\n <label className={`dm-upload${uploading ? ' dm-upload-busy' : ''}`}>\n <IconUpload uploading={uploading} />\n <input\n type=\"file\"\n accept=\"image/*\"\n disabled={uploading}\n aria-label={getTranslation('uploadImageTooltip')}\n onChange={e => void handleImageUpload(e)}\n />\n </label>\n </Tooltip>\n );\n}\n\nexport default DeviceImageUpload;\n"]}
package/build/DeviceList.d.ts CHANGED
@@ -142,6 +142,14 @@ export default class DeviceList extends Communication<DeviceListProps, DeviceLis
142
142
  icon?: React.JSX.Element | string | null;
143
143
  }[] | undefined): React.JSX.Element | null;
144
144
  renderInstanceCards(): React.JSX.Element[];
145
+ /** True if any filter hides devices: the text, the group or one of the toggles */
146
+ private hasActiveFilter;
147
+ /** Removes all filters at once */
148
+ private resetFilters;
149
+ /** An empty list says what happened and, if possible, what to do */
150
+ private renderEmpty;
151
+ /** The filter symbol in the toolbar. While a filter is set, a red cross shows that a click removes all filters */
152
+ private renderFilterButton;
145
153
  /**
146
154
  * Apply the text filter and the "only updatable" / "only battery problem" filters.
147
155
  *