@iobroker/adapter-react-v5 4.0.18 → 4.0.20

package/Components/ColorPicker.js

@@ -19,6 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _material = require("@mui/material");
 var _iconsMaterial = require("@mui/icons-material");
+var _Utils = _interopRequireDefault(require("./Utils"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -38,7 +39,7 @@ var styles = function styles(theme) {
     swatch: {
       marginTop: 16,
       padding: 5,
-      background: '#fff',
+      background: theme.palette.background.paper,
       borderRadius: 1,
       boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
       display: 'inline-block',
@@ -211,7 +212,7 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
         style: color ? {
           width: 'calc(100% - 80px)'
         } : {
-          width: 'calc(100% - 54px)',
+          width: 'calc(100% - 56px)',
           marginRight: 8
         },
         label: this.props.label || this.props.name || 'color',
@@ -235,9 +236,14 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
           cursor: 'default'
         }
       }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null)) : null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(this.props.classes.swatch).concat(this.props.disabled ? " ".concat(this.props.classes.swatchDisabled) : ''),
+        className: _Utils["default"].clsx(this.props.classes.swatch, this.props.disabled && this.props.classes.swatchDisabled),
         onClick: function onClick(e) {
           return !_this3.props.disabled && _this3.handleClick(e);
+        },
+        style: {
+          background: color ? undefined : 'transparent',
+          border: color ? undefined : '1px dashed #ccc',
+          boxSizing: 'border-box'
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.color,

package/Components/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_reactColor","_propTypes","_withStyles","_material","_iconsMaterial","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","color","width","height","borderRadius","delButton","marginTop","swatch","padding","background","boxShadow","display","cursor","verticalAlign","swatchDisabled","opacity","popover","backgroundColor","textAlign","popoverList","closeButton","concat","palette","paper","secondary","main","cover","position","top","right","bottom","left","textDense","marginBottom","picker","iconButton","button","minWidth","minHeight","ColorPicker","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","setState","displayColorPicker","state","anchorEl","currentTarget","onChange","getColor","value","_createClass2","renderCustomPalette","_this2","customPalette","createElement","style","flexWrap","map","Button","className","classes","onClick","handleChange","setTimeout","handleClose","render","_this3","TextField","disabled","variant","id","marginRight","label","name","margin","root","IconButton","size","Delete","handleClick","Menu","list","open","onClose","ChromePicker","onChangeComplete","_color","Close","getDerivedStateFromProps","pColor","sColor","isHex","_typeof2","rgb","r","toString","padStart","g","b","a","rgb2hex","m","match","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","array","_export","withStyles","_default","exports"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * Licensed under the Creative Commons Attribution-NonCommercial License, Version 4.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://creativecommons.org/licenses/by-nc/4.0/legalcode.txt\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\nimport React from 'react';\nimport { ChromePicker } from 'react-color';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport { TextField, Menu, IconButton, Button } from '@mui/material';\nimport { Delete as IconDelete, Close as IconClose } from '@mui/icons-material';\n\nconst styles = theme => ({\n    color: {\n        width: 36,\n        height: 14,\n        borderRadius: 2,\n    },\n    delButton: {\n        // width: 32,\n        // height: 32,\n        marginTop: 16,\n    },\n    swatch: {\n        marginTop: 16,\n        padding: 5,\n        background: '#fff',\n        borderRadius: 1,\n        boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n        display: 'inline-block',\n        cursor: 'pointer',\n        verticalAlign: 'middle',\n    },\n    swatchDisabled: {\n        opacity: 0.5,\n        cursor: 'default',\n    },\n    popover: {\n        // position: 'absolute',\n        // zIndex: 2,\n        backgroundColor: '#00000000',\n        textAlign: 'right',\n    },\n    popoverList: {\n        padding: 0,\n    },\n    closeButton: {\n        backgroundColor: `${theme.palette.background.paper} !important`,\n        borderRadius: '0 0 25% 25%',\n        '&:hover': {\n            backgroundColor: `${theme.palette.secondary.main} !important`,\n        },\n    },\n    cover: {\n        position: 'fixed',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n    },\n    textDense: {\n        marginTop: 0,\n        marginBottom: 0,\n    },\n    picker: {\n        background: `${theme.palette.background.paper} !important`,\n    },\n    iconButton: {\n        width: 16,\n        height: 16,\n    },\n    button: {\n        width: 32,\n        height: 32,\n        minWidth: 32,\n        minHeight: 32,\n    },\n});\n\n/**\n * @typedef {object} Rgb\n * @property {number} r The red component of the color (0-255).\n * @property {number} g The green component of the color (0-255).\n * @property {number} b The blue component of the color (0-255).\n * @property {number} a The alpha component of the color (0-255).\n *\n * @typedef {string | Rgb | { rgb: Rgb }} Color Definition of a color.\n *\n * @typedef {object} ColorPickerProps\n * @property {boolean} [disabled] Set to true to disable the color picker.\n * @property {Color} [value] The currently selected color.\n * @property {(rgba: string) => void} [onChange] The color change callback.\n * @property {string} [name] The name.\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n * @property {boolean} [openAbove] Open the color picker above the field?\n *\n * @extends {React.Component<ColorPickerProps>}\n */\nclass ColorPicker extends React.Component {\n    /**\n     * @param {Readonly<ColorPickerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        this.state = {\n            displayColorPicker: false,\n            color: this.props.value || this.props.color,\n            anchorEl: null,\n        };\n    }\n\n    /**\n     * Get the state derived from the given properties and state.\n     * @param {{ color: Color; }} props\n     * @param {{ color: Color; }} state\n     */\n    static getDerivedStateFromProps(props, state) {\n        const pColor = ColorPicker.getColor(props.value || props.color);\n        const sColor = ColorPicker.getColor(state.color);\n        if (pColor !== sColor) {\n            return {  color: props.value || props.color };\n        }\n        return null;\n    }\n\n    /**\n     * @private\n     */\n    handleClick = e => {\n        this.setState({ displayColorPicker: !this.state.displayColorPicker, anchorEl: this.state.displayColorPicker ? null : e.currentTarget });\n    };\n\n    /**\n     * @private\n     */\n    handleClose = () => {\n        this.setState({ displayColorPicker: false, anchorEl: null });\n    };\n\n    /**\n     * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.\n     * @param {Color} [color]\n     * @param {boolean} [isHex] The returning string should be in hex format\n     * @returns {string} the hex or rgba representation of the given color.\n     */\n    static getColor(color, isHex) {\n        if (color && typeof color === 'object') {\n            if (color.rgb) {\n                if (isHex) {\n                    return `#${color.rgb.r.toString(16).padStart(2, '0')}${color.rgb.g.toString(16).padStart(2, '0')}${color.rgb.b.toString(16).padStart(2, '0')}`;\n                }\n                return `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;\n            }\n            if (isHex) {\n                return `#${color.r.toString(16).padStart(2, '0')}${color.g.toString(16).padStart(2, '0')}${color.b.toString(16).padStart(2, '0')}`;\n            }\n            return `rgba(${color.r},${color.g},${color.b},${color.a})`;\n        }\n        return isHex ? ColorPicker.rgb2hex(color || '') : color || '';\n    }\n\n    /**\n     * Convert rgb() or rgba() format to hex format #rrggbb.\n     * @param {string} rgb\n     * @returns {string}\n     */\n    static rgb2hex(rgb) {\n        const m = rgb.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i);\n\n        const r = parseInt(m[1], 10).toString(16).padStart(2, '0');\n        const g = parseInt(m[2], 10).toString(16).padStart(2, '0');\n        const b = parseInt(m[3], 10).toString(16).padStart(2, '0');\n\n        return m && m.length === 4 ? `#${r}${g}${b}` : rgb;\n    }\n\n    /**\n     * @private\n     */\n    handleChange = color => {\n        this.setState({ color }, () =>\n            this.props.onChange && this.props.onChange(ColorPicker.getColor(color)));\n    };\n\n    renderCustomPalette() {\n        if (!this.props.customPalette) {\n            return null;\n        }\n        return <div style={{ width: '100%', display: 'flex', flexWrap: 'flex' }}>\n            {this.props.customPalette.map(color =>\n                <Button\n                    className={this.props.classes.button}\n                    key={color}\n                    onClick={() => {\n                        this.handleChange(color);\n                        setTimeout(() => this.handleClose(), 300);\n                    }}\n                >\n                    <div className={this.props.classes.iconButton} style={{ background: color }} />\n                </Button>)}\n        </div>;\n    }\n\n    render() {\n        const color = ColorPicker.getColor(this.state.color);\n\n        const style = {...(this.props.style || {})};\n        style.position = 'relative';\n\n        return <div\n            style={ style }\n            className={this.props.className || ''}\n        >\n            <TextField\n                disabled={this.props.disabled}\n                variant=\"standard\"\n                id=\"name\"\n                style={color ? { width: 'calc(100% - 80px)' } : { width: 'calc(100% - 54px)', marginRight: 8 }}\n                label={this.props.label || this.props.name || 'color'}\n                value={color}\n                margin=\"dense\"\n                classes={{ root: this.props.classes.textDense }}\n                onChange={e => this.handleChange(e.target.value)}\n            />\n            {color ? <IconButton\n                disabled={this.props.disabled}\n                onClick={() => this.handleChange('')}\n                size=\"small\"\n                className={this.props.classes.delButton}\n                style={color ? {} : { opacity: 0, cursor: 'default' }}\n            >\n                <IconDelete />\n            </IconButton> : null}\n            <div className={`${this.props.classes.swatch}${this.props.disabled ? ` ${this.props.classes.swatchDisabled}` : ''}`} onClick={e => !this.props.disabled && this.handleClick(e)}>\n                <div className={this.props.classes.color} style={{ background: color }} />\n            </div>\n            { this.state.displayColorPicker && !this.props.disabled ? <Menu\n                classes={{ paper: this.props.classes.popover, list: this.props.classes.popoverList }}\n                anchorEl={this.state.anchorEl}\n                open={!0}\n                onClose={() => this.handleClose()}\n            >\n                <ChromePicker\n                    className={this.props.classes.picker}\n                    color={this.state.color}\n                    onChangeComplete={_color => this.handleChange(_color)}\n                    styles={{ picker: { background: '#112233' } }}\n                />\n                <IconButton className={this.props.classes.closeButton} onClick={() => this.handleClose()}><IconClose /></IconButton>\n                {this.renderCustomPalette()}\n            </Menu> : null }\n        </div>;\n    }\n}\n\nColorPicker.propTypes = {\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    label: PropTypes.string,\n    name: PropTypes.string, // same as label\n    style: PropTypes.object,\n    className: PropTypes.string,\n    customPalette: PropTypes.array,\n};\n\n/** @type {typeof ColorPicker} */\nconst _export = withStyles(styles)(ColorPicker);\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_reactColor","_propTypes","_withStyles","_material","_iconsMaterial","_Utils","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","color","width","height","borderRadius","delButton","marginTop","swatch","padding","background","palette","paper","boxShadow","display","cursor","verticalAlign","swatchDisabled","opacity","popover","backgroundColor","textAlign","popoverList","closeButton","concat","secondary","main","cover","position","top","right","bottom","left","textDense","marginBottom","picker","iconButton","button","minWidth","minHeight","ColorPicker","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","setState","displayColorPicker","state","anchorEl","currentTarget","onChange","getColor","value","_createClass2","renderCustomPalette","_this2","customPalette","createElement","style","flexWrap","map","Button","className","classes","onClick","handleChange","setTimeout","handleClose","render","_this3","TextField","disabled","variant","id","marginRight","label","name","margin","root","IconButton","size","Delete","Utils","clsx","handleClick","undefined","border","boxSizing","Menu","list","open","onClose","ChromePicker","onChangeComplete","_color","Close","getDerivedStateFromProps","pColor","sColor","isHex","_typeof2","rgb","r","toString","padStart","g","b","a","rgb2hex","m","match","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","array","_export","withStyles","_default","exports"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * Licensed under the Creative Commons Attribution-NonCommercial License, Version 4.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://creativecommons.org/licenses/by-nc/4.0/legalcode.txt\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\nimport React from 'react';\nimport { ChromePicker } from 'react-color';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport { TextField, Menu, IconButton, Button } from '@mui/material';\nimport { Delete as IconDelete, Close as IconClose } from '@mui/icons-material';\n\nimport Utils from './Utils';\n\nconst styles = theme => ({\n    color: {\n        width: 36,\n        height: 14,\n        borderRadius: 2,\n    },\n    delButton: {\n        // width: 32,\n        // height: 32,\n        marginTop: 16,\n    },\n    swatch: {\n        marginTop: 16,\n        padding: 5,\n        background: theme.palette.background.paper,\n        borderRadius: 1,\n        boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n        display: 'inline-block',\n        cursor: 'pointer',\n        verticalAlign: 'middle',\n    },\n    swatchDisabled: {\n        opacity: 0.5,\n        cursor: 'default',\n    },\n    popover: {\n        // position: 'absolute',\n        // zIndex: 2,\n        backgroundColor: '#00000000',\n        textAlign: 'right',\n    },\n    popoverList: {\n        padding: 0,\n    },\n    closeButton: {\n        backgroundColor: `${theme.palette.background.paper} !important`,\n        borderRadius: '0 0 25% 25%',\n        '&:hover': {\n            backgroundColor: `${theme.palette.secondary.main} !important`,\n        },\n    },\n    cover: {\n        position: 'fixed',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n    },\n    textDense: {\n        marginTop: 0,\n        marginBottom: 0,\n    },\n    picker: {\n        background: `${theme.palette.background.paper} !important`,\n    },\n    iconButton: {\n        width: 16,\n        height: 16,\n    },\n    button: {\n        width: 32,\n        height: 32,\n        minWidth: 32,\n        minHeight: 32,\n    },\n});\n\n/**\n * @typedef {object} Rgb\n * @property {number} r The red component of the color (0-255).\n * @property {number} g The green component of the color (0-255).\n * @property {number} b The blue component of the color (0-255).\n * @property {number} a The alpha component of the color (0-255).\n *\n * @typedef {string | Rgb | { rgb: Rgb }} Color Definition of a color.\n *\n * @typedef {object} ColorPickerProps\n * @property {boolean} [disabled] Set to true to disable the color picker.\n * @property {Color} [value] The currently selected color.\n * @property {(rgba: string) => void} [onChange] The color change callback.\n * @property {string} [name] The name.\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n * @property {boolean} [openAbove] Open the color picker above the field?\n *\n * @extends {React.Component<ColorPickerProps>}\n */\nclass ColorPicker extends React.Component {\n    /**\n     * @param {Readonly<ColorPickerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        this.state = {\n            displayColorPicker: false,\n            color: this.props.value || this.props.color,\n            anchorEl: null,\n        };\n    }\n\n    /**\n     * Get the state derived from the given properties and state.\n     * @param {{ color: Color; }} props\n     * @param {{ color: Color; }} state\n     */\n    static getDerivedStateFromProps(props, state) {\n        const pColor = ColorPicker.getColor(props.value || props.color);\n        const sColor = ColorPicker.getColor(state.color);\n        if (pColor !== sColor) {\n            return {  color: props.value || props.color };\n        }\n        return null;\n    }\n\n    /**\n     * @private\n     */\n    handleClick = e => {\n        this.setState({ displayColorPicker: !this.state.displayColorPicker, anchorEl: this.state.displayColorPicker ? null : e.currentTarget });\n    };\n\n    /**\n     * @private\n     */\n    handleClose = () => {\n        this.setState({ displayColorPicker: false, anchorEl: null });\n    };\n\n    /**\n     * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.\n     * @param {Color} [color]\n     * @param {boolean} [isHex] The returning string should be in hex format\n     * @returns {string} the hex or rgba representation of the given color.\n     */\n    static getColor(color, isHex) {\n        if (color && typeof color === 'object') {\n            if (color.rgb) {\n                if (isHex) {\n                    return `#${color.rgb.r.toString(16).padStart(2, '0')}${color.rgb.g.toString(16).padStart(2, '0')}${color.rgb.b.toString(16).padStart(2, '0')}`;\n                }\n                return `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;\n            }\n            if (isHex) {\n                return `#${color.r.toString(16).padStart(2, '0')}${color.g.toString(16).padStart(2, '0')}${color.b.toString(16).padStart(2, '0')}`;\n            }\n            return `rgba(${color.r},${color.g},${color.b},${color.a})`;\n        }\n        return isHex ? ColorPicker.rgb2hex(color || '') : color || '';\n    }\n\n    /**\n     * Convert rgb() or rgba() format to hex format #rrggbb.\n     * @param {string} rgb\n     * @returns {string}\n     */\n    static rgb2hex(rgb) {\n        const m = rgb.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i);\n\n        const r = parseInt(m[1], 10).toString(16).padStart(2, '0');\n        const g = parseInt(m[2], 10).toString(16).padStart(2, '0');\n        const b = parseInt(m[3], 10).toString(16).padStart(2, '0');\n\n        return m && m.length === 4 ? `#${r}${g}${b}` : rgb;\n    }\n\n    /**\n     * @private\n     */\n    handleChange = color => {\n        this.setState({ color }, () =>\n            this.props.onChange && this.props.onChange(ColorPicker.getColor(color)));\n    };\n\n    renderCustomPalette() {\n        if (!this.props.customPalette) {\n            return null;\n        }\n        return <div style={{ width: '100%', display: 'flex', flexWrap: 'flex' }}>\n            {this.props.customPalette.map(color =>\n                <Button\n                    className={this.props.classes.button}\n                    key={color}\n                    onClick={() => {\n                        this.handleChange(color);\n                        setTimeout(() => this.handleClose(), 300);\n                    }}\n                >\n                    <div className={this.props.classes.iconButton} style={{ background: color }} />\n                </Button>)}\n        </div>;\n    }\n\n    render() {\n        const color = ColorPicker.getColor(this.state.color);\n\n        const style = {...(this.props.style || {})};\n        style.position = 'relative';\n\n        return <div\n            style={ style }\n            className={this.props.className || ''}\n        >\n            <TextField\n                disabled={this.props.disabled}\n                variant=\"standard\"\n                id=\"name\"\n                style={color ? { width: 'calc(100% - 80px)' } : { width: 'calc(100% - 56px)', marginRight: 8 }}\n                label={this.props.label || this.props.name || 'color'}\n                value={color}\n                margin=\"dense\"\n                classes={{ root: this.props.classes.textDense }}\n                onChange={e => this.handleChange(e.target.value)}\n            />\n            {color ? <IconButton\n                disabled={this.props.disabled}\n                onClick={() => this.handleChange('')}\n                size=\"small\"\n                className={this.props.classes.delButton}\n                style={color ? {} : { opacity: 0, cursor: 'default' }}\n            >\n                <IconDelete />\n            </IconButton> : null}\n            <div\n                className={Utils.clsx(this.props.classes.swatch, this.props.disabled && this.props.classes.swatchDisabled)}\n                onClick={e => !this.props.disabled && this.handleClick(e)}\n                style={{\n                    background: color ? undefined : 'transparent',\n                    border: color ? undefined : '1px dashed #ccc',\n                    boxSizing: 'border-box',\n                }}\n            >\n                <div className={this.props.classes.color} style={{ background: color }} />\n            </div>\n            { this.state.displayColorPicker && !this.props.disabled ? <Menu\n                classes={{ paper: this.props.classes.popover, list: this.props.classes.popoverList }}\n                anchorEl={this.state.anchorEl}\n                open={!0}\n                onClose={() => this.handleClose()}\n            >\n                <ChromePicker\n                    className={this.props.classes.picker}\n                    color={this.state.color}\n                    onChangeComplete={_color => this.handleChange(_color)}\n                    styles={{ picker: { background: '#112233' } }}\n                />\n                <IconButton className={this.props.classes.closeButton} onClick={() => this.handleClose()}><IconClose /></IconButton>\n                {this.renderCustomPalette()}\n            </Menu> : null }\n        </div>;\n    }\n}\n\nColorPicker.propTypes = {\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    label: PropTypes.string,\n    name: PropTypes.string, // same as label\n    style: PropTypes.object,\n    className: PropTypes.string,\n    customPalette: PropTypes.array,\n};\n\n/** @type {typeof ColorPicker} */\nconst _export = withStyles(styles)(ColorPicker);\nexport default _export;\n"],"mappings":"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"}

package/README.md

@@ -661,6 +661,13 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 4.0.20 (2023-03-21)
+* (bluefox) Color picker was improved
+
+### 4.0.19 (2023-03-20)
+* (bluefox) Packages were updated
+* (bluefox) Added new translations
+
 ### 4.0.18 (2023-03-16)
 * (bluefox) Packages were updated
 

package/i18n/de.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Position aus den Systemeinstellungen übernehmen",
   "ra_Port is already used by %s": "Port wird bereits von %s verwendet",
   "ra_Port could be used by %s": "Port könnte von %s verwendet werden",
-  "ra_filter_customs_without": "ohne"
+  "ra_filter_customs_without": "ohne",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Verwenden Sie den iobroker.acme-Adapter für letsencrypt-Zertifikate",
+  "ra_Do not use let's encrypt": "Verwenden Sie nicht let's encrypt",
+  "ra_Use all available let's encrypt certificates": "Verwenden Sie alle verfügbaren Zertifikate von let's encrypt",
+  "ra_Public certificate": "Öffentliches Zertifikat",
+  "ra_Private certificate": "Privates Zertifikat",
+  "ra_Chained certificate": "Chained Zertifikat"
 }

package/i18n/en.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Take position from system settings",
   "ra_Port is already used by %s": "Port is already used by %s",
   "ra_Port could be used by %s": "Port could be used by %s",
-  "ra_filter_customs_without": "without"
+  "ra_filter_customs_without": "without",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Use iobroker.acme adapter for letsencrypt certificates",
+  "ra_Do not use let's encrypt": "Do not use let's encrypt",
+  "ra_Use all available let's encrypt certificates": "Use all available let's encrypt certificates",
+  "ra_Public certificate": "Public certificate",
+  "ra_Private certificate": "Private certificate",
+  "ra_Chained certificate": "Chained certificate"
 }

package/i18n/es.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Tomar posición desde la configuración del sistema",
   "ra_Port is already used by %s": "El puerto ya está en uso por %s",
   "ra_Port could be used by %s": "El puerto podría ser utilizado por %s",
-  "ra_filter_customs_without": "sin"
+  "ra_filter_customs_without": "sin",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Use el adaptador iobroker.acme para los certificados de letsencrypt",
+  "ra_Do not use let's encrypt": "No use vamos a cifrar",
+  "ra_Use all available let's encrypt certificates": "Utilice todos los certificados let's encrypt disponibles",
+  "ra_Public certificate": "Certificado público",
+  "ra_Private certificate": "certificado privado",
+  "ra_Chained certificate": "certificado encadenado"
 }

package/i18n/fr.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Prendre position à partir des paramètres système",
   "ra_Port is already used by %s": "Le port est déjà utilisé par %s",
   "ra_Port could be used by %s": "Le port pourrait être utilisé par %s",
-  "ra_filter_customs_without": "sans"
+  "ra_filter_customs_without": "sans",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Utiliser l'adaptateur iobroker.acme pour les certificats Letsencrypt",
+  "ra_Do not use let's encrypt": "Ne pas utiliser let's encrypt",
+  "ra_Use all available let's encrypt certificates": "Utilisez tous les certificats let's encrypt disponibles",
+  "ra_Public certificate": "Certificat public",
+  "ra_Private certificate": "Certificat privé",
+  "ra_Chained certificate": "Certificat chaîné"
 }

package/i18n/it.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Prendi posizione dalle impostazioni di sistema",
   "ra_Port is already used by %s": "La porta è già utilizzata da %s",
   "ra_Port could be used by %s": "La porta potrebbe essere utilizzata da %s",
-  "ra_filter_customs_without": "senza"
+  "ra_filter_customs_without": "senza",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Utilizzare l'adattatore iobroker.acme per i certificati letsencrypt",
+  "ra_Do not use let's encrypt": "Non utilizzare crittografiamo",
+  "ra_Use all available let's encrypt certificates": "Usa tutti i certificati Let's Encrypt disponibili",
+  "ra_Public certificate": "Certificato pubblico",
+  "ra_Private certificate": "Certificato privato",
+  "ra_Chained certificate": "Certificato incatenato"
 }

package/i18n/nl.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Neem positie over van systeeminstellingen",
   "ra_Port is already used by %s": "Poort wordt al gebruikt door %s",
   "ra_Port could be used by %s": "Poort kan worden gebruikt door %s",
-  "ra_filter_customs_without": "zonder"
+  "ra_filter_customs_without": "zonder",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Gebruik de iobroker.acme-adapter voor letsencrypt-certificaten",
+  "ra_Do not use let's encrypt": "Gebruik geen let's encrypt",
+  "ra_Use all available let's encrypt certificates": "Gebruik alle beschikbare Let's Encrypt-certificaten",
+  "ra_Public certificate": "Openbaar certificaat",
+  "ra_Private certificate": "Privé certificaat",
+  "ra_Chained certificate": "Geketend certificaat"
 }

package/i18n/pl.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Zajmij pozycję z ustawień systemowych",
   "ra_Port is already used by %s": "Port jest już używany przez %s",
   "ra_Port could be used by %s": "Port może być używany przez %s",
-  "ra_filter_customs_without": "bez"
+  "ra_filter_customs_without": "bez",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Użyj adaptera iobroker.acme dla certyfikatów letsencrypt",
+  "ra_Do not use let's encrypt": "Nie używaj zaszyfrujmy",
+  "ra_Use all available let's encrypt certificates": "Użyj wszystkich dostępnych certyfikatów Let's Encrypt",
+  "ra_Public certificate": "Certyfikat publiczny",
+  "ra_Private certificate": "Prywatny certyfikat",
+  "ra_Chained certificate": "Certyfikat łańcuchowy"
 }

package/i18n/pt.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Tomar posição a partir das configurações do sistema",
   "ra_Port is already used by %s": "A porta já está sendo usada por %s",
   "ra_Port could be used by %s": "A porta pode ser usada por %s",
-  "ra_filter_customs_without": "sem"
+  "ra_filter_customs_without": "sem",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Use o adaptador iobroker.acme para certificados letsencrypt",
+  "ra_Do not use let's encrypt": "Não use vamos criptografar",
+  "ra_Use all available let's encrypt certificates": "Use todos os certificados disponíveis vamos criptografar",
+  "ra_Public certificate": "certificado público",
+  "ra_Private certificate": "certificado privado",
+  "ra_Chained certificate": "certificado encadeado"
 }

package/i18n/ru.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Занять позицию из системных настроек",
   "ra_Port is already used by %s": "Порт уже используется %s",
   "ra_Port could be used by %s": "Порт может использоваться %s",
-  "ra_filter_customs_without": "без"
+  "ra_filter_customs_without": "без",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Используйте адаптер iobroker.acme для сертификатов letsencrypt",
+  "ra_Do not use let's encrypt": "Не используйте Let’s Encrypt",
+  "ra_Use all available let's encrypt certificates": "Используйте все доступные сертификаты let’s encrypt",
+  "ra_Public certificate": "Публичный сертификат",
+  "ra_Private certificate": "Частный сертификат",
+  "ra_Chained certificate": "Chained сертификат"
 }

package/i18n/uk.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "Займіть позицію в налаштуваннях системи",
   "ra_Port is already used by %s": "Порт уже використовується %s",
   "ra_Port could be used by %s": "Порт може використовуватися %s",
-  "ra_filter_customs_without": "без"
+  "ra_filter_customs_without": "без",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "Використовуйте адаптер iobroker.acme для сертифікатів letsencrypt",
+  "ra_Do not use let's encrypt": "Не використовуйте let's encrypt",
+  "ra_Use all available let's encrypt certificates": "Використовуйте всі доступні сертифікати let's encrypt",
+  "ra_Public certificate": "Публічний сертифікат",
+  "ra_Private certificate": "Приватний сертифікат",
+  "ra_Chained certificate": "Прикутий сертифікат"
 }

package/i18n/zh-cn.json

@@ -363,5 +363,11 @@
   "ra_Take position from system settings": "从系统设置中获取位置",
   "ra_Port is already used by %s": "端口已被 %s 使用",
   "ra_Port could be used by %s": "%s 可以使用端口",
-  "ra_filter_customs_without": "没有"
+  "ra_filter_customs_without": "没有",
+  "ra_Use iobroker.acme adapter for letsencrypt certificates": "使用 iobroker.acme 适配器获取 letsencrypt 证书",
+  "ra_Do not use let's encrypt": "不要使用让我们加密",
+  "ra_Use all available let's encrypt certificates": "使用所有可用的让我们加密证书",
+  "ra_Public certificate": "公共证书",
+  "ra_Private certificate": "私有证书",
+  "ra_Chained certificate": "链式证书"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "4.0.18",
+  "version": "4.0.20",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "bluefox",
@@ -35,8 +35,8 @@
     "@mui/x-date-pickers": "6.0.2",
     "@iobroker/socket-client": "^2.0.5",
     "react-cropper": "^2.3.2",
-    "@sentry/browser": "^7.43.0",
-    "@sentry/integrations": "^7.43.0",
+    "@sentry/browser": "^7.44.1",
+    "@sentry/integrations": "^7.44.1",
     "@types/iobroker": "^4.0.5",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",